@font-face {
	font-family: Gilroy-bold;
	src: url('../fonts/Gilroy-Bold.ttf');  /*700*/
}
@font-face {
	font-family: Gilroy-Extrabold;
	src: url('../fonts/Gilroy-Extrabold.ttf');
}
@font-face {
	font-family: Gilroy-Regular;
	src: url('../fonts/Gilroy-Regular.ttf');  /*400*/
}
@font-face {
	font-family: Gilroy-Medium;
	src: url('../fonts/Gilroy-Medium.ttf');  /*500*/
}
@font-face {
	font-family: Gilroy-Semibold;
	src: url('../fonts/Gilroy-Semibold.ttf');  /*600*/
}
@font-face {
	font-family: Gilroy-Heavy;
	src: url('../fonts/Gilroy-Heavy.ttf');
}

@font-face {
	font-family: Pushkin;
	src: url('../fonts/Pushkin.ttf');
}



:root{
	--red: #d04a4a;
	--blue: #57C1BF;
	--cian: #3981d7;
	--yellow: #fbb02e;
	--light-grey: #f0f2f5;
	--l-gray: #b9b9b9;;
	--text: #132a3f;
	--grey-text: #666; 
	--grey: #7a7a7a;
	--black: #2f2f2f;
}

.c_dark{
	color: var(--text);
}
.c_white{
	color: #fff;
}
.c_blue{
	color: var(--blue);
}
.c_cian{
	color: var(--cian);
}
.c_gray{
	color: var(--grey-text);
}
.c_l_gray{
	color: #b9b9b9;
}
.bgc_gray{
	background-color: var(--light-grey);
}

.up{
	text-transform: uppercase;
}
.br10{
	border-radius: 10px
}

.h1{
	font-family: Gilroy-bold;
	font-size: 50px;
	text-transform: uppercase;
	position: relative;
	max-width: 930px;
	display: inline-block;
}
.h2{
	font-family: Gilroy-bold;
	font-size: 53px;
	position: relative;
	display: inline-block;
	line-height: 54px;
}
.h1 img, .h2 img{
	position: absolute;
}

.fw500{
	font-family: Gilroy-Medium;
}
.fw600{
	font-family: Gilroy-Semibold;
}
.fw700{
	font-family: Gilroy-bold;
}



.f14{
	font-size: 14px;
}
.f16{
	font-size: 16px;
}
.f17{
	font-size: 17px;
}
.f18{
	font-size: 18px;
}
.f20{
	font-size: 20px;
}
.f24{
	font-size: 24px;
}
.f25{
	font-size: 25px;
}
.f28{
	font-size: 28px;
}
.f29{
	font-size: 29px;
}
.f30{
	font-size: 30px;
}
.f33{
	font-size: 33px;
}
.f35{
	font-size: 35px;
	line-height: 35px;
}
.f38{
	font-size: 38px;
	line-height: 33px;
}
.f45{
	font-size: 45px;
	line-height: 44px;
}
.f48{
	font-size: 48px;
}
.f50{
	font-size: 50px;
}
.f53{
	font-size: 53px;
}



.btn{
	color: #fff;
	border-radius: 5px;
	font-size: 17px;
	background-color: var(--blue);
	display: inline-block;
	padding: 19px 32px;
	padding: 14px 32px;
	font-weight: 700;
	cursor: pointer;
	border: none;
	text-align: center;
	text-transform: uppercase;
	height: 50px;
	border: 1px solid var(--blue)
}

.btn:hover{
	background-color: #fff;
	color: var(--blue);
	transition: 0.3s;
}

.medium_btn{
	padding: 14px 0;
}

.big_btn{
	padding: 20px 0;
}

.btn_white{
	background-color: #fff;
	color: var(--text);
	border: 1px solid #fff;
}

.btn_white:hover{
	background-color: var(--blue);
	color: #fff;
	border: 1px solid var(--blue);
}

.form_input{
	    border: 1px solid #e2e2e2;
    	border-radius: 5px;
    	padding: 16px 23px;
		height: 50px;
}

.form{
	background-color: #fff;
	padding: 45px 10px 25px;
}


input{
	font-size: 16px;
}

::placeholder,
-webkit-input-placeholder {
     opacity: 0.3 !important;
}