.seo-fos__content{
	columns: 2;
	column-gap: 2rem;
	width: 100%;
	display: grid;
	grid-template-areas:
        "b1 b1"
		"b2 b5"
		"b4 b6"
		"b3 b7"
		"b8 b8";
  }
  .seo-fos__content > .form-group{
	width: 100%;
	display: inline-block;
  }
  .seo-fos__content > .form-group:nth-child(1){
	grid-area: b1;
  }
  .seo-fos__content > .form-group:nth-child(2){
	grid-area: b2;
  }
  .seo-fos__content > .form-group:nth-child(3){
	grid-area: b3;
  }
  .seo-fos__content > .form-group:nth-child(4){
	grid-area: b4;
  }
  .seo-fos__content > .form-group:nth-child(5){
	grid-area: b5;
  }
  .seo-fos__content > .form-group:nth-child(6){
	grid-area: b6;
  }
  .seo-fos__content > .form-group:nth-child(7){
	grid-area: b7;
  }
  .seo-fos__content > .form-group:nth-child(8){
	grid-area: b8;
  }
  .seo-fos__content > .form-group > .form-control{
	margin-top: 0.5rem;
  }
  .seo-fos__content > .form-group > textarea{
	line-height: 1.3rem;
  }

.service-bar{
    padding:7px 0;
    background-color:#EBEBEB
}
.service-bar__content{
    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:center;
    -ms-flex-pack:center;
    justify-content:center
}
.service-bar__item{
    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;
	align-items:center;
    padding:10px 16px;
    background-color:#fff;
    border-radius:3px;
    -webkit-transition:background-color 0.3s ease;
    -o-transition:background-color 0.3s ease;
    transition:background-color 0.3s ease
}
@media screen and (min-width: 990px){
    .service-bar__item:hover{
        background-color:#F8F8F8
    }
}
.service-bar__item:not(:last-of-type){
    margin-right:8px
}
.service-bar__icon{
    margin-right:11px
}
.service-bar__title{
    color:#000
}
@media screen and (max-width: 576px){
    .service-bar__icon{
        margin-right:0
    }
    .service-bar__title{
        display:none
    }
}
.overlay-seo { display: none; }


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

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

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

.seo-fos__close {
	cursor: pointer;
	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: 10px 16px;
	resize: none;
    border: .1rem solid var(--color-black);
    width: 100%;
    margin-top: .5rem;
	border-radius: .25rem;
}

.seo-fos .form-control[type=checkbox],
.seo-fos input[type="checkbox"] {
	width: 1.5rem !important;
	height: 1.5rem !important;
	margin-right: 15px !important
}

.seo-fos input,
.seo-fos select,
.seo-fos textarea {
	border: solid 1px #ccc;
}


.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: 1rem
}

.seo-fos .form-group button {
	width: 300px;
	display: block;
	margin: 0 auto;
	background-color: var(--color-black);
	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;
	}

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

		overflow-y: auto;
		columns: 1;
		grid-template-areas:
        "b1"
		"b2"
		"b4"
		"b3"
		"b5"
		"b6"
		"b7"
		"b8";
	  }
	  .seo-fos .form-group button{
		margin-top: 2rem;
		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%
	}
}