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

: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;
	line-height: 30px;
	font-size: 18px;
	letter-spacing: 0.02em;
}

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; font-size: 16px;}

img{
	max-width: 100%;
}

strong, b{
	font-family: $HB;
}

p{
	margin-bottom: 4.5rem;
}

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

.wrapper{
	max-width: 1280px;
	margin-left: auto!important;
	margin-right: auto!important;
}

.mob{
	display: none;
	@include br1{
		display: block;
	}
}

.desc{
	@include br1{
		display: none;
	}
}

.blue-head{
	font: 42px/45px $HL;
	letter-spacing: 0.02em;
	color: #269cd4;
	margin-bottom: 5rem;
	@include br3{
		text-align: center;
	}
}

.max-w{
	img{
		width: 100%;
	}
}