
:root {
	--th: 1;
}
body{
	background-color: #0c0e0d;
	font-family: Alice,Roboto,'Helvetica Neue',sans-serif;
	color:#eee;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0;
	padding: 0;
}
body.prevent-scroll {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
*{
	width: 100%;
}
.container + h1 + hr{
	width: 80vw;
}
hr{
	margin-bottom: 3vh;
	box-sizing: border-box;
	max-width: 99%;
}
h1{
	margin-top: 0;
}
.content{
	flex: 1 0 auto;
	margin-bottom: 2vh;
	padding-bottom: 2vh;
}
.popup{
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 1000005;
	background-color: rgba(20,20,20,.5);
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hidden{
	display: none;
}
.bigimg{
	display: flex;
	align-items: center;
	max-width: 100%;
	max-height: 100%;
	margin: 2vh 0;
	overflow: hidden;
	width: auto;
	justify-content: space-between;
}
.bigimg ~ .prev,.bigimg ~ .next{
	display: inline-block;
	text-align: left;
	align-self: center;
	margin: 0 auto 0 2vw;
	height: 64px;
	width: 64px;
	flex: 0 0 auto;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url('../images/prev.svg');
	order:0;
	padding-bottom: 15px;
	padding-top: 15px;
	background-position-y: 50%;
}
.bigimg ~ .next{
	background-image: url('../images/next.svg');
	margin: 0 2vw 0 auto;
	order:5;
}
.close{
	display: block;
	height: 2.5vw;
	width: 2.5vw;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url('../images/close.svg');
	background-size: 100%;
	position: fixed;
	margin-top: 3vh;
	margin-left: 77vw;
	top:0;
 }
.form-wrap > div.close
{
	margin-top: calc(-1%);
	margin-left: calc(-1%);
	top: auto;
}
.bigimg > img:last-child{
	/*margin-left: auto;
	margin-right:-100% ;*/
}
.bigimg > img{

	/*width: 100%;*/
	max-width: 75vw;
	max-height: 90vh;
	/*height: 100%;*/
	object-fit: contain;
	margin: 0 auto;
	width: auto;
	height: auto;
	/*margin-left: -100%;
	margin-right: auto;
	flex-basis: 100%;*/

}
.bigimg > img.centralimg{

	/*margin-left: calc((100vw - 100% + 128px)/2);
	margin-right: calc((100vw - 100% + 128px)/2);*/
}

.navbar {
	background-color: #0c0e0d;
	justify-content: space-between;
	display: flex;
	flex: 0 0 auto;
	font: 700 17px/22px Alice,Roboto,'Helvetica Neue',sans-serif;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
	top: 0;
	position: sticky;
	z-index: 1000;
	/*color:#D79148;*/
}
.navcategories{
	width:80vw;
	margin: 0 auto;
}
.originsize{
	/*padding: 20px calc((100vw - 1240px)/2);*/
}

.container
{
	display:flex;
	width: 80vw;
	margin: 0 auto 2.5vh;
}

.description {
	text-align: left;
	line-height: 24px;
	/*font-size: 20px;*/
	margin: 5vh 15%;
	text-indent: 30px;
	/*font-family: serif;*/
	letter-spacing: .2px;
	font-size: 123%;

}
.text{
	font-size: 17px;
}
.about-us-img {
	width: 55%;
	height: 75%;
	z-index: -1;
	margin-right: 1%;
	margin-left: calc(-10%);
}

.artlandshow_about_us
{
	display: flex;
}
.about.text{
	margin-top: 20px;
	width: 60%;
}
.about p
{
	width: 80%;
	min-width: 360px;
	text-align: left;
	margin-left: 3%;
}
video{
	max-width: 100%;
	/*position: fixed;
	top: 100px;
	z-index: -1;*/
	cursor: pointer;
	outline: none;
}

.description >span{
	font-weight: bold;
	letter-spacing: normal;
	text-shadow: 0.1px 0.1px 2px #D79148;
}

.projects{
	width: 100%;
	/*margin-left: 3%;
	padding: 2% 10%;*/
}
.projects > a
{
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 5vh auto;
	text-decoration: none;
	color: inherit;
	letter-spacing: 0.2em;
	max-width: 1200px;
}
.projects > a > span:last-child > span{

	display: block;
	/*width: 500px;
	height: 300px;*/
	background-repeat: no-repeat;
	background-size: 100%;
	object-fit: cover;
	box-shadow: inset 1px 1px 20px 2px #0c0e0d;

}
.projects > a > span:last-child {
	overflow: hidden;
	border-radius: 50px;
	flex-shrink: 0;
	max-width: 540px;
	width: auto;
}

.projects > a > span img{
	width: 100%;
	visibility: hidden;
	max-width: 320px;
}

.text >h1, .text>hr
{
	width: 96%;
	margin-left: auto;
	margin-right: auto;

}

.person-descr{
	font-size: 125%;
	margin-right:20px ;
	flex-basis: 60%;
	/* display: block; */
	width: 40%;
}
.person-descr > b{
	line-height: 60px;
}
.teamgalery{
	background-color:#0c0e0d;
	max-width: 60%;
	justify-content: center;
	padding: 0 14px;
	flex-wrap: wrap;
	flex-direction: column;

}

.projects > a > span:first-child
{
	letter-spacing: 0.2em;
	margin: 0 2em;
	margin-right: 15vh;
	font-size: 110%;
}
.projects > a:nth-child(2n) {
	flex-direction: row-reverse;
}
.projects > a:nth-child(2n) > span:first-child {
	text-align: left;
	margin-left: 15vh;
	margin-right: 2em;
}
.team{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.team > a {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	margin: 5vh 1vw;
	text-decoration: none;
	color: inherit;
	letter-spacing: 0.1em;
	flex-basis: 46%;
	text-align: center;
	justify-content: flex-end;
}
.team > a > div{
	width: auto;
	margin: 0 10px;
}
.team > a:nth-of-type(4n),.team > a:nth-of-type(4n+1){
	flex-direction: row;
}
.team > a:nth-of-type(1){
	flex-basis: 100%;
	justify-content: center;
	flex-direction: row-reverse;
}
.team >a img{
	max-width:300px;
	opacity: 0;
}

.team >a>div>*{
	/*width: 25em;
	height: 4.5em;*/
	font-size: 120%;
}
.team > a > div:last-child {
	display: block;
	/*width: 500px;
	height: 300px;*/
	background-repeat: no-repeat;
	background-size: 100%;
	object-fit: cover;
	border-radius: 50px;
	box-shadow: inset 1px 1px 20px 2px #0c0e0d;
	flex-shrink: 0;
	max-width: 60%;
	width: auto;
}
.dance > a > span{
	display: block;
	font-size: 110%;
	margin-bottom: 20px;
}
.dance > a > span:last-child > span{

	display: block;
	/*width: 500px;
	height: 300px;*/
	background-repeat: no-repeat;
	background-size: 100%;
	object-fit: cover;
	box-shadow: inset 1px 1px 20px 2px #0c0e0d;

}

.dance >a img{
	max-width: 320px;
	opacity: 0;
	width: 20vw;
}
.dance > a > span:last-child {

	overflow: hidden;
	border-radius: 50px;
	flex-shrink: 0;
	max-width: 60%;
	width: auto;
	height: 100%;
	margin: 0 2vw;
}
.dance > a:nth-of-type(4n),.dance > a:nth-of-type(4n-1){
	flex-direction: row-reverse;
}
.dance{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.dance > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 5vh 1vw;
	text-decoration: none;
	color: inherit;
	letter-spacing: 0.2em;
	flex-basis: 45%;
}
.videobox{
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	min-height: 460px;
	/*height: 30vh;*/
	text-align: center;
	justify-content: center;
}

.videobox > div{
	position: relative;
	margin:3vh 1vw;
	flex: 0 1 47%;
}
.videobox[data-qty="1"]{
	min-height: auto;
}
.videobox[data-qty="1"] > div{
	margin:3vh 1vw;
	flex: 0 1 80%;
}
.videobox > div > iframe, .videobox > div > video{
	position: absolute;
	top:0;
	left:0;
	height: 100%;
}

.footer {
	height: 90px;
	background-color: #2f2e2e;
	box-shadow: 0 0 6px 0 #b7b7b77d;
	margin-top: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	z-index: 10;
	flex-shrink: 0;
}
.footer .phonenumber {
	text-decoration: none;
	color: #ddd;
	cursor: pointer;
	transition: color .2s ease-in-out;
	white-space: nowrap;
	height: 100%;
	display: flex;
	align-items: center;
	margin-right: 5px;
}
.footer > *{
	width: auto;
}
a {
	text-decoration: none!important;
	color: inherit;
}
._123socials{
	width:140px ;
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 45%;
	min-width: 108px;
	height: 100%;
	align-items: center;
}
._123socials > a {
	display: block;
	font-size: 34px;
	margin-right: 20px;
	color: #ddd;
	transition: color .2s ease-in-out;
	width: 34px;
}
.social-icon {
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -0.125em;
}
.service{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: space-between;
	font-size: 14px;
}
.service > a,.service > span{
	display: block;
}
.service > *{
	 flex: 1 1 15%;
	 margin: 1% 1%;

 }
.service > span > h3{
	/*visibility: hidden;
	margin-top:0% ;
	transition: margin-top .5s;
	position: absolute;*/
}
.service > span{
	position: relative;
	cursor: pointer;
}

.service > span > span{
	display: block;
	background-color: #eeeeee;
	border-radius: 50%;
	padding: 5px;
	width: 58px;
	height: 58px;
	border: 1px solid yellow;
	box-shadow: 0 0 3px 2px wheat;
	flex-shrink: 0;
	margin: 0 auto;
}

.service > span > span > img{

	width: 48px;
	margin-top: 5px;
}
.service > span:hover > img{
	opacity: 0.1;
}
.service > span:hover > h3{
	/*visibility: visible;
	margin-top:40% ;*/
}
a.big-button{
	font-size: calc((100vmax - 1024px)/886*6 + 20px);
	display: block;
	text-decoration: none;
	background-color: #0d0d0d;
	box-sizing: border-box;
	border: 1px solid #555555;
	border-radius: 5px;
	/*color: #ea7045;*/
	padding: 18px 20px;
	cursor: pointer;
	text-align: center;
	max-width: 480px;
	min-width: 300px;
	margin: 5vh auto;
	letter-spacing: normal;
}
/*.galery.proj{
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(14vmin, 1fr) );
	grid-gap: 1vmin;
}
.galery.proj[data-qty='6']{
	grid-template-columns: repeat( auto-fit, minmax(22vmin, 1fr) );
}
.galery.proj > div{
	max-width: unset;
	margin: auto;
}
.galery.proj[data-qty='1'] > div {
	max-width: 80%;
}*/
.galery{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	min-width: 60vmin;
	max-width: 80vmin;
	max-height: 59vmin;
	margin: 10px;
	margin-left: auto;
	/*border: 1px solid white;*/
	justify-content: center;
	align-items: center;
	align-content: center;
}
.galery > div{

	flex-shrink: 1;
	flex-grow: 1;
	max-width: 31%;
	margin: .8%;
	/*border: 1px solid white;*/
}
.galery[data-qty='4'] > div{
	max-width: 34%;
}
.galery[data-qty='15'] > div,.galery[data-qty='10'] > div {
	max-width: 17%;
}

.galery > div > img
{
	width: 100%;
	cursor: pointer;
}
.navcategories > strong a{
	padding: 0 0;
}
.navcategories > strong a:last-child {
	margin-top: calc(-20px);
}

/***** contact form ****/
.form-wrap{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 600px;
	align-items: baseline;
	/* height: 100px;*/
	/*margin-bottom: calc(100vh - 100% - 115px);*/
}

.form-wrap > label
{
	margin: 5px;
	flex: 0 0 25%;
	font: 14px/17px 'Alice';
	color: grey;
}
.form-wrap > textarea{

}
.form-wrap > input:not([type=submit]),.form-wrap > textarea{
	background-color: #d2d2d2;
}
.form-wrap > *:not(label):not(div):not(a):not([type=submit]) {
	padding: 8px 11px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	box-shadow: 0 4px 4px 0 #ababab inset;
	outline: 0;
	box-sizing: border-box;
}
.form-wrap > *:not(label) {
	margin: 5px;
	flex: 1 1 65%;
}
.form-wrap > a {
	margin: 0 auto;
	/*flex: 0; */
	margin: 25px auto 15px;
}
input[type=submit].red_button{
	flex:0;
	margin: 25px auto 15px;
}
.form-wrap > a.btn-submit {
	cursor: pointer;
	background-color:#d2d2d2;
	color: black;
	border-radius: 3px;
	padding: 10px;
}
.red_button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 25px auto 15px;
	font-size: 17px;
	line-height: 42px;
	padding: 0 19px;
	box-shadow: 0 3px 0 0 #585858;
	box-sizing: border-box;
	margin: 25px auto 15px;
	color: #fff;
	border-radius: 10px;
	background: #868686;
	background: -moz-linear-gradient(top, #868686 0, #464646 100%);
	background: -webkit-linear-gradient(top, #868686 0, #464646 100%);
	background: linear-gradient(to bottom, #868686 0, #464646 100%);
	cursor: pointer;
	text-align: center;
}
a.red_button, .big_red_button {
	margin: 25px auto 15px;
	color: #fff;
	border-radius: 10px;
	background: #868686;
	background: -moz-linear-gradient(top, #868686 0, #464646 100%);
	background: -webkit-linear-gradient(top, #868686 0, #464646 100%);
	background: linear-gradient(to bottom, #868686 0, #464646 100%);
	cursor: pointer;
}
.contacts{
	/*height: 100%;*/
	font-size: 115%;
}
.container.contacts{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	line-height: 1.5em;
}

.mailbody{
	min-height: 90px;
	word-break: break-word;
}
.popup .form-wrap{
	background-color: black;
	position: relative;
	vertical-align: center;
	/*top: 20vh;*/
	margin: 0 auto;
	width: 60vw;
	padding: 2vw;
}
.popup .form-wrap > *
{
	font: 18px/22px 'Alice';
	margin: 3vh 5px;
}
.group.text > span > p.description
{
	font-size: 20px;
}
.group {

	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	padding-top: 3vmin;

}
.group > span:first-child{
	width: 40%;
	align-self: center;
}
.galery_description{
	font-size: 20px;
}

.person-title.person-descr {
	flex-basis: 5%;
}
.person-name.person-descr {
	flex-basis: 5%;
	margin-top: 8vh;
}
.info{
	background-color: rgba(20,20,20,.7);
}
.info h1{
	background: #1c211f;
	border: 1px solid gray;
	border-radius: 5px;
	text-align: center;
	line-height: 1.2em;
	max-width: 99%;
	margin: 0 auto;
}
.info:not(.hidden) h1{
	animation-duration: 0.5s;
	animation-name: slidein;
}
@media screen and (max-width: 1650px) {
	.person-descr
	{
		margin-left: 20px;
		font-size: 110%;
		width: 35%;
	}
}
@media screen and (max-width: 1366px) {

	.dance>a {
		flex-basis: 43%;
		font-size: 80%;
		letter-spacing: normal;
		margin: 0;
		justify-content: space-between;
	}
	.dance>a.big-button {
		margin: 2vh auto;
	}
	.dance > a img{
		width: 18vw;
	}
	.artlandshow_about_us{
		align-items: center;
	}
	.description{
		font-size: 110%;
	}
	.team >a>div>p{
		font-size: 14px;
	}
	.teamgalery{
		max-width: 70%;
	}
	.person-descr{
		font-size: 100%;
	}

}
@media screen and (max-width: 1280px) {
	.close{
		margin-top: 2vh;
		margin-left: 80%;
	}
	.about-us-img{
		max-height: 100%;
		flex-shrink: 1;
		width: 63%;
		height: 65%;
		margin-left: 1%;
	}
	.artlandshow_about_us{
		align-items: center;
	}
	.dance,.group{
		justify-content: space-between;
	}

	.about > p:nth-child(2){
		display: none;
	}
	.team >a>div>p {
		height: auto;
		/*margin: 0 1vw;*/
		width: 100%;
	}
	.teamgalery {
		overflow-x: auto;
		max-width: 80%;
	}

	.person-descr {

		flex-basis: 40%;
	}
	.galery{
		margin: 10px auto;
	}
	.galery_description{

	}
	p.galery_description > span:last-child {
		display: none;
	}
	.group > span:first-child{
		width: 80%;
		align-self: center;
		margin: 5px auto;
		text-align: center;
	}
	.videobox[data-qty="1"] {
		width: 100%;
	}

}

@media screen and (max-width: 1024px) {

	.about-us-img{
		max-height: 58vw;
	}
	.dance>a {
		flex-basis: 100%;
		margin-bottom: 15px;
	}
	.dance > a img{
		width: 25vw;
	}
	.text:not(.main){
		/*margin-right: -15vw;*/
		min-width: 35vw;
	}


	.description {
		font-size: 18px;
	}
	.projects > a{
		font-size: 80%;
	}
	.projects > a > span:last-child {

		justify-content: space-around;
		flex-shrink: 1;
		min-width: 50%;

	}
	.projects > a > span:first-child
	{
		margin-right: 10vw;
	}
	.projects > a:nth-child(2n) > span:first-child {
		margin-right: 2em;
		margin-left: 10vw;
	}
	.team >a{
		flex-wrap: wrap;
	}
	.team >a>div {
		/*margin: 0 1vw;*/
		width: 100%;
		/*flex-basis: 55%;*/
	}
	.team > a > div:last-child{
		border-radius: 30px;
	}

}
@media screen and (max-width: 960px) {
	.artlandshow_about_us
	{
		flex-direction: column;
		align-content: baseline;
		text-align: center;
	}
	.about.text{
		width: 100%;

	}
	.about.text p{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.about-us-img{
		width: 100%;

		height: 100%;
	}
	.person-descr {

		/*display: none;*/
		margin-left: 10px;
		min-width: 40vw;
	}
	.person-title.person-descr {
		margin-top: 8vh;
	}
	.teamgalery {
		/*background: none;*/
		overflow-x: scroll;
		max-width: 100%;

	}
	.teamgalery ~ .prev, .teamgalery ~ .next{
		display: none;
	}
	.bigimg ~ .close {
		/*display: block;
		height: 6%;
		width: 6%;
		margin-left: 80%;*/
		margin-top: 2%;

	}
	.videobox > div {
		margin: 3vh 1vw;
		flex: 0 1 100%;
	}

}
@media all and (max-width: 800px) {
	.team >a{
		flex-basis: 100%;
	}
	.team >a>div {
		/*margin: 0 1vw;*/
		width: auto;
		flex-basis: 40%;
	}
	.team > a:nth-of-type(4n), .team > a:nth-of-type(4n+1) {

		flex-direction: row;

	}
	.navcategories > strong a:last-child {
		margin-top: calc(-10px);
	}


}
@media screen and (max-width: 768px) {
	.projects > a > span:last-child {
		justify-content: space-around;
		flex-shrink: 1;
		min-width: 50%;
	}
	.description {
		margin: 5% 2%;
		text-align: center;
		font-size: 15px;
	}
	.about > p{
		min-width: 100px;
		width: 98%;
		margin: 2% 3%;
	}
	.service > *{
		flex: 1 1 40%;
		font-size: 14px;

	}
	.big-button {
		align-self: center;
		margin: 0 auto;
		box-sizing: content-box;
		text-align: center;
		max-width: 85vw;
		flex-basis: 40%;
	}
	.form-wrap {
		width: auto;
	}
	.navcategories {
		width: 100%;
		text-align: center;
		align-content: center;
	}
	.navcategories > strong{
		width: auto;
	}
}
@media screen and (max-width: 760px) {

	.about-us-img{
		max-height: 100%;
		flex-shrink: 1;
		width: 100%;
		height: 100%;
		margin-left: 1%;

	}
	.galery_description{
		font-size: 90%;
	}
}
@media screen and (max-width: 640px) {
	h1{
		font-size: 24px;
	}

	.dance>a{
		flex-wrap: wrap;
		justify-content: center;
	}
	.dance>a[href*=project]
	{
		text-align: center;
	}
	.dance > a img{
		width:70vw;
		border-radius: 30px;

	}
	.dance > a > span:last-child {
		max-width: 70vw;
	}
	.team > a/*, .team > a:nth-of-type(4n):nth-of-type(5n)*/
	{
		justify-content: center;
		/*flex-direction: column-reverse;*/
		margin: 2vh 1vw;
	}
	.team > a > span:last-child
	{
		border-radius: 20px;
		max-width: 30vw;

	}

	.projects > a
	{
		flex-wrap: wrap;
	}
	.projects > a > span:last-child{}
	.projects > a > span:nth-child(n),.projects > a:nth-child(2n) > span:first-child
	{
		margin-left: 10px;
		margin-right: 10px;
	}
	.team >a>div {
		/*margin: 0 1vw;*/
		width: auto;
		flex-basis: 100%;
	}
	.bigimg ~ .prev, .bigimg ~ .next
	{
		width: 48px;
		height: 48px;
		background-size: 100%;
	}

	.popup .form-wrap {
		width: 90vw;
	}
	.popup .form-wrap > * {
		font-size: 16px;
	}
	.popup .form-wrap > input[type=submit]{

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		white-space: normal;
	}
	.bigimg > img {
		max-height: 80vh;
	}
	.bigimg ~ .close{
		margin-left: 90%;
		margin-right: 20px;
		height: 6%;
		width: 6%;

	}
	.teamgalery {
		/* background: none; */
		overflow-y: scroll;
		max-width: 90%;
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
		justify-content: flex-start;
		margin: 0 auto;
	}
	.person-descr{
		order: 3;
	}
	.bigimg > img.centralimg {
		order:2;
	}
	.person-name.person-descr, .person-title.person-descr{
		order:1;
		text-align: center;
		margin-bottom: 10px;
	}
	.person-title.person-descr{
		margin-top: 10px;
	}

	.person-descr{
		min-width: 80%;
		margin-bottom: 4vh;
	}


}
@media screen and (max-width: 460px) {
	.bigimg ~ .close{
		margin-top: 5%;
	}
	.form-wrap > div.close
	{
		width: 4vh;
		height: 4vh;
		margin-left: 85%;
		margin-top: calc(-1%);
	}
	.person-descr{
		min-width: 90vw;
	}
	a.big-button{
		min-width: 200px;
		flex-basis: 100%;
	}
	.projects{
		font-size: 14px;
		letter-spacing: .1em;
	}
	.team >a>span>h3{
		font-size: 14px;

	}
	.team >a>span>p
	{
		max-width: 98vw;
		font-size: 14px;
	}
	.service > * {
		flex: 0 1 46%;
		font-size: 83%;
		word-break: break-word;
	}
	.contacts .form-wrap > label {
		flex-basis: 60%;
	}
	.bigimg ~ .prev, .bigimg ~ .next{
		width: 32px;
		height: 32px;
	}
	.teamgalery.bigimg > img{
		max-width: 85vw;
	}
	.person-descr {
		min-width: 85%;
		/*text-align: justify;*/
	}

}
@media all and (max-width: 360px){
	.popup .form-wrap > label {
		flex-basis: 60%;
		margin-bottom: 0;
	}

}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	.about-us-img{
	}
	/*.text > hr {
		display: none;
	}*/

}
@media all and (-ms-high-contrast: none) and (max-width: 1024px), (-ms-high-contrast: active) and (max-width: 1024px) {

}
@keyframes slidein {
	from {
		margin-left: 100%;
		opacity:0;
	}

	99%{
		opacity: 1;
	}
	to {
		margin-left: 0%;
		opacity: 1;
	}
}