::-webkit-scrollbar {height: 10px;width: 10px;background:#ddd;}
::-webkit-scrollbar-thumb {background:#f1f1f1;-webkit-border-radius: 0px;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
::-webkit-scrollbar-corner {background: #222;}
header {position:fixed;z-index:999;top:0;width:100vw;height:60px;border-bottom:1px solid #aaa;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 calc(50% - 585px);}
.logo {display:flex;justify-content:flex-start;align-items:center;}
.logo hr {height:40px;width:1px;background:#ccc;margin:0 1rem;border:0;}
.logo span {display:block;padding-top:4px;color:#333;}
.navBut {display:flex;justify-content:flex-start;cursor:pointer;}
.menuButton {display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:0.4s;}
.menuButton div {width:27px;height:2px;background:#333;margin:2px 0;transition:0.4s;}
.change .menuButton .bar1 {transform: rotate(-45deg) translate(0px, 9px);}
.change .menuButton .bar2 {opacity: 0;}
.change .menuButton .bar3 {transform: rotate(45deg) translate(0px, -9px);}
.menuText {display:inline-block;height:24px;line-height:24px;padding:0 0 0 0.5em;font-size:90%;}
.nav-cont {position:fixed;z-index:998;width:100vw;height:0;top:61px;overflow:hidden;background:#333;}
nav {width:100%;max-width:1170px;margin:auto;padding:1rem 0;display:grid;grid-template-columns:repeat(3,1fr);}
nav a {color:#ccc;padding:2rem 5rem;}
nav a::before {content:"∴";margin:0 6px 0 0;color:#c4a75f;font-size:100%;transition:.4s;}
nav a:hover {background:#363636;color:#fff;}
/****/
/****/
/****/
main {max-width:1170px;min-height:calc(100vh - 100px);margin:70px auto 0 auto;}
.add-banners {margin:1rem 0;}
.topAdds {height:130px;margin-bottom:1rem;}
.bottomAdds {height:130px;margin-top:1rem;}
.middleAdds {width:1170px;height:70px;margin:15px auto 15px auto;}
.rightAdds {background:#ccc;width:252px;height:415px;display:flex;justify-content:center;align-items:center;text-align:center;}
/****/
.land-cont {display:flex;justify-content:space-between;align-items:flex-start;}
.land-cont section {width:100%;max-width:850px;display:flex;flex-wrap:wrap;justify-content:space-between;}
aside {position:sticky;top:70px;width:100%;max-width:300px;}
.popular-articles {position:relative;display:flex;justify-content:flex-end;flex-direction:column;width:300px;height:350px;overflow:hidden;border:1px solid #aaa;padding:50px 0 0 0;margin-bottom:20px;}
.popular-articles span {position:absolute;z-index:2;right:0;top:10px;padding:6px 10px;background:rgba(0,0,0,0.8);color:#fff;}
.popular-articles a {border-bottom:1px solid #ddd;margin:0 .5rem;padding:.25rem 0;}
.popular-articles a:last-child {border-bottom:0;}
.popular-articles strong {display:block;color:#333;padding:0;overflow:hidden;}
.popular-articles small {color:#888;font-family:'Roboto', sans-serif;}
.popular-articles a:hover > strong {color:#b30000;}
.aside-add {padding:25px;background:#ddd;}
.aside-add a {display:flex;}
.aside-add img {}
/****/
.last-news {color:#333;position:relative;display:flex;justify-content:flex-start;flex-direction:column;width:280px;height:350px;}
.last-news-head {position:absolute;top:10px;z-index:2;padding:6px 10px;background:rgba(0,0,0,0.8);color:#fff;}
.last-news img {}
.last-news article {position:absolute;z-index:2;bottom:0;left:1rem;right:1rem;min-height:190px;padding:0 1em;overflow:hidden;background:rgba(245,245,245,0.95);border:1px solid #aaa;}
.last-news strong {display:block;color:#000;padding:5px 0;}
.last-news span {font-size:13px;}
/****/
.banners {width:553px;height:350px;background:#f2f2f2;border:1px solid #ccc;padding:0;margin:0;overflow:hidden;margin-bottom:20px !important;}
.banners .banner {display:block;width:533px;height:348px;position:relative;overflow:hidden;}
.banners .banner img {width:100%;height:100%;object-fit:cover;}
.banners .banner strong {position:absolute;z-index:2;display:flex;justify-content:flex-start;width:80%;height:40px;overflow:hidden; margin:-70px 0 0 0;padding:6px 10px;background:rgba(0,0,0,0.8);color:#fff;}
/****/
.main-list {display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;}
.main-list-item {color:#333;position:relative;display:flex;justify-content:flex-start;flex-direction:column;height:375px;}
.main-list-item a:not(:last-child) {position:absolute;top:1rem;right:1rem;padding:.5rem;background:#ffc72b;color:#363636;}
.main-list-item img {width:100%;height:275px;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;transition:.4s;}
.main-list-item a:last-child {position:absolute;bottom:0;left:1rem;right:1rem;z-index:2;min-height:150px;padding:10px;background:rgba(245,245,245,0.95);border:1px solid #aaa;color:#363636;transition:.4s;}
.main-list-item strong {display:block;color:#000;padding-bottom:10px;}
.main-list-item span {display:block;font-size:13px;}
.main-list-item p:empty {display:none;}
.main-list-item small {position:absolute;bottom:.25rem;right:.25rem;padding:.25rem;box-shadow:inset 0 -1px 0 #FFC72B;color:#363636;transition:.4s;}
.main-list-item a:not(:last-child):hover {color:#ffc72b;background:#363636;}
.main-list-item a:last-child:hover {background:rgba(255,255,255,1);box-shadow:1px 1px 10px #000}
.main-list-item a:last-child:hover > small {box-shadow:inset 0 -20px 0 #ffc72b;color:#363636;}

.category {display:flex;justify-content:space-between;align-items:flex-start;}
.list {width:100%;max-width:850px;overflow:hidden;}

.breadcrumbs {display:flex;align-items:center;padding:0 1rem;background:rgba(245,245,245,0.95);border:1px solid #aaa;}
.breadcrumbs a {}
.breadcrumbs img {width:24px;height:24px;}
.breadcrumbs span {padding:0 1rem;}

.list-cont {display:flex;justify-content:flex-start;align-items:flex-start;margin:1rem 0;transition:.4s;}
.list-arrays {width:100%;min-width:850px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;}

.list-item {color:#333;position:relative;display:flex;justify-content:flex-start;flex-direction:column;height:375px;}
.list-item img {width:100%;height:275px;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;transition:.4s;}
.list-item article {position:absolute;bottom:0;left:1rem;right:1rem;z-index:2;min-height:150px;padding:10px;background:rgba(245,245,245,0.95);border:1px solid #aaa;transition:.4s;}
.list-item strong {display:block;color:#000;padding-bottom:10px;}
.list-item span {display:block;font-size:13px;}
.list-item p:empty {display:none;}
.list-item:hover > article {background:rgba(255,255,255,1);box-shadow:1px 1px 10px #000}
.list-item:hover > img {border:1px solid #000;box-shadow:1px 1px 10px #000}



.numerator {display:flex;justify-content:center;align-items:center;padding:1rem 0;}
.numerator span {width:18px;border-radius:2px;margin:0 2px;background:#363636;color:#eaeaea;transition:.4s;text-align:center;font-size:12px;cursor:pointer;}
.numerator span:hover {background:black;}
/****/
.detail {display:flex;justify-content:space-between;align-items:flex-start;}
.detail section {width:100%;max-width:850px;}

.detail section article {padding-bottom:1rem;}
.detail section img {}
.detail section p {}
.detail section strong {}
.detail section a {display:inline-block;box-shadow:inset 0 -3px 0 #ffc72b;color:#363636;}
.detail section a:hover {box-shadow:inset 0 -20px 0 #ffc72b;}
.detail section hr {margin:10px 0 25px 0;}
.detail section li {color:#000;}
.detail section small {color:#666;font-style:italic;font-family:'Roboto', sans-serif;}

.static {}
.static p {line-height:1.5em;padding:.5em 0;}
.static a {display:inline-block;box-shadow:inset 0 -3px 0 #FFC72B;color:#363636;}
.static a:hover {box-shadow:inset 0 -20px 0 #ffc72b;}

.warning-bar {position:fixed;z-index:500;left:0;right:0;bottom:0;height:30px;transition:1s;background:rgba(0,0,0,0.8);color:#eaeaea;display:flex;justify-content:center;align-items:center;}
.warning-bar span {font-size:12px;}
.warning-bar a {display:inline-block;box-shadow:inset 0 -1px 0 #FFC72B;color:#eaeaea;}
.warning-bar a:hover {box-shadow:inset 0 -20px 0 #ffc72b;color:#363636;}
.warning-bar mark {background:white;color:black;border:1px solid white;padding:2px 4px;border-radius:5px;margin-left:1rem;cursor:pointer;transition:.4s;}
.warning-bar mark:hover {background:black;color:white;}



footer {background:#161616;text-align:center;padding:1rem 0;padding-bottom:4rem;}
.footerlogo {filter:invert(1);margin:1em 0 2em 0;}

.footer-nav {text-align:center;}
.footer-nav a {font-size:12px;color:#bbb;padding:.5rem;}
.footer-nav a:hover {color:#fff;}

footer small {display:block;color:#aaa;text-align:center;margin:40px 0;}
.signature {display:block;padding-top:2rem;}
.signature img {width:30px;opacity:0.50;transition:0.3s;}
.signature:hover > img {opacity:1;}




@media only screen and (max-width: 720px){
    header {padding:0 1rem;}
    .logo span {display:none;}

    nav {grid-template-columns:1fr;}
    nav a {padding:1rem 2rem;}

    .land-cont {flex-direction:column;}
    .last-news {display:none;}
    .banners {width:95vw;margin:auto;}
    .banners .banner strong {width:90%;}
    .featured {display:none;}

    .popular-articles {display:none;}
    aside {display:none;}


    .list {margin:1em;grid-template-columns:1fr;}

    .list-cont {overflow:hidden;}

    .list-arrays {width:calc(100vw - 2em);min-width:calc(100vw - 2em);grid-template-columns:1fr;}
    .numerator {flex-wrap:wrap;}
    .numerator span {margin:.25rem;padding:.25rem;}

    .detail section {padding:1rem;}
    .detail section img {width:100%;height:auto !important;}

    .main-list-item a:last-child {min-height:180px;}

    .warning-bar {height:120px;}
    .warning-bar span {line-height:2;padding:0 1rem;}

    footer {padding-bottom:10rem;}
}