html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* { box-sizing: border-box; }
strong { font-weight: bold; }
em { font-style: italic; } html, body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html { font-size: 62.5%; }
header.main,
footer.main { max-width: 1240px; margin: 0 auto; clear: both; }
header.main { height: 100px; position: relative; border-bottom: 3px solid #000; margin-bottom: 30px;}
header.main a { cursor: pointer; color: #000; font: 700 1.4rem "PT Sans Caption", Arial, sans-serif; text-decoration: none; text-transform: uppercase; margin-top: 40px; }
header.main .logo { display: block; left: 50%; margin-left: -127.5px; position: absolute; top: 20px; margin-top: 0; }
header.main .contact { float: left; }
header.main .menu { float: right; position: relative; padding-right: 34px;}
header.main .menu:before { background: #E3E3E3; content: ""; display: block; position: absolute; left: -20px; width: 1px; height: 26px; top: -5px; }
header.main .search { float: right; margin-top: 34px; margin-right: 40px; cursor: pointer; }
.subscription { clear: both; background: #4A90E2; color: #fff; padding: 30px; text-align: center; font: 1.4rem/3rem "PT Sans Caption", Arial, sans-serif; }
.subscription .sp-form-fields-wrapper > div:last-child { display: none; } .socials-menu { font-size: 0; padding: 60px 0; text-align: center; }
.socials-menu .icon { padding: 10px; display: inline-block; }
.socials-menu .icon svg { height: 60px; width: 60px; }
.socials-menu .icon:hover svg * { fill: #000!important; }
.underline { display: flex; flex-direction: row-reverse; justify-content: space-between; border-top: 3px solid #000; padding: 30px 0; }
.underline .copyright { font: 1.4rem "PT Sans Caption", Arial, sans-serif; }
.underline .copyright .dev { display: block; margin-top: 10px; }
.underline .copyright .dev a { color: #000; }
.underline menu { font-size: 0; }
.underline menu a { color: #000; font: 700 1.4rem "PT Sans Caption", Arial, sans-serif; text-decoration: none; white-space: nowrap; float: right; margin-left: 15px; }
.underline a.contact { color: #4A90E2; clear: both; text-transform: uppercase; margin-top: 10px; }
@media screen and ( max-width: 1280px ) {
header.main,
footer.main { margin-left: 20px; margin-right: 20px; }
}
@media screen and ( max-width: 800px ) {
header .search,
header .contact { display: none; }
header.main .logo { left: 0; margin-left: 0; }
header.main .menu { text-indent: -10000px; position: fixed; right: 20px; z-index: 10001; }
header.main .menu:before { content: none; }
}
@media screen and ( max-width: 650px ) {
html { font-size: 52.5%; }
.socials-menu { padding: 40px 0px; }
.socials-menu .icon { padding: 5px; }
.socials-menu .icon svg { height: 40px; width: 40px; }
.underline { display: block; }
.underline menu { margin-bottom: 20px; text-align: center; }
.underline menu a + a { margin-left: 0; }
.underline menu a { display: inline-block; padding: 5px 15px; float: none; margin-left: 0; }
.underline .copyright { text-align: center }
.underline a.contact { float: none; }
}
@media print {
header .menu,
header .search,
header .contact,
.sidebar,
.description,
.subscription,
.underline menu,
.underline .copyright .dev,
.socials-menu { display: none; }
.entry-content { width: 100%!important; }
} header.main nav { margin-right: 80px; }
header.main .thematic-menu { padding: 5px 20px; border-right: 1px solid rgba(0,0,0,.15); border-left: 1px solid rgba(0,0,0,.15); }
header.main .search-form:after { content: none; }
body.menu-opened { overflow: hidden; }
body.menu-opened .mobile-menu-overlay,
body.menu-opened .mobile-menu { display: block; }
body.menu-opened .menu-button span { background: #ffffff; }
body.menu-opened header.main nav { display: none; }
.mobile-menu-overlay { content: ""; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.9); position: fixed; z-index: 1100; display: none; }
.mobile-menu { top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 1101; display: none; overflow: auto; }
.mobile-menu .thematic-menu a,
.mobile-menu .menu-stories a {color: #fff; font: 1.8rem "PT Sans Caption", sans-serif; text-decoration: none; }
.mobile-menu .thematic-menu a:hover,
.mobile-menu .menu-stories a:hover {color: #4A90E2; text-decoration: none; }
.mobile-menu .thematic-menu li,
.mobile-menu .menu-stories li { margin-bottom: 3ex; }
.mobile-menu .menu-subj { max-width: 800px; margin: 30px auto; text-align: center; font-size: 0; padding: 0 15px; }
.mobile-menu .menu-subj li {display: inline-block; margin: 0 5px 5px 0; }
.mobile-menu .menu-subj a {background: #999; color: #fff; display: inline-block; font: 1.4rem "PT Sans Caption", sans-serif; text-decoration: none; padding: 4px 8px 5px; border-radius: 3px; }
.mobile-menu .menu-subj a:hover { background: #D0021B; }
.mobile-menu .search-form { max-width: 650px; margin: 0 auto; padding: 30px 20px; }
.mobile-menu .search-form .search-box { position: relative; display: flex; }
.mobile-menu .search-form input { background: transparent; border: none; border-bottom: 3px solid #fff; color: #fff; font-size: 1.8rem; outline: none; width: 100%; }
.mobile-menu .search-form button { background: transparent; border: 0; }
.mobile-menu .search-form button * { fill: #fff }
.mobile-menu .cols { display: flex; justify-content: center; padding: 60px 20px 0; }
.mobile-menu .cols > ul + ul { margin-left: 30px; }
.menu-button {
display: block; top: -2px; right: 0; z-index: 1101;
width: 24px; height: 20px; position: absolute; cursor: pointer;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.menu-button span {
display: block; position: absolute; height: 4px; width: 100%; background: #000000; border-radius: 1px; opacity: 1; left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.menu-button span:nth-child(1) { top: 0px;}
.menu-button span:nth-child(2),
.menu-button span:nth-child(3) { top: 8px; }
.menu-button span:nth-child(4) {top: 16px;}
body.menu-opened .menu-button span:nth-child(1) {top: 10px; width: 0%; left: 50%;}
body.menu-opened .menu-button span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
body.menu-opened .menu-button span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
body.menu-opened .menu-button span:nth-child(4) { top: 10px; width: 0%; left: 50%;}
@media (max-width: 650px) {
html {margin-top: 0px !important;}
header.main { background: #ffffff; margin-bottom: 0; }
#wpadminbar {display: none;}
} .meta { font-size: 0; }
.time { font: 1rem 'PT Sans Caption', Arial, sans-serif; color: rgba(0,0,0,.35); padding-top: .5ex; padding: 4px 8px 5px 0; }
.cats { display: inline-block; }
.cats li { display: inline-block; padding-left: 0; margin-left: 0; margin-bottom: 3px; margin-right: 3px; }
.cats a { background: #4A90E2; color: #fff!important; padding: 4px 8px 5px; font: 1.2rem 'PT Sans Caption', Arial, sans-serif; border: 0!important; text-decoration: none; display: inline-block; border-radius: 3px; margin: 0 3px 3px 0; }
.tags { font-size: 0; }
.tags a { display: inline-block; background: #eee; padding: 4px 8px 5px; margin: 0 3px 3px 0; border-radius: 3px; border: 0!important; text-decoration: none; color: #9B9B9B!important; font: 1.2rem 'PT Sans Caption', Arial, sans-serif; }
.banner .content { height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; }
.banner .content a { text-decoration: none; }
.banner .content .text { background: #000; font: 700 2.4rem "PT Sans Caption", Arial, sans-serif; color: #6DBAFD; padding: 0; }
.more { background: #F9F9F9; display: block; font: 700 1.4rem/6rem 'PT Sans Caption', Arial, sans-serif; width: 50%; max-width: 940px; margin: 0 auto 30px; text-align: center; text-transform: uppercase; text-decoration: none; color: #000; }
.extra-contacts { font: 700 4rem "PT Sans Caption", Arial, sans-serif; text-align: center; display: flex; flex-direction: column; align-items: center; padding: 40px 0; }
.extra-contacts .mail { color: #4A90E2; text-decoration: none; border: 0; margin-bottom: 1ex; }
.extra-contacts .phone { color: #000000; text-decoration: none; border: 0; }
.site-main .search-box { display: flex; margin-bottom: 30px; }
.site-main .search-box input { width: 100%; border: 0; border-bottom: 2px solid #000; background: transparent; font-size: 1.6rem; padding: 3px; outline: none; }
.site-main .search-box button { border: 0; background: transparent; }
.wp-polls {font: 1.4rem 'PT Sans Caption', Arial, sans-serif; line-height: 3ex; }
.wp-polls strong {display: block; margin-bottom: 2ex}
.wp-polls .pollbar {font-size: 1rem; position:relative; margin: 5px 20px 5px 0}
.wp-polls .pollbar span {position: absolute; left: 100%; margin:-5px 0 0 5px; font: 700 1.4rem 'PT Sans Caption', Arial, sans-serif; color: #4A90E2; }
.wp-polls-ul {margin: 0; padding: 0; margin-bottom: 2ex; }
.wp-polls-ul li {margin-bottom: 1ex; position: relative; padding-left: 30px}
.wp-polls-ul li:last-child { margin-bottom: 0; }
.wp-polls-ul li input {position: absolute; visibility: hidden;}
.wp-polls-ul li label {display: block; }
.wp-polls-ul li label::before {content: ""; display:block; border: 2px solid #000000; height: 1rem; width: 1rem; border-radius: 1rem; position: absolute; left: 0; margin-top: .2rem}
.wp-polls-ul li input[type=radio]:checked ~ label::before {background: #000000; background:radial-gradient(circle closest-side, #000000 .2rem, white .2rem);}
.wp-polls-ul li label { padding-left: 30px; }
.wp-polls-ans .wp-polls-ul li { padding-left: 0; }
.wp-polls-ans ul {margin-right: 30px}
.wp-polls .buttons {display: flex; display: -webkit-flex; justify-content: space-between; padding: 15px 0 0; border-top: 1px solid rgba(0,0,0,.15); }
.wp-polls .buttons a {color: #4A90E2; text-decoration: none; border: 0!important; text-transform: uppercase; font:bold .85em "PT Sans Caption", Arial, sans-serif; border-color: transparent; }
.wp-polls .buttons a:hover {border-color: #4A90E2; text-transform: uppercase; font:bold .85em "PT Sans Caption", Arial, sans-serif; border-color: transparent; }
.wp-polls .buttons *:last-child {color: #9B9B9B!important; }
article .entry-content .sub-title { font: 2rem Cambria, Georgia, serif; font-style: italic; margin-bottom: 2ex; line-height: 3ex; }
article .entry-content .wp-caption { margin-bottom: 20px;  }
article .entry-content figure { max-width: 100%!important; }
article .entry-content .excerpt p { font: 2rem Cambria, Georgia, serif; font-style: italic; margin-bottom: 2ex; line-height: 3ex; }
article .entry-content h3 { font-size: 3rem; margin-bottom: 2ex; line-height: 2.5ex; padding-top: 1ex; }
article .entry-content p,
article .entry-content .ad { margin-bottom: 2ex; line-height: 3ex; }
article .entry-content img { max-width: 100%; height: auto; }
article .entry-content .content a { border-bottom: 1px solid #C9DDF5; color: #4A90E2; text-decoration: none; }
article .entry-content .meta { display: block; padding-top: 20px; margin-bottom: 20px; }
article .entry-content .wp-polls { padding: 30px; background: #F7F7F7; }
article .entry-content .wp-caption-text { color: #9B9B9B; font: 1.2rem 'PT Sans Caption', Arial, sans-serif; text-align: right; }
article .entry-content .alignleft { float: left; margin: 0 20px 20px 0; max-width: 100%; width: auto; height: auto; width: auto!important; }
article .entry-content .alignright { float: right; margin: 0 20px 20px 0; max-width: 100%; width: auto; height: auto; width: auto!important; }
article .entry-content .alignnone { text-align: center; margin-left: auto; margin-right: auto; }
article .entry-content blockquote p { background: #F7F7F7; font-size: 3rem; padding: 30px; margin: 3ex 0; }
article .entry-content ul,
article .entry-content ol { font: 1.8rem Cambria, Georgia, serif; padding-left: 30px; margin-bottom: 2ex; }
article .entry-content ul { list-style: circle; }
article .entry-content ol { list-style: decimal; }
article .entry-content li { margin-bottom: 1ex; line-height: 3ex; padding-left: 10px; }
.sidebar { padding: 0 20px; width: 30%; float: right; }
.sidebar .banner { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid #000; }
.sidebar .readmore { padding-bottom: 30px; border-bottom: 3px solid #000; margin-bottom: 30px; }
.sidebar .readmore .post { margin-bottom: 30px; position: relative; overflow: hidden; }
.sidebar .readmore .post h1,
.sidebar .readmore .post h2 { font: 700 1.4rem "PT Sans Caption", Arial, sans-serif; margin-bottom: 1ex; }
.sidebar .readmore .post h1 a,
.sidebar .readmore .post h2 a { color: #000; text-decoration: none; }
.sidebar .readmore .post p { font: 1.4rem Cambria, Georgia, serif; font-style: italic; margin-bottom: 2ex; }
.sidebar .readmore .post .meta { display: none; }
.sidebar .readmore .post .content { margin-left: 110px; }
.sidebar .readmore .post .content p { display: none; }
.sidebar .readmore .post .cover { background-position: 50% 30%; background-size: cover; position: relative; z-index: -1; width: 90px; height: 60px; float: left; margin-top: 5px; }
.sidebar .readmore .post:last-child .cover { display: block; height: 160px; width: 100%; float: none; }
.sidebar .readmore .post:last-child .content { margin-left: 0; }
.sidebar .readmore .post:last-child .content p { display: block; }
.sidebar .readmore .post:last-child h1 { margin-top: 1ex; }
.theme { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 400px; margin-bottom: 30px; position: relative; display: flex; align-items: center; }
.theme:after { content: ""; bottom: 0; top: 0; left: 0; right: 0; position: absolute; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); }
.theme .content { width: 100%; max-width: 1280px; margin: 0 auto; overflow: hidden; padding: 20px 0;}
.theme .content h1,
.theme .content .title { font: 700 4rem "PT Sans Caption", Arial, sans-serif; color: #FFFFFF; position: relative; z-index: 1; padding: 20px; margin-bottom: 1ex; }
.theme .content a { color: #FFFFFF; text-decoration: none; }
.theme .content .post { width: 25%; float: left; padding: 0 20px; position: relative; z-index: 1; }
.theme .content .post h2 { font: 700 1.4rem "PT Sans Caption", Arial, sans-serif; margin-bottom: 1ex; }
.theme .content .post p { font: 1.4rem Cambria, Georgia, serif; font-style: italic; color: #FFFFFF; }
.theme .content .all { clear: both; text-align: center; display: block; position: relative; z-index: 1; padding: 20px; font: 700 1.4rem "PT Sans Caption", Arial, sans-serif; text-transform: uppercase; }
@media screen and (max-width: 1100px) {
.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul { margin-bottom: 10px; }
.wp-polls-ul li { margin-bottom: 10px; }
}
@media screen and ( max-width: 800px ) {
article .entry-content .extra-contacts { font-size: 3rem; }
article iframe { width: 100%; min-height: 200px; max-height: 250px; }
.sidebar { width: 100%; }
.sidebar .banner { border-top: 3px solid #000; padding-top: 30px; border-bottom: 0; padding-bottom: 0; }
.sidebar .readmore,
.sidebar .ad { display: none; }
.theme { height: auto; }
.theme .content h1 { font-size: 3rem; }
.theme .content .post { width: 100%; margin-bottom: 10px; }
.theme .content .post p { display: none; }
} article.page { max-width: 1280px; margin: 0 auto; }
article.page .entry-content { font-size: 2rem; padding: 0 20px 40px; width: 70%; float: left; }
article.page > h1 { font-size: 4rem; margin: 0 20px 2ex; line-height: 2.5ex; text-align: center; padding-bottom: 30px; border-bottom: 1px solid #eee; }
article.page .entry-content h3 { font-size: 3rem; margin-bottom: 2ex; line-height: 2.5ex; padding-top: 1ex; }
article.page .entry-content p { font: 1.8rem Cambria, Georgia, serif; margin-bottom: 2ex; line-height: 3ex; }
article.page .entry-content a { border-bottom: 1px solid #C9DDF5; color: #4A90E2; text-decoration: none; }
article.page .entry-content ul,
article.page .entry-content ol { font: 1.8rem Cambria, Georgia, serif; padding-left: 30px; margin-bottom: 2ex; }
article.page .entry-content ul { list-style: circle; }
article.page .entry-content ol { list-style: decimal; }
article.page .entry-content li { margin-bottom: 1ex; line-height: 3ex; padding-left: 10px; }
@media screen and ( max-width: 800px ) {
article.page > h1 { font-size: 3rem; }
article.page .entry-content { width: 100%; float: none; }
} #wpcf7-f129262-p56131-o1 .introduction { display: flex; justify-content: space-between; margin-bottom: 20px; }
#wpcf7-f129262-p56131-o1 .introduction label { width: calc(33.3333% - 15px); }
#wpcf7-f129262-p56131-o1 .introduction label:last-child { position: absolute; left:-1000px; }
#wpcf7-f129262-p56131-o1 .introduction input { display: block; border: 2px solid #000; border-width: 0 0 2px 0; padding: 10px; font: 1.4rem 'PT Sans Caption', Arial, sans-serif; width: 100%; }
#wpcf7-f129262-p56131-o1 textarea { background: #F9F9F9; font: 1.4rem 'PT Sans Caption', Arial, sans-serif; padding: 10px; width: 100%; border: 0; margin-bottom: 20px; }
#wpcf7-f129262-p56131-o1 .introduction input { display: block; border: 2px solid #000; border-width: 0 0 2px 0; padding: 10px; font: 1.4rem 'PT Sans Caption', Arial, sans-serif; width: 100%; }
#wpcf7-f129262-p56131-o1 .additional { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
#wpcf7-f129262-p56131-o1 .additional .attach span { font: 1.4rem 'PT Sans Caption', Arial, sans-serif; display: block; }
#wpcf7-f129262-p56131-o1 .buttons input { width: 100%; background: #F9F9F9; font: 700 1.4rem 'PT Sans Caption', Arial, sans-serif; height: 70px; text-transform: uppercase; text-align: center; line-height: 70px; border: 0; border-top: 2px solid #000; }
@media screen and ( max-width: 800px ) {
#wpcf7-f129262-p56131-o1 .introduction { display: block; }
#wpcf7-f129262-p56131-o1 .additional { display: block; }
#wpcf7-f129262-p56131-o1 .additional .attach { display: block; margin-bottom: 10px; }
} main.list header { padding: 0 20px; }
main.list header h1 { font-size: 4rem; margin-bottom: 1ex; line-height: 2.5ex; }
main.list { overflow: hidden; max-width: 1280px; width: 100%; margin: 0 auto; }
main.list .taxonomy-description { font: 2rem Cambria, Georgia, serif; font-style: italic; margin-bottom: 2ex; line-height: 3ex; }
main.list .entries { width: 70%; float: left; }
main.list .entries .more { width: auto; margin: 0 20px 30px; }
main.list .sidebar { width: 30%; float: right; }
main.list .sidebar .banner { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid #000; }
main.list .post-list { clear: both; padding: 40px 0 0; width: 100%; max-width: 1280px; margin: 0 auto; overflow: hidden; position: relative; }
main.list .post-list .post { width: 100%; float: left; margin-bottom: 30px; position: relative; clear: both; padding: 0 20px; }
main.list .post-list .post h1 { font: 700 1.4rem "PT Sans Caption", Arial, sans-serif; margin-bottom: 1ex; padding-top: 1ex; }
main.list .post-list .post h1 a { color: #000; text-decoration: none; }
main.list .post-list .post p { font: 1.4rem Cambria, Georgia, serif; font-style: italic; margin-bottom: 2ex; }
main.list .post-list .covered .content { margin-left: 340px; }
main.list .post-list .post .cover { display: block; background-position: 50% 30%; background-size: cover; position: relative; height: 160px; width: 300px; float: left; }
.category-news main.list .post-list .post h1 { font-size: 1.6rem; }
.category-news main.list .post-list .post .time { font-size: 1.2rem; }
.pagination {padding: 60px 20px; font: 700 1.4rem "PT Sans Caption", Arial, sans-serif; clear: both; }
.pagination h2 {display: none}
.pagination .page-numbers { border-bottom: 1px solid #C9DDF5; color: #4A90E2; text-decoration: none; margin: 0 .5em; }
.pagination .page-numbers:first-child { margin-left: 0; }
.pagination .page-numbers:hover { border-color: #4A90E2; }
.pagination .page-numbers.current { background: #4A90E2; color: #ffffff; padding: 4px 8px 5px; font: 700 1.4rem 'PT Sans Caption', Arial, sans-serif; text-transform: lowercase; border: 0; text-decoration: none; }
.pagination .dots { border: none; color: #000000; }
@media screen and ( max-width: 650px ) {
main.list header h1 { font-size: 3rem; }
main.list .entries { width: 100%; float: none; }
main.list .post-list { padding-top: 0; }
main.list .post-list .post { float: none; }
main.list .post-list .post .cover { width: 100%; height: 0; padding-bottom: 60%; }
main.list .post-list .post .content,
main.list .post-list .post .meta { margin-left: 0; }
.category-news main.list .post-list { padding-top: 20px; }
main.list .sidebar { width: 100%; float: none; }
main.list .sidebar .banner { border-bottom: 0; }
}
.hotfoot.border:before { content: ""; position: absolute; top: 0; height: 3px; background: #000; left: 20px; right: 20px; }
.hotfoot.border { padding: 40px 0 0; }
.hotfoot { clear: both; width: 100%; max-width: 1280px; margin: 0 auto; overflow: hidden; position: relative; }
.hotfoot > div { padding: 0 20px; }
.hotfoot .post { width: 25%; float: left; margin-bottom: 30px; position: relative; }
.hotfoot .post h1,
.hotfoot .post h2 { font: 700 1.4rem "PT Sans Caption", Arial, sans-serif; margin-bottom: 1ex; padding-top: 1ex; }
.hotfoot .post h1 a,
.hotfoot .post h2 a { color: #000; text-decoration: none; }
.hotfoot .post p { font: 1.4rem Cambria, Georgia, serif; font-style: italic; margin-bottom: 2ex; }
.hotfoot .post .cover { display:block; background-position: 50% 30%; background-size: cover; position: relative; height: 160px; }
.hotfoot > div:nth-child(3n+1) { clear: both; }
.hotfoot > div:nth-child(4n+1) { width: 50%; height: 380px; }
.hotfoot > div:nth-child(4n+1) .cover,
.hotfoot > div:nth-child(10n+1) .cover { top: 0; bottom: 0; position: absolute; left: 20px; right: 20px; height: auto; }
.hotfoot > div:nth-child(4n+1) .content,
.hotfoot > div:nth-child(10n+1) .content { color: #fff; bottom: 20px; position: absolute; left: 40px; right: 40px; }
.hotfoot > div:nth-child(4n+1) .content h1 a,
.hotfoot > div:nth-child(10n+1) .content h2 a { color: #fff; }
.hotfoot > div:nth-child(4n+1) .content .time,
.hotfoot > div:nth-child(10n+1) .content .time { color: rgba(255,255,255,.5); }
.hotfoot > div:nth-child(4n+1) .content .cats a,
.hotfoot > div:nth-child(10n+1) .content .cats a { color: rgba(255,255,255,1); background: rgba(74,144,226,.5); }
.hotfoot > div:nth-child(4n+1) .content .tags a,
.hotfoot > div:nth-child(10n+1) .content .tags a { color: rgba(255,255,255,1)!important; background: rgba(255,255,255,.3); }
.hotfoot > div:nth-child(4n+1) .cover:before,
.hotfoot > div:nth-child(10n+1) .cover:before { content: ""; bottom: 0; top: 40%; left: 0; right: 0; position: absolute; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); }
@media screen and ( max-width: 800px ) {
.hotfoot.border:before { content: none; }
.hotfoot .post { width: 100%; }
.hotfoot .post .meta { display: none; }
.hotfoot > div:nth-child(4n+1) { width: 100%; height: 0; padding-bottom: 70%; }
.hotfoot > div:nth-child(4n+1) .cover,
.hotfoot > div:nth-child(10n+1) .cover { left: 0px; right: 0px; }
.hotfoot > div:nth-child(4n+1) .content,
.hotfoot > div:nth-child(10n+1) .content { left: 20px; right: 20px; }
}