[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-down:before { content: "\e313";}
.icon-right:before {content: "\e315";}

:root{
	font-size: $font-size-def;
	@include br3{
		font-size: $font-size-def*0.9;
	}
}

body{
	font-family: $HR, "Arial", sans-serif;
	color: $main-color1;
	overflow-x: hidden;	
	min-width: 320px;
}

a{
	text-decoration: none;
	color:  #000000;
	&:hover{
		text-decoration: none;
	}
}

.d_flex {
	@include flex;
	@include justify-content(space-between);
	@include align-items(center);
	@include flex-wrap;
}

%center-flex{
	@include flex;
	@include justify-content(center);
	@include align-items(center);
}

.text-center{
	text-align: center;
}

.mx-auto{
	margin-left: auto!important;
	margin-right: auto!important;
}

ul li{
	display: inline-block;
}

input, textarea{
	-webkit-appearance: none;
}

textarea{
	overflow: auto;
}

@include placeholder{color: #8b8b8b;}

img{
	max-width: 100%;
}

.container{
	width: 80%;
	max-width: 960px;
	margin-left: auto!important;
	margin-right: auto!important;
	@include br1{
		width: 90%;
	}
}

main{
	background-color: #e6f1f5;
	&.d_flex{
		@include align-items(flex-start);
		@include justify-content(flex-start);
	}
}

.head{
	color: #ffffff;
	font: 1.5rem/1 $HB;
	text-transform: uppercase;

}