@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,800;1,400&family=Nunito:ital,wght@0,400;0,800;0,900;1,400&display=swap);
* {margin:0; padding:0;}
html, body {width:100%;}
body {background:#fff; background-size:cover;color: #333; font:18px/1.8 'Montserrat', sans-serif;}
table {border-collapse: collapse; border-spacing: 0;width:100%;}
td {vertical-align: top;}
a {color:#39A206; text-decoration:none;}
a:hover {color:#82d418;}
h1 {margin-bottom:25px; padding:10px 0 10px 20px; font-size: 26px; text-align:left;position:relative;line-height: 1.4;}
h2, h3, h4, h5, h6 {position:relative; line-height:1.3; margin-bottom:10px; }
div#wa h3 {color:#505050; font-weight: 600; font-size: 40px; }
h1:after {content:' '; position:absolute; bottom:-7px; background:#d00; height:5px; width:100px; left: 0;} 
p {margin-bottom:20px; text-indent: 40px;}
.red {color:#d00;}
ul, ol, hr {margin-bottom:10px;}
ul {list-style-type: circle;}
li {margin-left:20px;}
input[type="submit"], button, div.button, select {cursor:pointer;}
input, textarea {font:15px/1.4 'PT Sans', sans-serif; outline: none;}
img {border: none;}
img.left {float:left; margin-right:10px; max-width:50%;}
img.right {float:right; margin-left:10px;max-width:50%;}
.wd100 {width:100%;}
.wd50 {width:50%;}
.wd33 {width:33%;}
.overflow-hidden {overflow:hidden;}
font.tablebodytext {display:none;}
audio, video {width: 100%; cursor:pointer;}
div.clr {clear:both;}
div#top {min-width: 1150px;position: absolute;width: 100%;right: 0;top: 0;}
div#toTop {border-radius: 10px;box-shadow: 1px 1px 2px rgb(0 0 0 / 20%);width: 50px;height: 50px;position: fixed;display: none;left: 20px;bottom: 20px;text-decoration: none;background:rgba(200 0 0 /30%) url(img/up.png) 50% 47% no-repeat;cursor: pointer;z-index:7;transition: background-color 0.3s ease-out;}
div#toTop:hover {background-color:#f74b46;}
.wrap {max-width:1600px; margin:auto;}
/*========================HEADER====*/
header {height: 120px;}
header div.hdr {position:relative;}
header div.title {position: absolute;top: 40px;left: 200px;font-size: 24px; font-weight:700; line-height:1;text-transform: uppercase;}
header div.logo {height: 100px; width:90px; background:url(img/logo2.png) center no-repeat;position: absolute; top: 10px; left:0;}
nav#topmenu {background: linear-gradient(90deg, #309602 0%, #82D418 100%, #98DB45 100%); height:60px;}
nav#topmenu div.menuicon {display:none; color:#fff; line-height:60px;padding: 0 20px;font-size: 24px;font-weight: 500;cursor: pointer;background: url(img/menuicon.png) 95% 16px no-repeat;}
nav#topmenu div.menuicon.off {background-position: 95% -55px;}
nav#topmenu ul {display: flex; justify-content: space-between;  list-style:none;}
nav#topmenu li {height:60px; margin:0;}
nav#topmenu li.placeholder {width:100vw; max-width:385px;}
nav#topmenu li a {height:60px; line-height:60px; color:#fff; font-size: 24px; text-transform: uppercase;}
nav#topmenu li a:hover {color:#505050;}
nav#topmenu li a.sel {text-decoration: underline;}
div.socnets {display:flex;right: 0;position: absolute;top: 40px;}
div.socnets a.fb {width:40px;height:40px;background:#3b5998 url(img/fb.png) center no-repeat;border-radius:100px; margin-right:20px;}
div.socnets a.ig {width:40px;height:40px;background:#7a14b2 url(img/ig.png) center no-repeat;border-radius:100px; margin-right:20px;}
div.socnets a.tg {width:40px;height:40px;background:#25a3e0 url(img/tg.png) center no-repeat;border-radius:100px;margin-right:20px;}
div.socnets a.vk {width:40px;height:40px;background:#4c6c91 url(img/vk.png) center no-repeat;border-radius:100px;}
div.socnets a.tw {width:40px;height:40px;background:#1da1f2 url(img/tw.png) center no-repeat;border-radius:100px;margin-right:20px; display:none;}
/*========================SECTION====*/
section#main { display: flex; justify-content: space-between;}
div#intro {padding: 0 0 20px 0;font-size: 18px;font-style: normal; line-height: 1.4;letter-spacing: 2px;}
div#wa {width: 75%;}
body.pages div#wa {padding: 50px 100px 0 0;}
div#column {margin-top:-60px; background:#ddd; width: calc(25% - 15px);display: flex;}
div#content {display: flex; justify-content: space-between;}
/*========================BLOG MAIN====*/
div.block1 {width:100vw; max-width:385px;display: flex; background: #EBEBEB;}
div.block1 div.list {}
div.block1 div.item {width:100vw; max-width:385px; }
div.block1 div.img {width:100vw; max-width:385px; height:523px; background-size: cover; background-position:center; margin-bottom: 50px;}
div.block1 div.meta {margin: 0 30px 30px 30px;}
div.block1 div.bage {background-color: rgb(52 153 3 / 0.8);color: #fff;box-sizing: border-box;padding: 20px;float: left;}
div.block1 div.bage div.blog {font-weight: 700; margin-bottom:10px;}
div.block1 div.title {font-size: 24px;font-weight: 700;margin-bottom: 30px;}
div.block1 div.text {margin-bottom: 30px;}
div.block1 div.more {margin-bottom: 30px; font-weight: 600;}
div.block1 div.date {float: right;color: #777;font-weight: 700;}
/*========================NEWS MAIN====*/
div.block2 {width:800px;}
div.block2 div.list {display: flex; flex-flow: row wrap; justify-content: space-between;}
div.block2 div.item {width:100vw; max-width:385px;margin-left: 15px;}
div.block2 div.img {width:100vw; max-width:385px; height:250px;background-size: cover; background-position:center;margin-bottom: 30px;}
div.block1 div.meta {margin: 0 30px 30px 30px;}
div.block2 div.bage {background-color: rgb(52 153 3 / 0.8); color: #fff; box-sizing: border-box; padding: 20px; font-weight: 700; margin-bottom:10px;float: left;}
div.block2 div.title {font-size: 24px;font-weight: 700;margin-bottom: 30px;}
div.block2 div.text {margin-bottom: 30px;}
div.block2 div.more{margin-bottom: 30px;font-weight: 600;}
div.block2 div.date {float: right;color: #777;font-weight: 700;}
/*========================COLUMN====*/
div#column > div {display: flex; flex-flow: column nowrap;justify-content: space-between;flex: 1 1 auto;}
div#leftblock { display: flex; flex-flow: column nowrap; justify-content: space-between; flex: 1 1 auto;}
div#leftblock div.firstpart {}
div#leftblock div.lastpart {color:#fff; min-width:320px;}
div#leftblock div.lastpart a {color:#fff; }
div#leftblock div.lastpart a:hover {color:#eee; }
div#leftblock div.archive {height:300px; background:url(img/archive.png) center no-repeat; background-size:cover;display: flex;justify-content: center;align-items: center;align-content: center;font-size: 55px;font-weight: 700;}
div#leftblock div.feedbackbtn {height:200px; background: linear-gradient(270deg, #82D418 0%, #359903 100%);display: flex;justify-content: center;align-items: center;align-content: center;}
div#leftblock div.feedbackbtn div.btn {font-size: 24px;font-weight: 600;background:url(img/feedback.png) left no-repeat;padding-left: 70px; line-height: 1.2;}
div.rekimg {background-repeat: no-repeat; background-size: contain; margin-bottom:30px;width:385px; height:500px; }