/* --- Start of BACK-END style*/

.top-meniu-profil-poup{
	display: none;
	z-index: 10;
}
.edit_address{
	text-decoration: underline;
    font-size: 1.2rem;
    cursor: pointer;
    transition: 0.2s;
    margin-bottom: 3rem;
    float: right;
}
.edit_address:hover{
	color: #2a8386;
}
.address_school_block{
	width: 100%;
}
.address_school_block label{
	display: inline-block;
	padding: 1%;
}
.address_school_block select, .address_school_block input{
	padding-left: 0.5rem;
}

.pulsing-2 {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #3d4461;
  box-shadow: 0 0 0.1rem 0 #0004;
  animation: pl2 1.5s infinite linear;
  position: relative;
  margin: auto;
  margin-top: 15rem;
}

.pulsing-2:before,
.pulsing-2:after {
  content:"";
  position: absolute;
  inset:0;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #3d44616b;
  animation: inherit;
  animation-delay: -0.5s;
}
.pulsing-2:after {
  animation-delay: -1s;
}
@keyframes pl2 {
    100% {box-shadow: 0 0 0 10rem #0000}
}
.delete-btn{
	cursor: pointer;
}
.family__memeber__buttons a{
	position: relative;
	cursor: pointer;
	padding: 1rem;
}
.meniu-popup{
	display:none;
	position: absolute;
	top:95%;
	right: -1rem;
	padding: 2rem;
	background: #fff;
	border-radius: 1rem;
	min-width: 10rem;
	color: black;
	box-shadow: 0.1rem 0.1rem 0.5rem 0rem #0004;
	transition: 0.2s;
}
.meniu-popup li{
	transition: 0.2s;
	cursor: pointer;
	padding: 0.5rem;
}
.meniu-popup li:hover{
	color:#cdd1d7;
}
.family__memeber__buttons a:hover .meniu-popup{
	display: block;
}
.text-center{
	text-align: center;
}
.search-null{
    font-size: 1.3rem;
    margin-bottom: 2rem;
    display: block;
}
.color-white{
	color:white;
}
.margin-10{
	margin: 1rem;	
}

.notification__wrapper__item.new, .chat__wrapper__item.active{
	background: #4a516d;
}
.notification__wrapper__item:hover {
  background: #424965;
}
.graduations{
	display: contents;
}
.graduations .pulsing-2{
	    margin-top: 8.5rem;
    margin-bottom: 0rem;
}
.archive__list__image{
	position: relative;
}
.content__wrapper_archive__add{
	min-height: 15rem;
}

.content__album__add__info__video video, .add__video__container__block video{
	height: 100%; 
	width: 100%;
}
.add__video__container__message input {
    resize: none;
    padding: 1rem;
    width: 100%;
    border-radius: 1rem;
    border: 0.1rem solid #ebeef3;
	margin-bottom: 2rem;
}
.payment__btn.active{
	border: 0.3rem solid #eef1f5;
}

.video-block{
	padding: 1rem;
}
.video-block.active{
	background: white;
}

.chat__wrapper__messages{
	display: none;
}
.chat__wrapper__messages__block{
	/* height: 80%; */
}
.chat__wrapper__messages{
	position: absolute;
	top: 0;
	left: 100%;
}

.asside__messenger__input textarea{
	padding-top: 1rem;
    padding-bottom: 0.5rem;
    width: 100%;
    height: 4.2rem;
    background: #eff3f9;
    padding-left: 2rem;
    border-radius: 3rem;
    padding-right: 4.7rem;
    resize:none;
}
.response_block{
	position: absolute;
    bottom: 100%;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 2rem;
    padding-left: 3.8rem;
    padding-right: 3.8rem;
    left: 0;
}
.response_block .item__title__name h4{
	color: black;
}
.response_block .delete-btn{
	bottom: 30%;
    right: 3.2rem;
}
.text-center{
	text-align: center;
}
.asside__messenger__my{
	border-top:0rem;
}
.my_like{
	display: block;
    padding-bottom: 2.5rem;
}
.my_like .asside__messenger__memeber__links__like{
	float: right;
}
.asside__messenger__my p{
	display: table;
}
.confirm{
	text-align: center;
    font-size: 1.4rem;
    color: green;
    font-weight: 600;
}

.colegue__content__wrapper{
	/* overflow-x: scroll; */
}

.colegue__content__video__wrap{
	 margin-bottom: 2rem;
}
.gallary-block a{
	display: inline-block;
}
.content__album__video__button{
	margin-bottom: 10rem;
}
.text-left{
	text-align: left;
}
.chat__wrapper__item__group.active .chat__wrapper__member__mark {
    background: #2a8386;
}
.in_group{
	font-size: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    
    margin-left: auto;
    color: #2a8386;
}

.main__wrapper__buttons a.active{
	border: 0rem;
}

.timeline__assaide__content__photo__image{
	position: relative;
}



.timeline__add__institut{
	overflow-y: auto;
}



.desktop{
	display: flex;
}

.mobile{
	display: none;
}
.event__nav__wrap__dates.desktop{
	display:block;
}



@media (max-width: 599px) {
	.desktop, .event__nav__wrap__dates.desktop{
		display: none;
	}
	.mobile{
		display: flex;
	}
	.search__block_mobile{
		width: 100%;
	    display: block;
	}
}
.log_in_button{
	color: #338588 !important;
    font-weight: 600 !important;
    height: auto !important;
    width: auto !important;
    border: 0px !important;
    padding: 15px 10px !important;
    cursor:pointer;
}
.family__memeber.active{
 background: #eff3f9;
}
.log_out_buuton{
	margin: 8px 0px !important;
}
.text-right{
	text-align: right;
}
.no_message{
	color: #dee3eb;
}
.navbar__link.active .noraml{
	display: none;
}
.navbar__link.active .actived{
	display: block;
}

.aspect-inner{
	display: flex;
}
.aspect-inner .block_img{
	margin: auto;
}
.search__field__wrapper{
	box-shadow: 0px 8px 13px 1px #181926db;
}
.family__memeber{
	cursor: pointer;
}
.red-circle{
	background: #fe7d7d;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
/* --- End of BACK-END style*/












.block-no-hidden-25{
	height: 25%;
}
.block-no-hidden-65{
	height: 65%;
}
.block-no-hidden-50{
	height: 50%;
}

.block-hidden-40{
    margin-top: -27%;
}

.block-hidden-50{
	margin-top: -48%;
}
.block-hidden-60{
	margin-top: -40%;
}



.block-hidden-96,.block-hidden-56,.block-hidden-66,.block-hidden-76,.block-hidden-86,
.block-hidden-46,.block-hidden-36,.block-hidden-26,.block-hidden-16,.block-hidden-15,.block-hidden-6{
	height: 100%;
}

.block-hidden-41,.block-hidden-1,.block-hidden-2,.block-hidden-19,.block-hidden-20{
	height: 57%;
}

.block-hidden-7,.block-hidden-8,.block-hidden-34,.block-hidden-35
{
	height: 54%;
}
.block-hidden-58,.block-hidden-40,.block-hidden-4,.block-hidden-5,.block-hidden-17,.block-hidden-18,
.block-hidden-57,.block-hidden-22,.block-hidden-23,.block-hidden-24,.block-hidden-25,
.block-hidden-42,.block-hidden-43,.block-hidden-44,.block-hidden-45,
.block-hidden-27,.block-hidden-28, .block-hidden-37,.block-hidden-38,
.block-hidden-47,.block-hidden-48
{
	height: 50%;
}

.block-hidden-9,.block-hidden-10,.block-hidden-32,.block-hidden-33,
.block-hidden-62,.block-hidden-63,.block-hidden-64,.block-hidden-65{
	height: 46%;
}
.block-hidden-50, .block-hidden-49,
.block-hidden-39,.block-hidden-3,.block-hidden-21{
	height: 43%;
}

.block-hidden-60, .block-hidden-59, .block-hidden-31{
	height: 38%;
}
.block-hidden-51,.block-hidden-61{
	height: 31%;
}
.height-33,.block-hidden-97,.block-hidden-98,.block-hidden-99,.block-hidden-100,.block-hidden-101,.block-hidden-102,
.block-hidden-103,.block-hidden-104,.block-hidden-105,.block-hidden-106,.block-hidden-107,.block-hidden-108,
.block-hidden-109,.block-hidden-110{
	padding: 1% 0px;
	height: 33.33333%;
}
.block-hidden-97,.block-hidden-100,.block-hidden-102{
	width: 36% !important;
	padding-left: 6%!important;
}
.block-hidden-106,.block-hidden-108,.block-hidden-110{
	width: 34% !important;
	padding-right: 6%!important;
}
.height-33,.block-hidden-98,.block-hidden-99,.block-hidden-101,.block-hidden-103,.block-hidden-104,.block-hidden-105,
.block-hidden-107,.block-hidden-109{
	width: 32% !important;
}
.block-hidden-29,.block-hidden-30{
	height: 32%;
}
.block-hidden-14,.block-hidden-13,.block-hidden-11,.block-hidden-12{
	height: 25%;
}
.block-hidden-img{
	top:0;
	position: relative;
	width:100%;
	height: 100%;
	position: absolute;
	margin-left: 0px;
}
.block-hidden{
	opacity:0;
	padding: 0px;
	-webkit-filter  : blur(10px);
    -moz-filter : blur(10px);
    -ms-filter  : blur(10px);
    -o-filter   : blur(10px);
    filter      : blur(10px);    
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.aspect-inner{
	position: relative;
}

.height-93{
	height: 93%;
}



.block-hidden-67{
    top: 16%;
    height: 20%;
    width: 11%;
    position: absolute;
    left: 22%;
}
.block-hidden-68{
    top: 14%;
    height: 23%;
    width: 13%;
    left: 37%;
    position: absolute;
}
.block-hidden-69{
    top: 23%;
    left: 55%;
    height: 17%;
    width: 10%;
    position: absolute;
}
.block-hidden-70{
    top: 30%;
    left: 66%;
    height: 19%;
    width: 11%;
    position: absolute;
}
.block-hidden-71{
    top: 20%;
    left: 80%;
    height: 19%;
    width: 11%;
    position: absolute;
}
.block-hidden-72{
    top: 57%;
    height: 20%;
    width: 11%;
    position: absolute;
    left: 10%;
}
.block-hidden-73{
    top: 43%;
    height: 20%;
    width: 11%;
    position: absolute;
    left: 23%;
}
.block-hidden-74{
    top: 44%;
    left: 40%;
    height: 19%;
    width: 11%;
    position: absolute;
}
.block-hidden-75{
    top: 50%;
    left: 54%;
    height: 19%;
    width: 11%;
    position: absolute;
}
.block-hidden-76{
    top: 48%;
    left: 79%;
    height: 20%;
    width: 11%;
    position: absolute;
}
.block-hidden-77{
    top: 69%;
    left: 23%;
    height: 20%;
    width: 12%;
    position: absolute;
}
.block-hidden-78{
    top: 70%;
    height: 19%;
    width: 12%;
    position: absolute;
    left: 37%;
}
.block-hidden-79{
    top: 74%;
    left: 50%;
    height: 19%;
    width: 12%;
    position: absolute;
}
.block-hidden-80{
    top: 72%;
    left: 66%;
    height: 19%;
    width: 11%;
    position: absolute;
}

.block-hidden-82{
   	top: 4%;
    height: 26%;
    width: 25%;
    position: absolute;
    left: 10%;
}
.block-hidden-83{
    top: 12%;
    height: 26%;
    width: 25%;
    left: 37%;
    position: absolute;
}
.block-hidden-84{
   	top: 19%;
    height: 26%;
    width: 25%;
    position: absolute;
    left: 65%;
}
.block-hidden-85{
       top: 43%;
    left: 4%;
    height: 26%;
    width: 20%;
    position: absolute;
}
.block-hidden-86{
        top: 51%;
    left: 30%;
    height: 26%;
    width: 20%;
    position: absolute;
}
.block-hidden-87{
    top: 57%;
    height: 26%;
    width: 20%;
    position: absolute;
    left: 55%;
}
.block-hidden-88{
   top: 65%;
    height: 26%;
    width: 20%;
    position: absolute;
    left: 76%;
}
.block-hidden-89{
        top: 18%;
    left: 8%;
    height: 26%;
    width: 25%;
    position: absolute;
}
.block-hidden-90{
    top: 12%;
    left: 38%;
    height: 26%;
    width: 25%;
    position: absolute;
}
.block-hidden-91{
        top: 6%;
    left: 69%;
    height: 26%;
    width: 25%;
    position: absolute;
}
.block-hidden-92{
        top: 65%;
    left: 3%;
    height: 26%;
    width: 20%;
    position: absolute;
}
.block-hidden-93{
     top: 57%;
    height: 26%;
    width: 20%;
    position: absolute;
    left: 28%;
}
.block-hidden-94{
     top: 51%;
    left: 50%;
    height: 26%;
    width: 20%;
    position: absolute;
}
   
.block-hidden-95{
   top: 42%;
    left: 75%;
    height: 26%;
    width: 20%;
    position: absolute;
}

.block-hidden-hover{
    -webkit-filter  : blur(10px);
    -moz-filter : blur(10px);
    -ms-filter  : blur(10px);
    -o-filter   : blur(10px);
    filter      : blur(10px);    
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity:0;
}
.qty_users_group{
	position: absolute;
    cursor: pointer;
    right: 15px;
    bottom: 5px;
    color: #00000063;
}
.qty_users_group:hover{
    text-decoration: underline;
}
.block-list-users-in-group{
    position: absolute;
    width: 100%;
    background: #3d4461;
    box-shadow: 0px 8px 5px -1px #181926;
    transition: 0.5s;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    top: -200px;
    overflow-y: auto;
    max-height: 80%;
}
.block-list-users-in-group::-webkit-scrollbar {
  width: 0.2rem;
}
.block-list-users-in-group::-webkit-scrollbar-track {
  background: transparent;
}
.block-list-users-in-group::-webkit-scrollbar-thumb {
  background: #92b5bc;
}
.block-list-users-in-group::-webkit-scrollbar-thumb:hover {
  background: #2a8386;
}
.chat__wrapper__messages__head{
	z-index: 2;
}
.block-list-users-in-group .chat__wrapper__item__group__block__text__info h4{
	color: #fff;
}
.block-list-users-in-group .chat__wrapper__item__group__block__text__info p{
	color: rgba(255, 255, 255, 0.45);
}
.text-cantr{
	text-align: center;
}
.top-meniu-time{
	display: inline-block;
    color: #0f0f0f;
    padding: 5px 20px 13px 20px;
    font-size: 1.8rem;
    font-weight: 500;
    cursor: pointer;
}
.psoition-relative{
	position: relative;
	display: inline-block;
}
.top-meniu-time-title{
	font-size: 3.2rem;
    font-weight: 600;
    padding: 10px 25px;
    display: inline-block;
    color: #0f0f0f;
   
}
.top-meniu-time-mobile{
	display: none;
}
.top-meniu-time-descktop{
	display: flex;
}

.dropdown-meniu-users, .dropdown-meniu-school{
	position: absolute;
    width: 56rem;
    top: 7rem;
    background: #3d4461;
    box-shadow: 0px 8px 5px -1px #181926;
    transition: 0.5s;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    max-height: 80vh;
}
.dropdown-meniu-users.active, .dropdown-meniu-school.active{
	z-index: 1;
    visibility: visible;
    opacity: 1;
    
}
.dropdown-meniu-users h4, .dropdown-meniu-school h4 {
	text-align: left;
    color: #fff;
}
.dropdown-meniu-users .chat__wrapper__item__group__block__text__info, .dropdown-meniu-school .chat__wrapper__item__group__block__text__info {
	text-align: left;
}

@media (max-width: 599px) {
    .top-meniu-time-mobile{
		display: inline-block;
	}
	.content__full{
		border-radius: 0rem 0rem 1rem 1rem;
	}
	.dropdown-meniu-users, .dropdown-meniu-school{
	    width: 100%;
	        top: auto;
	}
	.top-meniu-time-descktop{
		display: none;
	}
	.top-meniu-time{
		width: 100%;	
	}
}
.top-meniu-time-block{
	background: #eff3f9;
	border-radius: 1rem 1rem 0rem 0rem;
}


.top-meniu-time-dropdown{
	position: relative;
    display: inline-block;
    top: auto;
}



.dropdown-meniu-users::-webkit-scrollbar, .dropdown-meniu-school::-webkit-scrollbar {
  width: 0.2rem;
}
.dropdown-meniu-users::-webkit-scrollbar-track, .dropdown-meniu-school::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown-meniu-users::-webkit-scrollbar-thumb, .dropdown-meniu-school::-webkit-scrollbar-thumb {
  background: #92b5bc;
}
.dropdown-meniu-users::-webkit-scrollbar-thumb:hover, .dropdown-meniu-school::-webkit-scrollbar-thumb:hover {
  background: #2a8386;
}
.content__wrapper_archive__add__image__block {
	width: 100%;
}

.select_school .chat__wrapper__member{
	cursor: pointer;
	transition: 0.2s;
}
.select_school .chat__wrapper__member .chat__wrapper__item__group__block__text__info p{
	color: rgb(0 0 0 / 45%);
}
.select_school .chat__wrapper__member:hover{
	background: #eff3f9;
}
.select_school .chat__wrapper__member__name{
	color: black;
}












    .slider__container {
      position: relative;
    }

    .slider {
      max-width: 310px;
      flex: 0 0 310px;
      margin-left: unset;
      margin-right: unset;
    }

    /* дополнительные стили для этого примера */
    .slider__items {
      counter-reset: slide;
    }

    .slider__item {
      counter-increment: slide;
      display: flex;
      height: 40rem;
    }

   

    .slider img {
      max-width: 100%;
      max-height: 100%;
      height: auto;
      margin: auto;
    }
	.slider-overflow .slider__wrapper .slider__item{
		width: 100%;
		height: 100%;
	}
    .slider__thumbnails {
        display: inline-block;
	    flex-flow: column wrap;
	    align-content: center;
	    width: 100%;
	    margin: 10px;
    }

    .slider__thumbnails-item {
      display: inline-block;
	    line-height: 0;
	    width: 100px;
	    height: 100%;
	    opacity: 1;
	    overflow: hidden;
	    transition: 0.15s opacity ease-in-out;
    	padding: 5px;
    }

    .slider__thumbnails-item.active {
      opacity: .5;
    }

    .slider__thumbnails-item:hover {
      opacity: .5;
    }

    .slider__thumbnails-item>img {
      display: inline-block;
      width: 100%;
      height: auto;
    }

    .slider__indicators {
      display: none;
    }

    .image-open {
      background: rgb(110 110 110 / 35%);
      border-radius: 12px 40px 12px 12px;
      position: absolute;
      padding: 10px 16px 6px;
      left: 8px;
      bottom: 8px;
      cursor: pointer;
      transition: background-color .15s ease-in-out;
      line-height: 1;
    }

    .image-open:hover {
      background: rgb(110 110 110 / 25%);
    }

    .image-open::before {
      content: '';
      display: inline-block;
      width: 24px;
      height: 24px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
    }

  

    .slider-overflow__container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.9);
      display: none;
    }

    .slider-overflow__container_show {
      display: flex;
    }

    .slider-overflow {
      margin-left: auto;
      margin-right: auto;
    }

    .slider-overflow .slider__wrapper {
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .slider-overflow .slider__items {
      height: 100%;
    }
	.slider__wrapper {
	    background-color: #eee0 !important;
	}
    .slider-overflow img {
      
      margin: auto;
    }

    .btn-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      z-index: 2;
      padding: 1.25rem 1rem;
      box-sizing: content-box;
      width: 2em;
      height: 2em;
      padding: 0.25em 0.25em;
      color: #000;
      background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/2em auto no-repeat;
      border: 0;
      border-radius: 0.25rem;
      opacity: 0.5;
    }
    .slider-overflow__container {
    	z-index: 2;
    }

    .btn-close:hover {
      color: #000;
      opacity: 0.75;
    }

    .btn-close:focus {
      outline: 0;
      box-shadow: none;
      opacity: 0.75;
    }
.hide_img{
	filter: blur(30px);
	margin: 0px 40px;
	margin-bottom: 20px;
}
.main__wrapper__nav i{
	margin-left: 10px;
}
.yellow .main__wrapper__nav{
	border-color: #d0a33d;
}
.yellow .main__wrapper__nav__item.active, .yellow .archive__years.active, .yellow .btn{
	background: #d0a33d;
	 border: 0 solid #d0a33d;
}

.yellow .main__wrapper__nav__item.active::before {
	  border: 0 solid #d0a33d;
  background: -o-radial-gradient(bottom right, farthest-side, transparent 100%, #3d4461 100%) top left/0rem 0rem, -o-radial-gradient(top right, farthest-side, transparent 100%, #3d4461 100%) bottom left/0rem 0rem, -o-radial-gradient(bottom left, farthest-side, transparent 100%, #d0a33d 100%) top right/2.5rem 2.5rem, -o-radial-gradient(top left, farthest-side, transparent 100%, #3d4461 100%) bottom right/0rem 0rem, #3d4461;
  background: radial-gradient(farthest-side at bottom right, transparent 100%, #3d4461 100%) top left/0rem 0rem, radial-gradient(farthest-side at top right, transparent 100%, #3d4461 100%) bottom left/0rem 0rem, radial-gradient(farthest-side at bottom left, transparent 100%, #d0a33d 100%) top right/2.5rem 2.5rem, radial-gradient(farthest-side at top left, transparent 100%, #3d4461 100%) bottom right/0rem 0rem, #3d4461;

}
.yellow .main__wrapper__nav__item.active::after {
	  border: 0 solid #d0a33d;
  background: -o-radial-gradient(bottom right, farthest-side, transparent 100%, #d0a33d 100%) top left/2.5rem 2.5rem, -o-radial-gradient(top right, farthest-side, transparent 100%, #3d4461 100%) bottom left/0rem 0rem, -o-radial-gradient(bottom left, farthest-side, transparent 100%, #3d4461 100%) top right/0rem 0rem, -o-radial-gradient(top left, farthest-side, transparent 100%, #3d4461 100%) bottom right/0rem 0rem, #3d4461;
  background: radial-gradient(farthest-side at bottom right, transparent 100%, #d0a33d 100%) top left/2.5rem 2.5rem, radial-gradient(farthest-side at top right, transparent 100%, #3d4461 100%) bottom left/0rem 0rem, radial-gradient(farthest-side at bottom left, transparent 100%, #3d4461 100%) top right/0rem 0rem, radial-gradient(farthest-side at top left, transparent 100%, #3d4461 100%) bottom right/0rem 0rem, #3d4461;

}


.green .main__wrapper__nav{
	border-color: #336648;
}
.green .main__wrapper__nav__item.active, .green .archive__years.active, .green .btn{
	background: #336648;
	 border: 0 solid #336648;
}

.green .main__wrapper__nav__item.active::before {
	  border: 0 solid #336648;
  background: -o-radial-gradient(bottom right, farthest-side, transparent 100%, #3d4461 100%) top left/0rem 0rem, -o-radial-gradient(top right, farthest-side, transparent 100%, #3d4461 100%) bottom left/0rem 0rem, -o-radial-gradient(bottom left, farthest-side, transparent 100%, #336648 100%) top right/2.5rem 2.5rem, -o-radial-gradient(top left, farthest-side, transparent 100%, #3d4461 100%) bottom right/0rem 0rem, #3d4461;
  background: radial-gradient(farthest-side at bottom right, transparent 100%, #3d4461 100%) top left/0rem 0rem, radial-gradient(farthest-side at top right, transparent 100%, #3d4461 100%) bottom left/0rem 0rem, radial-gradient(farthest-side at bottom left, transparent 100%, #336648 100%) top right/2.5rem 2.5rem, radial-gradient(farthest-side at top left, transparent 100%, #3d4461 100%) bottom right/0rem 0rem, #3d4461;

}
.green .main__wrapper__nav__item.active::after {
	  border: 0 solid #336648;
  background: -o-radial-gradient(bottom right, farthest-side, transparent 100%, #336648 100%) top left/2.5rem 2.5rem, -o-radial-gradient(top right, farthest-side, transparent 100%, #3d4461 100%) bottom left/0rem 0rem, -o-radial-gradient(bottom left, farthest-side, transparent 100%, #3d4461 100%) top right/0rem 0rem, -o-radial-gradient(top left, farthest-side, transparent 100%, #3d4461 100%) bottom right/0rem 0rem, #3d4461;
  background: radial-gradient(farthest-side at bottom right, transparent 100%, #336648 100%) top left/2.5rem 2.5rem, radial-gradient(farthest-side at top right, transparent 100%, #3d4461 100%) bottom left/0rem 0rem, radial-gradient(farthest-side at bottom left, transparent 100%, #3d4461 100%) top right/0rem 0rem, radial-gradient(farthest-side at top left, transparent 100%, #3d4461 100%) bottom right/0rem 0rem, #3d4461;

}

.content__full__all__list__item__label{
	padding: 0.5rem 1rem;
	    height: auto;
}


.capsula_slider_title{
	    position: absolute;
    top: 21px;
    color: #fff;
    left: 20px;
    font-size: 4rem;
    text-shadow: 2px 3px 4px rgb(0 0 0 / 33%);
}

.main__wrapper.with-nav.time{
	max-width: 90%;
}
@media (max-width: 600px) {
	.main__wrapper.with-nav.time{
		max-width: 100%;
	}
	.capsula_slider_title{
	    font-size: 1.5rem;
	}
}
.capsula_time{
	width: 100%;
	height: 500px;
	border-radius: 30px;
	padding: 50px 0px;
	background: #fff;
	box-shadow: 0px 0px 9px 3px rgb(0 0 0 / 20%);
	margin: 0px 15%;
	margin-top: 70px;
}
.capsula_time img{
	height: 100%;
	margin: auto;
	display: flex;
}

@media (max-width: 600px) {
	.capsula_time{
		margin: 0px;
		height: auto;
	}
	.capsula_time img{
		height:auto;
		
	}
}
@media (max-width: 1000px) {
	.capsula_time img{
		height:auto;
		
	}
}