.overlay,
.overlay-seo {
	z-index: 100;
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none
}

.seo-fos {
	position: fixed;
	top: 8%;
	left: calc(50% - 385px);
	z-index: 50;
	width: 730px;
	padding: 20px 40px 25px;
	background-color: #fff
}

.seo-fos__title {
	margin-bottom: 15px
}

.seo-fos__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 25px;
	height: 25px;
	display: block;
	background: no-repeat center url(../images/icons/nav-close.svg);
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.seo-fos__close:hover {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3)
}

.seo-fos .field-seoform-activity {
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.seo-fos .form-control {
	/* height: 42px; */
	padding: 7px 16px
}

.seo-fos .form-control[type=checkbox] {
	width: 20px;
	height: 20px;
	margin-right: 15px
}

.seo-fos textarea.form-control {
	height: 100px
}

.seo-fos #seoform-robots {
	height: 120px
}

.seo-fos #seoform-robots::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	padding: 5px;
	border-radius: 3px;
	background-color: #b3b3b3
}

.seo-fos #seoform-robots::-webkit-scrollbar-thumb {
	width: 5px;
	height: 8px;
	background-color: #646464
}

.seo-fos .form-group {
	margin-bottom: 0
}

.seo-fos .form-group button {
	width: 300px;
	display: block;
	margin: 0 auto;
	background-color: #0876FE;
	color: #fff
}

/* .seo-fos__content {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-rows: (55px)[2];
	grid-template-rows: repeat(2, 55px);
	gap: 25px;
	width: 100%
}

.seo-fos__content .field-seopages-url {
	width: 0;
	height: 0;
	margin: 0
}

.seo-fos__content .field-seopages-title {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1/3;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1/2
}

.seo-fos__content .field-seopages-h1 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1/3;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2/3
}

.seo-fos__content .field-seopages-description {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1/3;
	-ms-grid-row: 3;
	-ms-grid-row-span: 2;
	grid-row: 3/5
}

.seo-fos__content .field-seopages-robots {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1/3;
	-ms-grid-row: 4;
	-ms-grid-row-span: 2;
	grid-row: 4/5
}

.seo-fos__content .field-seopages-priority {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1/2;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;
	grid-row: 5/6
}

.seo-fos__content .field-seopages-change_mode {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1/2;
	-ms-grid-row: 6;
	-ms-grid-row-span: 1;
	grid-row: 6/7
}

.seo-fos__content .field-seopages-active {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2/3;
	-ms-grid-row: 6;
	-ms-grid-row-span: 1;
	grid-row: 6/7;
	padding-top: 20px
} */

.seo-fos .form-control {
	width: 100%
}

@media screen and (max-width: 768px) {
	.seo-fos {
		width: calc(100% - 10px);
		left: 5px;
		padding: 20px
	}

	.seo-fos__content {
		height: 430px;
		gap: 12px
	}

	.seo-fos .form-control {
		width: 100%
	}
}

@media screen and (max-width: 576px) {
	.seo-fos {
		width: calc(100% - 10px);
		left: 5px;
		padding: 20px
	}

	.seo-fos__content {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-y: auto;
		padding-right: 5px
	}

	.seo-fos .form-control {
		width: 97%;
		margin-right: 3%
	}
}