/* Стандартные теги */
* {
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
html, body {
	min-height: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
}

table td {
	vertical-align:top;
}
html {
	background: #dae0e6;
	font-size:14px;
}
a {
	color: #003C85;
}
a:hover {
	text-decoration: none;
}
p {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	color: #000;
}

h1, .h1{
	line-height:1.2em;
	font-size: 24px;
	margin-bottom: 20px;
}
h2, .h2{
	line-height: 1.2em;
	font-size: 21px;
	margin-bottom:4px;
}
h3, .h3{
	line-height: 1.2em;
	font-size: 19px;
	padding-bottom: 8px;
	margin-bottom:4px;
}
h4 {
	line-height: 1.2em;
	font-size: 18px;
	margin-bottom:4px;
}
h5 {
	line-height: 1.2em;
	font-size: 16px;
	margin-bottom:4px;
}
@media (min-width: 768px) {
	h1, .h1{
		font-size: 28px;
	}
	h2, .h2{
		font-size: 24px;
	}
	h3, .h3{
		font-size: 20px;
	}
}

textarea {
	resize: none;
}
img {
	vertical-align: middle;
	image-rendering: optimize-contrast;
	max-width: 100%;
}

small {
	font-size:0.9em;
}

svg {
	transition:
		fill .2s,
		stroke .2s;
}
input[type="text"],input[type="password"] {
	/*border: 1px solid #b7b4b1;*/
}
input[type="submit"], input[type="button"] {
	appearance:button;
}
input[type="time"] {
	-webkit-appearance:none;
	padding:4px;
	font-size:14px;
	border:1px solid #aaa;
}
input[type="date"] {
	-webkit-appearance:none;
	padding:4px;
	font-size:14px;
	/*border:1px solid #aaa;*/
}

fieldset, label { margin: 0; padding: 0; }

body,input, textarea, select, button {
	font-family: 'Roboto', Arial, sans-serif;
	color: #212121;
}

button:disabled {
	cursor: default;
}

hr {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: solid #E8E8E8;
	border-width: 1px 0 0;
}

/* Цвета */
:root{
	--grey100: #eeeeee;
	--grey200: #ced1d4;
	--grey: #55677d;

	--whatsapp: #25d366;
	--telegram: #35a3dc;
}

.fill--white 		{fill: #fff !important;}
.fill--greyLight 	{fill: #bdbdbd !important;}

.border {	border: 1px solid #d7d8db}

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

/* Отступы */
.m10  {margin: 10px !important;;}

/* svg */

.icon--10 {
	width:10px;
	min-width: 10px;
	height:10px;
}
.icon--12 {
	width:12px;
	min-width: 12px;
	height:12px;
}
.icon--14 {
	width: 14px !important;
	min-width: 14px !important;
	height: 14px !important;
}
.icon--16 {
	width: 16px !important;
	min-width: 16px !important;
	height: 16px !important;
}

.icon--18 {
	width: 18px !important;
	min-width: 18px !important;
	height: 18px !important	;
}
.icon--20 {
	width: 20px !important;
	min-width: 20px !important;
	height: 20px !important;
}
.icon--22 {
	width: 22px !important;
	min-width: 22px !important;
	height: 22px !important;
}
.icon--24 {
	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
}
.icon--30 {
	width: 30px !important;
	min-width: 30px !important;
	height: 30px !important;
}
.icon--40 {
	width: 40px !important;
	min-width: 40px !important;
	height: 40px !important;
}
.icon--48 {
	width: 48px !important;
	min-width: 48px !important;
	height: 48px !important;
}

.visually-hidden {
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	margin: 0 !important;
	position: absolute !important;
}

.nowrap {white-space:nowrap !important;}

select.select {
	width: 100%;
	height: auto;
	max-width: 100%;
	padding: 8px 20px 8px 10px;
	border: 1px solid #d1d1d1;
	/*box-shadow: 0 2px 3px rgba(150,150,160,.6);*/
	display: block;
	transition: background-color .2s ease,border-color .2s ease,color .2s ease;
	border-radius: 8px;
	resize: none;
	color: #45414f;
	font-size: 16px;
	line-height: 18px;
	font-family: inherit;
	font-weight: 400;

	/*background-color: #f7f7fa;*/
	background-color: #fff;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBpdFRDYAwDATQ+0AAEiYFKcMBUuYAKZNSCUiAQtJkIZR23Uv62d6yA4DKcwZn50EaOHDvPko0Xcw8R8cyteli6ziQoSBnumoZSRcVzo/TJDhqs5RounjX+lmbpa01I4hg1Dbh3wrj6RdH+W94sk/iwgAAAABJRU5ErkJggg==");
	background-position: calc(100% - 10px) 49%;
	background-repeat: no-repeat;
	background-size: 8px 7px;
	appearance: none;
	cursor: pointer;
}

select.select option {
	background-color: #fff !important;
}

/* flex */
.hidden, .dn {display: none !important;}

.db {display:block !important;}
.df {display: flex !important}

.flex-wrap {flex-wrap: wrap !important;}

.jc-c 	{justify-content: center !important;}

@keyframes appearance {
	0% {transform: scale(.5); opacity: 0;}
	70% {transform: scale(1.1); opacity: .9;}
	100% { transform: scale(1); opacity: 1; }
}