.nav__left .white, .nav__left .black { opacity: 0; pointer-events: none; }

.header { background-image: none; height: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; background-color: white; }
@media screen and (max-width: 1350px) { .header { padding: 0; } }
.header .background { background-color: #72b0c5; width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 50; pointer-events: none; }
.header .wrapper { padding: 20vh 0 0 0; position: relative; z-index: 60; }
@media screen and (min-width: 1026px) and (max-width: 1760px) { .header .wrapper { padding: 20vh 100px 0 100px; } }
@media screen and (max-width: 1025px) { .header .wrapper { padding: 15vh 30px 0 30px; } }
@media screen and (max-width: 430px) { .header .wrapper { padding: 15vh 0 0 0; } }
@media screen and (max-height: 500px) { .header .wrapper { padding: 30vh 0 0 0 !important; } }
.header .wrapper .left { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.header .wrapper .left h1 { font-size: 65px; }
@media screen and (max-width: 1350px) { .header .wrapper .left h1 { font-size: 48px; } }
@media screen and (max-width: 700px) { .header .wrapper .left h1 { width: 100%; text-align: center; } }
@media screen and (max-width: 499px) { .header .wrapper .left h1 { font-size: 36px; } }
@media screen and (max-width: 430px) { .header .wrapper .left h1 { padding: 0 30px; } }
.header .wrapper .left p { font-weight: 500; }
.header .wrapper .left .content { margin: 75px 0 0 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 100px; background-color: white; border-radius: 30px; }
@media screen and (max-width: 1350px) { .header .wrapper .left .content { padding: 30px; } }
.header .wrapper .left .content .top_block { margin: 0 0 80px 0; }
.header .wrapper .left .content .top_block:last-child { margin: 0; }
.header .wrapper .left .content .top_block h3 { color: #333333; font-size: 36px; }
.header .wrapper .left .content .top_block .actual_block { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px 0 0 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 950px) { .header .wrapper .left .content .top_block .actual_block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.header .wrapper .left .content .top_block .actual_block .actual_post { width: 50%; margin: 0 30px 0 0; padding: 20px; border-radius: 15px; border: 3px solid #dcebf0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 1250px) { .header .wrapper .left .content .top_block .actual_block .actual_post { padding: 15px; } }
@media screen and (max-width: 950px) { .header .wrapper .left .content .top_block .actual_block .actual_post { width: 100%; margin: 0 0 30px 0; } }
@media screen and (max-width: 680px) { .header .wrapper .left .content .top_block .actual_block .actual_post { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
@media screen and (max-width: 380px) { .header .wrapper .left .content .top_block .actual_block .actual_post { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 15px 0; } }
.header .wrapper .left .content .top_block .actual_block .actual_post:last-child { margin: 0; }
.header .wrapper .left .content .top_block .actual_block .actual_post:before { display: block; content: ""; width: 0%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; background-color: #dcebf0; }
.header .wrapper .left .content .top_block .actual_block .actual_post:hover:before { width: 100%; }
.header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__img { border-radius: 7px; width: 25%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 2; }
@media screen and (max-width: 950px) { .header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__img { width: 20%; } }
@media screen and (max-width: 680px) { .header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__img { width: 100px; height: 100px; } }
@media screen and (max-width: 380px) { .header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__img { display: none; } }
.header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__desc { width: 75%; z-index: 2; padding: 8px 0 8px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 950px) { .header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__desc { width: 80%; } }
@media screen and (max-width: 380px) { .header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__desc { width: 100%; padding: 10px 0; } }
.header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__desc h5 { color: #333333; font-size: 16px; margin: 0 0 10px 0; }
.header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__desc p { font-size: 14px; color: #333333; opacity: 0.6; margin: 0; text-shadow: none; }
@media screen and (min-width: 950px) and (max-width: 1250px) { .header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__desc p { display: none; } }
.header .wrapper .left .content .top_block .actual_block .actual_post .actual_post__desc a { color: #72b0c5; margin: 10px 0 0 0; font-size: 16px; width: -webkit-min-content; width: -moz-min-content; width: min-content; font-weight: 700; text-decoration: none; }

.all-posts { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 80px 0 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.all-posts .wrapper { width: 1450px; padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1500px) { .all-posts .wrapper { width: 100%; padding: 80px 30px; } }
@media screen and (max-width: 800px) { .all-posts .wrapper { padding: 50px 30px; } }
.all-posts .wrapper h3 { color: #333333; font-size: 48px; margin: 0 0 50px 0; }
.all-posts .wrapper .posts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.all-posts .wrapper .posts .post { position: relative; border: 3px solid #dcebf0; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(25% - 30px); padding: 15px; margin: 0 0 30px 30px; }
.all-posts .wrapper .posts .post:first-child { margin: 0 0 30px 0; }
.all-posts .wrapper .posts .post:nth-child(5n) { margin: 0 0 30px 0; }
@media screen and (max-width: 1200px) { .all-posts .wrapper .posts .post { width: calc(33.333% - 30px); }
  .all-posts .wrapper .posts .post:nth-child(5n) { margin: 0; }
  .all-posts .wrapper .posts .post:nth-child(4n) { margin: 0 0 30px 0; } }
@media screen and (max-width: 950px) { .all-posts .wrapper .posts .post { width: calc(50% - 30px); }
  .all-posts .wrapper .posts .post:nth-child(5n) { margin: 0; }
  .all-posts .wrapper .posts .post:nth-child(4n) { margin: 0; }
  .all-posts .wrapper .posts .post:nth-child(3n) { margin: 0 0 30px 0; } }
@media screen and (max-width: 768px) { .all-posts .wrapper .posts .post { width: calc(50% - 15px); }
  .all-posts .wrapper .posts .post:nth-child(3n) { margin: 0 0 15px 0; } }
@media screen and (max-width: 620px) { .all-posts .wrapper .posts .post { width: 100%; margin: 0 0 15px 0; }
  .all-posts .wrapper .posts .post:nth-child(5n) { margin: 0 0 15px 0; }
  .all-posts .wrapper .posts .post:nth-child(4n) { margin: 0 0 15px 0; }
  .all-posts .wrapper .posts .post:nth-child(3n) { margin: 0 0 15px 0; }
  .all-posts .wrapper .posts .post:first-child { margin: 0 0 15px 0; } }
.all-posts .wrapper .posts .post:before { content: ""; top: 0; left: 50%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 0%; position: absolute; border-radius: 7px; z-index: 1; height: 0%; background-color: #dcebf0; }
.all-posts .wrapper .posts .post:hover:before { width: 100%; height: 100%; left: 0; }
.all-posts .wrapper .posts .post:hover a { border: 3px solid #72b0c5; }
.all-posts .wrapper .posts .post img { width: 100%; z-index: 2; border-radius: 7px; margin: 0 0 20px 0; }
.all-posts .wrapper .posts .post h5 { font-size: 20px; color: #333333; z-index: 2; }
.all-posts .wrapper .posts .post p { color: #333333; font-size: 14px; z-index: 2; margin: 10px 0 20px 0; opacity: 0.7; }
.all-posts .wrapper .posts .post a { border-radius: 7px; width: 100%; border: 3px solid #dcebf0; z-index: 2; padding: 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; color: #333333; font-weight: 700; text-align: center; background-color: #dcebf0; }
.all-posts .wrapper .posts .post a:hover { background-color: #72b0c5; color: white; }

.footer { margin: 50px 0 0 0; }