/* --RESET STYLES--- */
@import url("reset.css");
/* --------------------------------------------------------------------------- */
html,
body {
	height: 100%;
	line-height: 1;
	background:rgba(158, 187, 142, 0.05);
	font-size: 14px;
	color:rgba(13, 66, 99, 1);
	font-weight: 500;
	font-family: Montserrat;
}
.item-Rules-Blue__text
{
	margin-left: 30px;
	font-weight: bold;
	font-style: italic;
}

/* ------красный color: rgba(133, 9, 9, 1)------------------------------------- */
.wrapper {
	min-height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
/* ---------------------------------------------------------------------------- */
._container {
	max-width: 1300px;
	padding: 0px 15px;
	margin: 0px auto;
	box-sizing: content-box;
}
._ibg {
	position: relative;
}
._ibg img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
._ibg img__const {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
span.bigred {
	font-size: 16px;
	font-weight: bold;
	color: rgba(133, 9, 9, 1); 
}
  span.red {
	font-size: 16px;
	font-weight: bold;
	color: rgba(133, 9, 9, 1); 
	text-transform: uppercase;
}
  span.big__w {
	font-size: 16px;
	font-weight: bold;
	color:rgba(250, 250, 250, 1);
  }
	span.bigred__it {
	font-size: 16px;
	font-weight: bold;
	color: rgba(133, 9, 9, 1);
	font-style: italic;}
/* ------------------------------------------header----------------- */
.header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 50;
	/* background: rgba(250, 250, 250, 1); */
}
.header__container {
	display: flex;
	min-height: 104px;
	align-items: center;
}
@media (max-width: 480px) {
	.header__container {
		min-height: 70px;
	}
}
/* -------------- header__logo - Графология  ------------- */
.header__logo {
	font-size: 24px;
	font-weight: 700;
	color:rgba(133, 9, 9, 1);
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
}
/* -- header__menu - button - Услуги и т.д. ------------- */
.header__menu {
	margin: 0px 0px 0px 130px;
}
@media (max-width: 990px) {
	.header__menu {
		margin: 0px 0px 0px 80px;
	}
}
@media (max-width: 770px) {
	.header__menu {
		margin: 0px 0px 0px 40px;
	}
}
@media (max-width: 480px) {
	.header__menu {
		margin: 0px 0px 0px 20px;
	}
}
.menu {
	padding: 5px 0;
}
.menu__list {
	flex-wrap: wrap;
	display: flex;
}
.menu__item:not(:last-child) {
	margin: 0px 21px 0px 0px;
}
.menu__link {
	color: rgba(13, 66, 99, 1);
	font-weight: 600;
	line-height: calc(24 / 14 * 100%);
}
.menu__link:hover {
	text-decoration: underline;
}
@media (max-width: 480px) {
	.menu__link {
		font-size: 18px;
	}
}
.menu__item__green {
	color: rgba(133, 9, 9, 1);
	font-weight: 600;
	line-height: calc(24 / 14 * 100%);
}
.menu__item__green:hover {
	text-decoration: underline;
}
@media (max-width: 480px) {
	.menu__item__green {
		font-size: 18px;
	}
}
/* -------------------PAGE-----------Введение--------------------- */
.page {
	flex: 1 1 auto;
}
/* .page__main-block {
} */
.page__services {
	position: relative;
	z-index: 2;
	margin: -111px 0px 0px 0px;
}
---HEADER-BLOCK------------------------------------------------------------------------- */
.header-block {
	text-align: center;
	letter-spacing: 0.2px;
}
.header-block__title {
	font-size: 40px;
	line-height: 137%;
	letter-spacing: 0.2px;
	font-weight: 800;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
	color: rgba(13, 66, 99, 1);
}
.header-block__title:not(:last-child) {
	margin: 0px 0px 10px 0px;
}
.header-block__sub-title {
	line-height: 142%;
	font-weight: 700;
	font-size: 20px;
	color: rgba(13, 66, 99, 1);
	margin: 0px 0px 30px 0px ;
}
.header-block__text {
	line-height: 142%;
	color: rgba(13, 66, 99, 1);
	font-style: italic;
	text-align:justify;
	font-size: 16px;
	margin: 30px 0px 0px 0px;
}
@media (max-width: 990px) {
	.header-block__title {
		font-size: 35px;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
	}
}
@media (max-width: 770px) {
	.header-block__title {
		font-size: 30px;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
	}
}
/* ---MAIN-BLOCK------------------------------------------------------------------------- */
.main-block {
	position: relative;
}
.main-block__body {
	padding: 184px 0px 191px 0px;
	position: relative;
	z-index: 2;
	max-width: 550px;
}
@media (max-width: 990px) {
	.main-block__body {
		padding: 120px 0px 191px 0px;
	}
}
@media (max-width: 480px) {
	.main-block__body {
		padding: 115px 0px 160px 0px;
	}
}
.main-block__body > *:not(:last-child) {
	margin: 0px 0px 35px 0px;
}
.main-block__title {
	font-size: 40px;
	line-height: 137%;
	letter-spacing: 0.2px;
	font-weight: 800;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
	color: rgba(13, 66, 99, 1);
}
@media (max-width: 480px) {
	.main-block__title {
		font-size: 30px;
	}
}
.main-block__subtitle {
	line-height: 142%;
	font-weight: 700;
	font-size: 30px;
	color: rgba(68, 81, 98, 1);
	margin: 0px 0px 30px 0px ;
}
@media (max-width: 480px) {
	.main-block__subtitle {
		font-size: 20px;
	}
}
.main-block__text {
	color: rgba(31, 37, 44, 1);
	font-size: 16px;
	line-height: 150%;
}
@media (max-width: 480px) {
	.main-block__text {
		color: rgba(68, 81, 98, 1);
	}
}
.main-block__buttons {
	display: flex;
	flex-wrap: wrap;
	margin: -10px 0;
}
.main-block__button {
	border-radius: 40px;
	display: flex;
	min-height: 40px;
	/* высота кнопки = min-height: 40px */
	justify-content: center;
	align-items: center;
	letter-spacing: 0.2px;
	font-weight: 700;
	/* жирность шрифта в кнопке = font-weight: 700 */
	text-align: center;
	line-height: 150%;
	padding: 5px 20px;
	/* ширина кнопки = padding: 5px 20px */
	margin: 10px 0;
	transition: all 0.3s ease 0s;
	/* тень возле кнопки = box-shadow */
	margin-right: 10px;
}
.main-block__button_white {
	background-color: rgba(250, 250, 250, 0.1);
	color: rgba(133, 9, 9, 1);
}
.main-block__button_white:hover {
	background-color: rgba(250, 250, 250, 1);
	color: rgba(13, 66, 99, 1);
}
.main-block__button_green {
	background: rgba(13, 66, 99, 1);
	color: rgba(250, 250, 250, 1);
	box-shadow: 0px 10px 20px rgba(68, 81, 98, 1);
}
.main-block__button_green:hover {
	background-color: rgba(250, 250, 250, 1);
	color: rgba(13, 66, 99, 1);
	box-shadow: 0px 10px 20px rgba(68, 81, 98, 1);
}
.main-block__button_orange {
	background: rgba(165, 42, 42, 1);
	color: rgba(250, 250, 250, 1);
	box-shadow: 0px 10px 20px rgba(68, 81, 98, 1);
}
.main-block__button_orange:hover {
	background-color: rgba(250, 250, 250, 1);
	color: rgba(165, 42, 42, 1);
	box-shadow: 0px 10px 20px rgba(68, 81, 98, 1);
}
.main-block__button_border {
	color: rgba(13, 66, 99, 1);
	border: 1px rgba(13, 66, 99, 1);
	box-shadow: 0px 10px 20px rgba(68, 81, 98, 1);
  /* 4 значения - 1) радиус вверху слева; 2) радиус вверху справа; 3) радиус снизу справа; 4) радиус снизу слева */
  /* 3 значения - 1) радиус вверху слева; 2) радиус вверху справа и радиус внизу слева; 3) радиус снизу справа */
  /* 2 значения - 1) радиус вверху слева и внизу справа; 2) радиус вверху справа и внизу слева */
  /* 1 значение радиус со всех сторон */
  /* для наглядности укажем границы блока. solid - сплошная линия, dotted - линия из точек, dashed - пунктирная линия */
}
.main-block__button:hover {
/* псевдо класс hover начинает действовать когда мы наводим мышью на элемент страницы */
	background-color: rgba(13, 66, 99, 1);
	color: rgba(250, 250, 250, 1);
	box-shadow: 0px 10px 20px rgba(68, 81, 98, 1);
}
.main-block__image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
@media (max-width: 1300px) {
	.main-block__image img {
		object-position: right;
	}
}
@media (max-width: 990px) {
	.main-block__image {
		opacity: 0.5;
  /* величина прозрачности блока */
}
}
@media (max-width: 770px) {
	.main-block__image {
		opacity: 0.2;
  /* величина прозрачности блока */
}
}
@media (max-width: 480px) {
	.main-block__image {
		opacity: 0.0;
  /* величина прозрачности блока */
}
}

/* --------------------services - column - Графология - наука? и т.д.-- */
/* .services {
} */
/* .services__container {
} */
/* .services__body {
} */
@media (min-width: 670px) {
	.services__body {
		display: flex;
		flex-wrap: wrap;
		margin: 0px -15px;
	}
}
.services__column {
	flex: 0 1 33.333%;
}
@media (min-width: 670px) {
	.services__column {
		padding: 0px 15px;
	}
}
@media (max-width: 990px) {
	.services__column {
		flex: 0 1 50%;
	}
	.services__column:not(:last-child) {
		margin: 0px 0px 30px 0px;
	}
	.services__column:last-child {
		flex: 1 1 100%;
	}
}
.services__item {
	height: 100%;
	box-shadow: 0px 13px 19px rgba(0, 0, 0, 0.07);
	background-color: #fff;
	padding: 35px;
}
@media (max-width: 480px) {
	.services__item {
		padding: 25px;
	}
}
/* .item-service {} */
.item-service_green {
	background-color:rgba(13, 66, 99, 1);
}
.item-service_green .item-service__title {
	color: #fff;
}
.item-service_green .item-service__text {
	color: #fff;
}
.item-service > *:not(:last-child) {
	margin: 0px 0px 10px 0px;
}
/* .item-service__icon {} */
.item-service__title {
	font-weight: 700;
	letter-spacing: 0.1px;
	font-size: 24px;
	line-height: 133%;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
}
.item-service__text {
	/* color: #737373; */
	color: rgba(13, 66, 99, 1);
	line-height: 142%;
}
/* ----- page__practice ----Практика----------------- */
.practice {
	/* padding: 0px 0px 20px 0px; */
	padding: 125px 0px 80px 0px;
	/* Отступ от колонок до заголовка Возможности графологии */
}
@media (max-width: 990px) {
	.practice {
		/* padding: 0px 0px 20px 0px; */
		padding: 40px 0px 80px 0px;
	}
}
@media (max-width: 770px) {
	.practice {
		/* padding: 0px 0px 20px 0px; */
		padding: 0px 0px 40px 0px;
	}
}
/* .practice__container {
} */
.practice__header {
	margin: 0px 0px 45px 0px;
}
@media (max-width: 770px) {
	.practice__header {
		margin: 0px 0px 25px 0px;
	}
}
/* --------------------------- Для index */
.practice__body {
	margin: 0px -20px -30px;
	display: flex;
	flex-wrap: wrap;
}
/* ---------------------------- Для hand */
.practice__body_h2 {
	margin: 0px -20px -470px;
	display: flex;
	flex-wrap: wrap;
}
/* ---------------------4 колонки-------- Для index */
.practice__column {
	padding: 0px 10px;
	margin: 0px 0px 30px 0px;
	flex: 0 1 25%;
}
@media (max-width: 990px) {
	.practice__column {
		flex: 0 1 50%;
	}
}
@media (max-width: 770px) {
	.practice__column {
		flex: 0 1 100%;
	}
}
/* ---------------------2 колонки-------- Для graphology */
.practice__column_2 {
	padding: 0px 10px;
	margin: 0px 0px 30px 0px;
	flex: 0 1 50%;
}
@media (max-width: 990px) {
	.practice__column_2 {
		flex: 0 1 70%;
	}
}
@media (max-width: 770px) {
	.practice__column_2 {
		flex: 0 1 100%;
	}
}
/* ---------------------2 колонки-------- Для hand */
.practice__column_2h {
	padding: 0px 10px;
	margin: -30px 0px -180px 0px;
	flex: 0 1 50%;
}
@media (max-width: 990px) {
	.practice__column_2h {
		flex: 0 1 50%;
	}
}
@media (max-width: 770px) {
	.practice__column_2h {
		flex: 0 1 100%;
	}
}
/* ----------------------------- practice__item */
.item-practice {
	background-color: rgba(255, 255, 255, 1);
	display: flex;
	height: 100%;
	flex-direction: column;
}
.item-practice__content {
	padding: 30px;
	flex: 1 1 auto;
}
.item-practice__link {
	color: inherit;
	display: inline-block;
}
.item-practice__link:hover {
	text-decoration: underline;
}
.item-practice__link:not(:last-child) {
	margin: 0px 0px 15px 0px;
}
.item-practice__title {
	line-height: 142%;
	font-weight: 700;
	font-size: 30px;
	/* margin: 0px 0px 0px 0px; */
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
	color: rgba(13, 66, 99, 1);
}
.item-practice__text {
	/* color: #737373; */
	color: rgba(13, 66, 99, 1);
	line-height: 142%;
}
.item-practice__image {
	display: block;
	padding: 0px 0px 60% 0px;
	box-shadow: 0px 13px 19px rgba(2, 62, 78, 0.3);
	/* filter: drop-shadow(5px 5px 30px rgba(0, 0, 0, 0.7)); */
}
/* -----------------------man-------------- */
.man {
	/* padding: 0px 0px 20px 0px; */
	padding: 0px 0px 80px 0px;
}
@media (max-width: 990px) {
	.man {
		/* padding: 0px 0px 20px 0px; */
		padding: 40px 0px 80px 0px;
	}
}
@media (max-width: 770px) {
	.man {
		/* padding: 0px 0px 20px 0px; */
		padding: 0px 0px 40px 0px;
	}
}
/* .man__container {
} */
.man__header {
	margin: 0px 0px 45px 0px;
}
@media (max-width: 770px) {
	.man__header {
		margin: 0px 0px 25px 0px;
	}
}
.man__body {
	margin: 0px -20px -30px;
	display: flex;
	flex-wrap: wrap;
}
.man__column {
	padding: 0px 10px;
	margin: 0px 0px 30px 0px;
	flex: 0 1 33.0%;
}
@media (max-width: 990px) {
	.man__column {
		flex: 0 1 50%;
	}
}
@media (max-width: 770px) {
	.man__column {
		flex: 0 1 100%;
	}
}
/* .man__item {
} */
.item-man {
	background-color: rgba(255, 255, 255, 1);
	display: flex;
	height: 100%;
	flex-direction: column;
}
.item-man__content {
	padding: 10px;
	flex: 1 1 auto;
}
.item-man__link {
	color: inherit;
	display: inline-block;
}
.item-man__link:hover {
	text-decoration: underline;
}
.item-man__link:not(:last-child) {
	margin: 0px 0px 15px 0px;
}
.item-man__title {
	line-height: 142%;
	font-weight: 700;
	font-size: 30px;
	margin: 60px 0px 0px 0px;
	color: rgba(13, 66, 99, 1);
}
.item-man__text {
	color: #737373;
	line-height: 142%;
}
.item-man__image {
	display: block;
	padding: 0px 0px 60% 0px;
	box-shadow: 0px 13px 19px rgba(2, 62, 78, 0.3);
}
.item-man:hover 
.item-man__image img{
	transform: scale(1.1);
}
/* --------------contact-------------------- */
.contact {
	background-color: rgba(255, 255, 255, 1);
	padding: 42px 0;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
}
/* .contact__container {
} */
.contact__content {
	padding: 0px 0px 20px 0px;
}
@media (min-width: 767px) {
	.contact__body {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.contact__content {
		padding: 0px 20px 0px 0px;
	}
}
.contact__title {
	line-height: 142%;
	font-weight: 700;
	font-size: 40px;
	margin: 60px 0px 0px 0px;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
	color: rgba(13, 66, 99, 1);
}
.contact__title:not(:last-child) {
	margin: 0px 0px 10px 0px;
}
.contact__text {
	color: #737373;
	line-height: 142%;
}
.contact__button {
	display: flex;
	background-color: rgba(13, 66, 99, 1);
	border-radius: 5px;
	min-height: 58px;
	padding: 5px 40px;
	transition: background-color 0.3s ease 0s;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: rgba(255, 255, 255, 1);
}
.contact__button:hover {
	background-color: rgba(13, 66, 99, 1);
}
/* ---------------categories -------------------- */
.title{
	font-size: 40px;
	line-height: 137%;
	letter-spacing: 0.2px;
	font-weight: 800;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
	color: rgba(68, 81, 98, 1);
}
.title span{
	color: rgba(165, 42, 42, 1);
}
@media (max-width: 770px){
	.title {
		font-size: 35px;
	}
}
@media (max-width: 480px){
	.title {
		font-size: 30px;
	}
}

/* --------------------------------- */
[class*="__container"] {
	max-width: 1300px;
	padding: 0px 15px;
	margin: 0px auto;
	box-sizing: content-box;
}
/* -----------------------categories 1 ---------- */
.categories {
	/* padding: 0px 0px 20px 0px; */
	padding: 125px 0px 80px 0px;
}
@media (max-width: 990px) {
	.categories {
		/* padding: 0px 0px 20px 0px; */
		padding: 40px 0px 80px 0px;
	}
}
@media (max-width: 770px) {
	.categories {
		/* padding: 0px 0px 20px 0px; */
		padding: 0px 0px 40px 0px;
	}
}
.categories__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/* количество картинок в строке = "4" */
	column-gap: 20px;
	/* пробел между картинками в строке = "20px" */
	row-gap: 20px;
	/* пробел между строками с картинками = "15px" */
}
/* .categories__item {} */
.item-category {
	position: relative;
	/* относительное позиционирование = position: relative */
}
.item-category:hover 
.item-category__image img{
	transform: scale(1.1);
	/* изменение размера картинки = transform: scale(1.1) */
}
.item-category__title {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 10px;
	color: rgba(255, 255, 255, 1);
	font-size: 10px;
	line-height: 1.5;
	font-weight: 500;
	z-index: 3;
	width: 100%;
}
.item-category__image {
	position: relative;
	overflow: hidden;
	/* border-radius: 10px; */
	padding-bottom: 127%;
	box-shadow: 0px 13px 19px rgba(2, 62, 78, 0.3);
}
.item-category__image::before{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.item-category__image img{
	transition: all 0.3s ease 0s;
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	object-fit: cover;
}
@media (max-width: 990px){
	.categories__items {
		column-gap:20px;
	}  
}
@media (max-width: 990px) {
	.categories {
		padding: 40px 0px 80px 0px;
	}
.categories__title {
		margin-bottom: 50px;
	}
	.categories__items {
		column-gap: 20px;
	}
	.categories__items {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 770px) {
	.categories {
		padding: 0px 0px 40px 0px;
	}
	.categories__title {
		margin-bottom: 20px;
	}
}
@media (max-width: 480px) {
	.categories__items {
		row-gap: 20px;
		grid-template-columns: repeat(1, 1fr);
	}
}
/* ----------------- What our customer’s say	- Что говорят наши клиенты ---------------------- */
/* .reviews { */
	/* padding-top: 240px; */
	/* padding-bottom:240px; */
/* } */
/* .reviews__container {} */
.reviews__title {
	line-height: 142%;
	font-weight: 700;
	font-size: 40px;
	margin: 60px 0px 0px 0px;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
	color: rgba(13, 66, 99, 1);
}
.reviews__subtitle {
	line-height: 142%;
	font-weight: 600;
	font-size: 20px;
	color: #737373;
	margin: 0px 0px 20px 0px;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
}
/* .reviews__swiper {} */
/* .swiper-reviews {} */
/* .swiper-reviews__wrapper {} */
/* .swiper-reviews__slide { */
/* } */
.slide-swiper-reviews {
	display: flex;
}
.slide-swiper-reviews__picture {
	overflow: hidden;
	flex: 0 1 50%;
	display: flex;
	justify-content:center;
	align-items: center;
}
.slide-swiper-reviews__image {
	width: 300px;
	height: 300px;
	position: relative;
}
.slide-swiper-reviews__image img{
	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;left: 0;
	object-fit: center;
	box-shadow: 0px 13px 19px rgba(2, 62, 78, 0.3);
}
.slide-swiper-reviews__body {
	flex: 0 1 50%;
}
.slide-swiper-reviews__text {
	font-size: 24px;
	line-height: 160%;
	font-style: italic;
}
.slide-swiper-reviews__text p:not(:last-child) {
	margin-bottom: 15px;
}
.slide-swiper-reviews__text:not(:last-child){
	margin-bottom: 56px;
}
/* .slide-swiper-reviews__author { */
/* } */
.slide-swiper-reviews__name {
	font-weight: 600;
	font-size: 24px;
	line-height: 160%;
	color: #000;
	text-shadow: 10px 10px 10px rgba(68, 81, 98, 1);
}
.slide-swiper-reviews__name:not(:last-child) {
	margin-bottom: 8px;
}
.slide-swiper-reviews__position {
	color:rgba(134, 134, 134, 1);
	font-size: 18px;
	letter-spacing: 0.08em;
	font-weight: 500;
	text-transform: uppercase;
}
.swiper-reviews__pagination {
	display: flex;
	transform: translate(0px,-100%);
	justify-content: flex-end;
}
.swiper-reviews__pagination .swiper-pagination-bullet{
	opacity: 1;
	background: #C4C4C4;
	border-radius: 20px;
	flex: 0 0 10px;
	height: 16px;
	transition: all 0.3s ease 0s;
}
.swiper-reviews__pagination .swiper-pagination-bullet-active{
	background: rgba(13, 66, 99, 1);
	flex: 0 0 24px;
}
@media (max-width: 1300px) {
	.reviews__swiper.swiper {
		margin-left: -15px;
	}
}
@media (max-width: 990px) {
	.reviews {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.reviews__title {
		margin-bottom: 50px;
	}
	.slide-swiper-reviews__body{
		padding-left: 15px;
	}
	.slide-swiper-reviews {
		flex-direction: column;
	}
	.slide-swiper-reviews__picture {
		margin-bottom: 25px;
	}
	.swiper-reviews__pagination.swiper-pagination {
		position: relative;
		bottom: 0;
		justify-content: center;
		transform: translate(0px,0px);
		padding-top: 35px;
	}
}
@media (max-width: 770px) {
	.reviews {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.reviews__title {
		margin-bottom: 30px;
	}
}
@media (max-width: 480px) {
	.slide-swiper-reviews__image {
		width: 270px;
		height: 270px;
	}
	.slide-swiper-reviews__image::before {
		content: "";
		position: absolute;
		width: 225px;
		height: 187px;
		top: 50px;
		left: -80px;
		transform: rotate(-10deg);
		background-color: rgba(13, 66, 99, 1);
		border-radius: 40px 0px 400px 400px;
	}
	.slide-swiper-reviews__text {
		font-size: 18px;
	}
	.slide-swiper-reviews__text:not(:last-child) {
		margin-bottom: 25px;
	}
}
/* -----------------------------------footer---------------- */
/* .footer { */
/* } */
.footer__top {
	background: rgba(13, 66, 99, 1);
	padding: 35px 0;
}
/* .footer__main {
} */
.footer__row {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -15px;
}
.footer__column {
	padding: 15px 15px;
	flex: 0 1 16.6667%;
}
.footer__column:last-child {
	flex: 0 1 33.334%;
}
@media (max-width: 990px) {
	.footer__column {
		flex: 0 1 25%;
	}
	.footer__column:last-child {
		flex: 1 1 100%;
	}
}
@media (max-width: 990px) {
	.footer__column {
		flex: 0 1 50%;
	}
}
.footer__label {
	color: rgba(255, 255, 255, 1);
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	margin: 0px 0px 20px 0px;
	padding: 0px 30px 0px 30px;
}
/* .footer__menu {
} */
/* .menu-footer {
} */
/* .menu-footer__list {
} */
.menu-footer__item:not(:last-child) {
	margin: 0px 0px 10px 0px;
}
.menu-footer__link {
	color: rgba(255, 255, 255, 1);
	display: inline-block;
	line-height: 171%;
	letter-spacing: 0.2px;
}
.menu-footer__link:hover {
	text-decoration: underline;
}
/* .footer__contacts {
} */
.contacts-footer {
	display: flex;
	flex-direction: column;
}
.contacts-footer__item {
	padding: 0px 0px 0px 34px;
	line-height: 142%;
	display: flex;
	align-items: center;
	color: rgba(255, 255, 255, 1);
	min-height: 30px;
}
.contacts-footer__item:hover {
	text-decoration: underline;
}
.contacts-footer__item:not(:last-child) {
	margin: 0;
}
.contacts-footer__item_phone {
	background: url("../img/footer/icons/01.svg") 0 0 no-repeat;
}
.contacts-footer__item_map {
	background: url("../img/footer/icons/02.svg") 0 0 no-repeat;

}
.contacts-footer__item_email {
	background: url("../img/footer/icons/03.svg") 0 0 no-repeat;
}
.contacts-footer__item_html {
	background: url("../img/svg/one-dots-green.svg") 0 0 no-repeat;
}
.contacts-footer__item_telegram {
	background: url("../img/svg/one-dots-blue.svg") 0 0 no-repeat;
}
/* icons8-browser-64.png */
.footer__bottom {
	padding: 25px 0;
}
.footer__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer__copy {
	color: #737373;
	line-height: 171%;
}
/* .footer__social {
} */
.social {
	display: flex;
	align-items: center;
}
.social__item:not(:last-child) {
	margin: 0px 20px 0px 0px;
}
@media (max-width: 770px) {
	.footer__container {
		flex-direction: column;
	}
	.footer__copy {
		margin: 0px 0px 15px 0px;
		text-align: center;
	}
}
/* ------------------------------------------------------- */
.avatar {
  background-color: rgba(255, 255, 255, 1);
  border: solid 1px rgba(0, 90, 156, 1);
  border-radius: 50%;
  height: 6.25rem;
  overflow: hidden;
  width: 6.25rem;
}
.avatar img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
/* ------------------------------------------------------- */
#upbutton {
	background: url("/images/up.png") no-repeat top left;
	height: 60px;
	width: 60px;
	bottom: 30px;
	right: 15px;
	cursor: pointer;
	display: none;
	position: fixed;
	z-index: 999;
  }
/* ------------------------------------ */
/* Картинки в карточке №2 */
.item__item {
	display: flex;
	margin: 0px 0px 30px 0px;
}
/* Контейнер картинки */
.item__image {
	flex: 0 0 33.333%;
	position: relative;
	min-height: 500px;
}
/* Картинка */
.item__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.item__image {
	flex: 0 0 24%;
	position: relative;
	min-height: 500px;
	min-width: 100px;
}
/* Картинка */
.item__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.item__body {
	flex: 1 1 auto;
	padding: 0px 0px 0px 30px;
}
.item__label {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	margin: 0px 0px 20px 0px;
}
/* ------------------- Читать больше - Свернуть */

.text_hide_wrap {
	max-width: 700px;
}

.item_text {
	width: 100%;
	padding: 20px;
}

.item_text p {
	margin-bottom: 20px;
}

.io_item {
	width: 100%;
	padding-bottom: 20px;
}

.io_button_wrap {
	text-align: center;
	margin-top: 10px;
}

.io_button {
	border-radius: 40px;
	display: flex;
	min-height: 40px;
	/* высота кнопки = min-height: 40px */
	justify-content: center;
	align-items: center;
	letter-spacing: 0.2px;
	font-weight: 700;
	/* жирность шрифта в кнопке = font-weight: 700 */
	text-align: center;
	line-height: 150%;
	padding: 10px 20px;
	/* ширина кнопки = padding: 5px 20px */
	/* margin: 10px 0; */
	transition: all 0.3s ease 0s;
	box-shadow: 0px 10px 20px rgba(68, 81, 98, 1);
	/* тень возле кнопки = box-shadow */
	/* margin-right: 10px; */
}
.io_button:hover {
	/* псевдо класс hover начинает действовать когда мы наводим мышью на элемент страницы */
		background-color: rgba(13, 66, 99, 1);
		color: rgba(250, 250, 250, 1);
	}
	
a.io_button:hover {
	text-decoration: none;
}

.io_item .btn_close {
	display: none;
}

.io_item .btn_open {
	display: inline-block;
}

.io_item.open .btn_close {
	display: inline-block;
}

.io_item.open .btn_open {
	display: none;
}

.io_trans {
	width: inherit;
	position: absolute;
	height: 80px;
	bottom: 0;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	transition: 1s;
}

.io_item.open .io_trans {
	height: 0;
	transition: 1s;
}

.io_item_wrap {
	position: relative;
	overflow: hidden;
	max-height: 100px;
	width: inherit;
	transition: max-height 0.5;
}
.io_item.open .io_item_wrap {
	max-height: 999px !important;
	transition: max-height 1s;
}
/* https://www.w3schools.com/howto/howto_js_responsive_navbar_dropdown.asp */

/* Add a black background color to the top navigation */
/* Добавьте черный цвет фона в верхнюю панель навигации. */
/* Примечание: В настоящем сайте вместо черного цвета: rgba(250, 250, 250, 1)  */
.topnav {
	background-color: rgba(250, 250, 250, 1);
	overflow: hidden;
  }
  
  /* Style the links inside the navigation bar */
  /* Стиль ссылок внутри панели навигации */
  .topnav a {
	float: left;
	display: block;
	color: rgba(13, 66, 99, 1);
	text-align: center;
	padding: 10px 10px;
	text-decoration: none;
	font-size: 14px;
  }
  
  /* Add an active class to highlight the current page */
  /* Добавьте активный класс, чтобы выделить текущую страницу */
  .active {
	background-color:rgba(158, 187, 142, 0.2);
	color: rgba(13, 92, 99, 0.1);
	text-transform: uppercase;
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  /* Скрыть ссылку, которая должна открывать и закрывать topnav на маленьких экранах */
  .topnav .icon {
	display: none;
  }
  
  /* Dropdown container - needed to position the dropdown content */
  /* Контейнер выпадающего списка — необходим для позиционирования выпадающего содержимого. */
  .dropdown {
	float: left;
	overflow: hidden;
  }
  
  /* Style the dropdown button to fit inside the topnav */
  /* Настройте кнопку раскрывающегося списка так, чтобы она помещалась внутри верхней навигации. */
  .dropdown .dropbtn {
	font-size: 14px;
	border: none;
	outline: none;
	color:  rgba(13, 66, 99, 1);
	padding: 8px 8px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
  }
  /* Style the dropdown content (hidden by default) */
  /* Стиль выпадающего содержимого (по умолчанию скрыт) */
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	padding-left: 20px;
  }
  
  /* Style the links inside the dropdown */
  /* Оформите ссылки внутри выпадающего списка  */
  .dropdown-content a {
	float: none;
	color:  rgba(133, 9, 9, 1);
	padding: 10px 10px;
	text-decoration: none;
	display: block;
	text-align: left;
  }
  
  /* Add a dark background on topnav links and the dropdown button on hover */
    /* Сделайте темный фон для ссылок topnav и кнопки выпадающего списка при наведении курсора мыши */
  .topnav a:hover, .dropdown:hover .dropbtn {
	background-color: rgba(133, 9, 9, 1);
	color: white;
  }
  
  /* Add a grey background to dropdown links on hover */
    /* Добавить серый фон для выпадающих ссылок при наведении */
  .dropdown-content a:hover {
	background-color: #ddd;
	color: black;
  }
  
  /* Show the dropdown menu when the user moves the mouse over the dropdown button */
  /* Показывать раскрывающееся меню, когда пользователь наводит указатель мыши на кнопку раскрывающегося списка. */
  .dropdown:hover .dropdown-content {
	display: block;
  }
  /* When the screen is less than 770 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
  /* При ширине экрана менее 770 пикселей скрыть все ссылки, кроме первой ("Главная"). Показать ссылку, которая должна открывать и закрывать topnav (.icon) */
  @media screen and (max-width: 770px) 
	{.topnav a:not(:first-child), .dropdown .dropbtn, .dropdown .dropbtn-n {
	  display: none;
	}
	.topnav a.icon {
	  float: right;
	  display: block;
	}
  }
  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  /* «Отзывчивый» класс добавляется в topnav с помощью JavaScript, когда пользователь щелкает значок. Этот класс заставляет topnav хорошо выглядеть на маленьких экранах (отображать ссылки вертикально, а не горизонтально). */
  @media screen and (max-width: 770px) {
	.topnav.responsive {position: relative;}
	.topnav.responsive a.icon {
	  position: absolute;
	  right: 0;
	  top: 0;
	}
	.topnav.responsive a {
	  float: none;
	  display: block;
	  text-align: left;
	}
	.topnav.responsive .dropdown {float: none;}
	.topnav.responsive .dropdown-content {position: relative;}
	.topnav.responsive .dropdown .dropbtn {
	  display: block;
	  width: 100%;
	  text-align: left;
	}
  }
  .dropdown .dropbtn-n {
	font-size: 14px;
	border: none;
	outline: none;
	color:  rgba(13, 66, 99, 1);
	padding: 8px 8px;
	font-family: inherit;
	margin: 0;
	text-transform: uppercase;
	background-color: rgba(13, 92, 99, 0.1);
	color: black;
	text-transform: uppercase;
  }
  .dropdown .dropbtn-w {
	font-size: 14px;
	border: none;
	outline: none;
	color: rgba(250, 250, 250, 1);
	padding: 0px 0px 0px 28px;
	font-family: inherit;
	margin: 5px 0px 0px 0px;
	text-transform: uppercase;
	background-color: rgba(13, 92, 99, 0.1);
	text-transform:none;
  }
/* Дополнил из W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
/* Исключил поз. 5-9 */
html {
	box-sizing: border-box;
  }
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
  }
body {
	margin: 0;
  }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}
summary {
	display: list-item;
  }
  audio,
  canvas,
  progress,
  video {
	display: inline-block;
  }
  progress {
	vertical-align: baseline;
  }
  audio:not([controls]) {
	display: none;
	height: 0;
  }
  [hidden],
  template {
	display: none;
  }
  a {
	background-color: transparent;
  }
  a:active,
  a:hover {
	outline-width: 0;
  }
  abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
  }
  b,
  strong {
	font-weight: bolder;
  }
  dfn {
	font-style: italic;
  }
  mark {
	background: #ff0;
	color: #000;
  }
  small {
	font-size: 80%;
  }
  sub,
  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
  }
  sub {
	bottom: -0.25em;
  }
  sup {
	top: -0.5em;
  }
  figure {
	margin: 1em 40px;
  }
  img {
	border-style: none;
  }
  code,
  kbd,
  pre,
  samp {
	font-family: monospace, monospace;
	font-size: 1em;
  }
  hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
  }
  button,
  input,
  select,
  textarea,
  optgroup {
	font: inherit;
	margin: 0;
  }
  optgroup {
	font-weight: bold;
  }
  button,
  input {
	overflow: visible;
  }
  button,
  select {
	text-transform: none;
  }
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
	-webkit-appearance: button;
  }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
  }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
  }
  fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
  }
  legend {
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
  }
  textarea {
	overflow: auto;
  }
  [type="checkbox"],
  [type="radio"] {
	padding: 0;
  }
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
	height: auto;
  }
  [type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
  }
  [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
  }

html,
body {
  font-family: Verdana, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
html {
  overflow-x: hidden;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
.w3-serif {
  font-family: serif;
}
.w3-sans-serif {
  font-family: sans-serif;
}
.w3-cursive {
  font-family: cursive;
}
.w3-monospace {
  font-family: monospace;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  margin: 10px 0;
}


.w3-wide {
	/* letter-spacing: 4px; */
  }
  hr {
	border: 0;
	border-top: 1px solid #eee;
	margin: 20px 0;
  }
  .w3-image {
	max-width: 100%;
	height: auto;
  }
  img {
	vertical-align: middle;
  }
  a {
	color: inherit;
  }
  .w3-table,
  .w3-table-all {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	display: table;
  }
  .w3-table-all {
	border: 1px solid #ccc;
  }
  .w3-bordered tr,
  .w3-table-all tr {
	border-bottom: 1px solid #ddd;
  }
  .w3-striped tbody tr:nth-child(even) {
	background-color: #f1f1f1;
  }
  .w3-table-all tr:nth-child(odd) {
	background-color: #fff;
  }
  .w3-table-all tr:nth-child(even) {
	background-color: #f1f1f1;
  }
  .w3-hoverable tbody tr:hover,
  .w3-ul.w3-hoverable li:hover {
	background-color: #ccc;
  }
  .w3-centered tr th,
  .w3-centered tr td {
	text-align: center;
  }
  .w3-table td,
  .w3-table th,
  .w3-table-all td,
  .w3-table-all th {
	padding: 8px 8px;
	display: table-cell;
	text-align: left;
	vertical-align: top;
  }
  .w3-table th:first-child,
  .w3-table td:first-child,
  .w3-table-all th:first-child,
  .w3-table-all td:first-child {
	padding-left: 16px;
  }
  .w3-btn,
  .w3-button {
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
  }
  .w3-btn:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .w3-btn,
  .w3-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  .w3-disabled,
  .w3-btn:disabled,
  .w3-button:disabled {
	cursor: not-allowed;
	opacity: 0.3;
  }
  .w3-disabled *,
  :disabled * {
	pointer-events: none;
  }
  .w3-btn.w3-disabled:hover,
  .w3-btn:disabled:hover {
	box-shadow: none;
  }
  .w3-badge,
  .w3-tag {
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
  }
  .w3-badge {
	border-radius: 50%;
  }
  .w3-ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
  }
  .w3-ul li {
	padding: 8px 16px;
	border-bottom: 1px solid #ddd;
  }
  .w3-ul li:last-child {
	border-bottom: none;
  }
  .w3-tooltip,
  .w3-display-container {
	position:relative;
  }
  .w3-tooltip .w3-text {
	display: none;
  }
  .w3-tooltip:hover .w3-text {
	display: inline-block;
  }
  .w3-ripple:active {
	opacity: 0.5;
  }
  .w3-ripple {
	transition: opacity 0s;
  }
  .w3-input {
	padding: 8px;
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 100%;
  }
  .w3-select {
	padding: 9px 0;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
  }
  .w3-dropdown-click,
  .w3-dropdown-hover {
	position: relative;
	display: inline-block;
	cursor: pointer;
  }
  .w3-dropdown-hover:hover .w3-dropdown-content {
	display: block;
  }
  .w3-dropdown-hover:first-child,
  .w3-dropdown-click:hover {
	background-color: #ccc;
	color: #000;
  }
  .w3-dropdown-hover:hover > .w3-button:first-child,
  .w3-dropdown-click:hover > .w3-button:first-child {
	background-color: #ccc;
	color: #000;
  }
  .w3-dropdown-content {
	cursor: auto;
	color: #000;
	background-color: #fff;
	display: none;
	position: absolute;
	min-width: 160px;
	margin: 0;
	padding: 0;
	z-index: 1;
  }
.w3-check,
.w3-radio {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px;
}
.w3-sidebar {
  height: 100%;
  width: 200px;
  background-color: #fff;
  position: fixed !important;
  z-index: 1;
  overflow: auto;
}
.w3-bar-block .w3-dropdown-hover,
.w3-bar-block .w3-dropdown-click {
  width: 100%;
}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,
.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
  min-width: 100%;
}
.w3-bar-block .w3-dropdown-hover .w3-button,
.w3-bar-block .w3-dropdown-click .w3-button {
  width: 100%;
  text-align: left;
  padding: 8px 16px;
}
.w3-main,
#main {
  transition: margin-left 0.4s;
}
.w3-modal {
  z-index: 3;
  display: none;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.w3-modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 0;
  outline: 0;
  width: 600px;
}
.w3-bar {
  width: 100%;
  overflow: hidden;
}
.w3-center .w3-bar {
  display: inline-block;
  width: auto;
}
.w3-bar .w3-bar-item {
  padding: 8px 16px;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
}
.w3-bar .w3-dropdown-hover,
.w3-bar .w3-dropdown-click {
  position: static;
  float: left;
}
.w3-bar .w3-button {
  white-space: normal;
}
.w3-bar-block .w3-bar-item {
  width: 100%;
  display: block;
  padding: 8px 16px;
  text-align: left;
  border: none;
  white-space: normal;
  float: none;
  outline: 0;
}
.w3-bar-block.w3-center .w3-bar-item {
  text-align: center;
}
.w3-block {
  display: block;
  width: 100%;
}
.w3-responsive {
  display: block;
  overflow-x: auto;
}
.w3-container:after,
.w3-container:before,
.w3-panel:after,
.w3-panel:before,
.w3-row:after,
.w3-row:before,
.w3-row-padding:after,
.w3-row-padding:before,
.w3-cell-row:before,
.w3-cell-row:after,
.w3-clear:after,
.w3-clear:before,
.w3-bar:before,
.w3-bar:after {
  content: "";
  display: table;
  clear: both;
}
.w3-col,
.w3-half,
.w3-third,
.w3-twothird,
.w3-threequarter,
.w3-quarter {
  float: left;
  width: 100%;
}
.w3-col.s1 {
  width: 8.33333%;
}
.w3-col.s2 {
  width: 16.66666%;
}
.w3-col.s3 {
  width: 24.99999%;
}
.w3-col.s4 {
  width: 33.33333%;
}
.w3-col.s5 {
  width: 41.66666%;
}
.w3-col.s6 {
  width: 49.99999%;
}
.w3-col.s7 {
  width: 58.33333%;
}
.w3-col.s8 {
  width: 66.66666%;
}
.w3-col.s9 {
  width: 74.99999%;
}
.w3-col.s10 {
  width: 83.33333%;
}
.w3-col.s11 {
  width: 91.66666%;
}
.w3-col.s12 {
  width: 99.99999%;
}
@media (min-width: 601px) {
  .w3-col.m1 {
    width: 8.33333%;
  }
  .w3-col.m2 {
    width: 16.66666%;
  }
  .w3-col.m3,
  .w3-quarter {
    width: 24.99999%;
  }
  .w3-col.m4,
  .w3-third {
    width: 33.33333%;
  }
  .w3-col.m5 {
    width: 41.66666%;
  }
  .w3-col.m6,
  .w3-half {
    width: 49.99999%;
  }
  .w3-col.m7 {
    width: 58.33333%;
  }
  .w3-col.m8,
  .w3-twothird {
    width: 66.66666%;
  }
  .w3-col.m9,
  .w3-threequarter {
    width: 74.99999%;
  }
  .w3-col.m10 {
    width: 83.33333%;
  }
  .w3-col.m11 {
    width: 91.66666%;
  }
  .w3-col.m12 {
    width: 99.99999%;
  }
}
@media (min-width: 993px) {
  .w3-col.l1 {
    width: 8.33333%;
  }
  .w3-col.l2 {
    width: 16.66666%;
  }
  .w3-col.l3 {
    width: 24.99999%;
  }
  .w3-col.l4 {
    width: 33.33333%;
  }
  .w3-col.l5 {
    width: 41.66666%;
  }
  .w3-col.l6 {
    width: 49.99999%;
  }
  .w3-col.l7 {
    width: 58.33333%;
  }
  .w3-col.l8 {
    width: 66.66666%;
  }
  .w3-col.l9 {
    width: 74.99999%;
  }
  .w3-col.l10 {
    width: 83.33333%;
  }
  .w3-col.l11 {
    width: 91.66666%;
  }
  .w3-col.l12 {
    width: 99.99999%;
  }
}
.w3-rest {
  overflow: hidden;
}
.w3-stretch {
  margin-left: -16px;
  margin-right: -16px;
}
.w3-content,
.w3-auto {
  margin-left: auto;
  margin-right: auto;
}
.w3-content {
  max-width: 980px;
}
.w3-auto {
  max-width: 1140px;
}
.w3-cell-row {
  display: table;
  width: 100%;
}
.w3-cell {
  display: table-cell;
}
.w3-cell-top {
  vertical-align: top;
}
.w3-cell-middle {
  vertical-align: middle;
}
.w3-cell-bottom {
  vertical-align: bottom;
}
.w3-hide {
  display: none !important;
}
.w3-show-block,
.w3-show {
  display: block !important;
}
.w3-show-inline-block {
  display: inline-block !important;
}
@media (max-width: 1205px) {
  .w3-auto {
    max-width: 95%;
  }
}
@media (max-width: 600px) {
  .w3-modal-content {
    margin: 0 10px;
    width: auto !important;
  }
  .w3-modal {
    padding-top: 30px;
  }
  .w3-dropdown-hover.w3-mobile .w3-dropdown-content,
  .w3-dropdown-click.w3-mobile .w3-dropdown-content {
    position: relative;
  }
  .w3-hide-small {
    display: none !important;
  }
  .w3-mobile {
    display: block;
    width: 100% !important;
  }
  .w3-bar-item.w3-mobile,
  .w3-dropdown-hover.w3-mobile,
  .w3-dropdown-click.w3-mobile {
    text-align: center;
  }
  .w3-dropdown-hover.w3-mobile,
  .w3-dropdown-hover.w3-mobile .w3-btn,
  .w3-dropdown-hover.w3-mobile .w3-button,
  .w3-dropdown-click.w3-mobile,
  .w3-dropdown-click.w3-mobile .w3-btn,
  .w3-dropdown-click.w3-mobile .w3-button {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w3-modal-content {
    width: 500px;
  }
  .w3-modal {
    padding-top: 50px;
  }
}
@media (min-width: 993px) {
  .w3-modal-content {
    width: 900px;
  }
  .w3-hide-large {
    display: none !important;
  }
  .w3-sidebar.w3-collapse {
    display: block !important;
  }
}
@media (max-width: 992px) and (min-width: 601px) {
  .w3-hide-medium {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .w3-sidebar.w3-collapse {
    display: none;
  }

.w3-main {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .w3-auto {
    max-width: 100%;
  }
}
.w3-top,
.w3-bottom {
	/* position:fixed; */
  width: 100%;
  z-index: 1;
}
.w3-top {
  top: 0;
}
.w3-bottom {
  bottom: 0;
}
.w3-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.w3-display-topleft {
	position: absolute;
	left: 0;
	top: 0;
  }
  .w3-display-topright {
	position: absolute;
	right: 0;
	top: 0;
  }
  .w3-display-bottomleft {
	position: absolute;
	left: 0;
	bottom: 0;
  }
  .w3-display-bottomright {
	position: absolute;
	right: 0;
	bottom: 0;
  }
  .w3-display-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
  }
  .w3-display-left {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	-ms-transform: translate(-0%, -50%);
  }
  .w3-display-right {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
  }
  .w3-display-topmiddle {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
  }
  .w3-display-bottommiddle {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
  }
  .w3-display-container:hover .w3-display-hover {
	display: block;
  }
  .w3-display-container:hover span.w3-display-hover {
	display: inline-block;
  }
  .w3-display-hover {
	display: none;
  }
  .w3-display-position {
	position: absolute;
  }
  .w3-circle {
	border-radius: 50%;
  }
  .w3-round-small {
	border-radius: 2px;
  }
  .w3-round,
  .w3-round-medium {
	border-radius: 4px;
  }
  .w3-round-large {
	border-radius: 8px;
  }
  .w3-round-xlarge {
	border-radius: 16px;
  }
  .w3-round-xxlarge {
	border-radius: 32px;
  }
  .w3-row-padding,
  .w3-row-padding > .w3-half,
  .w3-row-padding > .w3-third,
  .w3-row-padding > .w3-twothird,
  .w3-row-padding > .w3-threequarter,
  .w3-row-padding > .w3-quarter,
  .w3-row-padding > .w3-col {
	padding: 0 8px;
  }
.w3-container,
.w3-panel {
  padding: 0.01em 16px;
}
.w3-panel {
  margin-top: 16px;
  margin-bottom: 16px;
}
.w3-code,
.w3-codespan {
  font-family: Consolas, "courier new";
  font-size: 16px;
}
.w3-code {
  width: auto;
  background-color: #fff;
  padding: 8px 12px;
  border-left: 4px solid #4caf50;
  word-wrap: break-word;
}
.w3-codespan {
  color: crimson;
  background-color: #f1f1f1;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 110%;
}
  .w3-card,
  .w3-card-2 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .w3-card-4,
  .w3-hover-shadow:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .w3-spin {
	animation: w3-spin 2s infinite linear;
  }
  @keyframes w3-spin {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(359deg);
	}
  }
  .w3-animate-fading {
	animation: fading 10s infinite;
  }
  @keyframes fading {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
  }
  .w3-animate-opacity {
	animation: opac 0.8s;
  }
  @keyframes opac {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  .w3-animate-top {
	position: relative;
	animation: animatetop 0.4s;
  }
  @keyframes animatetop {
	from {
	  top: -300px;
	  opacity: 0;
	}
	to {
	  top: 0;
	  opacity: 1;
	}
  }
  .w3-animate-left {
	position: relative;
	animation: animateleft 0.4s;
  }
  @keyframes animateleft {
	from {
	  left: -300px;
	  opacity: 0;
	}
	to {
	  left: 0;
	  opacity: 1;
	}
  }
  .w3-animate-right {
	position: relative;
	animation: animateright 0.4s;
  }
  @keyframes animateright {
	from {
	  right: -300px;
	  opacity: 0;
	}
	to {
	  right: 0;
	  opacity: 1;
	}
  }
  .w3-animate-bottom {
	position: relative;
	animation: animatebottom 0.4s;
  }
  @keyframes animatebottom {
	from {
	  bottom: -300px;
	  opacity: 0;
	}
	to {
	  bottom: 0;
	  opacity: 1;
	}
  }
  .w3-animate-zoom {
	animation: animatezoom 0.6s;
  }
  @keyframes animatezoom {
	from {
	  transform: scale(0);
	}
	to {
	  transform: scale(1);
	}
  }
  .w3-animate-input {
	transition: width 0.4s ease-in-out;
  }
  .w3-animate-input:focus {
	width: 100% !important;
  }
  .w3-opacity,
  .w3-hover-opacity:hover {
	opacity: 0.6;
  }
  .w3-opacity-off,
  .w3-hover-opacity-off:hover {
	opacity: 1;
  }
  .w3-opacity-max {
	opacity: 0.25;
  }
  .w3-opacity-min {
	opacity: 0.75;
  }
  .w3-greyscale-max,
  .w3-grayscale-max,
  .w3-hover-greyscale:hover,
  .w3-hover-grayscale:hover {
	filter: grayscale(100%);
  }
  .w3-greyscale,
  .w3-grayscale {
	filter: grayscale(75%);
  }
  .w3-greyscale-min,
  .w3-grayscale-min {
	filter: grayscale(50%);
  }
  .w3-sepia {
	filter: sepia(75%);
  }
  .w3-sepia-max,
  .w3-hover-sepia:hover {
	filter: sepia(100%);
  }
  .w3-sepia-min {
	filter: sepia(50%);
  }
  .w3-tiny {
	font-size: 10px !important;
  }
  .w3-small {
	font-size: 12px !important;
  }
  .w3-medium {
	font-size: 15px !important;
  }
  .w3-large {
	font-size: 18px !important;
  }
  .w3-xlarge {
	font-size: 24px !important;
  }
  .w3-xxlarge {
	font-size: 36px !important;
  }
  .w3-xxxlarge {
	font-size: 48px !important;
  }
  .w3-jumbo {
	font-size: 64px !important;
  }
  .w3-left-align {
	text-align: left !important;
  }
  .w3-right-align {
	text-align: right !important;
  }
  .w3-justify {
	text-align: justify !important;
  }
  .w3-center {
	text-align: center !important;
  }
  .w3-border-0 {
	border: 0 !important;
  }
  .w3-border {
	border: 1px solid #ccc !important;
  }
  .w3-border-top {
	border-top: 1px solid #ccc !important;
  }
  .w3-border-bottom {
	border-bottom: 1px solid #ccc !important;
  }
  .w3-border-left {
	border-left: 1px solid #ccc !important;
  }
  .w3-border-right {
	border-right: 1px solid #ccc !important;
  }
  .w3-topbar {
	border-top: 6px solid #ccc !important;
  }
  .w3-bottombar {
	border-bottom: 6px solid #ccc !important;
  }
  .w3-leftbar {
	border-left: 6px solid #ccc !important;
  }
  .w3-rightbar {
	border-right: 6px solid #ccc !important;
  }
  .w3-section,
  .w3-code {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
  }
  .w3-margin {
	margin: 16px !important;
  }
  .w3-margin-top {
	margin-top: 16px !important;
  }
  .w3-margin-bottom {
	margin-bottom: 16px !important;
  }
  .w3-margin-left {
	margin-left: 16px !important;
  }
  .w3-margin-right {
	margin-right: 16px !important;
  }
  .w3-padding-small {
	padding: 4px 8px !important;
  }
  .w3-padding {
	padding: 8px 16px !important;
  }
  .w3-padding-large {
	padding: 12px 24px !important;
  }
  .w3-padding-16 {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
  }
  .w3-padding-24 {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
  }
  .w3-padding-32 {
	padding-top: 32px !important;
	padding-bottom: 32px !important;
  }
  .w3-padding-48 {
	padding-top: 48px !important;
	padding-bottom: 48px !important;
  }
  .w3-padding-64 {
	padding-top: 64px !important;
	padding-bottom: 64px !important;
  }
  .w3-padding-top-64 {
	padding-top: 64px !important;
  }
  .w3-padding-top-48 {
	padding-top: 48px !important;
  }
  .w3-padding-top-32 {
	padding-top: 32px !important;
  }
  .w3-padding-top-24 {
	padding-top: 24px !important;
  }
  .w3-left {
	float: left !important;
  }
  .w3-right {
	float: right !important;
  }
  .w3-button:hover {
	color: #000 !important;
	background-color: #ccc !important;
  }
  .w3-transparent,
  .w3-hover-none:hover {
	background-color: transparent !important;
  }
  .w3-hover-none:hover {
	box-shadow: none !important;
  }
  /* Colors */
  .w3-amber,
  .w3-hover-amber:hover {
	color: #000 !important;
	background-color: #ffc107 !important;
  }
  .w3-aqua,
  .w3-hover-aqua:hover {
	color: #000 !important;
	background-color: #00ffff !important;
  }
  .w3-blue,
  .w3-hover-blue:hover {
	color: #fff !important;
	background-color: #2196f3 !important;
  }
  .w3-light-blue,
  .w3-hover-light-blue:hover {
	color: #000 !important;
	background-color: #87ceeb !important;
  }
  .w3-brown,
  .w3-hover-brown:hover {
	color: #fff !important;
	background-color: #795548 !important;
  }
  .w3-cyan,
  .w3-hover-cyan:hover {
	color: #000 !important;
	background-color: #00bcd4 !important;
  }
  .w3-blue-grey,
  .w3-hover-blue-grey:hover,
  .w3-blue-gray,
  .w3-hover-blue-gray:hover {
	color: #fff !important;
	background-color: #607d8b !important;
  }
  .w3-green,
  .w3-hover-green:hover {
	color: #fff !important;
	background-color: #4caf50 !important;
  }
  .w3-light-green,
  .w3-hover-light-green:hover {
	color: #000 !important;
	background-color: #8bc34a !important;
  }
  .w3-indigo,
  .w3-hover-indigo:hover {
	color: #fff !important;
	background-color: #3f51b5 !important;
  }
  .w3-khaki,
  .w3-hover-khaki:hover {
	color: #000 !important;
	background-color: #f0e68c !important;
  }
  .w3-lime,
  .w3-hover-lime:hover {
	color: #000 !important;
	background-color: #cddc39 !important;
  }
  .w3-orange,
  .w3-hover-orange:hover {
	color: #000 !important;
	background-color: #ff9800 !important;
  }
  .w3-deep-orange,
  .w3-hover-deep-orange:hover {
	color: #fff !important;
	background-color: #ff5722 !important;
  }
  .w3-pink,
  .w3-hover-pink:hover {
	color: #fff !important;
	background-color: #e91e63 !important;
  }
  .w3-purple,
  .w3-hover-purple:hover {
	color: #fff !important;
	background-color: #9c27b0 !important;
  }
  .w3-deep-purple,
  .w3-hover-deep-purple:hover {
	color: #fff !important;
	background-color: #673ab7 !important;
  }
  .w3-red,
  .w3-hover-red:hover {
	color: #fff !important;
	background-color: #f44336 !important;
  }
  .w3-sand,
  .w3-hover-sand:hover {
	color: #000 !important;
	background-color: #fdf5e6 !important;
  }
  .w3-teal,
  .w3-hover-teal:hover {
	color: #fff !important;
	background-color: #009688 !important;
  }
  .w3-yellow,
  .w3-hover-yellow:hover {
	color: #000 !important;
	background-color: #ffeb3b !important;
  }
  .w3-white,
  .w3-hover-white:hover {
	color: #000 !important;
	background-color: #fff !important;
  }
  .w3-black,
  .w3-hover-black:hover {
	color: #fff !important;
	background-color: #000 !important;
  }
  .w3-grey,
  .w3-hover-grey:hover,
  .w3-gray,
  .w3-hover-gray:hover {
	color: #000 !important;
	background-color: #9e9e9e !important;
  }
  .w3-light-grey,
  .w3-hover-light-grey:hover,
  .w3-light-gray,
  .w3-hover-light-gray:hover {
	color: #000 !important;
	background-color: #f1f1f1 !important;
  }
  .w3-dark-grey,
  .w3-hover-dark-grey:hover,
  .w3-dark-gray,
  .w3-hover-dark-gray:hover {
	color: #fff !important;
	background-color: #616161 !important;
  }
  .w3-pale-red,
  .w3-hover-pale-red:hover {
	color: #000 !important;
	background-color: #ffdddd !important;
  }
  .w3-pale-green,
  .w3-hover-pale-green:hover {
	color: #000 !important;
	background-color: #ddffdd !important;
  }
  .w3-pale-yellow,
  .w3-hover-pale-yellow:hover {
	color: #000 !important;
	background-color: #ffffcc !important;
  }
  .w3-pale-blue,
  .w3-hover-pale-blue:hover {
	color: #000 !important;
	background-color: #ddffff !important;
  }
  .w3-text-amber,
  .w3-hover-text-amber:hover {
	color: #ffc107 !important;
  }
  .w3-text-aqua,
  .w3-hover-text-aqua:hover {
	color: #00ffff !important;
  }
  .w3-text-blue,
  .w3-hover-text-blue:hover {
	color: #2196f3 !important;
  }
  .w3-text-light-blue,
  .w3-hover-text-light-blue:hover {
	color: #87ceeb !important;
  }
  .w3-text-brown,
  .w3-hover-text-brown:hover {
	color: #795548 !important;
  }
  .w3-text-cyan,
  .w3-hover-text-cyan:hover {
	color: #00bcd4 !important;
  }
  .w3-text-blue-grey,
  .w3-hover-text-blue-grey:hover,
  .w3-text-blue-gray,
  .w3-hover-text-blue-gray:hover {
	color: #607d8b !important;
  }
  .w3-text-green,
  .w3-hover-text-green:hover {
	color: #4caf50 !important;
  }
  .w3-text-light-green,
  .w3-hover-text-light-green:hover {
	color: #8bc34a !important;
  }
  .w3-text-indigo,
  .w3-hover-text-indigo:hover {
	color: #3f51b5 !important;
  }
  .w3-text-khaki,
  .w3-hover-text-khaki:hover {
	color: #b4aa50 !important;
  }
  .w3-text-lime,
  .w3-hover-text-lime:hover {
	color: #cddc39 !important;
  }
  .w3-text-orange,
  .w3-hover-text-orange:hover {
	color: #ff9800 !important;
  }
  .w3-text-deep-orange,
  .w3-hover-text-deep-orange:hover {
	color: #ff5722 !important;
  }
  .w3-text-pink,
  .w3-hover-text-pink:hover {
	color: #e91e63 !important;
  }
  .w3-text-purple,
  .w3-hover-text-purple:hover {
	color: #9c27b0 !important;
  }
  .w3-text-deep-purple,
  .w3-hover-text-deep-purple:hover {
	color: #673ab7 !important;
  }
  .w3-text-red,
  .w3-hover-text-red:hover {
	color: #f44336 !important;
  }
  .w3-text-sand,
  .w3-hover-text-sand:hover {
	color: #fdf5e6 !important;
  }
  .w3-text-teal,
  .w3-hover-text-teal:hover {
	color: #009688 !important;
  }
  .w3-text-yellow,
  .w3-hover-text-yellow:hover {
	color: #d2be0e !important;
  }
  .w3-text-white,
  .w3-hover-text-white:hover {
	color: #fff !important;
  }
  .w3-text-black,
  .w3-hover-text-black:hover {
	color: #000 !important;
  }
  .w3-text-grey,
  .w3-hover-text-grey:hover,
  .w3-text-gray,
  .w3-hover-text-gray:hover {
	color: #757575 !important;
  }
  .w3-text-light-grey,
  .w3-hover-text-light-grey:hover,
  .w3-text-light-gray,
  .w3-hover-text-light-gray:hover {
	color: #f1f1f1 !important;
  }
  .w3-text-dark-grey,
  .w3-hover-text-dark-grey:hover,
  .w3-text-dark-gray,
  .w3-hover-text-dark-gray:hover {
	color: #3a3a3a !important;
  }
  .w3-border-amber,
  .w3-hover-border-amber:hover {
	border-color: #ffc107 !important;
  }
  .w3-border-aqua,
  .w3-hover-border-aqua:hover {
	border-color: #00ffff !important;
  }
  .w3-border-blue,
  .w3-hover-border-blue:hover {
	border-color: #2196f3 !important;
  }
  .w3-border-light-blue,
  .w3-hover-border-light-blue:hover {
	border-color: #87ceeb !important;
  }
  .w3-border-brown,
  .w3-hover-border-brown:hover {
	border-color: #795548 !important;
  }
  .w3-border-cyan,
  .w3-hover-border-cyan:hover {
	border-color: #00bcd4 !important;
  }
  .w3-border-blue-grey,
  .w3-hover-border-blue-grey:hover,
  .w3-border-blue-gray,
  .w3-hover-border-blue-gray:hover {
	border-color: #607d8b !important;
  }
  .w3-border-green,
  .w3-hover-border-green:hover {
	border-color: #4caf50 !important;
  }
  .w3-border-light-green,
  .w3-hover-border-light-green:hover {
	border-color: #8bc34a !important;
  }
  .w3-border-indigo,
  .w3-hover-border-indigo:hover {
	border-color: #3f51b5 !important;
  }
  .w3-border-khaki,
  .w3-hover-border-khaki:hover {
	border-color: #f0e68c !important;
  }
  .w3-border-lime,
  .w3-hover-border-lime:hover {
	border-color: #cddc39 !important;
  }
  .w3-border-orange,
  .w3-hover-border-orange:hover {
	border-color: #ff9800 !important;
  }
  .w3-border-deep-orange,
  .w3-hover-border-deep-orange:hover {
	border-color: #ff5722 !important;
  }
  .w3-border-pink,
  .w3-hover-border-pink:hover {
	border-color: #e91e63 !important;
  }
  .w3-border-purple,
  .w3-hover-border-purple:hover {
	border-color: #9c27b0 !important;
  }
  .w3-border-deep-purple,
  .w3-hover-border-deep-purple:hover {
	border-color: #673ab7 !important;
  }
  .w3-border-red,
  .w3-hover-border-red:hover {
	border-color: #f44336 !important;
  }
  .w3-border-sand,
  .w3-hover-border-sand:hover {
	border-color: #fdf5e6 !important;
  }
  .w3-border-teal,
  .w3-hover-border-teal:hover {
	border-color: #009688 !important;
  }
  .w3-border-yellow,
  .w3-hover-border-yellow:hover {
	border-color: #ffeb3b !important;
  }
  .w3-border-white,
  .w3-hover-border-white:hover {
	border-color: #fff !important;
  }
  .w3-border-black,
  .w3-hover-border-black:hover {
	border-color: #000 !important;
  }
  .w3-border-grey,
  .w3-hover-border-grey:hover,
  .w3-border-gray,
  .w3-hover-border-gray:hover {
	border-color: #9e9e9e !important;
  }
  .w3-border-light-grey,
  .w3-hover-border-light-grey:hover,
  .w3-border-light-gray,
  .w3-hover-border-light-gray:hover {
	border-color: #f1f1f1 !important;
  }
  .w3-border-dark-grey,
  .w3-hover-border-dark-grey:hover,
  .w3-border-dark-gray,
  .w3-hover-border-dark-gray:hover {
	border-color: #616161 !important;
  }
  .w3-border-pale-red,
  .w3-hover-border-pale-red:hover {
	border-color: #ffe7e7 !important;
  }
  .w3-border-pale-green,
  .w3-hover-border-pale-green:hover {
	border-color: #e7ffe7 !important;
  }
  .w3-border-pale-yellow,
  .w3-hover-border-pale-yellow:hover {
	border-color: #ffffcc !important;
  }
  .w3-border-pale-blue,
  .w3-hover-border-pale-blue:hover {
	border-color: #e7ffff !important;
  }