/*@font-face {
  font-family: 'Lato', sans-serif;
  src: url('fonts/Lato-Regular.ttf');
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url('fonts/Montserrat-Regular.ttf');
  font-style: normal;
}*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
  margin: 0;
  overflow-x: hidden;
  font-family: 'Lato', sans-serif;
}

.p1-container {
  position: relative;
  width: 90%;
  margin: 0 auto;
  /* height: 700px; */
  /* background-color: bisque; */
}

.p1-title {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  font-weight: 600;
  font-size: 32px;
  line-height: 30px;
  color: #000000;
  padding: 20px 0 20px 0;
  text-align: center;
}

.p11-title {
  text-align: center;
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #000000;
  padding: 20px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
}

.p1-text {
  font-weight: 400;
  font-size: 16px;
  text-align: justify;
  width: 60%;
  margin: 0 auto;
  padding-bottom: 10px;
  font-family: 'Lato', sans-serif;
}

.p11-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-align: justify;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 30px;
}

.sub-container {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.first-container {
  margin-bottom: 380px;
}

#g1144 {
  transition: .5s;
  cursor: pointer;
}

#g1144:hover {
  /* transform: matrix(0.24440413,0,0,0.27079899,169.68597,86.540337); */
  transform: matrix(0.244404, 0, 0, 0.255799, 168.9, 83.5403);
  transition: .5s;
}

#g868 {
  transition: .5s;
  cursor: pointer;
}

#g868:hover {
  /* transform: matrix(0.24440413,0,0,0.27079899,169.68597,86.540337); */
  transform: matrix(0.25878922, 0, 0, 0.26462881, 186.68872, 85.418888);
  transition: .5s;
}

#g914 {
  transition: .5s;
  cursor: pointer;
}

#g914:hover {
  /* transform: matrix(0.24440413,0,0,0.27079899,169.68597,86.540337); */
  transform: matrix(0.25903709, 0, 0, 0.26461441, 186.52645, 141.11309);
  transition: .5s;
}

#g960 {
  transition: .5s;
  cursor: pointer;
}

#g960:hover {
  /* transform: matrix(0.24440413,0,0,0.27079899,169.68597,86.540337); */
  transform: matrix(0.26427182, 0, 0, 0.26312717, 132.95471, 141.53078);
  transition: .5s;
}

#g1006 {
  transition: .5s;
  cursor: pointer;
}

#g1006:hover {
  /* transform: matrix(0.24440413,0,0,0.27079899,169.68597,86.540337); */
  transform: matrix(0.25880638, 0, 0, 0.25892226, 129.45963, 117.74504);
  transition: .5s;
}

#g1052 {
  transition: .5s;
  cursor: pointer;
}

#g1052:hover {
  /* transform: matrix(0.24440413,0,0,0.27079899,169.68597,86.540337); */
  transform: matrix(0.25135607, 0, 0, 0.25248038, 135.18266, 94.117013);
  transition: .5s;
}

#g1098 {
  transition: .5s;
  cursor: pointer;
}

#g1098:hover {
  /* transform: matrix(0.24440413,0,0,0.27079899,169.68597,86.540337); */
  transform: matrix(0.2554441, 0, 0, 0.25891358, 154.3, 86.778071);
  transition: .5s;
}

#path2253,
#path2306,
#path2359,
#path2412,
#path2465,
#path2518,
#path2571 {
  transition: .5s;
}

#path2253.big-circle {
  transform-origin: 26px 5px;
  transition: .5s;
  transform: scale(1.5);
}

#path2306.big-circle {
  transform-origin: 22px 5px;
  transition: .5s;
  transform: scale(1.5);
}

#path2359.big-circle {
  transform-origin: 20px 5px;
  transition: .5s;
  transform: scale(1.5);
}

#path2412.big-circle {
  transform-origin: 16px 5px;
  transition: .5s;
  transform: scale(1.5);
}

#path2465.big-circle {
  transform-origin: 16px 5px;
  transition: .5s;
  transform: scale(1.5);
}

#path2518.big-circle {
  transform-origin: 16px 5px;
  transition: .5s;
  transform: scale(1.5);
}

#path2571.big-circle {
  transform-origin: 18px 5px;
  transition: .5s;
  transform: scale(1.5);
}

/* slider */

.slider-container {
  /* height: 100%; */
  /* background-color: #003471; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
}

.sl-title {
  font-size: 32px;
  color: #000000;
  font-weight: 600;
  line-height: 39px;
  font-family: 'Montserrat', sans-serif;
}

.timeline {
  /* width: 80%;
  position: relative; */
  /* margin-top: 100px; */
  width: 70%;
  position: absolute;
  background-color: white;
  top: 90%;
  border-left: 4px solid #0000001a;
  border-top: 4px solid #0000001a;
  border-right: 4px solid #0000001a;
  border-radius: 20px;
}

.top-sl-content {
  padding: 40px;
  transform: translateX(135px);
}

.tsc-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28.8px;
  color: #878581;
  font-family: 'Lato', sans-serif;
}

.tsc-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  color: #000000;
}

.timeline .line-block {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 49.5px;
  gap: 10px;
  display: flex;
  align-items: center
}

.timeline .block {
  border-bottom: 1px solid #878581;
  width: 450px;
}

.timeline .line .round {
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  border-radius: 50%;
}

.timeline-nav__item {
  width: auto !important;
  height: auto;
  text-align: center;
  /*opacity: 0.5;*/
  background: transparent;
  color: #878581;
  margin: 15px 25px !important;
  position: relative;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  outline: none;
  cursor: pointer;
}

.timeline-nav__item::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #878581;
  transition: .2s;
}

.timeline-nav__item.slick-current {
  color: #58CAE5;
  opacity: 1;
}

.timeline-nav__item.slick-current::before {
  background-color: #58CAE5;
}

.timeline-wrapper {
  position: relative;
  width: 100%;
  /* height: 580px; */
  margin: 0 auto;
}

@media (max-width: 500px) {
  .timeline-wrapper {
    height: 1000px;
    max-height: 900px;
  }
}

.timeline-slider {
  height: 100%;
}

.slick-list {
  height: 100%;
}

@media (min-width: 1080px) {
  .timeline-nav .slick-list {
    padding: 0 180px !important;
  }

}

.slick-track {
  height: 100%;
}

.timeline-slider-two .slick-track {
  height: auto;
}

.timeline-slide {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  outline: none;
  margin: 0 24px;
  z-index: 1;
}

.timeline-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-arrows {
  position: absolute;
  width: 100%;
  height: 90%;
  z-index: 1000;
}

.arrows-block {
  position: relative;
}

.prev-sl-arrow {
  position: absolute;
  top: 50%;
  left: 40px;
  width: 20px;
  z-index: 1000;
  cursor: pointer;
}

.next-sl-arrow {
  position: absolute;
  top: 50%;
  right: 60px;
  width: 20px;
  z-index: 1000;
  cursor: pointer;
}

/* slider */

.svg-clicker-container {
  margin: 0 auto;
  width: 50%;
}

.svg-slider-container {
  margin: 0 auto;
  width: 80%;
  display: flex;
  flex-direction: row;
  margin-top: 30px;
}

.svg-left-block {
  width: 15%;
  padding-right: 2rem;
}

.svg-right-block {
  width: 100%;
  margin-bottom: 20px;
}

.sl-block img {
  width: 100%;
  height: 350px;
}

header {
  position: relative;
}

.header-container {
  width: 100%;
  height: 77px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-text {
  font-weight: 700;
  font-size: 36px;
  color: #58CAE5;
  line-height: 44px;
  font-family: 'Montserrat', sans-serif;
}

.header-left {
  margin-left: 20px;
  cursor: pointer;
}

.header-menu {
  margin-right: 20px;
  cursor: pointer;
  padding: 10px;
}

.first-block-container {
  position: relative;
  width: 100%;
  background: linear-gradient(#58CAE51A, #58CAE500);
  border-bottom: 2px solid rgb(230, 232, 235);
}

.first-wpapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}

.first-l-image {
  width: 25%;
  z-index: 2;
}

.first-r-image {
  width: 25%;
}

.first-content {
  max-width: 850px;
  /*margin-left: 3%;*/
  /*margin-right: 5%;*/
}

.fc-title {
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
  font-size: 96px;
  line-height: 100%;
  color: transparent;
  background-clip: text;
  background-image: radial-gradient(#666561, #95928F);
  padding: 30px;
  text-align: left;
  letter-spacing: 2px;
}

.fc-text {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-align: justify;
  color: #000000;
  padding: 15px;
}

.al-marker {
  position: absolute;
  top: 50px;
  left: 15%;
  z-index: 3;
  background-color: #F1FAFC;
  border-radius: 20px;
  height: 194px;
}
.al-marker img {
  /* border-radius: 15px; */
}
.al-marker-back {
  position: absolute;
  top: 70px;
  left: 13.8%;
  border: 3px solid #E1E5E7;
  width: 194px;
  height: 194px;
  display: block;
  border-radius: 20px;
  z-index: 1;
  opacity: 0.7;
}

/* .al-marker:before {
  content: '';
  border: 1px solid red;
  width: 194px;
  height: 194px;
  display: block;
  position: absolute;
  border-radius: 20px;
  right: 20px;
  bottom: -20px;
} */

.graf-container {
  /*text-align: center;*/
  margin: 0 auto;
  width: 100%;
}

.pre-graf {
  /* max-width: 1000px; */
  width: 80%;
  max-height: 600px;
  margin: 0 auto;
}

/* footer */
footer {
  position: relative;
}

.footer-container {
  width: 100%;
  background: linear-gradient(90deg, #88C7CC -8.28%, #A2CCD0 8.76%, #CFD3D7 46.75%, #B9CFD3 66.56%, #A0CBCF 106.28%);
  margin: 0;
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-first-line {
  width: 20%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly
}

.footer-first-line a {
  cursor: pointer;
}

.footer-second-line {
  width: 40%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly
}

.footer-second-line-first {
  display: flex;
  align-items: center;
  width: 25%;
}

.footer-second-line-first img {
  margin-right: 10px;
}

.footer-second-line-second {
  display: flex;
  align-items: center;
  width: 50%;
}

.footer-second-line-second img {
  margin-right: 10px;
}

.footer-second-line-third {
  display: flex;
  align-items: center;
  width: 25%;
}

.footer-second-line-third img {
  margin-right: 10px;
}

.footer-second-line-text {
  color: #3F3F3F;
  font-size: 12px;
  font-weight: 700;
}

.footer-third-line {
  margin: 0 auto;
  text-align: center;
}

.footer-third-line p {
  font-weight: 700;
  font-size: 16px;
  line-height: 19.5px;
  color: #3F3F3F;
}

/* карта начало */
.map-container {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  height: 80vh;
}

.ymaps-2-1-79-map {
	max-width: 1400px;
}

/* iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
} */
#map {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.placemark_layout_container {
  position: relative;
  /* font-family: Georgia; */
  font-weight: 600;
  font-size: 13px;
  text-align: left;
}

.square_layout {
  position: absolute;
  left: -23px;
  top: -23px;
  width: auto;
  height: 50px;
  line-height: 12px;
  /* border: 2px solid #218703;
	background-color: #F8FDF7;
	color: #218703; */
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}

/* .placemark_layout_container.big{
	transform: scale(1.5);
} */

.square_layout img {
  position: absolute;
  left: 0;
  z-index: 1;
  /* transition: 1.5s; */
}

.square_layout img.big {
  /* transform: scale(1.2); */
  /* transform: rotate(180deg); */
  /* transition: 1.5s; */
  animation: 1s aaa;
}

.square_layout span {
  position: absolute;
  left: 20px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
  /* Note: backdrop-filter has minimal browser support */
  /* может понадобиться */
  /* border: 1px solid lightslategray; */
  border-radius: 6px;
  padding: .1rem;
  padding-left: 20px;
  /* bottom: 12px; */
  min-height: 45px;
  min-width: 140px;
  /* align-self: center; */
  /* vertical-align: middle */
  display: flex;
  align-items: center;
}

.square_layout span.for_case {
  background: rgba(255, 255, 255);
  border: 2px solid #026497;
  opacity: 1;
  animation: 1s asas ease-out;
}

.map-title-container {
  padding-top: 40px;
}

/* карта конец */
.pre-graf-resurs, .pre-graf-indpokaz {
  width: 80%;
  max-height: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}
.pre-graf-indpokaz div {
  width: 100%;
}

.pre-graf-resurs div {
  width: 30%;
}

.form_flex {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  gap: 30px;
  align-items: flex-end;
}

.form_flex.res {
	flex-wrap: nowrap;
}

.form_flex.res .item {
	width: 20%;
}

.form_flex label {
  display: block;
  margin-bottom: 0.25rem;
  height: auto;
  /* margin-bottom: 10px; */
  font-weight: bold;
  font-size: 16px;
}

.form_flex input,
.form_flex select {
  display: block;
  width: 80%;
  height: auto;
  padding: 0 10px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #bdbdbd;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #C6C5C3;
}

.form_flex select::after,
.form_flex select::before {
  box-sizing: content-box;
}

.tpndtFormDiv label {
	font-weight: bold;
}

.resSubmit {
  margin-top: 1rem;
  margin-bottom: 1rem;
  cursor: pointer;
  height: 40px;
  width: 220px;
  background: #58CAE5CF;
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 20px;
}
.resSubmit:hover {
	background: #fff;
	color: #58CAE5CF;
	border: 1px solid #EAEAEA;
}
.resSubmit.one {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	bottom: -6%;	
}
.resSubmit.two {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10%;
}
.resSubmit.three {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	bottom: -7%;
}
.resSubmit.gas {
	color: #000;
	background: #EAEAEA;
	width: auto;
	padding: 10px 20px;
}
.pre-graf-tpndt {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  gap: 10px;
}
.pre-graf-tpndt div {
  width: 100%;
  /* flex-wrap: wrap; */
}

.double_input {
  display: flex;
  gap: 10px;
}
input[disabled] {
  background-color: #F2F2F2;
}
.tpndtGrafDiv {
  display: none;
}
.tpndtGrafDiv.visible {
  display: block;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.indPokazNew {
  width: 60%;
  margin: 0 auto;
}

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 12px;
}

a {
  color: #7b9d6f;
  text-decoration: none;
}


/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline .pics .pic-slide img {
	display: none;
}
.cd-horizontal-timeline .pics .pic-slide img.active {
	display: block;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 75%;
  max-width: 1400px;
  margin: -80px auto;
  z-index: 999;
  margin-bottom: 10px;
  
  border-radius: 20px 20px 0 0;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper ol {
    list-style-type: none;

    display: flex;
    justify-content: space-around !important;
}
.cd-horizontal-timeline .events-wrapper ol li {
	z-index: 999;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  /*background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));*/
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  /*background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));*/
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 54px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
	{
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #dfdfdf;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: rgba(99, 194, 150, 1);
  border-color: rgba(99, 194, 150, 1);
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
  color: rgba(99, 194, 150, 1);
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: rgba(99, 194, 150, 1);
  border-color: rgba(99, 194, 150, 1);
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #dfdfdf;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}
.cd-timeline-navigation {
	list-style-type: none;
}
.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 55%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
  /*background: #878581;*/
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 1.8%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 1.8%;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;  
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  margin-top: -15px;  
}
.events-content.height {
	width: 75%;
	border-left: 4px solid #0000001a;
	border-right: 4px solid #0000001a;
	border-bottom: 4px solid #0000001a;
	border-radius: 0 0 20px 20px;
}
.cd-horizontal-timeline .events-content ol {
	list-style-type: none;
	padding: 0;
	/*margin: 0 auto;*/
}
.cd-horizontal-timeline .events-content .nav {
	position: absolute;
	width: 95%;
	display: flex;
	justify-content: space-between;
	font-size: 50px;
	z-index: 999;
	left: 2%;
	color: #24eec8;
}
.cd-horizontal-timeline .events-content .nav {
	user-select: none;
}
.cd-horizontal-timeline .events-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(-135px);
  -moz-transform: translateX(-135px);
  -ms-transform: translateX(-135px);
  -o-transform: translateX(-135px);
  transform: translateX(-135px);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  /*max-width: 800px;*/
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 120%;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.tpndtInput{
  -moz-appearance: textfield;
}
.tpndtInput::-webkit-inner-spin-button { 
 display: none;
}
#tpndtClear, #resursClear {
  display: flex;
  align-items: center;
  border-bottom: 2px solid grey;
  opacity: .5;
  cursor: pointer;
}
#tpndtClear span, #resursClear span {
  font-size: 18px;
}
#resursClear {
  width: auto;
  margin-top: 50px;
  width: 190px;
}