@mixin carousel{
	transform: translateX(-50%);
	left: 50%;
	position: absolute;
	bottom: 10px;
}
@mixin inputField{
	background-color: white!important;
	padding-left: 10px!important;
	border-radius: 3px!important;
	margin: 0!important;
	width: 100%!important;
	border: none!important;
	resize: none!important;
	box-sizing: border-box!important;
}
@mixin listHover{
	a{
		color: $mainPink;
	}
}
@mixin inputImage{
	position: absolute;
	right: 0;
	top: 9px;
	width: 20px;
	height: 20px;
	background-size: 11px;
	background-repeat: no-repeat;
}
@mixin mq($args){
	@media only screen and (max-width: $args){
		@content;
	}
}
@mixin leftContent{
	background: white;
	padding: 16px;
	overflow-y: scroll;
	height: 100vh;
	padding-top: 102px;
	position: absolute;
	z-index: 100;
	transition: 0.3s;
	@include mq(992px){
		padding-top: 57px;
	}
}
@mixin rightMap{
	width: 100%;
	position: absolute;
	height: 100vh;
	z-index: 0;
	transition: 0.3s;
}