@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');

.shapeTitle{
  position: absolute;
  left: -140px;
  top: -17px;
  width: 130px;
}
.shapeTitle-short{
    position: absolute;
    left: -85px;
    top: -30px;
}

.d-flex{
	display: flex;
}
.align-items-center{
	align-items: center;
}
.container .wrap:not(.noSpaces), .container .wrap.spaceWrap, .container .wrap .spaceWrap {
    padding: 50px calc(8% + 15px);
}
.btn-portfolio{
	background-color: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	color: #777;
	box-shadow: none;
}
.potrait-trellis-img{
	position: absolute;
    right: 0;
    bottom: 5%;
}
.dot:after {
    background: #000;
}
.border{
	width: 100px;
	border-bottom: 2px solid #000;
	opacity: .5;
	margin: 10px auto 20px auto;
}
.border-white{
	width: 100%;
	border-bottom: 2px solid #fff;
	opacity: .5;
	margin: 10px auto ;
}
.border-left{
	width: 100px;
	border-bottom: 2px solid #000;
	opacity: .5;
	margin: 10px 0 20px;
}
p.small, .p.small, blockquote.small {
    font-size: 14px !important;
}
.muted{
  color: #777;
}
.fixbottom{
	position: fixed;
    left: 45%;
    bottom: 50px;
}
.fixedSpecial{
	position: fixed;
    left: 52%;
    bottom: 50px;
}
.font-conteiner{
	max-width: 90%;
}

.audio-player {
    position: relative;
    height: 80px;
    text-align: center;
    background-color: transparent;
    width: auto;
    border-radius: 50%;
  }
  .audio-player video {
	opacity: 0;
	transition: opacity 300ms;
	will-change: opacity;
  }
  .audio-player:focus .audio-player__cover,
  .audio-player:hover .audio-player__cover,
  .audio-player.is-playing .audio-player__cover {
	opacity: 0.35;
  }
  .audio-player:focus .audio-player__title,
  .audio-player:hover .audio-player__title,
  .audio-player.is-playing .audio-player__title {
	opacity: 1;
	transform: translateY(0);
  }
  .audio-player:focus .audio-player__control-icon,
  .audio-player:hover .audio-player__control-icon,
  .audio-player.is-playing .audio-player__control-icon {
	transform: scale(1.15);
  }
  .audio-player.is-playing .audio-player__cover {
	opacity: 0;
  }
  .audio-player.is-playing video {
	opacity: 1;
  }
  .audio-player.is-playing .audio-player__control-icon:before {
	transform: translateY(0);
  }
  .audio-player.is-playing .audio-player__control-icon:after {
	transform: translateY(50px);
  }
  .audio-player__cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: opacity 350ms;
	will-change: opacity;
  }
  .audio-player__title {
	position: absolute;
	color: #000;
	font-size: 22px;
	font-weight: 500;
	left: 10px;
	right: 10px;
	bottom: 0;
	top: 50%;
	padding-top: 50px;
	transform: translateY(-5%);
	z-index: 10;
	opacity: 0;
	transition: all 300ms;
	will-change: transform, opacity;
  }
  .audio-player__control {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 20;
	border: none;
	background: none;
	cursor: pointer;
  }
  .audio-player__control:focus {
	outline: none;
  }
  .audio-player__control-icon {
	position: absolute;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 3px solid #000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    transition: all 250ms ease-out;
    transform: scale(1);
    will-change: transform;
  }
  .audio-player__control-icon::after,
  .audio-player__control-icon::before {
	transition: all 200ms;
	will-change: transform;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
  }
  .audio-player__control-icon::after {
	left: 5px;
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 20px solid #000;
	transform: translateY(0);
  }
  .audio-player__control-icon::before {
	width: 15px;
	height: 30px;
	border-right: 6px solid #000;
	border-left: 6px solid #000;
	transform: translateY(-50px);
  }
  .audio-players {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
  }
  .audio-players li {
	display: inline-block;
	vertical-align: top;
	max-width: 300px;
	margin: 20px;
  }
  .btn-dan{
	background-color: #C0C0AF;
	border-radius: 50px;
	color: #000;
	min-width: 275px;
	text-align: center !important;
  }
  p{
	font-size: 18px !important;
  }
.fixed-img{
  position: absolute;
  top: -30px;
  left: 180px;
  z-index: 0;
  width: 65%;
}
.btn-map-1, .btn-map-1:hover {
  background-color: transparent;
  background-image: url(../assets/img/lines-ukraine.svg);
  background-repeat: no-repeat;
  box-shadow: none;
  background-size: 100%;
  background-position: bottom;
  z-index: 1;
  min-width: 40%;
  position: absolute;
  left: 15px;
  top: -17px;
  height: 213px;
}
.btn-map-1 span{
  background-color: #C0C0AF;
  border-radius: 50px;
  padding: 10px 20px;
  color: #000;
  position: relative;
  left: -20px;
  top: 32px;
}
.btn-map-2, .btn-map-2:hover {
  background-color: transparent;
  background-image: url(../assets/img/lines-kore.svg);
  background-repeat: no-repeat;
  box-shadow: none;
  background-size: 42%;
  background-position: top right;
  z-index: 1;
  min-width: 52%;
  position: absolute;
  left: -30px;
  top: 43%;
  height: 267px;
}
.btn-map-2 span{
  background-color: #C0C0AF;
  border-radius: 50px;
  padding: 10px 20px;
  color: #000;
  position: relative;
  right: -48px;
  top: 140px;
}
.btn-map-3, .btn-map-3:hover {
  background-color: transparent;
  background-image: url(../assets/img/lines-pensylvania.svg);
  background-repeat: no-repeat;
  box-shadow: none;
  background-size: contain;
  background-position: center;
  z-index: 1;
  min-width: 42%;
  position: absolute;
  right: 3%;
  top: 17%;
  height: 150px;
}
.btn-map-3 span{
  color: #000;
  position: relative;
  right: -238px;
  top: 30px;
  background-color: #C0C0AF;
  border-radius: 50px;
  padding: 10px 20px;
}
.posReserch{
	position: absolute;
  bottom: 22%;
  right: -80px;
}
.contFotter{
	height: 100vh;
}
.panel .sections .menu li {
  margin: 0px 50px;
  font-weight: normal;
}
.specialCol{
  position: relative; 
  height: calc(100vh - 120px);
}
.sizeSpecial{
  max-width: 515px;
}