#head-order .box > *:first-child {padding-left: 0;}
#head-order .box > *:last-child {padding-right: 0;}

.wrapper, .area-block .wrapper {
    margin-left: 15%;
    margin-right: 15%;
}

.title-block {
    background: #15377f;
    background: linear-gradient(45deg, #15377f, #155ca7);
    color: #fff;
    padding: 45px 0;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.title-block:before {
    content: "";
    background: linear-gradient(45deg, #004b9a, transparent);
    position: absolute;
	z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.title {font-size: 3rem;}


.area-block .standard     {margin-left: 25%; margin-right: 25%;}
.area-block .full-center  {margin-left: 15%; margin-right: 15%;}
.area-block .half-center  {margin-left: 32.5%; margin-right: 32.5%;}
.area-block .half-left    {margin-left: 15%; margin-right: 50%;}
.area-block .half-right   {margin-left: 50%; margin-right: 15%;}
.area-block .third-center {margin-left: 40%; margin-right: 40%;}

.area-block .all-width {margin-left: 0; margin-right: 0; padding: 75px 25%;}

.area-block .container {padding: 45px 0;} /* padding: 45px 60px; */


/* Общие стили блоков */

.area-block {font-size: 1.1rem; text-align: left;}

.area-block > *, .area-block .alert, .area-block > .wp-block-image, .area-block > .wp-block-table {margin-bottom: 30px;}

.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol, .area-block > table, .area-block .wp-block-table {
	margin-left: 25%;	
	margin-right: 25%;
}

.area-block > .wp-block-image {text-align: center;}

.area-block p, .area-block li {line-height: 2rem;}

.area-block > p, .area-block > ul > li, .wp-block-media-text__content {text-align: justify;}

.area-block > ul, .area-block > ol {padding-left: 20px;}
.area-block ul li, .area-block ol li {margin-bottom: 15px; list-style: square;}
.area-block ul li::marker {color: #2196f3;}

.area-block table {background: #fff;}
.area-block th {text-align: center; background: #50aaff; padding: 10px 12px; border: 1px solid #eee; color: #fff; font-weight: 600;}
.area-block td {padding: 20px 30px; border: 1px solid #eee;}
.area-block table h2 {margin: 15px 0;}

.area-block > *:last-child {margin-bottom: 0;}


/* Кнопки (временный) */

.wp-block-button a {
    background: #2974c3;
    border: none;
    font-size: 1.2rem;
    border-radius: 5px;
}

.wp-block-button a:hover {
    -webkit-filter: brightness(110%);
	text-decoration: none;
}

.wp-block-button.is-style-outline > a {
    border: 2px solid #2974c3;
    border-radius: 5px;
}




/* Медиа Текст */


/* Убрать боковые отступы */
.area-block .wp-block-media-text .wp-block-media-text__content {
    padding-left: 0;
    padding-right: 0;
}

.wp-block-media-text.text-padding-left .wp-block-media-text__content {
    padding-left: 8%;
}

.wp-block-media-text.text-padding-right .wp-block-media-text__content {
    padding-right: 8%;
}


.area-block .wp-block-media-text:not(.has-media-on-the-right, .wrapper) .wp-block-media-text__content {
    margin-right: 30%; /* 32% */
    /*padding-right: 0;*/
}

.area-block .has-media-on-the-right .wp-block-media-text__content {
    margin-left: 30%; /* 32% */
    /*padding-left: 0;*/
}

.wp-block-media-text__content > *:not(:last-child) {margin-bottom: 30px;}


/* Если блок с отступами */
/*.wp-block-column.wrapper .wp-block-media-text__content {
	margin-right: 0 !important;
    padding: 50px 8% !important;
}*/


/* Если нет фона, но есть wrapper выравнивание по верстке */

/*.wp-block-media-text.wrapper:not(.has-media-on-the-right, .has-background) .wp-block-media-text__content {
    padding-right: 0;
}

.wp-block-media-text.wrapper:not(.has-background) .wp-block-media-text__content {
    padding-left: 0;
}*/

/* Прилипание картинки */

.img-stick .wp-block-media-text__media {
    position: sticky;
    top: 100px;
    bottom: 0;
}


/* Отступы сверху и снизу текста */

.area-block .wp-block-media-text.has-background .wp-block-media-text__content {
    padding-top: 50px;
    padding-bottom: 50px;
}


/* Высота изображений */

.bg-fit figure.wp-block-media-text__media {
    height: 100%;
	max-height: 500px; /* проверка! */
}

.bg-fit figure.wp-block-media-text__media img {
    object-fit: cover;
    height: 100%;
}







figure.wp-block-media-text__media {position: relative;}

/* Для градиентного фона */

.has-background.bg-transition {
	position: relative;
    z-index: 9;
}

.has-background.bg-transition .wp-block-media-text__media img {
    z-index: -1;
    position: relative;
}



.wp-block-image figure {position: relative;}
.wp-block-image figcaption {
    position: absolute;
    bottom: 0;
    background: rgb(17 17 17 / 30%);
    color: #fff;
    width: 100%;
    margin-bottom: 0 !important;
    padding: 15px 30px;
    text-align: center;
	font-size: 1rem;
}



/* Изображение на полях */

.wp-block-image.bg-element {
    position: absolute;
    max-width: 20%;
	z-index: -1;
}

/* Чтобы было справа */
.wp-block-image.bg-element.right {
	right: 0;
}


blockquote.wp-block-quote > * {
    padding-left: 15px;
}


/* Уведомления */

.alert {
    background: #f5f5f5;
    border: 5px solid #f9f9f9;
    padding: 30px 50px;
    display: flex;
	align-items: center;
    margin: 0 auto;
    border-radius: 15px;
}

.alert:before {
    content: "";
	font-family: "icomoon";
    font-size: 3rem;
    margin-right: 50px;
	width: 30px;
    font-weight: 600;
}

.alert-info {background: #d1ebff; border-color: #f3faff;}
.alert-info:before {content: "i"; color: #83bfef;}

.alert-success {background: #d6f1b7; border-color: #f2ffe4;}
.alert-success:before {content: "+"; color: #a9d971;}

.alert-warning {background: #ffeab0; border-color: #fff7e2;}
.alert-warning:before {content: "!"; color: #f9cb41;}

.alert-error {background: #ffc2bd; border-color: #ffebe9;}
.alert-error:before {content: "*"; color: #f58a82;}

.alert-lock {background: #ffc2bd; border-color: #ffebe9;}
.alert-lock:before {content: "\e9ed"; color: #f58a82;}

.alert-doc {padding: 10px 50px;}
.alert-doc:before {content: "\e9c5"; color: #aaa;}
.doc-pdf:before   {content: "\e9c4"; color: #aaa;}
.doc-jpg:before   {content: "\e9c2"; color: #aaa;}


/* Галерея */

.area-block .wp-block-gallery {
    --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 30px ) ) );
    gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 30px ) ) );
}




/* Карусель из галереи */

.wp-block-gallery.owl-carousel .owl-stage {
    display: flex;
	height: 100%;
}

.wp-block-gallery.owl-carousel figure.wp-block-image {
    height: 100%;
    width: 100% !important;
}

.wrapper.wp-block-gallery.owl-carousel {
    width: auto;
}

/*Чтобы ограничить высоту (одиночного) слайдера*/
.wrapper.wp-block-gallery.owl-carousel .owl-stage-outer {
    height: 400px;
}

/*Показать слайды по бокам*/
.wrapper.wp-block-gallery.owl-carousel.openhorizon .owl-stage-outer {
    overflow: visible;
}
.openhorizon .owl-item {opacity: 0.5;}
.openhorizon .owl-item.active {opacity: 1;}

.openhorizon button.owl-prev, .openhorizon button.owl-next {
    width: 22%;
    left: -22%;
    height: 100%;
    top: 0;
    margin-top: 0;
}

.openhorizon button.owl-next {
    left: unset;
    right: -22%;
}



/* Колонки */

.indents-out {
    padding: 0;
    gap: 0 !important;
}

.indent-left, .indent-right {padding-top: 50px; padding-bottom: 50px;}

.indent-left > * {
    margin-left: 30%;
    text-align: center;
}

.indent-right > * {
    margin-right: 30%;
    text-align: center;
}

.wp-block-column .wp-block-image {
    margin-bottom: 0;
}


@media screen and (max-device-width: 1440px) {
	
	.area-block .all-width {padding: 75px 20%;}

	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol, .area-block > table, .area-block .wp-block-table {
		margin-left: 20%;
		margin-right: 20%;
	}	
	
}


@media screen and (max-device-width: 1280px) {
	
	.wrapper, .area-block .wrapper {
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.area-block .half-center {max-width: 45%;}
	.area-block .third-center {max-width: 67.5%;}	
	
	.area-block .all-width {padding: 75px 10%;}	
	.area-block .full-center {margin-left: 5%; margin-right: 5%;}
	
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol {
		margin-left: 10%;	
		margin-right: 10%;
	}
	
	.area-block .wp-block-media-text:not(.has-media-on-the-right, .wrapper) .wp-block-media-text__content {
		margin-right: 10%;
	}

	.area-block .has-media-on-the-right .wp-block-media-text__content {
		margin-left: 10%;
	}

	.indent-left > * {
		margin-left: 10%;
	}

	.indent-right > * {
		margin-right: 10%;
	}

}


@media screen and (max-device-width: 800px) {
	
	.title {
		font-size: 2rem;
	}
	
	.area-block .container {
		padding: 30px 45px;
	}
	
	.area-block .half-center, .area-block .third-center {max-width: 90%;}
	
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol {
		margin-left: 5%;	
		margin-right: 5%;
	}
	
	.indent-left > * {margin-left: unset;}
	.indent-right > * {margin-right: unset;}
	
	.area-block td {padding: 15px 20px;}

}



@media screen and (max-device-width: 480px) {
	
	.wrapper, .area-block .wrapper {
		margin-left: 8%;
		margin-right: 8%;
	}
	
	.area-block .container {
		padding: 0;
	}
	
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol {
		margin-left: 8%;	
		margin-right: 8%;
	}
	
	.area-block .half-center, .area-block .third-center {max-width: 84%;}
	
	
	.area-block .wp-block-media-text:not(.wrapper) .wp-block-media-text__content {
		padding-left: 8%;
		padding-right: 8%;
	}
	
	.area-block .wp-block-media-text.has-background .wp-block-media-text__content {
		padding-left: 8%;
		padding-right: 8%;
	}
	
	.area-block .wp-block-media-text:not(.wrapper) .wp-block-media-text__content {
		margin-left: unset;
	}
	
	.wp-block-media-text.text-padding-left .wp-block-media-text__content {
		padding-left: 0;
	}
	
	.wp-block-media-text.text-padding-right .wp-block-media-text__content {
		padding-right: 0;
	}	
	
	.wp-block-media-text.text-padding-left .wp-block-media-text__media,
	.wp-block-media-text.text-padding-right .wp-block-media-text__media {margin-bottom: 30px;}
	
	.area-block .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
		margin-right: unset;
		/*padding-right: 8%;*/
	}

	.alert {padding: 20px 30px; border: 3px solid #f7f7f7;}
	.alert:before {display: none;}
}




/* Расходники */

.items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.columns-2 .item {width: 50%;}
.columns-3 .item {width: 33.33%;}
.columns-4 .item {width: 25%;}
.columns-5 .item {width: 20%;}

.items .item {padding: 0 15px; margin-bottom: 30px;}

.ico-text .item > div {
	height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 30px;
}

.ico-text .item > div .image {width: 20%; font-size: 4rem; text-align: center; color: #0090ff;}
.ico-text .item > div .text {width: 80%; padding-left: 30px;}

.ico-text-vertical .item > div {
	height: 100%;
    border: 1px solid #ddd;
	text-align: center;
	padding: 30px;
}

.ico-text-vertical .item > div .image {
    /* background: #32373c; */
    /* display: inline-block; */
    margin-bottom: 30px;
    /* border-radius: 150px; */
    /* padding: 20px; */
    /* max-width: 150px; */
}
.ico-text-vertical .item > div .text {}


.image-text .item > div {
	height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
}

.image-text .item > div .image {width: 30%; height: 100%;}
.image-text .item > div img {object-fit: cover; height: 100%;}

.image-text .item > div .text {width: 70%; padding: 30px;}

.image-text-vertical .item > div {
	height: 100%;
    border: 1px solid #ddd;
}

.image-text-vertical .item > div .text {padding: 30px;}


@media screen and (max-device-width: 800px) {
	
	.columns-4 .item {width: 50%;}

}


@media screen and (max-device-width: 480px) {

	.columns-2 .item, .columns-3 .item, .columns-4 .item {width: 100%;}
	
	.items.mobile-carousel {margin: 0 0 30px;}
	.items.mobile-carousel .owl-stage {display: flex;}
	.items.mobile-carousel .item {padding: 0; margin-bottom: 0; height: 100%;}
	.items.mobile-carousel .item > div {border: none; text-align: center;}

}



/* Категория */

.area-block .posts-archive {
    margin-left: 15%;
    margin-right: 15%;
	justify-content: center;
}




/* Частности */

#features {
    background: #eee;
	padding-top: 50px;
	padding-bottom: 20px;
}


#contact-block {
    margin-bottom: 0;
}



/* Линии */

.lines {
    position: absolute;
	top: 0;
    left: 0; /* 15% */
    right: 0; /* 15% */
    height: 100%;
    z-index: -1;
}

.lines .wrapper {
    height: 100%;
    position: relative;
}

.lines .wrapper > * {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: #f7f7f7;
}

.lines .deg-000 {left: 0; /*opacity: 0;*/}
.lines .deg-025 {left: 25%;}
.lines .deg-050 {left: 50%;}
.lines .deg-075 {left: 75%;}
.lines .deg-100 {right: 0; /*opacity: 0;*/}

@media screen and (max-device-width: 1280px) {
	/*.lines {left: 5%; right: 5%;}*/
}

@media screen and (max-device-width: 800px) { 
	/*.lines {left: 0; right: 0;}*/
	.lines > *.deg-000, .lines > *.deg-100 {display: none;}
}

@media screen and (max-device-width: 480px) {
	.lines > *.deg-025, .lines > *.deg-075 {display: none;}
}

/* Круги */

.rounded {
    width: 100%;
    position: fixed;
	z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    height: 100%;
}

.rounded > * {
    position: absolute;
    border: 1px solid #f7f7f7;
    border-radius: 100%;
}

.rounded .round-5 {height: 5vh; width: 5vh;}
.rounded .round-25 {height: 25vh; width: 25vh;}
.rounded .round-50 {height: 50vh; width: 50vh;}
.rounded .round-75 {height: 75vh; width: 75vh;}
.rounded .round-100 {height: 100vh; width: 100vh;}
.rounded .round-150 {height: 150vh; width: 150vh;}
.rounded .round-200 {height: 200vh; width: 200vh;}