[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-google:before {content: "\e900";}
.icon-twitter:before { content: "\e90a";}
.icon-facebook:before {content: "\e901";}
.icon-linkedin:before {content: "\e905";}
.icon-play:before {content: "\e904";}

: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;
}

.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%;
	}
}	

.back{
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 99;
	}