@import "variables";
html,body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	color: $color_dark;
}
body {
	background: #fff;
	font-size: 14px;
	scroll-behavior: smooth;
	@media (max-width: 767px) {
		font-size: 16px;
		//line-height: 1.4;
	}
}
input, select, textarea {
	//font-family: Arial, Helvetica, sans-serif;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	color: $color_dark;
	outline: none !important;
	@media (max-width: 767px) { font-size: 16px; }
}

p { margin: 0 0 16px 0; padding: 0; }

a, a:link, a:visited {
	border-bottom: 1px solid rgba(13,97,171,0.3);
	color: $color_blue;
	text-decoration: none;
	@include transition();
}
a:hover {
	border-bottom-color: $color_blue;
	text-decoration: none;
}
a:focus,a:active {outline: none;}
a img, :link img, :visited img {border: none;}

table {
	border-spacing: 0;
	border-collapse: separate;
	*border-collapse: collapse;
}
table td { padding: 0; }

address {font-style: normal;}

label {
	margin: 0;
	font-weight: normal;
}

svg { display: inline-block; }
svg.fa {
	display: inline-block;
	width: .75em;
	height: .75em;
}
a svg { display: block; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.3;
	color: $color_dark;
}
h1, .h1 {
	margin-bottom: 0.35em; font-size: 3em; line-height: 1.3;
	@media (max-width: 767px){ font-size: 2em; }
	//34 // small - 22,24 // big - 42
}
h2, .h2 {
	margin-bottom: 0.55em; font-size: 2.4em; line-height: 1.3;
	@media (max-width: 767px){ font-size: 1.8em; }
	//22 18
}
h3, .h3 {
	margin-bottom: 0.65em; font-size: 1.8em; line-height: 1.3;
	@media (max-width: 767px){ font-size: 1.6em; }
	//16
}
h4, .h4 {
	margin-bottom: 0.65em; font-size: 1.6em; line-height: 1.3;
	@media (max-width: 767px){ font-size: 1.4em; }
	//14
}
h5, .h5 {
	margin-bottom: 0.65em; font-size: 1.4em; line-height: 1.3;
	@media (max-width: 767px){ font-size: 1.3em; }
}
h6, .h6 {
	margin-bottom: 1em; font-size: 1.2em; line-height: 1.3;
	@media (max-width: 767px){ font-size: 1.2em; }
}