/* USER VARIABLES SECTION */

:root {
	--accent: #086CA2;
	/* --accent: #FF9273; */
	/* --accent: #2030F8; */
	--text: #000;
	--regular-text: 18px;
	--lineheight: 1.4;
	--userfont: Onest, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

@font-face {
	src: url("../fonts/Onest-Light.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 300;
	font-style: normal;
	font-display: swap !important;
}
@font-face {
	src: url("../fonts/Onest-Regular.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 400;
	font-style: normal;
	font-display: swap !important;
}
@font-face {
	src: url("../fonts/Onest-Medium.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 500;
	font-style: normal;
	font-display: swap !important;
}
@font-face {
	src: url("../fonts/Onest-Bold.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 700;
	font-style: normal;
	font-display: swap !important;
}
@font-face {
	src: url("../fonts/Onest-ExtraBold.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 800;
	font-style: normal;
	font-display: swap !important;
}
@font-face {
	src: url("../fonts/Onest-Black.woff2") format("woff2");
	font-family: "Onest";
	font-weight: 900;
	font-style: normal;
	font-display: swap !important;
}

::placeholder {
	color: #A0A0A0;
}

::selection {
	background-color: var(--accent);
	color: #fff;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
input,
textarea {
	outline: none;
}

input:focus:required:invalid,
textarea:focus:required:invalid {
	border-color: red;
}

input:required:valid,
textarea:required:valid {
	border-color: green;
}

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}

/* USER STYLES */


.image {
	max-width: 100%;
	margin-bottom: var(--bs-gutter-x);
	border-radius: 4px;
}

.accent {
	color: var(--accent);
	font-weight: bold;
}

.container {
	width: 1265px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.s_words p{font-size: 12px; color: #bdbdbd;}