p.has-drop-cap:not(:focus):first-letter {
	float: left;
	font-size: 8.4em;
	line-height: .68;
	font-weight: 100;
	margin: .05em .1em 0 0;
	text-transform: uppercase;
	font-style: normal
}

p.has-drop-cap:not(:focus):after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px
}

[data-ico-f]:before {
	font-family: FontAwesome;
	content: attr(data-ico-f)
}

.ui_row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.ui_row .ui_column {
	-webkit-flex: 1 1 0%;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	max-width: 100%
}

.ui_column[data-width="12"] {
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%
}

.ui_column[data-width="9"] {
	-webkit-flex-basis: 75%;
	flex-basis: 75%;
	max-width: 75%
}

.ui_column[data-width="8"] {
	-webkit-flex-basis: 66.666666%;
	flex-basis: 66.666666%;
	max-width: 66.666666%
}

.ui_column[data-width="6"] {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%
}

.ui_column[data-width="4"] {
	-webkit-flex-basis: 33.333333%;
	flex-basis: 33.333333%;
	max-width: 33.333333%
}

.ui_column[data-width="3"] {
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%
}

.ui_row_inner {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.ui_column_inner[data-width="12"] {
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%
}

.ui_column_inner[data-width="6"] {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%
}

@media (max-width: 992px) {
	.ui_column[data-width="12"],
	.ui_column[data-width="11"],
	.ui_column[data-width="10"],
	.ui_column[data-width="9"],
	.ui_column[data-width="8"],
	.ui_column[data-width="7"],
	.ui_column[data-width="5"],
	.ui_column[data-width="6"],
	.ui_column[data-width="4"] {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.ui_column[data-width="3"] {
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%
	}
	.ui_column_inner[data-width="12"],
	.ui_column_inner[data-width="11"],
	.ui_column_inner[data-width="10"],
	.ui_column_inner[data-width="9"],
	.ui_column_inner[data-width="8"],
	.ui_column_inner[data-width="7"],
	.ui_column_inner[data-width="5"],
	.ui_column_inner[data-width="6"],
	.ui_column_inner[data-width="4"] {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
}

@media (max-width: 480px) {
	.ui_column[data-width="3"],
	.ui_column[data-width="2"] {
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%
	}
}

@media (max-width: 370px) {
	.ui_column[data-width="3"],
	.ui_column[data-width="2"] {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
}

@media (max-width: 992px) and (min-width: 621px) {
	.ui_row[data-structure="9-3"] .ui_column[data-width="9"],
	.ui_row[data-structure="3-9"] .ui_column[data-width="9"] {
		-webkit-flex-basis: 66.666666%;
		flex-basis: 66.666666%;
		max-width: 66.666666%
	}
	.ui_row[data-structure="9-3"] .ui_column[data-width="3"],
	.ui_row[data-structure="3-9"] .ui_column[data-width="3"] {
		-webkit-flex-basis: 33.333333%;
		flex-basis: 33.333333%;
		max-width: 33.333333%
	}
}

@media (max-width: 620px) {
	.ui_row[data-structure="9-3"] .ui_column[data-width="9"],
	.ui_row[data-structure="3-9"] .ui_column[data-width="9"] {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
	.ui_row[data-structure="9-3"] .ui_column[data-width="3"],
	.ui_row[data-structure="3-9"] .ui_column[data-width="3"] {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
}

@media (max-width: 479px) {
	.ui_hidden_xs {
		display: none !important
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.ui_hidden_ms {
		display: none !important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.ui_hidden_sm {
		display: none !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.ui_hidden_md {
		display: none !important
	}
}

@media (min-width: 1200px) {
	.ui_hidden_lg {
		display: none !important
	}
}

.ui_wrapper {
	overflow: hidden;
	position: relative
}

.ui_section {
	position: relative
}

.ui_section>.ui_port {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.ui_section>.ui_port .ui_cell {
	position: relative
}

.ui_section.ui_vertical_align_top>.ui_port {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.ui_section[style*="background-image"] {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.ui_section.ui_top_spacing_small>.ui_port {
	padding-top: 1em
}

.ui_section.ui_top_spacing_medium>.ui_port {
	padding-top: 4em
}

.ui_section.ui_top_spacing_large> {
	padding-top: 8em
}

.ui_section.ui_bottom_spacing_small>.ui_port {
	padding-bottom: 1em
}

.ui_section.ui_bottom_spacing_medium>.ui_port {
	padding-bottom: 4em
}

.ui_section.ui_bottom_spacing_large>.ui_port {
	padding-bottom: 8em
}

.ui_row {
	margin: 0 -20px
}

.ui_row .ui_column {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	padding-left: 20px;
	padding-right: 20px
}

.ui_row .ui_column.ui_vertical_align_top {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.ui_row .ui_column.ui_vertical_align_middle {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.ui_row .ui_column.ui_vertical_align_bottom {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.ui_row .ui_column.ui_padding_double .ui_column_content {
	padding-left: 20px;
	padding-right: 20px
}

.ui_row .ui_column.ui_padding_text_indent .ui_column_content {
	padding-left: 20px;
	padding-right: 20px
}

.ui_row .ui_column .ui_column_content {
	width: 100%;
	text-align: center;
	
}

.rotate {
	transition: transform .8s;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	-ms-transition: -ms-transform .8s ease-in-out; 
}
.rotate:hover {
		transform:rotate(90deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-webkit-filter: grayscale(100%);
	}

.ui_row_inner {
	margin: 0 -20px
}

.ui_row_inner .ui_column_inner {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	padding-left: 20px;
	padding-right: 20px
}

.ui_row_inner .ui_column_inner.ui_vertical_align_top {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.ui_row_inner .ui_column_inner .ui_column_inner_content {
	width: 100%
}

.ui_align_left .ui_align_right.ui_column,
.ui_align_center .ui_align_right.ui_column,
.ui_align_left .ui_align_right .ui_column,
.ui_align_center .ui_align_right .ui_column,
.ui_align_right.ui_column,
.ui_align_right .ui_column,
.ui_align_left .ui_align_right.ui_column_inner,
.ui_align_center .ui_align_right.ui_column_inner,
.ui_align_left .ui_align_right .ui_column_inner,
.ui_align_center .ui_align_right .ui_column_inner,
.ui_align_right.ui_column_inner,
.ui_align_right .ui_column_inner {
	text-align: right
}

.ui_align_right .ui_align_left.ui_column,
.ui_align_center .ui_align_left.ui_column,
.ui_align_right .ui_align_left .ui_column,
.ui_align_center .ui_align_left .ui_column,
.ui_align_left.ui_column,
.ui_align_left .ui_column,
.ui_align_right .ui_align_left.ui_column_inner,
.ui_align_center .ui_align_left.ui_column_inner,
.ui_align_right .ui_align_left .ui_column_inner,
.ui_align_center .ui_align_left .ui_column_inner,
.ui_align_left.ui_column_inner,
.ui_align_left .ui_column_inner {
	text-align: left
}

.ui_align_left .ui_align_center.ui_column,
.ui_align_right .ui_align_center.ui_column,
.ui_align_left .ui_align_center .ui_column,
.ui_align_right .ui_align_center .ui_column,
.ui_align_center.ui_column,
.ui_align_center .ui_column,
.ui_align_left .ui_align_center.ui_column_inner,
.ui_align_right .ui_align_center.ui_column_inner,
.ui_align_left .ui_align_center .ui_column_inner,
.ui_align_right .ui_align_center .ui_column_inner,
.ui_align_center.ui_column_inner,
.ui_align_center .ui_column_inner {
	text-align: center
}

.ui_cell {
	width: 100%
}

.ui_layout_boxed_1200 .ui_cell {
	width: 1200px;
	max-width: -webkit-calc(100% - 40px);
	max-width: -moz-calc(100% - 40px);
	max-width: calc(100% - 40px)
}

.ui_layout_boxed_1300 .ui_cell {
	width: 1300px;
	max-width: -webkit-calc(100% - 40px);
	max-width: -moz-calc(100% - 40px);
	max-width: calc(100% - 40px)
}

.ui_row.ui_column_gap_10 {
	max-width: -webkit-calc(100% + 20px);
	max-width: -moz-calc(100% + 20px);
	max-width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px
}

.ui_row.ui_column_gap_10 .ui_column {
	padding-left: 10px;
	padding-right: 10px
}

.ui_row.ui_column_gap_10 .ui_column.ui_padding_double .ui_column_content {
	padding-left: 20px;
	padding-right: 20px
}

.ui_parallax {
	-webkit-transition-property: background-position;
	-moz-transition-property: background-position;
	transition-property: background-position;
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	transition-duration: 0;
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	transition-delay: 0;
	background-attachment: fixed;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-moz-transform: none
}

.ui_icon {
	display: inline-block;
	line-height: 1;
	padding-right: .5em;
	max-width: 100%
}

.ui_align_left .ui_align_center.ui_icon,
.ui_align_right .ui_align_center.ui_icon,
.ui_align_left .ui_align_center .ui_icon,
.ui_align_right .ui_align_center .ui_icon,
.ui_align_center.ui_icon,
.ui_align_center .ui_icon {
	float: none;
	margin: 0;
	padding: 0 .25em


}

.ui_align_left .ui_align_center.ui_icon.ui_style_borderless.ui_size_large,
.ui_align_right .ui_align_center.ui_icon.ui_style_borderless.ui_size_large,
.ui_align_left .ui_align_center .ui_icon.ui_style_borderless.ui_size_large,
.ui_align_right .ui_align_center .ui_icon.ui_style_borderless.ui_size_large,
.ui_align_center.ui_icon.ui_style_borderless.ui_size_large,
.ui_align_center .ui_icon.ui_style_borderless.ui_size_large {
	padding: 0 1em
}

.ui_align_left .ui_align_center.ui_icon.ui_style_borderless.ui_size_xlarge,
.ui_align_right .ui_align_center.ui_icon.ui_style_borderless.ui_size_xlarge,
.ui_align_left .ui_align_center .ui_icon.ui_style_borderless.ui_size_xlarge,
.ui_align_right .ui_align_center .ui_icon.ui_style_borderless.ui_size_xlarge,
.ui_align_center.ui_icon.ui_style_borderless.ui_size_xlarge,
.ui_align_center .ui_icon.ui_style_borderless.ui_size_xlarge {
	padding: 0 2em
}

.ui_align_right .ui_align_left.ui_icon,
.ui_align_center .ui_align_left.ui_icon,
.ui_align_right .ui_align_left .ui_icon,
.ui_align_center .ui_align_left .ui_icon,
.ui_align_left.ui_icon,
.ui_align_left .ui_icon {
	float: left;
	margin: 0;
	padding-right: .5em;
	padding-left: 0
}

.ui_icon .ui_icon_holder {
	text-decoration: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	line-height: inherit
}

.ui_icon .ui_icon_holder:before {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	line-height: inherit;
	-webkit-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 280ms ease;
	-moz-transition: all 280ms ease;
	transition: all 280ms ease
}

.ui_size_xsmall.ui_icon .ui_icon_holder:before {
	font-size: .9em;
	width: 1.8em;
	height: 1.8em
}

.ui_size_xsmall.ui_icon .ui_icon_holder>span {
	font-size: .875em
}

.ui_size_xlarge.ui_icon .ui_icon_holder:before {
	font-size: 4em;
	width: 2em;
	height: 2em
}

.ui_size_xsmall.ui_style_borderless.ui_icon .ui_icon_holder:before,
.ui_size_small.ui_style_borderless.ui_icon .ui_icon_holder:before,
.ui_size_normal.ui_style_borderless.ui_icon .ui_icon_holder:before,
.ui_size_large.ui_style_borderless.ui_icon .ui_icon_holder:before,
.ui_size_xlarge.ui_style_borderless.ui_icon .ui_icon_holder:before {
	width: auto;
	height: auto
}

.ui_icon .ui_icon_holder span {
	line-height: 1.1;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	padding-left: .5em
}

.ui_icon .ui_icon_holder:hover {
	text-decoration: none
}

.ui_icon.ui_shape_circle .ui_icon_holder:before {
	border-radius: 50%
}

.ui_icon.ui_style_filled .ui_icon_holder:before {
	-webkit-box-shadow: 0 0 0 1em #000 inset;
	box-shadow: 0 0 0 1em #000 inset;
	color: #fff
}

.ui_icon.ui_style_filled:hover .ui_icon_holder:before {
	background-color: transparent;
	-webkit-box-shadow: 0 0 0 1px #000 inset;
	box-shadow: 0 0 0 1px #000 inset;
	color: #000
}

.ui_button {
	display: inline-block;
	line-height: 1;
	margin-bottom: .25em
}

.ui_align_left .ui_align_right.ui_button,
.ui_align_center .ui_align_right.ui_button,
.ui_align_left .ui_align_right .ui_button,
.ui_align_center .ui_align_right .ui_button,
.ui_align_right.ui_button,
.ui_align_right .ui_button {
	float: right;
	margin-left: .5em;
	margin-right: 0
}

.ui_align_right .ui_align_left.ui_button,
.ui_align_center .ui_align_left.ui_button,
.ui_align_right .ui_align_left .ui_button,
.ui_align_center .ui_align_left .ui_button,
.ui_align_left.ui_button,
.ui_align_left .ui_button {
	float: left;
	margin-right: .5em;
	margin-left: 0
}

.ui_align_left .ui_align_center.ui_button,
.ui_align_right .ui_align_center.ui_button,
.ui_align_left .ui_align_center .ui_button,
.ui_align_right .ui_align_center .ui_button,
.ui_align_center.ui_button,
.ui_align_center .ui_button {
	float: none;
	margin-right: .25em;
	margin-left: .25em
}

.ui_size_normal.ui_button {
	font-size: 1em
}

.ui_button a {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	text-decoration: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 1em 3em;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.ui_button a:hover {
	text-decoration: none
}

.ui_button.ui_icon_position_left .ui_button_text {
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2
}

.ui_separator {
	line-height: 0;
	display: block;
	clear: both
}

.ui_separator:before,
.ui_separator:after {
	content: ' ';
	display: table;
	width: 100%;
	clear: both
}

.ui_separator.ui_border_style_solid {
	border-bottom: 1px solid #ccc
}

.ui_separator.ui_bottom_spacing_extra_small {
	margin-bottom: .5em
}

.ui_separator.ui_bottom_spacing_small {
	margin-bottom: 1em
}

.ui_separator.ui_bottom_spacing_normal {
	margin-bottom: 2em
}

.ui_separator.ui_bottom_spacing_medium {
	margin-bottom: 4em
}

.ui_separator.ui_bottom_spacing_large {
	margin-bottom: 8em
}

.ui_separator.ui_top_spacing_extra_small {
	margin-top: .5em
}

.ui_separator.ui_top_spacing_small {
	margin-top: 1em
}

.ui_separator.ui_top_spacing_normal {
	margin-top: 2em
}

.ui_separator.ui_top_spacing_medium {
	margin-top: 4em
}

.ui_separator.ui_top_spacing_large {
	margin-top: 8em
}

.ui_align_left .ui_align_right.ui_headline,
.ui_align_center .ui_align_right.ui_headline,
.ui_align_left .ui_align_right .ui_headline,
.ui_align_center .ui_align_right .ui_headline,
.ui_align_right.ui_headline,
.ui_align_right .ui_headline {
	text-align: right
}

.ui_align_right .ui_align_left.ui_headline,
.ui_align_center .ui_align_left.ui_headline,
.ui_align_right .ui_align_left .ui_headline,
.ui_align_center .ui_align_left .ui_headline,
.ui_align_left.ui_headline,
.ui_align_left .ui_headline {
	text-align: left
}

.ui_align_left .ui_align_center.ui_headline,
.ui_align_right .ui_align_center.ui_headline,
.ui_align_left .ui_align_center .ui_headline,
.ui_align_right .ui_align_center .ui_headline,
.ui_align_center.ui_headline,
.ui_align_center .ui_headline {
	text-align: center
}

.ui_headline h1,
.ui_headline h2,
.ui_headline h3,
.ui_headline h4,
.ui_headline h5,
.ui_headline h6 {
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

.ui_size_small.ui_headline h1,
.ui_size_small.ui_headline h2,
.ui_size_small.ui_headline h3,
.ui_size_small.ui_headline h4,
.ui_size_small.ui_headline h5,
.ui_size_small.ui_headline h6 {
	font-size: 1.5rem
}

.ui_size_normal.ui_headline h1,
.ui_size_normal.ui_headline h2,
.ui_size_normal.ui_headline h3,
.ui_size_normal.ui_headline h4,
.ui_size_normal.ui_headline h5,
.ui_size_normal.ui_headline h6 {
	font-size: 2.5rem
}

.ui_size_large.ui_headline h1,
.ui_size_large.ui_headline h2,
.ui_size_large.ui_headline h3,
.ui_size_large.ui_headline h4,
.ui_size_large.ui_headline h5,
.ui_size_large.ui_headline h6 {
	font-size: 3rem
}

.ui_size_extralarge.ui_headline h1,
.ui_size_extralarge.ui_headline h2,
.ui_size_extralarge.ui_headline h3,
.ui_size_extralarge.ui_headline h4,
.ui_size_extralarge.ui_headline h5,
.ui_size_extralarge.ui_headline h6 {
	font-size: 3.5rem
}

.ui_headline .ui_headline_content {
	display: block;
	color: inherit
}

.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_dash_top_bottom.ui_headline .ui_headline_content:after {
	content: ' ';
	display: block;
	width: 4em;
	margin: .55em 0 .8em;
	border-style: solid;
	border-width: 0 0 2px
}

.ui_align_right .ui_align_left.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_align_center .ui_align_left.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_align_left.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_align_left .ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_align_right .ui_align_left.ui_dash_top_bottom.ui_headline .ui_headline_content:after,
.ui_align_center .ui_align_left.ui_dash_top_bottom.ui_headline .ui_headline_content:after,
.ui_align_left.ui_dash_top_bottom.ui_headline .ui_headline_content:after,
.ui_align_left .ui_dash_top_bottom.ui_headline .ui_headline_content:after {
	float: left
}

.ui_align_right .ui_align_center.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_align_left .ui_align_center.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_align_center.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_align_center .ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_align_right .ui_align_center.ui_dash_top_bottom.ui_headline .ui_headline_content:after,
.ui_align_left .ui_align_center.ui_dash_top_bottom.ui_headline .ui_headline_content:after,
.ui_align_center.ui_dash_top_bottom.ui_headline .ui_headline_content:after,
.ui_align_center .ui_dash_top_bottom.ui_headline .ui_headline_content:after {
	float: none;
	margin-left: auto;
	margin-right: auto
}

.ui_dash_top.ui_headline .ui_headline_content:before,
.ui_dash_top_bottom.ui_headline .ui_headline_content:before {
	content: ' ';
	display: block;
	width: 2em;
	margin: 0 0 .4em;
	border-style: solid;
	border-width: 2px 0 0
}

.ui_align_right .ui_align_center.ui_dash_top.ui_headline .ui_headline_content:before,
.ui_align_left .ui_align_center.ui_dash_top.ui_headline .ui_headline_content:before,
.ui_align_center.ui_dash_top.ui_headline .ui_headline_content:before,
.ui_align_center .ui_dash_top.ui_headline .ui_headline_content:before,
.ui_align_right .ui_align_center.ui_dash_top_bottom.ui_headline .ui_headline_content:before,
.ui_align_left .ui_align_center.ui_dash_top_bottom.ui_headline .ui_headline_content:before,
.ui_align_center.ui_dash_top_bottom.ui_headline .ui_headline_content:before,
.ui_align_center .ui_dash_top_bottom.ui_headline .ui_headline_content:before {
	margin-left: auto;
	margin-right: auto;
	float: none
}

.ui_headline .ui_headline_content span {
	display: block
}

.ui_headline .ui_headline_content span:before,
.ui_headline .ui_headline_content span:after {
	clear: both;
	content: ' ';
	line-height: 0;
	display: table;
	width: 100%
}

.ui_headline .ui_headline_superheadline {
	font-size: .5em;
	font-weight: 400;
	display: block;
	margin-bottom: 1em
}

.ui_headline:after {
	clear: both;
	content: ' ';
	display: table;
	width: 100%
}

.ui_text p:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

.ui_image {
	display: block;
	overflow: hidden
}

.ui_image>a,
.ui_image>span {
	display: block;
	line-height: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.ui_image img {
	display: block;
	margin: 0;
	margin-top: 60px;
	line-height: 0;
	max-width: 100%;
	height: auto
}

.ui_image.ui_shape_square {
	border-radius: 0
}

.ui_image.ui_shape_square img {
	border-radius: 0
}

.ui_align_left .ui_align_center.ui_image,
.ui_align_right .ui_align_center.ui_image,
.ui_align_left .ui_align_center .ui_image,
.ui_align_right .ui_align_center .ui_image,
.ui_align_center.ui_image,
.ui_align_center .ui_image {
	float: none;
	display: inline-block;
	margin-bottom: -.5em
}

.slick-slider {
	position: relative;
	width: 100%;
	overflow: hidden
}

.ui_show_dots_below .slick-slider {
	overflow: initial
}

.slick-slider .slick-list {
	width: auto
}

.slick-slider .slick-list .slick-slide .ui_content_slider_item_content {
	width: 100%
}

.ui_height_auto .slick-slider .slick-slide {
	width: 100%
}

.ui_height_auto .slick-slider .slick-slide img {
	max-width: none;
	width: 100%;
	height: auto;
	display: block
}

.ui_gap_normal .slick-list {
	margin: 0 -.5rem
}

.ui_gap_normal .slick-list .slick-slide .content {
	padding: 0 .5rem
}

button.slick-arrow {
	padding: 0;
	letter-spacing: initial;
	border-radius: 0;
	position: absolute;
	z-index: 10;
	width: 44px;
	height: 44px;
	line-height: 44px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	text-align: center;
	top: 50%;
	margin-top: -22px;
	border-radius: 0;
	background-color: rgba(0, 0, 0, .7);
	cursor: pointer;
	outline: none;
	border: none
}

button.slick-arrow:hover {
	background-color: rgba(0, 0, 0, .95)
}

button.slick-arrow:focus {
	outline: none
}

button.slick-arrow.slick-next {
	right: 0
}

button.slick-arrow.slick-next:before {
	content: '\e684'
}

button.slick-arrow.slick-prev {
	left: 0
}

button.slick-arrow.slick-prev:before {
	content: '\e686'
}

button.slick-arrow:before {
	color: #fff;
	display: block;
	font-size: 34px;
	font-family: Icon7Stroke;
	line-height: 44px
}

.ui_arrows_size_large button.slick-arrow {
	width: 64px;
	height: 64px;
	margin-top: -32px
}

.ui_arrows_size_large button.slick-arrow:before {
	font-size: 54px;
	line-height: 64px
}

.slick-list {
	width: 100%;
	position: relative
}

.slick-list .slick-slide {
	background-size: cover
}

.slick-dots {
	position: absolute;
	bottom: 1em;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	z-index: 1
}

.ui_show_dots_below .slick-dots {
	bottom: -2em
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	border: 2px solid white;
	border-radius: 50%;
	-webkit-transition: background-color 300ms ease;
	-moz-transition: background-color 300ms ease;
	transition: background-color 300ms ease
}

.slick-dots li.slick-active,
.slick-dots li:hover {
	background: white
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 1em;
	height: 1em;
	cursor: pointer;
	color: transparent;
	background-color: transparent;
	border: 0;
	outline: none
}

@-webkit-keyframes ui_grid_animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes ui_grid_animation {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.ui_latest_posts_item {
	position: relative
}

.ui_latest_posts_item .ui_latest_posts_item_image {
	overflow: hidden;
	margin: 0 0 1em
}

.ui_latest_posts_item .ui_latest_posts_item_image img {
	display: block;
	max-width: none;
	width: 100%
}

.ui_latest_posts_item .ui_latest_posts_item_category {
	padding: 0 0 1em
}

.ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats {
	font-size: .75em;
	line-height: 2;
	list-style: none;
	margin: 0;
	padding: 0
}

.ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li {
	margin: 0 0 .25em;
	display: inline-block
}

.ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li a {
	display: block;
	background: rgba(0, 0, 0, .2);
	text-decoration: none;
	padding: 0 .75em;
	-webkit-box-shadow: none;
	box-shadow: none
}

.ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li a:hover {
	background: rgba(0, 0, 0, .1)
}

.ui_latest_posts_item .ui_latest_posts_item_title {
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 .6em
}

.ui_latest_posts_item .ui_latest_posts_item_title a {
	-webkit-box-shadow: none;
	box-shadow: none
}

.ui_latest_posts {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.ui_latest_posts .ui_latest_posts_item {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	flex-shrink: 1
}

.ui_columns_3.ui_latest_posts .ui_latest_posts_item {
	-webkit-flex-basis: 33.33%;
	flex-basis: 33.33%
}

.ui_latest_posts {
	margin: -1em -1em 0
}

.ui_latest_posts .ui_latest_posts_item {
	padding: 2em 1em 0
}

@media (max-width: 480px) {
	.ui_columns_3.ui_latest_posts .ui_latest_posts_item {
		-webkit-flex-basis: 100%;
		flex-basis: 100%
	}
}

.animate {
	-webkit-transition: transform 1000ms cubic-bezier(.190, 1, .220, 1), opacity 1000ms cubic-bezier(.190, 1, .220, 1);
	-moz-transition: transform 1000ms cubic-bezier(.190, 1, .220, 1), opacity 1000ms cubic-bezier(.190, 1, .220, 1);
	transition: transform 1000ms cubic-bezier(.190, 1, .220, 1), opacity 1000ms cubic-bezier(.190, 1, .220, 1)
}

.animate:nth-child(1) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	transition-delay: 200ms
}

.ui_content_slider_item .animate:nth-child(1) {
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	transition-delay: 900ms
}

.animate:nth-child(2) {
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	transition-delay: 400ms
}

.ui_content_slider_item .animate:nth-child(2) {
	-webkit-transition-delay: 1100ms;
	-moz-transition-delay: 1100ms;
	transition-delay: 1100ms
}

.animate:nth-child(3) {
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	transition-delay: 600ms
}

.ui_content_slider_item .animate:nth-child(3) {
	-webkit-transition-delay: 1300ms;
	-moz-transition-delay: 1300ms;
	transition-delay: 1300ms
}

.animate:nth-child(4) {
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	transition-delay: 800ms
}

.ui_content_slider_item .animate:nth-child(4) {
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	transition-delay: 1500ms
}

.animate:nth-child(5) {
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	transition-delay: 1000ms
}

.ui_content_slider_item .animate:nth-child(5) {
	-webkit-transition-delay: 1700ms;
	-moz-transition-delay: 1700ms;
	transition-delay: 1700ms
}

.animate:nth-child(6) {
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	transition-delay: 1200ms
}

.ui_content_slider_item .animate:nth-child(6) {
	-webkit-transition-delay: 1900ms;
	-moz-transition-delay: 1900ms;
	transition-delay: 1900ms
}

.animate:nth-child(7) {
	-webkit-transition-delay: 1400ms;
	-moz-transition-delay: 1400ms;
	transition-delay: 1400ms
}

.ui_content_slider_item .animate:nth-child(7) {
	-webkit-transition-delay: 2100ms;
	-moz-transition-delay: 2100ms;
	transition-delay: 2100ms
}

.animate:nth-child(8) {
	-webkit-transition-delay: 1600ms;
	-moz-transition-delay: 1600ms;
	transition-delay: 1600ms
}

.ui_content_slider_item .animate:nth-child(8) {
	-webkit-transition-delay: 2300ms;
	-moz-transition-delay: 2300ms;
	transition-delay: 2300ms
}

.animate:nth-child(9) {
	-webkit-transition-delay: 1800ms;
	-moz-transition-delay: 1800ms;
	transition-delay: 1800ms
}

.ui_content_slider_item .animate:nth-child(9) {
	-webkit-transition-delay: 2500ms;
	-moz-transition-delay: 2500ms;
	transition-delay: 2500ms
}

.animate:nth-child(10) {
	-webkit-transition-delay: 2000ms;
	-moz-transition-delay: 2000ms;
	transition-delay: 2000ms
}

.ui_content_slider_item .animate:nth-child(10) {
	-webkit-transition-delay: 2700ms;
	-moz-transition-delay: 2700ms;
	transition-delay: 2700ms
}

.animate:nth-child(11) {
	-webkit-transition-delay: 2200ms;
	-moz-transition-delay: 2200ms;
	transition-delay: 2200ms
}

.ui_content_slider_item .animate:nth-child(11) {
	-webkit-transition-delay: 2900ms;
	-moz-transition-delay: 2900ms;
	transition-delay: 2900ms
}

.animate:nth-child(12) {
	-webkit-transition-delay: 2400ms;
	-moz-transition-delay: 2400ms;
	transition-delay: 2400ms
}

.ui_content_slider_item .animate:nth-child(12) {
	-webkit-transition-delay: 3100ms;
	-moz-transition-delay: 3100ms;
	transition-delay: 3100ms
}

.animate:nth-child(13) {
	-webkit-transition-delay: 2600ms;
	-moz-transition-delay: 2600ms;
	transition-delay: 2600ms
}

.ui_content_slider_item .animate:nth-child(13) {
	-webkit-transition-delay: 3300ms;
	-moz-transition-delay: 3300ms;
	transition-delay: 3300ms
}

.animate:nth-child(14) {
	-webkit-transition-delay: 2800ms;
	-moz-transition-delay: 2800ms;
	transition-delay: 2800ms
}

.ui_content_slider_item .animate:nth-child(14) {
	-webkit-transition-delay: 3500ms;
	-moz-transition-delay: 3500ms;
	transition-delay: 3500ms
}

.animate:nth-child(15) {
	-webkit-transition-delay: 3000ms;
	-moz-transition-delay: 3000ms;
	transition-delay: 3000ms
}

.ui_content_slider_item .animate:nth-child(15) {
	-webkit-transition-delay: 3700ms;
	-moz-transition-delay: 3700ms;
	transition-delay: 3700ms
}

.animate:nth-child(16) {
	-webkit-transition-delay: 3200ms;
	-moz-transition-delay: 3200ms;
	transition-delay: 3200ms
}

.ui_content_slider_item .animate:nth-child(16) {
	-webkit-transition-delay: 3900ms;
	-moz-transition-delay: 3900ms;
	transition-delay: 3900ms
}

.animate:nth-child(17) {
	-webkit-transition-delay: 3400ms;
	-moz-transition-delay: 3400ms;
	transition-delay: 3400ms
}

.ui_content_slider_item .animate:nth-child(17) {
	-webkit-transition-delay: 4100ms;
	-moz-transition-delay: 4100ms;
	transition-delay: 4100ms
}

.animate:nth-child(18) {
	-webkit-transition-delay: 3600ms;
	-moz-transition-delay: 3600ms;
	transition-delay: 3600ms
}

.ui_content_slider_item .animate:nth-child(18) {
	-webkit-transition-delay: 4300ms;
	-moz-transition-delay: 4300ms;
	transition-delay: 4300ms
}

.animate:nth-child(19) {
	-webkit-transition-delay: 3800ms;
	-moz-transition-delay: 3800ms;
	transition-delay: 3800ms
}

.ui_content_slider_item .animate:nth-child(19) {
	-webkit-transition-delay: 4500ms;
	-moz-transition-delay: 4500ms;
	transition-delay: 4500ms
}

.animate:nth-child(20) {
	-webkit-transition-delay: 4000ms;
	-moz-transition-delay: 4000ms;
	transition-delay: 4000ms
}

.ui_content_slider_item .animate:nth-child(20) {
	-webkit-transition-delay: 4700ms;
	-moz-transition-delay: 4700ms;
	transition-delay: 4700ms
}

.ui_animation_fade_in {
	opacity: 0
}

.ui_animation_fade_in.animated {
	opacity: 1
}

.ui_column[class*="zoom_out"],
.ui_column_inner[class*="zoom_out"] {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3)
}

.ui_column[class*="zoom_in"].animated,
.ui_column[class*="zoom_out"].animated,
.ui_column_inner[class*="zoom_in"].animated,
.ui_column_inner[class*="zoom_out"].animated {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.sidebar .uiWidgetPosts ul,
.uiSidebar .uiWidgetPosts ul {
	list-style: none;
	margin: 0;
	padding: 0
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.ui_row .ui_column {
		height: auto;
		display: block
	}
	.ui_row .ui_column.ui_vertical_align_middle,
	.ui_row .ui_column.ui_vertical_align_bottom {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
	.ui_row_inner .ui_column_inner {
		height: auto;
		display: block
	}
	.ui_align_left .ui_align_center.ui_image,
	.ui_align_right .ui_align_center.ui_image,
	.ui_align_left .ui_align_center .ui_image,
	.ui_align_right .ui_align_center .ui_image,
	.ui_align_center.ui_image,
	.ui_align_center .ui_image {
		float: none;
		display: inline-block;
		margin-bottom: -.5em;
		max-width: 100%
	}
	.ui_latest_posts {
		display: block
	}
	.ui_latest_posts .ui_latest_posts_item {
		float: left
	}
	.ui_columns_3.ui_latest_posts .ui_latest_posts_item {
		width: 33.33%
	}
	.uiMenuInitFinished .mainHeader {
		visibility: inherit
	}
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

.slick-slide img {
	display: block
}

.slick-initialized .slick-slide {
	display: block
}

.ui_color_scheme_1.ui_headline {
	color: #fff
}

.ui_color_scheme_1.ui_headline {
	color: #fff
}

.ui_color_scheme_3.ui_icon .ui_icon_holder {
	color: #df9896
}

.ui_color_scheme_3.ui_icon.ui_style_borderless .ui_icon_holder:before {
	color: #df9896
}

.ui_color_scheme_3.ui_icon.ui_style_borderless .ui_icon_holder:before {
	color: #df9896
}

.ui_color_scheme_4.ui_icon .ui_icon_holder {
	color: #df9896
}

.ui_color_scheme_4.ui_icon.ui_style_borderless .ui_icon_holder:before {
	color: #df9896
}

.ui_color_scheme_4.ui_icon.ui_style_borderless .ui_icon_holder:before {
	color: #df9896
}

.ui_color_scheme_7.ui_icon .ui_icon_holder {
	color: #343740
}

.ui_color_scheme_7.ui_icon:hover a.ui_icon_holder {
	color: #222
}

.ui_color_scheme_7.ui_icon.ui_style_borderless .ui_icon_holder:before {
	color: #343740
}

.ui_color_scheme_7.ui_icon.ui_style_borderless:hover a.ui_icon_holder:before {
	color: #222
}

.ui_color_scheme_7.ui_button.ui_style_clean a,
.ui_color_scheme_7.ui_icon.ui_style_borderless a {
	color: #343740
}

.ui_color_scheme_7.ui_button.ui_style_clean a:hover,
.ui_color_scheme_7.ui_icon.ui_style_borderless:hover a {
	color: #222
}

.ui_color_scheme_7.ui_icon a {
	color: #343740
}

.ui_color_scheme_7.ui_icon:hover a {
	color: #222
}

.ui_color_scheme_7.ui_icon.ui_style_borderless .ui_icon_holder:before {
	color: #343740
}

.ui_color_scheme_7.ui_icon.ui_style_borderless:hover a.ui_icon_holder:before {
	color: #222
}

.ui_color_scheme_7.ui_button.ui_style_clean a,
.ui_color_scheme_7.ui_icon.ui_style_borderless a {
	color: #343740
}

.ui_color_scheme_7.ui_button.ui_style_clean a:hover,
.ui_color_scheme_7.ui_icon.ui_style_borderless:hover a {
	color: #222
}

.ui_color_scheme_8.ui_button.ui_style_filled a {
	box-shadow: 0 0 0 2em #fff inset;
	color: #343740
}

.ui_color_scheme_8.ui_button.ui_style_filled a:hover {
	box-shadow: 0 0 0 0px #fff inset;
	background-color: #343740;
	color: #fff
}

.ui_color_scheme_8.ui_headline {
	color: #343740
}

.ui_color_scheme_8.ui_button.ui_style_filled {
	border: 0
}

.ui_color_scheme_8.ui_button.ui_style_filled a {
	box-shadow: 0 0 0 2.5em #fff inset;
	background-color: transparent;
	color: #343740
}

.ui_color_scheme_8.ui_button.ui_style_filled a:hover {
	box-shadow: 0 0 0 0 #fff inset, 0 3px 10px rgba(0, 0, 0, 0.3);
	background-color: #343740;
	color: #fff
}

.ui_color_scheme_8.ui_headline {
	color: #343740
}

.ui_color_scheme_11.ui_button.ui_style_filled a {
	box-shadow: 0 0 0 2em #343740 inset;
	color: #fff
}

.ui_color_scheme_11.ui_button.ui_style_filled a:hover {
	box-shadow: 0 0 0 0px #343740 inset;
	background-color: #fff;
	color: #343740
}

.ui_section.ui_color_scheme_11 {
	color: #fff;
	background-color: #343740
}

.ui_color_scheme_11.ui_button.ui_style_filled {
	border: 0
}

.ui_color_scheme_11.ui_button.ui_style_filled a {
	box-shadow: 0 0 0 2.5em #343740 inset;
	background-color: transparent;
	color: #fff
}

.ui_color_scheme_11.ui_button.ui_style_filled a:hover {
	box-shadow: 0 0 0 0 #343740 inset, 0 3px 10px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	color: #343740
}

.ui_section.ui_color_scheme_11 {
	color: #fff;
	background-color: #343740
}
div.uiform{margin:0;padding:0}div.uiform .uiFormResponse{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}.uiform-form-control-wrap{position:relative}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
audio,
canvas,
video {
	display: block
}

.fontsizemeq {
	font-size: 1.25em;
}

*:focus,
* {
	outline: none;
	outline: 0
}

.touch * {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-focus-ring-color: rgba(0, 0, 0, 0)
}

button::-moz-focus-inner {
	border: 0
}

html,
body {
	margin: 0;
	padding: 0
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat
}

.uiClear:after {
	content: " ";
	display: table;
	width: 100%;
	clear: both
}

.uiLightSkin {
	color: #222;
	background-color: #fff
}

select,
textarea,
input {
	color: inherit
}

.uiLightSkin select,
.uiLightSkin textarea,
.uiLightSkin input,
.uiLightSkin .fancy-select .trigger,
.uiDarkSkin .uiLightSkin select,
.uiDarkSkin .uiLightSkin textarea,
.uiDarkSkin .uiLightSkin input,
.uiDarkSkin .uiLightSkin .fancy-select .trigger,
.uiLightSkin .uiDarkSkin .uiLightSkin select,
.uiLightSkin .uiDarkSkin .uiLightSkin textarea,
.uiLightSkin .uiDarkSkin .uiLightSkin input,
.uiLightSkin .uiDarkSkin .uiLightSkin .fancy-select .trigger {
	border: 1px solid rgba(0, 0, 0, .1)
}

select,
input {
	font-family: 'Kaushan Script', cursive;
}

input:not([type='checkbox']):not([type='radio']),
button {
	-webkit-appearance: none
}

input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
textarea,
select {
	outline: none;
	font: inherit;
	width: 100%;
	background: transparent;
	line-height: 1;
	width: 100%;
	display: block;
	padding: .8em 1em;
	background: transparent;
	font-size: .875rem;
	color: inherit
}

input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
select {
	height: 3.142857em
}

.uiLightSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
.uiDarkSkin .uiLightSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
.uiLightSkin .uiDarkSkin .uiLightSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
.uiLightSkin select,
.uiDarkSkin .uiLightSkin select,
.uiLightSkin .uiDarkSkin .uiLightSkin select {
	background: #fff
}

input:not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	position: relative;
	-webkit-box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent inset;
	box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent inset
}

.uiLightSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.uiDarkSkin .uiLightSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.uiLightSkin .uiDarkSkin .uiLightSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.uiLightSkin textarea,
.uiDarkSkin .uiLightSkin textarea,
.uiLightSkin .uiDarkSkin .uiLightSkin textarea,
.uiLightSkin .fancy-select .trigger,
.uiDarkSkin .uiLightSkin .fancy-select .trigger,
.uiLightSkin .uiDarkSkin .uiLightSkin .fancy-select .trigger {
	color: #222;
	background: #fff
}

input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
textarea:focus {
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3), 3px 0 0 0 #df9896 inset;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3), 3px 0 0 0 #df9896 inset
}

.uiLightSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
.uiDarkSkin .uiLightSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
.uiLightSkin .uiDarkSkin .uiLightSkin input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
.uiLightSkin textarea:focus,
.uiDarkSkin .uiLightSkin textarea:focus,
.uiLightSkin .uiDarkSkin .uiLightSkin textarea:focus,
.uiLightSkin .fancy-select .trigger.open,
.uiDarkSkin .uiLightSkin .fancy-select .trigger.open,
.uiLightSkin .uiDarkSkin .uiLightSkin .fancy-select .trigger.open {
	border: 1px solid #222
}

button {
	font: inherit;
	cursor: pointer
}

img,
figure {
	max-width: 100%;
	height: auto
}

a {
	text-decoration: none;
	-webkit-transition: color 200ms ease;
	-moz-transition: color 200ms ease;
	transition: color 200ms ease;
	color: #df9896
}

.uiContent a {
	color: #df9896
}

a:hover {
	text-decoration: none;
	color: #cd5e5b
}

.uiContent a:hover {
	color: #cd5e5b
}

a img {
	border: none
}

a,
a:active,
a:focus {
	outline: none
}

p,
address {
	margin: 0 0 1em
}

ul {
	margin: 0 0 1em 1em;
	padding: 0
}

ul ul {
	margin-bottom: 0
}

li {
	margin: 0 0 0 .5em;
	padding: 0
}

html {
	font-size: 16px
}

body {
	font-family: 'Livvic', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	background-size: cover;
	background-attachment: fixed
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lobster', cursive;
}

h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
	content: " ";
	display: table;
	width: 100%;
	clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	padding: 0 0 .4em;
	line-height: 1.2;
	margin: 0;
	font-weight: normal
}

h1 {
	font-size: 5.0625em
}

h2 {
	font-size: 4.025em
}

h3 {
	font-size: 3.055em
}

h4 {
	font-size: 2em
}

h5 {
	font-size: 1.8375em
}

.ui_layout_boxed_1200 .ui_cell {
	width: 1200px;
	max-width: -webkit-calc(100% - 60px);
	max-width: -moz-calc(100% - 60px);
	max-width: calc(100% - 60px)
}

@media (max-width: 768px) {
	.ui_column[data-width="3"],
	.ui_column[data-width="2"] {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%
	}
}

html,
body {
	min-height: 100vh
}

body:not(.uiPageTransitions) {
	min-height: 101vh
}

html {
	overflow-x: hidden
}

.uiContentWrap {
	-webkit-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	-moz-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	transition: transform 1s cubic-bezier(.230, 1, .320, 1)
}

.uiContentWrap:after {
	content: " ";
	display: table;
	width: 100%;
	clear: both
}

.uiSiteFooter {
	-webkit-transition: transform 1s cubic-bezier(.230, 1, .320, 1), padding-top 300ms ease;
	-moz-transition: transform 1s cubic-bezier(.230, 1, .320, 1), padding-top 300ms ease;
	transition: transform 1s cubic-bezier(.230, 1, .320, 1), padding-top 300ms ease
}

.uiPageWrap {
	position: relative;
	overflow: hidden;
	-webkit-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	-moz-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	min-height: 100vh
}

.uiPageWrap:after {
	content: " ";
	display: table;
	width: 100%;
	clear: both
}

.mainHeader,
.uiVerticalHeaderTop {
	z-index: 10002
}

.uiPreloader {
	z-index: 100004
}

.port {
	width: 100%;
	padding: 0 30px
}

.gutter .port {
	max-width: 1260px;
	margin: auto
}

@media (max-width: 1259px) {
	.gutter .port {
		width: 100%;
		max-width: none;
		padding-left: 30px;
		padding-right: 30px
	}
}

.uiNoSidebar .uiContentHolder,
.uiNoSidebar .uiContent {
	width: auto;
	padding: 0
}

.uiPreloader {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: inherit;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all .3s ease, opacity .3s ease;
	-moz-transition: all .3s ease, opacity .3s ease;
	transition: all .3s ease, opacity .3s ease
}

.uiPreloader .animation {
	display: block;
	width: 100%;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	-webkit-transition: transform .3s ease, opacity .3s ease;
	-moz-transition: transform .3s ease, opacity .3s ease;
	transition: transform .3s ease, opacity .3s ease
}

.uiPreloader .animation>div img {
	margin: 0 auto
}

.uiRemovePreloader .uiPreloader {
	-webkit-transform: translateY(-100%) scale(0);
	-moz-transform: translateY(-100%) scale(0);
	-ms-transform: translateY(-100%) scale(0);
	transform: translateY(-100%) scale(0);
	opacity: 0;
	-webkit-transition: transform ease 1s, opacity ease 1s;
	-moz-transition: transform ease 1s, opacity ease 1s;
	transition: transform ease 1s, opacity ease 1s
}

.uiRemovePreloader .uiPreloader .animation {
	-webkit-transform: translateY(0) scale(.9);
	-moz-transform: translateY(0) scale(.9);
	-ms-transform: translateY(0) scale(.9);
	transform: translateY(0) scale(.9);
	opacity: 0;
	-webkit-transition: transform .5s ease, opacity ease .5s;
	-moz-transition: transform .5s ease, opacity ease .5s;
	transition: transform .5s ease, opacity ease .5s
}

.uiPreloader .animation .preloaderLogo {
	height: 100px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	width: auto;
	display: block;
	line-height: 1
}

.uiLoader {
	border-top: 2px solid #df9896 !important;
	margin: 30px auto 30px auto;
	font-size: 6px;
	position: relative;
	border: .4em solid #f3f3f3;
	border-radius: 50%;
	-webkit-animation: uiLoader 2s infinite linear;
	-moz-animation: uiLoader 2s infinite linear;
	animation: uiLoader 2s infinite linear
}

.uiLoader,
.uiLoader:after {
	border-radius: 50%;
	width: 64px;
	height: 64px
}

@-webkit-keyframes uiLoader {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-webkit-keyframes uiLoader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-moz-keyframes uiLoader {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-moz-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes uiLoader {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.uiBreadCrumbs {
	text-transform: uppercase
}

.uiBreadCrumbs span {
	display: inline-block;
	margin-left: 0;
	padding-left: 0
}

.uiBreadCrumbs span a {
	color: currentColor;
	-webkit-transition: 300ms ease opacity;
	-moz-transition: 300ms ease opacity;
	transition: 300ms ease opacity
}

.uiBreadCrumbs span a:hover {
	opacity: .4
}

.uiBreadCrumbs span:not(:last-child):after {
	content: ' ';
	display: inline-block;
	margin: -2px 10px 0 10px;
	letter-spacing: inherit;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	line-height: inherit;
	vertical-align: middle;
	background: currentColor;
	opacity: .2
}

.uiPageHeadline {
	background-color: rgba(0, 0, 0, .07);
	background-size: cover
}

.uiPageHeadline .ui_align_center {
	text-align: center
}

.uiPageHeadline header {
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	-ms-word-wrap: break-word;
	word-wrap: break-word
}

.uiPageHeadline header .ui_headline_superheadline,
.uiPageHeadline header .ui_headline_subheadline {
	margin-bottom: 1em
}

body.uiLightSkin .uiPageHeadline header .ui_headline_content {
	color: #343740
}

.uiPageHeadline .ui_port {
	padding-bottom: 4em;
	padding-top: 4em
}

body.uiLightSkin .uiPageHeadline.ui_background_light_overlay:before {
	background: #fff;
	opacity: .8
}

.mainHeader {
	width: 100%;
	position: absolute;
	background-color: inherit;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	font-family: 'Kaushan Script', cursive;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	visibility: hidden;
	opacity: 0
}

.uiMenuInitFinished .mainHeader {
	visibility: initial;
	opacity: 1
}

.mainHeader:after {
	content: " ";
	display: table;
	width: 100%;
	clear: both
}

.mainHeader a {
	color: inherit;
	-webkit-transition: color 100ms linear;
	-moz-transition: color 100ms linear;
	transition: color 100ms linear
}

.mainHeader a:hover {
	color: #df9896
}

.uiLogoArea {
	position: relative;
	z-index: 1
}

.menuPort {
	font-family: 'Kaushan Script', cursive;
	font-size: 1.1em;
}

.menuPort:after {
	content: " ";
	display: table;
	width: 100%;
	clear: both
}

.menuPort nav ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	-webkit-transition: all 100ms ease 0s;
	-moz-transition: all 100ms ease 0s;
	transition: all 100ms ease 0s
}

.menuPort nav ul li {
	display: block;
	margin: 0;
	padding: 0;
	position: relative
}

.menuPort nav ul li a {
	display: block;
	position: relative;
	padding: 1.1em 1em;
	font-weight: 400;
	-webkit-transition: 200ms ease all;
	-moz-transition: 200ms ease all;
	transition: 200ms ease all
}

.menuPort nav ul li a:hover {
	color: currentColor;
	text-decoration: none
}

.menuPort nav ul ul li {
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.menuPort ul>li>ul {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	transition: all 200ms ease
}

.uiMenuHorizontal .menuPort ul>li>ul {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px)
}

.menuPort nav>ul>li>a {
	line-height: 100px;
	padding: 0
}

.uiMenuHorizontal .menuPort nav>ul>li>a:after {
	content: ' ';
	display: block;
	position: absolute;
	z-index: 5;
	bottom: 10px;
	left: 0;
	right: 0;
	pointer-events: none;
	height: 2px;
	background-color: #df9896;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: 200ms ease all;
	-moz-transition: 200ms ease all;
	transition: 200ms ease all
}

.menuPort nav>ul>li.on>a:before {
	opacity: 1
}

.menuPort nav>ul>li.on>a:after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.menuPort nav ul ul li a {
	font-weight: 400
}

.uiLogoArea .logo {
	line-height: 0;
	float: left
}

.uiMenuVertical .uiLogoArea .logo {
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.uiLogoArea .logo img {
	height: 100px;
	width: auto;
	display: block
}

.uiMenuVertical .uiLogoArea .logo img {
	height: 60px
}

.uiHorizontalMenuTrigger {
	display: none;
	float: right;
	margin: 0 0 0 .5em;
	font-size: 1.5em
}

.uiHorizontalMenuTrigger .ui_icon {
	width: 30px;
	height: 25px;
	position: relative;
	padding: 0;
	float: left;
	margin: 37.5px 0
}

.uiHorizontalMenuTrigger .ui_icon:before,
.uiHorizontalMenuTrigger .ui_icon:after {
	position: absolute;
	display: block;
	content: "";
	border-top-width: 2px;
	border-top-style: solid;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transition: 300ms ease all;
	-moz-transition: 300ms ease all;
	transition: 300ms ease all;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transform-origin: -.75px 1px;
	-moz-transform-origin: -.75px 1px;
	-ms-transform-origin: -.75px 1px;
	transform-origin: -.75px 1px
}

.uiTransparentDarkHeader .uiHorizontalMenuTrigger .ui_icon:before,
.uiAccentLightHeader .uiHorizontalMenuTrigger .ui_icon:before,
.uiLightDarkHeader .uiHorizontalMenuTrigger .ui_icon:before,
.uiHasAltLogo.uiStickyHeaderActive .uiHorizontalMenuTrigger .ui_icon:before,
.uiTransparentDarkHeader.uiHasAltLogo .uiHorizontalMenuTrigger .ui_icon:before,
.uiLightDarkHeader.uiHasAltLogo .uiHorizontalMenuTrigger .ui_icon:before,
.uiAccentGradientHeader .uiHorizontalMenuTrigger .ui_icon:before,
.uiTransparentDarkHeader .uiHorizontalMenuTrigger .ui_icon:after,
.uiAccentLightHeader .uiHorizontalMenuTrigger .ui_icon:after,
.uiLightDarkHeader .uiHorizontalMenuTrigger .ui_icon:after,
.uiHasAltLogo.uiStickyHeaderActive .uiHorizontalMenuTrigger .ui_icon:after,
.uiTransparentDarkHeader.uiHasAltLogo .uiHorizontalMenuTrigger .ui_icon:after,
.uiLightDarkHeader.uiHasAltLogo .uiHorizontalMenuTrigger .ui_icon:after,
.uiAccentGradientHeader .uiHorizontalMenuTrigger .ui_icon:after {
	border-top-color: #222
}

.uiHorizontalMenuTrigger .ui_icon:after {
	top: auto;
	bottom: 0
}

.uiHorizontalMenuTrigger .ui_icon .ui_icon_holder:before {
	content: "";
	position: absolute;
	display: block;
	content: "";
	border-top-width: 2px;
	border-top-style: solid;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -1px;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.uiTransparentDarkHeader .uiHorizontalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiAccentLightHeader .uiHorizontalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiLightDarkHeader .uiHorizontalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiHasAltLogo.uiStickyHeaderActive .uiHorizontalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiTransparentDarkHeader.uiHasAltLogo .uiHorizontalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiLightDarkHeader.uiHasAltLogo .uiHorizontalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiAccentGradientHeader .uiHorizontalMenuTrigger .ui_icon .ui_icon_holder:before {
	border-top-color: #222
}

.uiHorizontalMenuTrigger:hover {
	cursor: pointer;
	color: inherit
}

.uiTransparentDarkHeader .uiHorizontalMenuTrigger:hover .ui_icon:before,
.uiTransparentLightHeader .uiHorizontalMenuTrigger:hover .ui_icon:before,
.uiAccentLightHeader .uiHorizontalMenuTrigger:hover .ui_icon:before,
.uiAccentDarkHeader .uiHorizontalMenuTrigger:hover .ui_icon:before,
.uiLightDarkHeader .uiHorizontalMenuTrigger:hover .ui_icon:before,
.uiHasAltLogo.uiStickyHeaderActive .uiHorizontalMenuTrigger:hover .ui_icon:before,
.uiAccentGradientHeader .uiHorizontalMenuTrigger:hover .ui_icon:before,
.uiTransparentDarkHeader .uiHorizontalMenuTrigger:hover .ui_icon:after,
.uiTransparentLightHeader .uiHorizontalMenuTrigger:hover .ui_icon:after,
.uiAccentLightHeader .uiHorizontalMenuTrigger:hover .ui_icon:after,
.uiAccentDarkHeader .uiHorizontalMenuTrigger:hover .ui_icon:after,
.uiLightDarkHeader .uiHorizontalMenuTrigger:hover .ui_icon:after,
.uiHasAltLogo.uiStickyHeaderActive .uiHorizontalMenuTrigger:hover .ui_icon:after,
.uiAccentGradientHeader .uiHorizontalMenuTrigger:hover .ui_icon:after {
	border-top-color: #df9896
}

.uiHorizontalMenuTrigger:hover .ui_icon:before {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}

.uiHorizontalMenuTrigger:hover .ui_icon:after {
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px)
}

.uiTransparentDarkHeader .uiHorizontalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiTransparentLightHeader .uiHorizontalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiAccentLightHeader .uiHorizontalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiAccentDarkHeader .uiHorizontalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiLightDarkHeader .uiHorizontalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiHasAltLogo.uiStickyHeaderActive .uiHorizontalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiAccentGradientHeader .uiHorizontalMenuTrigger:hover .ui_icon .ui_icon_holder:before {
	border-top-color: #df9896
}

.uiMenuHorizontal .menuPort ul ul {
	background-color: #fff
}

.uiMenuHorizontal .menuPort ul ul li a {
	padding-left: 1.5em;
	padding-right: 1.5em;
	color: #222
}

.uiMenuHorizontal .menuPort ul ul li a:hover {
	color: #222
}

.uiMenuHorizontal .menuPort ul ul li:not(:last-child)>a:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 1.5em;
	right: 1.5em;
	bottom: 0;
	height: 1px;
	background-color: rgba(0, 0, 0, .1)
}

.uiMenuHorizontal .menuPort ul ul li:not(:last-child)>a.uiEmptyElement:after {
	display: none
}

.subToggler {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 45px;
	z-index: 80;
	padding: 0;
	text-align: center
}

.on>.subToggler {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

body.uiMenuVertical .subToggler {
	display: block !important;
	padding: 20px 0;
	line-height: 1;
	right: 0;
	top: -5px
}

body.uiMenuHorizontal .subToggler {
	right: 15px;
	line-height: 100px
}

.subToggler:before {
	content: '\f107';
	font: normal 16px/1 FontAwesome
}

.uiMenuHorizontal .menuPort>nav>ul>li {
	padding: 0 50px 0 0
}

:not(.rtl).uiMenuHorizontal .menuPort>nav>ul>li:last-child {
	padding: 0
}

.uiMenuHorizontal .menuPort>nav>ul>li>ul>li {
	font-size: .875em
}

.uiMenuHorizontal .menuPort>nav>ul ul {
	position: absolute;
	width: 220px;
	right: 0;
	top: auto;
	margin: 0;
	pointer-events: none;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .2);
	z-index: 1;
	padding: 0
}

.uiMenuHorizontal .menuPort>nav>ul ul li {
	z-index: 4;
	float: none
}

.uiMenuHorizontal .menuPort>nav>ul>li {
	float: left;
	position: relative;
	z-index: 5
}

.uiMenuHorizontal .menuPort>nav>ul>li.on>ul {
	opacity: 1;
	pointer-events: auto;
	z-index: 2;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.uiMenuHorizontal .menuPort>nav>ul>li>ul li a:before {
	position: absolute;
	display: block;
	left: 0;
	width: 2px;
	top: 50%;
	bottom: 50%;
	content: "";
	background: #df9896;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	transition: all 200ms ease
}

.uiMenuHorizontal .menuPort>nav>ul>li>ul li a:hover:before {
	top: 0;
	bottom: 0
}

.uiMenuHorizontal .menuPort ul ul {
	right: auto;
	left: 0
}

.uiMenuHorizontal .menuPort nav {
	float: left;
	padding-left: 50px
}

html:not(.touch) body.uiMenuHorizontal .menuPort>nav>ul>li.uiMenuWideDropdown>ul>li>il:not(:last-child) {
	border-left: 1px solid rgba(0, 0, 0, .1)
}

.uiMenuHorizontal .topBar {
	font-size: .8em;
	line-height: 2.5em;
	z-index: 2
}

.uiMenuHorizontal .topBar .topBarPort {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.uiMenuHorizontal .topBar .topBarPort:after {
	content: " ";
	display: table;
	width: 100%;
	clear: both
}

.uiMenuHorizontal .topBar .topBarPort:after,
.uiMenuHorizontal .topBar .topBarPort:before {
	display: none
}

.uiMenuHorizontal .topBarInMenu {
	line-height: inherit;
	float: right;
	display: table;
	height: 100px;
	margin-left: 50px
}

.uiMenuHorizontal .topBarInMenu .topBarInMenuCell {
	line-height: 58px;
	display: table-cell;
	vertical-align: middle
}

.uiTransparentDarkHeader .mainHeader,
.uiTransparentDarkHeader .uiVerticalHeaderTop {
	color: #222
}

.uiStickyHeaderActive.uiTransparentDarkHeader .mainHeader,
.uiStickyHeaderActive.uiTransparentDarkHeader .uiVerticalHeaderTop {
	background-color: #fff
}

.uiMenuVertical.uiTransparentDarkHeader .mainHeader,
.uiMenuVertical.uiTransparentDarkHeader .uiVerticalHeaderTop {
	background-color: #fff
}

.uiTransparentDarkHeader .topBar .topBarPort .topTools {
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.uiStickyHeaderActive.uiMenuHorizontal .mainHeader {
	position: fixed;
	top: 0;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.uiStickyHeaderActive.uiMenuHorizontal .mainHeader .topBar {
	display: none
}

.uiStickyHeaderActive.uiMenuHorizontal .mainHeader .uiLogoArea .logo img {
	height: 60px
}

.uiStickyHeaderActive.uiMenuHorizontal .mainHeader .uiLogoArea .menuPort nav>ul>li>a,
.uiStickyHeaderActive.uiMenuHorizontal .mainHeader .uiLogoArea .menuPort nav>ul>li>.subToggler {
	line-height: 60px
}

.uiStickyHeaderActive.uiMenuHorizontal .mainHeader .uiLogoArea .topBarInMenu {
	height: 60px
}

.uiMenuVertical.uiStickyHeaderActive .uiVerticalHeaderTop {
	position: fixed;
	top: 0;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.uiMenuVertical.uiStickyHeaderActive.uiStickyHeaderOpen .uiVerticalHeaderTop {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	-moz-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	transition: transform 1s cubic-bezier(.230, 1, .320, 1)
}

.uiMenuVerticalLeft.uiMenuVertical.uiStickyHeaderActive.uiMenuVerticalOn.uiStickyHeaderOpen .uiVerticalHeaderTop {
	-webkit-transform: translateY(0%) translateX(320px);
	-moz-transform: translateY(0%) translateX(320px);
	-ms-transform: translateY(0%) translateX(320px);
	transform: translateY(0%) translateX(320px)
}

.uiMenuHorizontal.uiStickyHeaderActive.uiStickyHeaderOpen .mainHeader {
	-webkit-transition: transform 200ms ease;
	-moz-transition: transform 200ms ease;
	transition: transform 200ms ease;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.uiMenuVertical.uiStickyHeaderActive.uiStickyHeaderOpen .uiVerticalHeaderTop {
	-webkit-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	-moz-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	transition: transform 1s cubic-bezier(.230, 1, .320, 1)
}

.uiVerticalHeaderTop {
	display: none;
	position: absolute;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	-moz-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	transition: transform 1s cubic-bezier(.230, 1, .320, 1)
}

.uiMenuVertical .uiVerticalHeaderTop {
	display: block
}

.uiVerticalHeaderTop .uiVerticalMenuTrigger {
	display: none;
	position: relative;
	z-index: 1;
	height: 60px;
	margin: 0 .5em 0 0;
	font-size: 1.5em
}

.uiVerticalMenuTrigger .ui_icon {
	width: 30px;
	height: 25px;
	position: relative;
	padding: 0;
	float: left;
	margin: 17.5px 0
}

.uiVerticalMenuTrigger .ui_icon:before,
.uiVerticalMenuTrigger .ui_icon:after {
	position: absolute;
	display: block;
	content: "";
	border-top-width: 2px;
	border-top-style: solid;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transition: 300ms ease all;
	-moz-transition: 300ms ease all;
	transition: 300ms ease all;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transform-origin: -.75px 1px;
	-moz-transform-origin: -.75px 1px;
	-ms-transform-origin: -.75px 1px;
	transform-origin: -.75px 1px
}

.uiMenuVerticalOn .uiVerticalMenuTrigger .ui_icon:before,
.uiMenuVerticalOn .uiVerticalMenuTrigger .ui_icon:after {
	-webkit-transform: rotate(45deg) translateY(0) !important;
	-moz-transform: rotate(45deg) translateY(0) !important;
	-ms-transform: rotate(45deg) translateY(0) !important;
	transform: rotate(45deg) translateY(0) !important
}

.uiTransparentDarkHeader .uiVerticalMenuTrigger .ui_icon:before,
.uiAccentLightHeader .uiVerticalMenuTrigger .ui_icon:before,
.uiLightDarkHeader .uiVerticalMenuTrigger .ui_icon:before,
.uiHasAltLogo.uiStickyHeaderActive .uiVerticalMenuTrigger .ui_icon:before,
.uiTransparentDarkHeader.uiHasAltLogo .uiVerticalMenuTrigger .ui_icon:before,
.uiLightDarkHeader.uiHasAltLogo .uiVerticalMenuTrigger .ui_icon:before,
.uiAccentLightHeader.uiHasAltLogo .uiVerticalMenuTrigger .ui_icon:before,
.uiTransparentDarkHeader .uiVerticalMenuTrigger .ui_icon:after,
.uiAccentLightHeader .uiVerticalMenuTrigger .ui_icon:after,
.uiLightDarkHeader .uiVerticalMenuTrigger .ui_icon:after,
.uiHasAltLogo.uiStickyHeaderActive .uiVerticalMenuTrigger .ui_icon:after,
.uiTransparentDarkHeader.uiHasAltLogo .uiVerticalMenuTrigger .ui_icon:after,
.uiLightDarkHeader.uiHasAltLogo .uiVerticalMenuTrigger .ui_icon:after,
.uiAccentLightHeader.uiHasAltLogo .uiVerticalMenuTrigger .ui_icon:after {
	border-top-color: #222
}

.uiVerticalMenuTrigger .ui_icon:after {
	top: auto;
	bottom: 0
}

.uiMenuVerticalOn .uiVerticalMenuTrigger .ui_icon:after {
	-webkit-transform: rotate(-45deg) translateY(0) !important;
	-moz-transform: rotate(-45deg) translateY(0) !important;
	-ms-transform: rotate(-45deg) translateY(0) !important;
	transform: rotate(-45deg) translateY(0) !important
}

.uiVerticalMenuTrigger .ui_icon .ui_icon_holder:before {
	content: "";
	position: absolute;
	display: block;
	content: "";
	border-top-width: 2px;
	border-top-style: solid;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -1px;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.uiMenuVerticalOn .uiVerticalMenuTrigger .ui_icon .ui_icon_holder:before {
	-webkit-transform: scaleX(0) !important;
	-moz-transform: scaleX(0) !important;
	-ms-transform: scaleX(0) !important;
	transform: scaleX(0) !important
}

.uiTransparentDarkHeader .uiVerticalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiAccentLightHeader .uiVerticalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiLightDarkHeader .uiVerticalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiHasAltLogo.uiStickyHeaderActive .uiVerticalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiTransparentDarkHeader.uiHasAltLogo .uiVerticalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiLightDarkHeader.uiHasAltLogo .uiVerticalMenuTrigger .ui_icon .ui_icon_holder:before,
.uiAccentLightHeader.uiHasAltLogo .uiVerticalMenuTrigger .ui_icon .ui_icon_holder:before {
	border-top-color: #222
}

.uiVerticalMenuTrigger:hover {
	cursor: pointer;
	color: inherit
}

.uiTransparentDarkHeader .uiVerticalMenuTrigger:hover .ui_icon:before,
.uiTransparentLightHeader .uiVerticalMenuTrigger:hover .ui_icon:before,
.uiAccentLightHeader .uiVerticalMenuTrigger:hover .ui_icon:before,
.uiAccentDarkHeader .uiVerticalMenuTrigger:hover .ui_icon:before,
.uiLightDarkHeader .uiVerticalMenuTrigger:hover .ui_icon:before,
.uiHasAltLogo.uiStickyHeaderActive .uiVerticalMenuTrigger:hover .ui_icon:before,
.uiTransparentDarkHeader .uiVerticalMenuTrigger:hover .ui_icon:after,
.uiTransparentLightHeader .uiVerticalMenuTrigger:hover .ui_icon:after,
.uiAccentLightHeader .uiVerticalMenuTrigger:hover .ui_icon:after,
.uiAccentDarkHeader .uiVerticalMenuTrigger:hover .ui_icon:after,
.uiLightDarkHeader .uiVerticalMenuTrigger:hover .ui_icon:after,
.uiHasAltLogo.uiStickyHeaderActive .uiVerticalMenuTrigger:hover .ui_icon:after {
	border-top-color: #df9896
}

.uiVerticalMenuTrigger:hover .ui_icon:before {
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px)
}

.uiMenuVerticalOn .uiVerticalMenuTrigger:hover .ui_icon:before {
	-webkit-transform: rotate(0) translateY(-3px);
	-moz-transform: rotate(0) translateY(-3px);
	-ms-transform: rotate(0) translateY(-3px);
	transform: rotate(0) translateY(-3px)
}

.uiVerticalMenuTrigger:hover .ui_icon:after {
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	transform: translateY(3px)
}

.uiMenuVerticalOn .uiVerticalMenuTrigger:hover .ui_icon:after {
	-webkit-transform: rotate(0) translateY(3px);
	-moz-transform: rotate(0) translateY(3px);
	-ms-transform: rotate(0) translateY(3px);
	transform: rotate(0) translateY(3px)
}

.uiMenuVerticalOn .uiVerticalMenuTrigger:hover .ui_icon .ui_icon_holder:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.uiTransparentDarkHeader .uiVerticalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiTransparentLightHeader .uiVerticalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiAccentLightHeader .uiVerticalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiAccentDarkHeader .uiVerticalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiLightDarkHeader .uiVerticalMenuTrigger:hover .ui_icon .ui_icon_holder:before,
.uiHasAltLogo.uiStickyHeaderActive .uiVerticalMenuTrigger:hover .ui_icon .ui_icon_holder:before {
	border-top-color: #df9896
}

.uiMenuVerticalOn .mainHeader {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	-moz-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	transition: transform 1s cubic-bezier(.230, 1, .320, 1)
}

.uiMenuVerticalLeft.uiMenuVerticalOn .uiContentWrap,
.uiMenuVerticalLeft.uiMenuVerticalOn .uiVerticalHeaderTop,
.uiMenuVerticalLeft.uiMenuVerticalOn .uiSiteFooter {
	-webkit-transform: translateX(320px);
	-moz-transform: translateX(320px);
	-ms-transform: translateX(320px);
	transform: translateX(320px)
}

.uiMenuVerticalLeft.uiMenuVerticalOn .uiVerticalHeaderTop .logo {
	opacity: 0;
	pointer-events: none
}

.uiMenuVertical .mainHeader {
	text-align: center;
	height: 100%;
	top: 0;
	bottom: 0;
	position: fixed;
	width: 320px;
	clear: both;
	z-index: 101;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	overflow-y: auto;
	overflow-x: hidden
}

.uiMenuInitFinished.uiMenuVertical .mainHeader {
	-webkit-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	-moz-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	transition: transform 1s cubic-bezier(.230, 1, .320, 1)
}

:not(.uiMenuBelowLogo).uiMenuVertical .mainHeader .mainHeaderInner {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.uiMenuVertical .mainHeader .uiMainLogo {
	display: block !important
}

.uiMenuVertical .mainHeader .logo {
	float: none;
	margin: 0;
	padding: 0 2em 1em
}

.uiMenuVertical .mainHeader .logo img {
	margin: 0 auto;
	display: block;
	height: auto;
	max-width: 100%
}

.uiMenuVertical .mainHeader .menuPort {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.uiMenuVertical .mainHeader .topBar .topBarPort .topTools {
	padding-top: 1em;
	padding-bottom: 1em
}

.uiMenuVertical .mainHeader nav {
	margin: 0 !important
}

.uiMenuVertical .mainHeader nav ul>li>ul {
	opacity: 1;
	pointer-events: auto
}

.uiMenuVertical .mainHeader nav ul {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}

.uiMenuVertical .mainHeader nav ul li {
	padding: 0;
	position: relative;
	background-color: transparent
}

.uiMenuVertical .mainHeader nav ul li a {
	line-height: 1.1;
	padding: 1em 2em;
	border: none;
	font-weight: 400
}

.uiMenuVertical .mainHeader nav ul li li {
	font-size: .9em
}

.uiMenuVertical .mainHeader nav ul li:not(.uiNavAncestor)>ul {
	display: none
}

.uiMenuVertical .mainHeader nav ul ul li {
	padding: 0;
	opacity: 1;
	border: none;
	background-color: transparent
}

.uiMenuVertical .mainHeader nav li.uiNavAncestor>a,
.uiMenuVertical .mainHeader nav li.uiNavCurrent>a {
	font-weight: 600
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget,
.uiMenuVertical .mainHeader .topBar .uiIconWidget,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget {
	display: inline-block;
	width: 100%
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget .uiIconWidgetIcon,
.uiMenuVertical .mainHeader .topBar .uiIconWidget .uiIconWidgetIcon,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget .uiIconWidgetIcon {
	display: block;
	text-align: center;
	font-size: 1em
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText {
	padding-top: 1em;
	padding-bottom: 1em
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText .ui_icon_holder:before,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText .ui_icon_holder:before,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText .ui_icon_holder:before {
	font-size: 2em
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText .uiIconWidgetContent,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText .uiIconWidgetContent,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText .uiIconWidgetContent {
	font-size: .9em;
	text-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetTitle,
.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetText,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetTitle,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetText,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetTitle,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetText {
	display: inline-block
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget:not(.uiWidgetWithText),
.uiMenuVertical .mainHeader .topBar .uiIconWidget:not(.uiWidgetWithText),
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget:not(.uiWidgetWithText) {
	margin-left: .375em;
	margin-right: .375em;
	width: initial
}

.uiMenuVertical .uiVerticalMenuTrigger {
	display: block
}

.uiMenuVerticalLeft .mainHeader {
	left: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.uiMenuVerticalOn.uiMenuVerticalLeft .mainHeader {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .1);
	box-shadow: 0 0 50px rgba(0, 0, 0, .1)
}

.uiMenuVerticalLeft .uiVerticalMenuTrigger {
	float: left
}

.uiMenuHorizontal .uiTopToolsRight,
.uiMenuHorizontal .uiTopToolsLeft {
	-webkit-flex-grow: 1;
	flex-grow: 1
}

.uiMenuHorizontal .uiTopToolsRight {
	text-align: right
}

.uiMenuVertical .mainHeader {
	text-align: center;
	height: 100%;
	top: 0;
	bottom: 0;
	position: fixed;
	width: 320px;
	clear: both;
	z-index: 10003;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	overflow-y: auto;
	overflow-x: hidden
}

.uiMenuInitFinished.uiMenuVertical .mainHeader {
	-webkit-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	-moz-transition: transform 1s cubic-bezier(.230, 1, .320, 1);
	transition: transform 1s cubic-bezier(.230, 1, .320, 1)
}

:not(.uiMenuBelowLogo).uiMenuVertical .mainHeader .mainHeaderInner {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.uiMenuVertical .mainHeader .topBar {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1
}

.uiMenuVertical .mainHeader .uiMainLogo {
	display: block !important
}

.uiMenuVertical .mainHeader .logo {
	float: none;
	margin: 0;
	padding: 0 2em 1em
}

.uiMenuVertical .mainHeader .logo img {
	margin: 0 auto;
	display: block;
	height: auto;
	max-width: 100%
}

.uiMenuVertical .mainHeader .menuPort {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.uiMenuVertical .mainHeader .topBar .topBarPort .topTools {
	padding-top: 0;
	padding-bottom: 0;
	border: none
}

.uiMenuVertical .mainHeader .topBar .topBarPort .topTools:before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: currentColor;
	opacity: .1;
	margin-bottom: 1em
}

.uiMenuVertical .mainHeader .topBarInMenu {
	margin: 2em 0
}

.uiMenuVertical .mainHeader nav {
	margin: 0 !important
}

.uiMenuVertical .mainHeader nav ul>li>ul {
	opacity: 1;
	pointer-events: auto
}

.uiMenuVertical .mainHeader nav ul {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}

.uiMenuVertical .mainHeader nav ul li {
	padding: 0;
	position: relative;
	background-color: transparent
}

.uiMenuVertical .mainHeader nav ul li a {
	line-height: 1.1;
	padding: 1em 2em;
	border: none;
	font-weight: 400
}

.uiMenuVertical .mainHeader nav ul li li {
	font-size: .9em
}

.uiMenuVertical .mainHeader nav ul li:after {
	background: currentColor;
	height: 1px;
	width: 100%;
	display: block;
	content: "";
	opacity: .1
}

.uiMenuVertical .mainHeader nav ul li ul:before {
	background: currentColor;
	height: 1px;
	width: 100%;
	display: block;
	content: "";
	opacity: .1
}

.uiMenuVertical .mainHeader nav ul li ul li:last-child:after {
	opacity: 0
}

.uiMenuVertical .mainHeader nav ul>li:last-child:after {
	opacity: 0
}

.uiMenuVertical .mainHeader nav ul li:not(.uiNavAncestor)>ul {
	display: none
}

.uiMenuVertical .mainHeader nav ul ul li {
	padding: 0;
	opacity: 1;
	border: none;
	background-color: transparent
}

.uiMenuVertical .mainHeader nav li.uiNavAncestor>a,
.uiMenuVertical .mainHeader nav li.uiNavCurrent>a {
	font-weight: 600
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget,
.uiMenuVertical .mainHeader .topBar .uiIconWidget,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget {
	display: inline-block;
	width: 100%
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget .uiIconWidgetIcon,
.uiMenuVertical .mainHeader .topBar .uiIconWidget .uiIconWidgetIcon,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget .uiIconWidgetIcon {
	display: block;
	text-align: center
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText {
	padding-top: 0
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText .ui_icon_holder:before,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText .ui_icon_holder:before,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText .ui_icon_holder:before {
	font-size: 3em
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText .uiIconWidgetContent,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText .uiIconWidgetContent,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText .uiIconWidgetContent {
	font-size: .9em;
	text-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetTitle,
.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetText,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetTitle,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetText,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetTitle,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText .uiIconWidgetContent .uiIconWidgetText {
	display: inline-block
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText:after,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText:after,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: currentColor;
	opacity: .1;
	margin-top: 1em
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget.uiWidgetWithText:last-child:after,
.uiMenuVertical .mainHeader .topBar .uiIconWidget.uiWidgetWithText:last-child:after,
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget.uiWidgetWithText:last-child:after {
	display: none
}

.uiMenuVertical .mainHeader .topBarInMenu .uiIconWidget:not(.uiWidgetWithText),
.uiMenuVertical .mainHeader .topBar .uiIconWidget:not(.uiWidgetWithText),
.uiMenuVertical .mainHeader .topBarInLogoArea .uiIconWidget:not(.uiWidgetWithText) {
	margin-left: .75em;
	margin-right: 0;
	width: initial
}

.uiMenuVertical .uiVerticalMenuTrigger {
	display: block
}

body.uiMenuVerticalOn {
	width: 100vw;
	overflow: hidden
}

.uiSiteFooter {
	font-size: .875em
}

.uiSiteFooter:after {
	content: " ";
	display: table;
	width: 100%;
	clear: both
}

.uiLightSkin .uiSiteFooter,
.uiDarkSkin .uiLightSkin .uiSiteFooter,
.uiLightSkin .uiDarkSkin .uiLightSkin .uiSiteFooter {
	background: #fff
}

body.uiNoSidebar .uiPostSingleItemStandard {
	margin-top: 4em
}

.uiPostSingleItemStandard .uiArticleHeadline,
.uiPostSingleItemStandard .uiArticleContent,
.uiPostSingleItemStandard .uiArticleShareEtc {
	margin-bottom: 2em;
	clear: both
}

.uiHideHeadline .uiPostSingleItemStandard .uiArticleHeadline {
	text-align: center
}

.uiHideHeadline .uiPostSingleItemStandard .uiArticleHeadline .ui_headline.ui_dash_bottom .ui_headline_content:after,
.uiHideHeadline .uiPostSingleItemStandard .uiArticleHeadline .ui_headline.ui_dash_top_bottom .ui_headline_content:after {
	margin-left: auto;
	margin-right: auto
}

.uiHideHeadline .uiPostSingleItemStandard .uiArticleHeadline .ui_headline .ui_headline_content {
	color: #343740
}

.uiPostSingleItemStandard .uiArticleShareEtc {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.uiPostSingleItemStandard .uiArticleShareEtc>div {
	-webkit-flex: 1 1 50%;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	max-width: 50%
}

.uiPostSingleItemStandard .uiArticleShareEtc .uiTags ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width: 768px) {
	.uiPostSingleItemStandard .uiArticleShareEtc {
		display: block
	}
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiReadMoreColumn,
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiShareColumn,
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiTagsColumn {
		max-width: 100%;
		float: none;
		text-align: center
	}
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiReadMoreColumn .ui_icon,
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiShareColumn .ui_icon,
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiTagsColumn .ui_icon {
		padding-left: .25em;
		padding-right: .25em
	}
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiReadMoreColumn:first-child,
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiShareColumn:first-child,
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiTagsColumn:first-child {
		padding-bottom: 1em
	}
	.uiPostSingleItemStandard .uiArticleShareEtc>div.uiTagsColumn .uiTags ul {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.uiShareColumn,
.uiShareRow {
	opacity: .4;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

article:hover .uiShareColumn,
article:hover .uiShareRow {
	opacity: 1
}

.uiShareColumn .ui_icon,
.uiShareRow .ui_icon {
	pointer-events: none
}

.uiShareColumn .ui_icon a,
.uiShareRow .ui_icon a {
	pointer-events: all
}

.uiArticleCategories {
	text-transform: uppercase
}

.uiArticleCategories a {
	color: currentColor !important;
	-webkit-transition: 300ms ease opacity;
	-moz-transition: 300ms ease opacity;
	transition: 300ms ease opacity
}

.uiArticleCategories a:hover {
	opacity: .4
}

.uiArticleCategories a:not(:first-child):before {
	content: ' ';
	display: inline-block;
	margin: -1.5px 10px 0 10px;
	letter-spacing: inherit;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	line-height: inherit;
	vertical-align: middle;
	opacity: .2;
	background: currentColor
}

.uiArticleDate:not(:last-child):after,
.uiArticleAuthor:not(:last-child):after,
.uiArticleComments:not(:last-child):after,
.uiArticleCategories:not(:last-child):after {
	content: '';
	padding: 0 .75em
}

.uiArticleDate:before,
.uiArticleAuthor:before,
.uiArticleComments:before,
.uiArticleCategories:before {
	font-family: FontAwesome;
	margin: 0;
	display: inline-block;
	font-size: 1rem;
	-webkit-transition: color 200ms ease;
	-moz-transition: color 200ms ease;
	transition: color 200ms ease;
	color: #df9896
}

body:not(.rtl) .uiArticleDate:before,
body:not(.rtl) .uiArticleAuthor:before,
body:not(.rtl) .uiArticleComments:before,
body:not(.rtl) .uiArticleCategories:before {
	margin-right: 6px
}

.uiArticleCategories:before {
	content: "\f02c"
}

.uiBox {
	margin-bottom: 4em
}

.uiBox:after {
	content: " ";
	display: table;
	width: 100%;
	clear: both
}

.sidebar .uiWidgetPosts ul,
.uiSidebar .uiWidgetPosts ul,
.uiSiteFooterWidgets .uiWidgetPosts ul {
	margin: 0
}

.uiBox>h4,
.uiCustomMenu>h4,
.uiTopBox>h4 {
	font-size: 1.3em;
	margin-bottom: 1em;
	padding-bottom: 0;
	display: inline-block;
	width: 100%
}

body:not(.uiNoDashInSidebar) .uiBox>h4:after,
body:not(.uiNoDashInSidebar) .uiCustomMenu>h4:after,
body:not(.uiNoDashInSidebar) .uiTopBox>h4:after {
	content: ' ';
	clear: both;
	width: 3em;
	display: block;
	border-bottom: 2px solid #df9896;
	margin: .6em 0 0
}

.uiBox ul,
.uiCustomMenu ul,
.uiTopBox ul {
	list-style: none;
	margin: 0;
	display: block;
	padding: 0
}

.uiBox ul li,
.uiCustomMenu ul li,
.uiTopBox ul li {
	display: block;
	width: auto;
	margin: 0;
	position: relative;
	padding: .8em 0;
	margin-left: 0;
	border-bottom: 1px solid
}

.uiBox ul li a,
.uiCustomMenu ul li a,
.uiTopBox ul li a {
	display: block;
	position: relative;
	color: currentColor
}

.uiBox ul li a:before,
.uiCustomMenu ul li a:before,
.uiTopBox ul li a:before {
	position: absolute;
	display: block;
	left: 0;
	height: 2px;
	bottom: -4px;
	content: "";
	background: #df9896;
	-webkit-transition: transform 300ms ease;
	-moz-transition: transform 300ms ease;
	transition: transform 300ms ease;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	width: 40px
}

.uiBox ul li a:hover:before,
.uiCustomMenu ul li a:hover:before,
.uiTopBox ul li a:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.uiLightSkin .uiBox ul li,
.uiDarkSkin .uiLightSkin .uiBox ul li,
.uiLightSkin .uiDarkSkin .uiLightSkin .uiBox ul li,
.uiLightSkin .uiCustomMenu ul li,
.uiDarkSkin .uiLightSkin .uiCustomMenu ul li,
.uiLightSkin .uiDarkSkin .uiLightSkin .uiCustomMenu ul li,
.uiLightSkin .uiTopBox ul li,
.uiDarkSkin .uiLightSkin .uiTopBox ul li,
.uiLightSkin .uiDarkSkin .uiLightSkin .uiTopBox ul li {
	border-bottom-color: rgba(0, 0, 0, .1)
}

.uiBox ul li:after,
.uiCustomMenu ul li:after,
.uiTopBox ul li:after {
	clear: both;
	content: " ";
	display: block
}

.uiBox>ul>li:first-child,
.uiCustomMenu>ul>li:first-child,
.uiTopBox>ul>li:first-child {
	padding-top: 0
}

.uiBox>ul>li:last-child,
.uiCustomMenu>ul>li:last-child,
.uiTopBox>ul>li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.uiBox .uiImageTextWidget:not(:last-child),
.uiCustomMenu .uiImageTextWidget:not(:last-child),
.uiTopBox .uiImageTextWidget:not(:last-child) {
	margin-bottom: .5em
}

.uiBox.uiWidgetArchive ul li,
.uiBox.uiWidgetCats ul li,
.uiBox.uiWidgetMeta ul li,
.uiBox.uiWidgetRecent ul li {
	text-align: right
}

.uiBox.uiWidgetArchive ul li a,
.uiBox.uiWidgetCats ul li a,
.uiBox.uiWidgetMeta ul li a,
.uiBox.uiWidgetRecent ul li a {
	display: block;
	float: left
}

.uiMenuHorizontal .menuPort .uiWidgetCart:not(:first-child),
.uiMenuHorizontal .topTools .uiWidgetCart:not(:first-child),
.uiMenuHorizontal .topBarInLogoArea .uiWidgetCart:not(:first-child) {
	margin-left: 1.5em;
	margin-right: 0
}

.rtl.uiMenuHorizontal .menuPort .uiWidgetCart:not(:first-child),
.rtl.uiMenuHorizontal .topTools .uiWidgetCart:not(:first-child),
.rtl.uiMenuHorizontal .topBarInLogoArea .uiWidgetCart:not(:first-child) {
	margin-right: 1.5em;
	margin-left: 0
}

.uiTags ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.uiIconWidget .uiIconWidgetText {
	opacity: .5
}

.topTools .uiIconWidget,
.topBarInMenu .uiIconWidget {
	position: relative;
	display: inline-block;
	line-height: inherit;
	margin-left: .5em;
	margin-right: .5em
}

.topTools .uiIconWidget .uiIconWidgetIcon,
.topBarInMenu .uiIconWidget .uiIconWidgetIcon {
	line-height: inherit;
	display: inline-block
}

.topTools .uiIconWidget:hover,
.topBarInMenu .uiIconWidget:hover {
	color: #df9896
}

.uiMenuHorizontal .topTools .uiIconWidget,
.uiMenuHorizontal .topBarInMenu .uiIconWidget {
	margin: 0
}

.uiMenuHorizontal .topTools .uiIconWidget:not(:first-child),
.uiMenuHorizontal .topBarInMenu .uiIconWidget:not(:first-child) {
	margin-left: 1.5em;
	margin-right: 0
}

.rtl.uiMenuHorizontal .topTools .uiIconWidget:not(:first-child),
.rtl.uiMenuHorizontal .topBarInMenu .uiIconWidget:not(:first-child) {
	margin-right: 1.5em;
	margin-left: 0
}

.topTools .uiIconWidgetContent,
.topBarInMenu .uiIconWidgetContent {
	line-height: inherit;
	display: inline-block;
	margin-left: .5em
}

.topTools .uiIconWidgetTitle,
.topTools .uiIconWidgetText,
.topBarInMenu .uiIconWidgetTitle,
.topBarInMenu .uiIconWidgetText {
	display: inline-block;
	line-height: inherit
}

.topTools .uiIconWidgetTitle,
.topBarInMenu .uiIconWidgetTitle {
	margin-right: .5em
}

.topTools div.uiIconWidget,
.topTools span.uiIconWidget,
.topBarInMenu div.uiIconWidget,
.topBarInMenu span.uiIconWidget {
	pointer-events: none
}

.topTools a.uiIconWidget,
.topBarInMenu a.uiIconWidget {
	pointer-events: initial
}

.uiAccentIconWidget.uiIconWidget .uiIconWidgetIcon {
	color: #df9896
}

.uiSiteFooterWidgets .uiSearch,
.uiSidebar .uiSearch {
	padding: 0 48px 0 0
}

.uiSiteFooterWidgets .uiSearch .port,
.uiSidebar .uiSearch .port {
	padding: 0
}

.uiSiteFooterWidgets .uiSearch input[type="text"],
.uiSiteFooterWidgets .uiSearch input[type="search"],
.uiSidebar .uiSearch input[type="text"],
.uiSidebar .uiSearch input[type="search"] {
	padding: 0 10px;
	background: transparent;
	height: 44px;
	width: 100%;
	display: block
}

.uiSiteFooterWidgets .uiSearch button,
.uiSiteFooterWidgets .uiSearch input[type=submit],
.uiSidebar .uiSearch button,
.uiSidebar .uiSearch input[type=submit] {
	width: 44px !important;
	height: 44px !important;
	border: 0;
	float: right;
	margin: -44px -48px 0 0;
	cursor: pointer;
	padding: 0 !important;
	background: #df9896;
	color: #fff
}

.uiSiteFooterWidgets .uiSearch button,
.uiSidebar .uiSearch button {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.uiSiteFooterWidgets .uiSearch button:before,
.uiSidebar .uiSearch button:before {
	font-family: FontAwesome;
	content: "\f002";
	display: inline-block
}

.uiLightSkin .uiSiteFooterWidgets .uiSearch button:hover,
.uiDarkSkin .uiLightSkin .uiSiteFooterWidgets .uiSearch button:hover,
.uiLightSkin .uiDarkSkin .uiLightSkin .uiSiteFooterWidgets .uiSearch button:hover,
.uiLightSkin .uiSidebar .uiSearch button:hover,
.uiDarkSkin .uiLightSkin .uiSidebar .uiSearch button:hover,
.uiLightSkin .uiDarkSkin .uiLightSkin .uiSidebar .uiSearch button:hover {
	background: rgba(0, 0, 0, .1);
	color: #df9896;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3)
}

.uiSiteFooterWidgets .uiSearch .ui_icon,
.uiSidebar .uiSearch .ui_icon {
	display: none
}

.uiWidgetSearch .uiSearch {
	pointer-events: initial
}

.uiWidgetSearch .uiSearch .ui_icon {
	padding: 0
}

.uiWidgetSearch .uiSearch .ui_icon .ui_icon_holder {
	color: inherit
}

.uiSearchInner.uiFromTopBox {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-box-shadow: 0 0 250px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 250px 0 rgba(0, 0, 0, .1);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	transition: all 800ms ease;
	z-index: 99998
}

.uiLightSkin .uiSearchInner.uiFromTopBox,
.uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox,
.uiLightSkin .uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox {
	background: #fff
}

.uiSearchInner.uiFromTopBox .uiSearchInnerContent {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

.uiSearchInner.uiFromTopBox form {
	text-align: center;
	position: absolute;
	height: 6.75em;
	left: 0;
	right: 0;
	top: 50%;
	margin: -3.375em 10% 0
}

.uiSearchInner.uiFromTopBox .uiSearchInnerClose {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.uiSearchInner.uiFromTopBox .uiSearchInnerClose .ui_icon {
	padding: 0
}

.uiSearchInner.uiFromTopBox .uiSearchInnerClose .ui_icon {
	width: auto;
	height: auto;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}

.uiSearchInner.uiFromTopBox .uiSearchInnerClose .ui_icon .ui_icon_holder:before {
	font: 5.625em/1 Icon7Stroke;
	content: "\e680";
	width: auto;
	height: auto;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}

.uiSearchInner.uiFromTopBox .uiSearchInnerClose .ui_icon a.ui_icon_holder {
	color: #df9896;
	-webkit-transition: 300ms ease all;
	-moz-transition: 300ms ease all;
	transition: 300ms ease all;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}

.uiSearchInner.uiFromTopBox .uiSearchInnerClose .ui_icon:hover a.ui_icon_holder {
	color: #cd5e5b;
	-webkit-transition: 300ms ease all;
	-moz-transition: 300ms ease all;
	transition: 300ms ease all;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.uiSearchInner.uiFromTopBox input[type="text"] {
	padding: 0 2em 0 1em;
	height: 2.25em;
	line-height: 2.25em;
	font-size: 2em !important;
	font-weight: 300;
	border: none;
	text-align: left;
	-webkit-transition: 500ms ease all;
	-moz-transition: 500ms ease all;
	transition: 500ms ease all
}

.uiLightSkin .uiSearchInner.uiFromTopBox input[type="text"],
.uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox input[type="text"],
.uiLightSkin .uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox input[type="text"] {
	color: #222;
	-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset
}

.uiSearchInner.uiFromTopBox input[type="text"]:focus {
	border: none
}

.uiLightSkin .uiSearchInner.uiFromTopBox input[type="text"]:focus,
.uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox input[type="text"]:focus,
.uiLightSkin .uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox input[type="text"]:focus {
	-webkit-box-shadow: 0 0 0 2px #222 inset, 0 5px 20px rgba(0, 0, 0, .3), 8px 0 0 0 #df9896 inset;
	box-shadow: 0 0 0 2px #222 inset, 0 5px 20px rgba(0, 0, 0, .3), 8px 0 0 0 #df9896 inset
}

.uiSquareButtons .uiSearchInner.uiFromTopBox input[type="text"] {
	border-radius: 0
}

.uiSearchInner.uiFromTopBox button {
	border: 0 !important;
	position: absolute;
	margin: 0;
	right: 0;
	top: 0;
	border-radius: 0;
	width: 0em;
	height: 0em;
	background: transparent !important;
	border: 0;
	cursor: pointer;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.uiSearchInner.uiFromTopBox button:before {
	font: 4em/1 Icon7Stroke;
	display: block;
	content: "\e618";
	color: #fff;
	font-weight: 400;
	text-align: center;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	transition: color 300ms ease
}

.uiLightSkin .uiSearchInner.uiFromTopBox button:before,
.uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox button:before,
.uiLightSkin .uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox button:before {
	color: rgba(0, 0, 0, .1)
}

.uiSearchInner.uiFromTopBox button:hover:before {
	color: #df9896;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	transition: color 300ms ease
}

.uiTopToolsSearchOpen .uiSearchInner.uiFromTopBox {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

@media (max-width: 768px) {
	.uiSearchInner.uiFromTopBox .uiSearchInnerClose .ui_icon .ui_icon_holder:before {
		font: 4rem/1 Icon7Stroke
	}
	.uiSearchInner.uiFromTopBox input[type="text"] {
		font-size: 1.5em;
		height: 2.625em !important;
		line-height: 3.5em;
		padding-right: 3.5em
	}
	.uiSearchInner.uiFromTopBox input[type="text"]:focus {
		border: none
	}
	.uiLightSkin .uiSearchInner.uiFromTopBox input[type="text"]:focus,
	.uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox input[type="text"]:focus,
	.uiLightSkin .uiDarkSkin .uiLightSkin .uiSearchInner.uiFromTopBox input[type="text"]:focus {
		-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3), 3px 0 0 0 #df9896 inset;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .3), 3px 0 0 0 #df9896 inset
	}
	.uiSearchInner.uiFromTopBox button {
		width: 5.25em;
		height: 5.25em
	}
	.uiSearchInner.uiFromTopBox button:before {
		font-size: 3em;
		color: currentColor !important
	}
	.uiSearchInner.uiFromTopBox button:hover:before {
		color: #df9896 !important
	}
}

.ui_headline h1,
.ui_headline h2,
.ui_headline h3,
.ui_headline h4,
.ui_headline h5,
.ui_headline h6 {
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

.ui_size_small.ui_headline h1,
.ui_size_small.ui_headline h2,
.ui_size_small.ui_headline h3,
.ui_size_small.ui_headline h4,
.ui_size_small.ui_headline h5,
.ui_size_small.ui_headline h6 {
	font-size: 1.5625rem
}

.ui_size_normal.ui_headline h1,
.ui_size_normal.ui_headline h2,
.ui_size_normal.ui_headline h3,
.ui_size_normal.ui_headline h4,
.ui_size_normal.ui_headline h5,
.ui_size_normal.ui_headline h6 {
	font-size: 1.875rem
}

.ui_size_large.ui_headline h1,
.ui_size_large.ui_headline h2,
.ui_size_large.ui_headline h3,
.ui_size_large.ui_headline h4,
.ui_size_large.ui_headline h5,
.ui_size_large.ui_headline h6 {
	font-size: 3.75rem
}

.ui_size_extralarge.ui_headline h1,
.ui_size_extralarge.ui_headline h2,
.ui_size_extralarge.ui_headline h3,
.ui_size_extralarge.ui_headline h4,
.ui_size_extralarge.ui_headline h5,
.ui_size_extralarge.ui_headline h6 {
	font-size: 4.375rem
}

.ui_headline .ui_headline_content {
	display: block;
	color: inherit;
	
}
.ui_headline {
	text-align: center;
}

.ui_dash_top.ui_headline .ui_headline_content:before,
.ui_dash_top_bottom.ui_headline .ui_headline_content:before {
	content: ' ';
	width: 2.1875rem;
	border-color: #df9896;
	margin-top: 0;
	margin-bottom: .3em
}

.ui_size_large.ui_dash_top.ui_headline .ui_headline_content:before,
.ui_size_large.ui_dash_top_bottom.ui_headline .ui_headline_content:before {
	width: 5rem
}

.ui_size_small.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_size_small.ui_dash_top_bottom.ui_headline .ui_headline_content:after {
	width: 3.125rem
}

.ui_size_large.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_size_large.ui_dash_top_bottom.ui_headline .ui_headline_content:after {
	width: 5rem
}

.ui_section {
	position: relative
}

.ui_dash_bottom.ui_headline .ui_headline_content:after,
.ui_dash_top_bottom.ui_headline .ui_headline_content:after {
	width: 5rem;
	border-color: #df9896
}

.ui_headline {
	position: relative
}

.ui_headline .ui_headline_superheadline {
	display: block;
	font-family: "Ebrima Condensed", Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-size: 1.375rem;
	margin-bottom: 1em
}

.ui_dash_top.ui_headline .ui_headline_superheadline:before,
.ui_dash_top.ui_headline .ui_headline_superheadline:after,
.ui_dash_top_bottom.ui_headline .ui_headline_superheadline:before,
.ui_dash_top_bottom.ui_headline .ui_headline_superheadline:after {
	content: "";
	clear: both;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	opacity: .2
}

.uiLightSkin .ui_dash_top.ui_headline .ui_headline_superheadline:before,
.uiDarkSkin .uiLightSkin .ui_dash_top.ui_headline .ui_headline_superheadline:before,
.uiLightSkin .uiDarkSkin .uiLightSkin .ui_dash_top.ui_headline .ui_headline_superheadline:before,
.uiLightSkin .ui_dash_top.ui_headline .ui_headline_superheadline:after,
.uiDarkSkin .uiLightSkin .ui_dash_top.ui_headline .ui_headline_superheadline:after,
.uiLightSkin .uiDarkSkin .uiLightSkin .ui_dash_top.ui_headline .ui_headline_superheadline:after,
.uiLightSkin .ui_dash_top_bottom.ui_headline .ui_headline_superheadline:before,
.uiDarkSkin .uiLightSkin .ui_dash_top_bottom.ui_headline .ui_headline_superheadline:before,
.uiLightSkin .uiDarkSkin .uiLightSkin .ui_dash_top_bottom.ui_headline .ui_headline_superheadline:before,
.uiLightSkin .ui_dash_top_bottom.ui_headline .ui_headline_superheadline:after,
.uiDarkSkin .uiLightSkin .ui_dash_top_bottom.ui_headline .ui_headline_superheadline:after,
.uiLightSkin .uiDarkSkin .uiLightSkin .ui_dash_top_bottom.ui_headline .ui_headline_superheadline:after {
	border-top: 1px solid #222
}

.ui_size_large.ui_headline .ui_headline_superheadline {
	font-size: 1.125rem
}

.ui_headline.ui_subheadline .ui_headline_subheadline {
	font-family: 'Kaushan Script', cursive;
	margin-top: 1.3em;
	line-height: 1.5em;
	font-size: 1.375em
}

.ui_size_small.ui_headline.ui_subheadline .ui_headline_subheadline {
	font-size: .875em
}

.ui_size_small.ui_headline h1,
.ui_size_small.ui_headline h2,
.ui_size_small.ui_headline h3,
.ui_size_small.ui_headline h4,
.ui_size_small.ui_headline h5,
.ui_size_small.ui_headline h6 {
	font-size: 1.5625rem
}

.ui_dash_top.ui_size_small.ui_headline h1 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h1 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h1 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h2 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h2 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h2 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h3 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h3 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h3 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h4 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h4 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h4 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h5 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h5 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h5 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h6 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h6 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h6 .ui_headline_content:before {
	margin-bottom: .7em
}

.ui_dash_top.ui_size_small.ui_headline h1 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h1 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h1 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h2 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h2 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h2 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h3 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h3 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h3 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h4 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h4 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h4 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h5 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h5 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h5 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h6 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h6 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h6 .ui_headline_content:after {
	margin-top: .7em
}

.ui_dash_top.ui_size_small.ui_headline h1 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h1 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h1 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h1 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h1 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h1 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h2 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h2 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h2 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h2 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h2 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h2 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h3 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h3 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h3 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h3 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h3 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h3 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h4 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h4 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h4 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h4 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h4 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h4 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h5 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h5 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h5 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h5 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h5 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h5 .ui_headline_content:after,
.ui_dash_top.ui_size_small.ui_headline h6 .ui_headline_content:before,
.ui_dash_top.ui_size_small.ui_headline h6 .ui_headline_content:after,
.ui_dash_top_bottom.ui_size_small.ui_headline h6 .ui_headline_content:before,
.ui_dash_top_bottom.ui_size_small.ui_headline h6 .ui_headline_content:after,
.ui_dash_bottom.ui_size_small.ui_headline h6 .ui_headline_content:before,
.ui_dash_bottom.ui_size_small.ui_headline h6 .ui_headline_content:after {
	border-width: 2px 0 0
}

.ui_dash_bottom.ui_headline h1 .ui_headline_content:after,
.ui_dash_top.ui_headline h1 .ui_headline_content:after,
.ui_dash_top_bottom.ui_headline h1 .ui_headline_content:after,
.ui_dash_bottom.ui_headline h2 .ui_headline_content:after,
.ui_dash_top.ui_headline h2 .ui_headline_content:after,
.ui_dash_top_bottom.ui_headline h2 .ui_headline_content:after,
.ui_dash_bottom.ui_headline h3 .ui_headline_content:after,
.ui_dash_top.ui_headline h3 .ui_headline_content:after,
.ui_dash_top_bottom.ui_headline h3 .ui_headline_content:after,
.ui_dash_bottom.ui_headline h4 .ui_headline_content:after,
.ui_dash_top.ui_headline h4 .ui_headline_content:after,
.ui_dash_top_bottom.ui_headline h4 .ui_headline_content:after,
.ui_dash_bottom.ui_headline h5 .ui_headline_content:after,
.ui_dash_top.ui_headline h5 .ui_headline_content:after,
.ui_dash_top_bottom.ui_headline h5 .ui_headline_content:after,
.ui_dash_bottom.ui_headline h6 .ui_headline_content:after,
.ui_dash_top.ui_headline h6 .ui_headline_content:after,
.ui_dash_top_bottom.ui_headline h6 .ui_headline_content:after {
	margin: .4em 0 -.1em 0
}

.ui_headline strong {
	font-weight: normal;
	color: #df9896
}

.ui_headline u {
	font-weight: normal;
	text-decoration: none;
	color: #343740
}

.ui_dash_bottom.ui_headline .ui_headline_content:after {
	margin-bottom: .4em
}

.ui_latest_posts .ui_latest_posts_item {
	position: relative
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_content {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_meta>span:not(:last-child):after {
	content: "";
	display: block;
	width: 1.25rem
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_image {
	margin-bottom: 0
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder {
	margin: 0 .625em;
	position: relative;
	padding: 1.25em
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder:after,
.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #df9896;
	opacity: .2;
	z-index: 1
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder:before {
	opacity: 1;
	background: #fff !important
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder.ui_post_with_image {
	margin-top: -1.875em;
	position: relative
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder .ui_latest_posts_item_title {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1em;
	max-height: 2em;
	font-weight: normal;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	font-size: 1.5625em
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder .ui_latest_posts_item_title a:hover {
	color: currentColor
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder .ui_latest_posts_item_excerpt {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 1.5em;
	max-height: 6em;
	max-height: 6.5em;
	position: relative;
	z-index: 2;
	padding: 0;
	margin: .75em 0 .25em
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder .ui_latest_posts_item_excerpt:empty {
	margin: 0
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category {
	font-size: .875em;
	padding-bottom: 0;
	line-height: 2;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition: 300ms ease all;
	-moz-transition: 300ms ease all;
	transition: 300ms ease all;
	padding-bottom: 4px;
	padding: .75em 1.5em;
	pointer-events: none
}

.ui_align_right .ui_align_left.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category,
.ui_align_center .ui_align_left.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category,
.ui_align_right .ui_align_left .ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category,
.ui_align_center .ui_align_left .ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category,
.ui_align_left.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category,
.ui_align_left .ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats {
	font-size: 1em;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	pointer-events: initial
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-transform: capitalize;
	margin: 0
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li:not(:last-child):after {
	content: "";
	display: block;
	background: currentColor;
	border-radius: 50%;
	width: 3px;
	height: 3px;
	margin: 0 6px;
	opacity: .2
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li a {
	line-height: 2;
	color: currentColor;
	-webkit-transition: 300ms ease all;
	-moz-transition: 300ms ease all;
	transition: 300ms ease all;
	background-color: transparent;
	padding: 0
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li a:hover {
	opacity: .5
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category:before {
	content: '\F02C';
	color: #df9896;
	font-family: FontAwesome;
	margin-right: 5px
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image {
	position: absolute;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, 0)100%);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, 0)100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, 0)100%);
	top: 0;
	left: 0;
	right: 0;
	z-index: 4
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image .uiPostCats li {
	color: #fff
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image .uiPostCats li:not(:last-child):after {
	opacity: 1
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image .uiPostCats li a {
	color: #fff;
	background-color: transparent
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image .uiPostCats li a:hover {
	opacity: .5
}

.ui_latest_posts.ui_gap_normal {
	margin: 0 -.625em
}

.ui_latest_posts.ui_gap_normal .ui_latest_posts_item {
	padding: 0 .625em .625em
}

.ui_latest_posts.ui_gap_normal .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image {
	left: .625rem;
	right: .625rem
}

.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_excerpt {
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2
}

.ui_columns_3.ui_latest_posts .ui_latest_posts_item {
	max-width: 33.33%
}

@media (max-width: 768px) {
	.ui_columns_3.ui_latest_posts .ui_latest_posts_item {
		max-width: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%
	}
	.ui_latest_posts .ui_latest_posts_item .ui_latest_posts_item_meta>span:not(:last-child):after {
		width: 1rem
	}
}

.ui_masonry_post_grid .ui_grid_item_post_content .ui_grid_item_category .uiPostCats li:not(:last-child):after,
.ui_masonry_portfolio_grid .ui_grid_item_post_content .ui_grid_item_category .uiPostCats li:not(:last-child):after {
	content: "";
	display: block;
	background: currentColor;
	border-radius: 50%;
	width: 3px;
	height: 3px;
	margin: 0 6px;
	opacity: .2
}

.ui_masonry_post_grid .ui_grid_item_post_content .ui_grid_item_meta>span:not(:last-child):after,
.ui_masonry_portfolio_grid .ui_grid_item_post_content .ui_grid_item_meta>span:not(:last-child):after {
	content: "";
	display: block;
	width: 1.25rem
}

.ui_icon {
	pointer-events: none
}

.ui_icon .ui_icon_holder {
	pointer-events: auto
}

.ui_size_xsmall.ui_icon .ui_icon_holder:before {
	font-size: 1rem;
	width: 1.8em;
	height: 1.8em
}

.ui_size_xsmall.ui_icon .ui_icon_holder>span {
	font-size: 1em
}

.ui_size_xlarge.ui_icon .ui_icon_holder:before {
	font-size: 5rem;
	width: 2em;
	height: 2em
}

.ui_icon.ui_style_filled .ui_icon_holder:before {
	-webkit-box-shadow: 0 0 0 2em #222 inset;
	box-shadow: 0 0 0 2em #222 inset
}

.ui_icon.ui_style_filled:hover a.ui_icon_holder:before {
	-webkit-box-shadow: 0 0 0 2px #222 inset;
	box-shadow: 0 0 0 2px #222 inset
}

.ui_icon.ui_style_borderless a {
	color: inherit !important
}

.ui_icon.ui_style_borderless a:hover {
	color: #df9896 !important
}

.ui_icon.ui_vertical_position_half_above {
	position: relative;
	z-index: 1
}

.ui_icon.ui_vertical_position_half_above.ui_size_large {
	margin-top: -3.75rem
}

.uiIcoFacebook.ui_icon.ui_style_filled .ui_icon_holder:before {
	-webkit-box-shadow: 0 0 0 1em #3b5998 inset !important;
	box-shadow: 0 0 0 1em #3b5998 inset !important
}

.uiIcoFacebook.ui_icon.ui_style_filled .ui_icon_holder:hover:before {
	-webkit-box-shadow: 0 0 0 2px #3b5998 inset !important;
	box-shadow: 0 0 0 2px #3b5998 inset !important;
	color: #3b5998 !important
}

.uiIcoTwitter.ui_icon.ui_style_filled .ui_icon_holder:before {
	-webkit-box-shadow: 0 0 0 1em #1da1f2 inset !important;
	box-shadow: 0 0 0 1em #1da1f2 inset !important
}

.uiIcoTwitter.ui_icon.ui_style_filled .ui_icon_holder:hover:before {
	-webkit-box-shadow: 0 0 0 2px #1da1f2 inset !important;
	box-shadow: 0 0 0 2px #1da1f2 inset !important;
	color: #1da1f2 !important
}

.uiIcoLinkedin.ui_icon.ui_style_filled .ui_icon_holder:before {
	-webkit-box-shadow: 0 0 0 1em #007bb5 inset !important;
	box-shadow: 0 0 0 1em #007bb5 inset !important
}

.uiIcoLinkedin.ui_icon.ui_style_filled .ui_icon_holder:hover:before {
	-webkit-box-shadow: 0 0 0 2px #007bb5 inset !important;
	box-shadow: 0 0 0 2px #007bb5 inset !important;
	color: #007bb5 !important
}

.ui_button .ui_button_text {
	font-weight: 400;
	z-index: 1
}

.ui_button a {
	padding: 1.2em 2em;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.ui_size_normal.ui_button a {
	padding: 1.28575em 2.1428em
}

.ui_button.ui_style_outline a:hover,
.ui_button.ui_style_filled a:hover {
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	-webkit-transform: scale(1.025) translate3d(0, -3px, 0) perspective(1px);
	-moz-transform: scale(1.025) translate3d(0, -3px, 0) perspective(1px);
	-ms-transform: scale(1.025) translate3d(0, -3px, 0) perspective(1px);
	transform: scale(1.025) translate3d(0, -3px, 0) perspective(1px)
}

.ui_button.ui_icon_position_left:not(.ui_style_clean),
.ui_button.ui_icon_position_right:not(.ui_style_clean) {
	position: relative
}

.ui_button.ui_icon_position_left:not(.ui_style_clean) .ui_link,
.ui_button.ui_icon_position_right:not(.ui_style_clean) .ui_link {
	overflow: hidden;
	position: relative
}

.ui_button.ui_icon_position_left:not(.ui_style_clean) .ui_link:after,
.ui_button.ui_icon_position_right:not(.ui_style_clean) .ui_link:after {
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	right: -1px;
	background: rgba(0, 0, 0, .1);
	opacity: 0;
	display: block;
	content: "";
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.ui_button.ui_size_normal.ui_button {
	font-size: .875em
}

.ui_button.ui_style_filled:hover .ui_link:after {
	opacity: .5
}

.ui_layout_wide .ui_content_slider:not(.ui_multiple_slides) .slick-slider .ui_content_slider_item {
	overflow: hidden
}

.ui_layout_wide .ui_content_slider:not(.ui_multiple_slides) .slick-slider .ui_content_slider_item .ui_content_slider_item_content {
	max-width: 1260px;
	padding: 0 30px;
	margin: 0 auto
}

.ui_content_slider .slick-slider .ui_content_slider_item {
	background-position: 50% 50%;
	position: relative;
	overflow: hidden
}

.ui_content_slider .slick-slider .ui_content_slider_item .ui_content_slider_overlay {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	z-index: 0;
	background-size: cover;
	background-position: center center;
	visibility: hidden
}

.ui_content_slider .slick-slider .ui_content_slider_item.slick-active .ui_content_slider_overlay {
	visibility: visible
}

.ui_content_slider .slick-slider .ui_content_slider_item.slick-active .ui_content_slider_overlay.ui_background_overlay_animation_zoom_out {
	-webkit-animation: overlay-zoom-out 15s forwards;
	-moz-animation: overlay-zoom-out 15s forwards;
	animation: overlay-zoom-out 15s forwards
}

.ui_content_slider .slick-slider .ui_content_slider_item .ui_content_slider_item_content {
	z-index: 1;
	position: relative
}

@-webkit-keyframes overlay-zoom-in {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1.25) rotate(-10deg);
		transform: scale(1.25) rotate(-10deg)
	}
}

@-moz-keyframes overlay-zoom-in {
	from {
		-moz-transform: scale(1);
		transform: scale(1)
	}
	to {
		-moz-transform: scale(1.25) rotate(-10deg);
		transform: scale(1.25) rotate(-10deg)
	}
}

@-webkit-keyframes overlay-zoom-out {
	from {
		-webkit-transform: scale(1.25) rotate(10deg);
		transform: scale(1.25) rotate(10deg)
	}
	to {
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}
}

@-moz-keyframes overlay-zoom-out {
	from {
		-moz-transform: scale(1.25) rotate(10deg);
		transform: scale(1.25) rotate(10deg)
	}
	to {
		-moz-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}
}

@keyframes overlay-zoom-out {
	from {
		-webkit-transform: scale(1.25) rotate(10deg);
		-moz-transform: scale(1.25) rotate(10deg);
		-ms-transform: scale(1.25) rotate(10deg);
		transform: scale(1.25) rotate(10deg)
	}
	to {
		-webkit-transform: scale(1) rotate(0deg);
		-moz-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}
}

@-webkit-keyframes overlay-zoom-in-blur {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-filter: blur(0);
		filter: blur(0)
	}
	to {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		-webkit-filter: blur(20px);
		filter: blur(20px)
	}
}

@-moz-keyframes overlay-zoom-in-blur {
	from {
		-moz-transform: scale(1);
		transform: scale(1);
		filter: blur(0)
	}
	to {
		-moz-transform: scale(1.25);
		transform: scale(1.25);
		filter: blur(20px)
	}
}

@-webkit-keyframes overlay-zoom-out-blur {
	from {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		-webkit-filter: blur(20px);
		filter: blur(20px)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-filter: blur(0);
		filter: blur(0)
	}
}

@-moz-keyframes overlay-zoom-out-blur {
	from {
		-moz-transform: scale(1.25);
		transform: scale(1.25);
		filter: blur(20px)
	}
	to {
		-moz-transform: scale(1);
		transform: scale(1);
		filter: blur(0)
	}
}

@-webkit-keyframes overlay-zoom-in-from-fade {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
	to {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		opacity: 1
	}
}

@-moz-keyframes overlay-zoom-in-from-fade {
	from {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
	to {
		-moz-transform: scale(1.25);
		transform: scale(1.25);
		opacity: 1
	}
}

@-webkit-keyframes overlay-zoom-out-from-fade {
	from {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		opacity: 0
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-moz-keyframes overlay-zoom-out-from-fade {
	from {
		-moz-transform: scale(1.25);
		transform: scale(1.25);
		opacity: 0
	}
	to {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes overlay-zoom-in-to-fade {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
	to {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		opacity: 0
	}
}

@-moz-keyframes overlay-zoom-in-to-fade {
	from {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
	to {
		-moz-transform: scale(1.25);
		transform: scale(1.25);
		opacity: 0
	}
}

@-webkit-keyframes overlay-zoom-out-to-fade {
	from {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		opacity: 1
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@-moz-keyframes overlay-zoom-out-to-fade {
	from {
		-moz-transform: scale(1.25);
		transform: scale(1.25);
		opacity: 1
	}
	to {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

.ui_row .ui_column.ui_padding_text_indent .ui_column_content {
	padding-left: 2em;
	padding-right: 2em
}

.slick-slider .slick-dots {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	z-index: 1;
	bottom: 0
}

.ui_show_dots_below .slick-slider .slick-dots {
	bottom: -2em
}

.slick-slider .slick-dots li {
	position: relative;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	width: 2.5em;
	height: 2.5em;
	margin: 0 2.5px;
	padding: 0;
	cursor: pointer;
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.slick-slider .slick-dots li.slick-active,
.slick-slider .slick-dots li.slick-active:hover {
	pointer-events: none
}

.slick-slider .slick-dots li button {
	display: block;
	width: 100%;
	cursor: pointer;
	color: currentColor;
	outline: none;
	font-size: 0;
	border: 0;
	border-top: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	transition: all 200ms ease;
	opacity: .1
}

.slick-slider .slick-dots li.slick-active button,
.slick-slider .slick-dots li.slick-active:hover button {
	opacity: 1;
	border-color: #df9896
}

.slick-slider .slick-dots li:hover button {
	border-top-width: 3px;
	border-bottom-width: 3px;
	opacity: 1;
	border-color: currentColor !important
}

.slick-slider button.slick-arrow {
	background-color: transparent;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	width: 4rem;
	height: 4rem;
	color: currentColor;
	margin-top: -2rem
}

.slick-slider button.slick-arrow:before {
	font-size: 2rem;
	font-family: IcoD;
	line-height: 4rem;
	color: currentColor;
	-webkit-transition: 300ms ease all;
	-moz-transition: 300ms ease all;
	transition: 300ms ease all
}

.slick-slider button.slick-arrow:after {
	font-size: 2rem;
	font-family: IcoD;
	line-height: 4rem;
	color: currentColor;
	-webkit-filter: invert(100%);
	filter: invert(100%);
	position: absolute;
	z-index: -1;
	opacity: .5;
	text-shadow: 0 2px 10px currentColor;
	left: 0;
	right: 0;
	top: 0
}

.slick-slider button.slick-arrow:hover:before {
	color: #df9896
}

.slick-slider button.slick-arrow.slick-next {
	right: 1rem
}

.slick-slider button.slick-arrow.slick-next:before,
.slick-slider button.slick-arrow.slick-next:after {
	content: "\e933"
}

.slick-slider button.slick-arrow.slick-next:hover {
	-webkit-transform: scale(1.25) translateX(.5em);
	-moz-transform: scale(1.25) translateX(.5em);
	-ms-transform: scale(1.25) translateX(.5em);
	transform: scale(1.25) translateX(.5em)
}

.slick-slider button.slick-arrow.slick-prev {
	left: 1rem
}

.slick-slider button.slick-arrow.slick-prev:before,
.slick-slider button.slick-arrow.slick-prev:after {
	content: "\e932"
}

.slick-slider button.slick-arrow.slick-prev:hover {
	-webkit-transform: scale(1.25) translateX(-.5em);
	-moz-transform: scale(1.25) translateX(-.5em);
	-ms-transform: scale(1.25) translateX(-.5em);
	transform: scale(1.25) translateX(-.5em)
}

.ui_arrows_size_large .slick-slider button.slick-arrow {
	width: 5rem;
	height: 5rem;
	margin-top: -2.5rem
}

.ui_arrows_size_large .slick-slider button.slick-arrow:before,
.ui_arrows_size_large .slick-slider button.slick-arrow:after {
	font-size: 2.5rem;
	line-height: 5rem
}

@media (max-width: 992px) {
	.ui_content_slider.ui_arrows_size_large button.slick-arrow,
	.ui_content_slider.ui_arrows_size_normal button.slick-arrow {
		display: none !important
	}
}

.ui_background_light_overlay:before {
	content: ' ';
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1
}

.ui_background_light_overlay .ui_cell {
	position: relative;
	z-index: 1
}

.ui_background_light_overlay:before {
	background-color: rgba(255, 255, 255, .8)
}

.uiLightSkin .ui_separator.ui_border_style_solid,
.uiLightSkin .ui_separator.ui_border_style_dotted,
.uiLightSkin .ui_separator.ui_border_style_dashed,
.uiDarkSkin .uiLightSkin .ui_separator.ui_border_style_solid,
.uiDarkSkin .uiLightSkin .ui_separator.ui_border_style_dotted,
.uiDarkSkin .uiLightSkin .ui_separator.ui_border_style_dashed,
.uiLightSkin .uiDarkSkin .uiLightSkin .ui_separator.ui_border_style_solid,
.uiLightSkin .uiDarkSkin .uiLightSkin .ui_separator.ui_border_style_dotted,
.uiLightSkin .uiDarkSkin .uiLightSkin .ui_separator.ui_border_style_dashed {
	border-bottom-color: rgba(0, 0, 0, .1)
}

.ui_separator.ui_bottom_spacing_normal {
	margin-bottom: 2em
}

.ui_separator.ui_bottom_spacing_medium {
	margin-bottom: 4em
}

.ui_section.ui_pull_in_from_side_large {
	margin-left: 0em;
	margin-right: 0em
}

@media (max-width: 1400px) {
	.ui_section.ui_pull_in_from_side_large {
		margin-left: 0;
		margin-right: 0
	}
}

.uiPullDefaultHeadline_large .uiPageHeadline.ui_section {
	margin-left: 0em;
	margin-right: 0em
}

@media (max-width: 1400px) {
	.uiPullDefaultHeadline_large .uiPageHeadline.ui_section {
		margin-left: 0;
		margin-right: 0
	}
}

.ui_content_slider.ui_pull_in_from_side_large .slick-slider {
	padding-left: 0em;
	padding-right: 0em
}

.ui_content_slider.ui_pull_in_from_side_large .slick-slider .slick-dots {
	width: -webkit-100%;
	width: -moz-100%;
	width: 100%
}

@media (max-width: 1400px) {
	.ui_content_slider.ui_pull_in_from_side_large .slick-slider {
		padding-left: 0;
		padding-right: 0
	}
	.ui_content_slider.ui_pull_in_from_side_large .slick-slider .slick-dots {
		width: 100%
	}
	.ui_content_slider.ui_pull_in_from_side_large .slick-slider button.slick-arrow {
		display: none !important
	}
}

img {
	height: auto;
	max-width: 100%
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotateX(0);
		transform: rotateX(0)
	}
	to {
		-webkit-transform: rotateX(100%);
		transform: rotateX(100%)
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotateX(0);
		transform: rotateX(0)
	}
	to {
		-moz-transform: rotateX(100%);
		transform: rotateX(100%)
	}
}

@media (max-width: 1400px) {
	.ui_size_extralarge.ui_headline h1,
	.ui_size_extralarge.ui_headline h2,
	.ui_size_extralarge.ui_headline h3,
	.ui_size_extralarge.ui_headline h4,
	.ui_size_extralarge.ui_headline h5,
	.ui_size_extralarge.ui_headline h6 {
		font-size: 3rem
	}
	.ui_size_large.ui_headline h1,
	.ui_size_large.ui_headline h2,
	.ui_size_large.ui_headline h3,
	.ui_size_large.ui_headline h4,
	.ui_size_large.ui_headline h5,
	.ui_size_large.ui_headline h6 {
		font-size: 2rem
	}
}

@media (max-width: 1199px) {
	body {
		font-size: 14px
	}
}

@media (max-width: 360px) {
	body {
		font-size: 13px
	}
	.uiMenuVertical .mainHeader {
		width: 280px
	}
	.uiMenuVerticalLeft.uiMenuVerticalOn .uiContentWrap,
	.uiMenuVerticalLeft.uiMenuVerticalOn .uiVerticalHeaderTop {
		-webkit-transform: translateX(280px);
		-moz-transform: translateX(280px);
		-ms-transform: translateX(280px);
		transform: translateX(280px)
	}
	.uiMenuVerticalLeft.uiMenuVerticalOn.uiStickyHeaderActive.uiStickyHeaderOpen .uiVerticalHeaderTop {
		-webkit-transform: translateX(280px) !important;
		-moz-transform: translateX(280px) !important;
		-ms-transform: translateX(280px) !important;
		transform: translateX(280px) !important
	}
}

p.has-drop-cap:not(:focus):first-letter {
	float: left;
	font-size: 3em;
	line-height: .9;
	font-weight: 800
}


.flig-center {
      margin-left: 13%;
   }

@font-face{font-family:"IcoA";src:url("/assets/fonts/IcoA/IcoA.woff") format("woff"),url("/assets/fonts/IcoA/IcoA.ttf") format("truetype")}@font-face{font-family:"FontAwesome";src:url("/assets/fonts/FontAwesome/FontAwesome.woff") format("woff"),url("/assets/fonts/FontAwesome/FontAwesome.ttf") format("truetype")}*[data-ico-a]:before{font-family:FontAwesome;content:attr(data-ico-a)}@font-face{font-family:"IcoD";src:url("/assets/fonts/IcoD/IcoD.woff") format("woff"),url("/assets/fonts/IcoD/IcoD.ttf") format("truetype")}@font-face{font-family:"Icon7Stroke";src:url("/assets/fonts/Icon7Stroke/Icon7Stroke.woff") format("woff"),url("/assets/fonts/Icon7Stroke/Icon7Stroke.ttf") format("truetype")}@font-face{font-family:"IcoB";src:url("/assets/fonts/IcoB/IcoB.woff") format("woff"),url("/assets/fonts/IcoB/IcoB.ttf") format("truetype")}*[data-ico-b]:before{font-family:IcoB;content:attr(data-ico-b)}@font-face{font-family:"IcoC";src:url("/assets/fonts/IcoC/IcoC.woff") format("woff"),url("/assets/fonts/IcoC/IcoC.ttf") format("truetype")}*[data-ico-c]:before{font-family:IcoC;content:attr(data-ico-c)}






	.uiFormInline {
		margin: 20px 0;
	}
	.uiBtn {
		display: inline-block;
		color: #fff;
		margin-bottom: 0;
		font: norml 14px/40px Arial, sans-serif;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		background-image: none;
		background: #4b9fc5;
		border: 0;
		text-decoration: none;
		white-space: nowrap;
		padding: 10px 20px;
		border-radius: 5px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
	}
	.uiBtn:hover {
		background: #3a7b99;
	}





/* лайтбокс */


	/* Main image in popup */

	/* The shadow behind the image */

	@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
		/**
		   * Remove all paddings around the image on small screen
		   */
	}



/* кнопка отправки формы */
.uiBtn{position:relative;overflow:hidden}
.uiBtn .uiBtnLabel{position:relative;z-index:3;display:inline-block}
.uiBtn,.uiBtn .uiBtnLabel{-webkit-transition:.3s ease all!important;transition:.3s ease all!important}

/* ===== страница врача =====
   Всё под .pageAbout: общий style.css один на весь сайт, и правила
   не должны доставать до остальных страниц.
   Цвета и шрифты берутся из темы: роза #df9896, графит #343740,
   рукописный Kaushan Script на акцентах, Livvic в тексте. */

.pageAbout .aboutLead {
	font-size: 1.05rem;
	line-height: 1.85;
	color: #55585f;
	margin: 0 0 26px;
}

/* --- цифры --- */
.pageAbout .aboutStats {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
}
.pageAbout .aboutStats li {
	position: relative;
	padding: 20px 16px 18px;
	border: 1px solid rgba(223, 152, 150, .26);
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(255, 245, 242, .75), rgba(255, 255, 255, .5));
	text-align: center;
}
.pageAbout .aboutStatValue {
	display: block;
	font-family: 'Kaushan Script', cursive;
	font-size: 30px;
	line-height: 1.1;
	color: #df9896;
	margin-bottom: 8px;
}
.pageAbout .aboutStatTitle {
	display: block;
	font-size: 13px;
	line-height: 1.5;
	color: #343740;
	font-weight: 600;
}
.pageAbout .aboutStatNote {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.5;
	color: #8b8e95;
}

/* --- лотос-разделитель --- */
.pageAbout .aboutRule {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 54px 0 10px;
	color: #df9896;
}
.pageAbout .aboutRule::before,
.pageAbout .aboutRule::after {
	content: '';
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, rgba(223, 152, 150, 0), rgba(223, 152, 150, .45), rgba(223, 152, 150, 0));
}
.pageAbout .aboutLotus {
	display: inline-block;
	width: 44px;
	color: #df9896;
}
.pageAbout .aboutLotus svg {
	display: block;
	width: 100%;
	height: auto;
}

.pageAbout .aboutSectionTitle {
	margin-bottom: 26px;
}

/* --- лента образования --- */
.pageAbout .aboutTimeline {
	list-style: none;
	margin: 0;
	padding: 0 0 0 26px;
	position: relative;
}
.pageAbout .aboutTimeline::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 8px;
	bottom: 8px;
	width: 1px;
	background: linear-gradient(180deg, rgba(223, 152, 150, .55), rgba(223, 152, 150, .18));
}
.pageAbout .aboutTimeline li {
	position: relative;
	padding: 0 0 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 18px;
}
.pageAbout .aboutTimeline li:last-child {
	padding-bottom: 0;
}
.pageAbout .aboutTimeline li::before {
	content: '';
	position: absolute;
	left: -26px;
	top: 9px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #df9896;
}
.pageAbout .aboutYear {
	flex: 0 0 108px;
	font-family: 'Kaushan Script', cursive;
	font-size: 19px;
	line-height: 1.4;
	color: #df9896;
}
.pageAbout .aboutEvent {
	flex: 1 1 260px;
	font-size: 15px;
	line-height: 1.75;
	color: #4d5058;
}

/* --- дипломы --- */
.pageAbout .aboutDiplomas {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}
.pageAbout .aboutDiplomas li {
	position: relative;
	padding: 20px 20px 20px 54px;
	border: 1px solid rgba(223, 152, 150, .24);
	border-radius: 12px;
	background: #fff;
	transition: box-shadow 250ms ease, transform 250ms ease, border-color 250ms ease;
}
.pageAbout .aboutDiplomas li::before {
	content: '';
	position: absolute;
	left: 20px;
	top: 22px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(223, 152, 150, .14);
	box-shadow: inset 0 0 0 1px rgba(223, 152, 150, .4);
}
.pageAbout .aboutDiplomas li::after {
	content: '';
	position: absolute;
	left: 26px;
	top: 28px;
	width: 8px;
	height: 4px;
	border-left: 2px solid #df9896;
	border-bottom: 2px solid #df9896;
	transform: rotate(-45deg);
}
.pageAbout .aboutDiplomas li:hover {
	transform: translateY(-2px);
	border-color: rgba(223, 152, 150, .5);
	box-shadow: 0 14px 30px -18px rgba(52, 55, 64, .4);
}
.pageAbout .aboutDipKind {
	display: block;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 600;
	color: #df9896;
	margin-bottom: 6px;
}
.pageAbout .aboutDipText {
	display: block;
	font-size: 14.5px;
	line-height: 1.65;
	color: #4d5058;
}

/* --- «сейчас» --- */
.pageAbout .aboutNow {
	position: relative;
	overflow: hidden;
	margin-top: 46px;
	padding: 46px 48px 44px;
	border-radius: 16px;
	text-align: center;
	border: 1px solid rgba(223, 152, 150, .24);
	background:
		radial-gradient(520px 260px at 12% 0%, #ffe9db 0%, rgba(255, 233, 219, 0) 62%),
		radial-gradient(520px 280px at 88% 100%, #fbdcd8 0%, rgba(251, 220, 216, 0) 60%),
		#fdf7f5;
}
.pageAbout .aboutNow .aboutLotus {
	margin: 0 auto 14px;
}
.pageAbout .aboutNowTitle {
	font-family: 'Kaushan Script', cursive;
	font-size: 30px;
	line-height: 1.3;
	color: #343740;
	margin: 0 0 14px;
}
.pageAbout .aboutNow p {
	max-width: 620px;
	margin: 0 auto;
	font-size: 15.5px;
	line-height: 1.85;
	color: #4d5058;
}
.pageAbout .aboutNow strong {
	color: #343740;
	font-weight: 600;
}



@media (max-width: 992px) {
	.pageAbout .aboutStats { grid-template-columns: repeat(2, 1fr); }
	.pageAbout .aboutDiplomas { grid-template-columns: 1fr; }
	.pageAbout .aboutNow { padding: 38px 26px 36px; }
}

@media (max-width: 560px) {
	.pageAbout .aboutStats { grid-template-columns: 1fr; }
	.pageAbout .aboutTimeline { padding-left: 22px; }
	.pageAbout .aboutYear { flex-basis: 100%; }
	.pageAbout .aboutNowTitle { font-size: 25px; }
	.pageAbout .aboutRule { margin: 40px 0 6px; }
}

/* выравнивание внутри новых блоков: заголовки секций по центру,
   содержимое - по левому краю, иначе длинные строки читаются плохо */
.pageAbout .aboutTimeline,
.pageAbout .aboutDiplomas,
.pageAbout .aboutStats li {
	text-align: left;
}
.pageAbout .aboutStats li {
	text-align: center;
}
.pageAbout .aboutSectionTitle {
	text-align: center;
}

/* чёрточка под заголовком секции: у темы она прижата влево,
   а заголовки на этой странице отцентрованы - выравниваем и её */
.pageAbout .aboutSectionTitle .ui_headline_content:after {
	left: 50%;
	transform: translateX(-50%);
}
.pageAbout .aboutStats li {
	padding-left: 10px;
	padding-right: 10px;
}

/* воздух перед заголовком секции - иначе он прилипает к предыдущему блоку */
.pageAbout .aboutSectionTitle {
	margin-top: 46px;
}
.pageAbout .aboutRule + .ui_row .aboutSectionTitle {
	margin-top: 12px;
}

/* ===== хиро внутренних страниц =====
   Раньше тут лежала фотография с белой вуалью поверх (opacity .8) - от неё
   оставалась мутная каша. Теперь фон собран из градиентов, а лепестки -
   это геометрия на псевдоэлементах: ни одной картинки не грузится.
   Палитра та же, что у шапки главной: персик -> роза #df9896. */
.uiHeroCss {
	position: relative;
	overflow: hidden;
	background-color: #fdf4f0;
	background-image:
		radial-gradient(1100px 520px at 6% -40%, #ffe8d6 0%, rgba(255, 232, 214, 0) 62%),
		radial-gradient(900px 460px at 94% 0%, #fbd8d3 0%, rgba(251, 216, 211, 0) 58%),
		radial-gradient(700px 600px at 50% 150%, #fce9e2 0%, rgba(252, 233, 226, 0) 60%),
		linear-gradient(115deg, #fff7f4 0%, #fdeae5 52%, #f7dbd6 100%);
	box-shadow: inset 0 -1px 0 rgba(223, 152, 150, .22);
}

/* лепестки: скруглением по двум углам получается лист, как в мотивах темы */
.uiHeroCss:before,
.uiHeroCss:after {
	content: '';
	position: absolute;
	pointer-events: none;
	border-radius: 0 100% 0 100%;
	background: linear-gradient(140deg, rgba(223, 152, 150, .26), rgba(223, 152, 150, .04));
}
.uiHeroCss:before {
	width: 300px;
	height: 160px;
	left: -70px;
	top: -46px;
	transform: rotate(-18deg);
}
.uiHeroCss:after {
	width: 380px;
	height: 200px;
	right: -90px;
	bottom: -66px;
	transform: rotate(22deg);
}

/* содержимое поверх лепестков */
.uiHeroCss .ui_port {
	position: relative;
	z-index: 2;
}

@media (max-width: 768px) {
	.uiHeroCss:before { width: 190px; height: 104px; left: -52px; top: -30px; }
	.uiHeroCss:after { width: 230px; height: 124px; right: -60px; bottom: -40px; }
}

/* ===== хиро главной =====
   Раньше весь первый слайд был одной фотографией-фоном. Теперь фон - градиенты,
   а снимок врача вставлен отдельной картинкой в правую колонку: его можно
   заменить одним файлом, не трогая вёрстку.
   Файл: /assets/img/ui/hero-photo.webp, портрет 900x1100. */
.uiHeroSlide {
	background-color: #f6b9b3;
	background-image:
		/* тёплое пятно за заголовком: белый текст должен читаться */
		radial-gradient(1100px 820px at 22% 55%, rgba(233, 138, 133, .85) 0%, rgba(233, 138, 133, 0) 62%),
		radial-gradient(900px 640px at 6% 0%, #f7b58c 0%, rgba(247, 181, 140, 0) 58%),
		radial-gradient(1000px 780px at 92% 18%, #fbd9d2 0%, rgba(251, 217, 210, 0) 60%),
		linear-gradient(112deg, #f2a49f 0%, #f7c3bb 46%, #fde9df 100%);
}

/* колонка с фотографией: снимок прижат к низу слайда, как было на фоне */
.uiHeroPhotoCol {
	position: relative;
	align-self: center;
}
/* по центру слайда, а не прижато к нижней кромке */
.uiHeroPhotoCol .ui_column_inner_content {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
}
/* слайдер темы задаёт своим картинкам width:100% и max-width:none
   (.ui_height_auto .slick-slider .slick-slide img), поэтому селектор здесь
   такой же длины плюс класс - иначе размер не применится */
.ui_height_auto .slick-slider .slick-slide img.uiHeroPhoto {
	display: block;
	width: auto;
	height: auto;
	max-width: 320px;
	max-height: 400px;
	margin: 0 auto;
	object-fit: contain;
	object-position: center;
	filter: drop-shadow(0 20px 34px rgba(52, 55, 64, .16));
}

@media (max-width: 1200px) {
	.ui_height_auto .slick-slider .slick-slide img.uiHeroPhoto {
		max-width: 250px;
		max-height: 320px;
	}
}

/* ===== шапка внутри хиро (только главная) =====
   ui-header.js вешает на .uiContentWrap инлайновый padding-top, равный высоте
   шапки, - из-за него слайдер начинался под ней, а сверху оставалась белая
   полоса. Инлайн перебивается только !important.
   Сама .mainHeader у темы уже absolute и прозрачная, так что достаточно убрать
   отступ - и меню ложится поверх первого слайда. */
body.pageHome .uiContentWrap {
	padding-top: 0 !important;
}

/* воздух сверху, чтобы текст слайда не заезжал под меню */
body.pageHome .uiHeroSlide .ui_content_slider_item_content {
	padding-top: 133px;
}

@media (max-width: 992px) {
	body.pageHome .uiHeroSlide .ui_content_slider_item_content {
		padding-top: 0;
	}
}

/* на мобильных шапка тоже лежит поверх слайда (position:absolute),
   но закрашена белым - убираем фон, пока страница не прокручена.
   Как только включается липкий режим, белый фон возвращается: над
   контентом меню должно оставаться читаемым. */
body.pageHome:not(.uiStickyHeaderActive) .uiVerticalHeaderTop {
	background-color: transparent;
}

/* ===== хиро на всю высоту экрана =====
   slick в режиме ui_height_auto проставляет высоту инлайном на .slick-list,
   поэтому перебиваем !important. Точки уводим внутрь слайда: если они лежат
   ниже, к экрану добавляется их высота и снизу выглядывает следующая секция.
   Целимся только в .uiHeroSlider - ниже на странице есть второй слайдер. */
body.pageHome .uiHeroSlider,
body.pageHome .uiHeroSlider .slick-slider,
body.pageHome .uiHeroSlider .slick-list,
body.pageHome .uiHeroSlider .slick-track,
body.pageHome .uiHeroSlider .slick-slide,
body.pageHome .uiHeroSlider .ui_content_slider_item {
	height: 100vh !important;
	min-height: 100vh !important;
}

/* svh не скачет, когда на телефоне прячется адресная строка */
@supports (height: 100svh) {
	body.pageHome .uiHeroSlider,
	body.pageHome .uiHeroSlider .slick-slider,
	body.pageHome .uiHeroSlider .slick-list,
	body.pageHome .uiHeroSlider .slick-track,
	body.pageHome .uiHeroSlider .slick-slide,
	body.pageHome .uiHeroSlider .ui_content_slider_item {
		height: 100svh !important;
		min-height: 100svh !important;
	}
}

/* содержимое слайда - по центру по вертикали при любой высоте экрана */
body.pageHome .uiHeroSlider .ui_content_slider_item_content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
body.pageHome .uiHeroSlider .ui_row_inner {
	width: 100%;
}

/* точки - внутри слайда, у нижней кромки */
body.pageHome .uiHeroSlider .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 26px;
	top: auto;
	z-index: 1000;
}

/* второй слайд: тот же приём, но развёрнутый, чтобы смена была заметна */
.uiHeroSlide2 {
	background-color: #f7c2bb;
	background-image:
		radial-gradient(1100px 820px at 78% 55%, rgba(233, 138, 133, .8) 0%, rgba(233, 138, 133, 0) 62%),
		radial-gradient(900px 640px at 94% 0%, #f7b58c 0%, rgba(247, 181, 140, 0) 58%),
		radial-gradient(1000px 780px at 8% 18%, #fbd9d2 0%, rgba(251, 217, 210, 0) 60%),
		linear-gradient(248deg, #f2a49f 0%, #f7c3bb 46%, #fde9df 100%);
}

/* Иконки соцсетей в верхней панели у темы розовые (#df9896). На белой шапке
   внутренних страниц это читалось, а поверх розового хиро главной контраст
   падает до 1,3:1 - иконки пропадают. Пока шапка лежит на хиро, красим их
   в тот же графит, что и остальной текст панели; в липком режиме, когда
   возвращается белый фон, розовый акцент остаётся. */
body.pageHome:not(.uiStickyHeaderActive) .uiTopToolsRight .uiIconWidget .ui_icon_holder,
body.pageHome:not(.uiStickyHeaderActive) .uiTopToolsRight .uiIconWidget .ui_icon_holder:before {
	color: #222;
}
body.pageHome:not(.uiStickyHeaderActive) .uiTopToolsRight .uiIconWidget:hover .ui_icon_holder,
body.pageHome:not(.uiStickyHeaderActive) .uiTopToolsRight .uiIconWidget:hover .ui_icon_holder:before {
	color: #8a3f3c;
}

/* ===== секция отзывов =====
   Была фоновая фотография с параллаксом (bgcom-min) - причём в её URL
   затесалась лишняя точка с запятой: url(...webp?v3;). Заменяем на градиенты.
   Тон держим светлее хиро: поверх лежат белые карточки отзывов,
   они должны читаться как приподнятые над фоном. */
.uiReviewsBg {
	position: relative;
	overflow: hidden;
	background-color: #fdf4f1;
	background-image:
		radial-gradient(1000px 520px at 10% 0%, #ffe9d9 0%, rgba(255, 233, 217, 0) 62%),
		radial-gradient(900px 560px at 90% 8%, #fbdbd6 0%, rgba(251, 219, 214, 0) 58%),
		radial-gradient(800px 640px at 50% 112%, #fce8e1 0%, rgba(252, 232, 225, 0) 62%),
		linear-gradient(118deg, #fffaf7 0%, #fdeee8 54%, #f8ddd8 100%);
}

/* те же лепестки, что в хиро внутренних страниц - мотив один на весь сайт */
.uiReviewsBg:before,
.uiReviewsBg:after {
	content: '';
	position: absolute;
	pointer-events: none;
	border-radius: 0 100% 0 100%;
	background: linear-gradient(140deg, rgba(223, 152, 150, .20), rgba(223, 152, 150, .03));
}
.uiReviewsBg:before {
	width: 340px;
	height: 180px;
	left: -90px;
	top: 40px;
	transform: rotate(-16deg);
}
.uiReviewsBg:after {
	width: 420px;
	height: 220px;
	right: -110px;
	bottom: 20px;
	transform: rotate(20deg);
}
.uiReviewsBg .ui_port {
	position: relative;
	z-index: 2;
}

@media (max-width: 768px) {
	.uiReviewsBg:before { width: 200px; height: 108px; left: -60px; top: 20px; }
	.uiReviewsBg:after { width: 240px; height: 130px; right: -70px; bottom: 10px; }
}

/* ===== чередование секций =====
   Тот же приём, что у отзывов, но лепестки развёрнуты в другую сторону,
   чтобы два залитых блока не выглядели копией друг друга.
   Между собой залитые секции не соседствуют: отзывы -> белый блок
   про врача -> статьи. */
.uiTintBg {
	position: relative;
	overflow: hidden;
	background-color: #fdf5f2;
	background-image:
		radial-gradient(1000px 520px at 88% 0%, #ffe9d9 0%, rgba(255, 233, 217, 0) 62%),
		radial-gradient(900px 560px at 8% 10%, #fbdbd6 0%, rgba(251, 219, 214, 0) 58%),
		radial-gradient(820px 640px at 50% 110%, #fce8e1 0%, rgba(252, 232, 225, 0) 62%),
		linear-gradient(242deg, #fffaf7 0%, #fdeee8 54%, #f8ddd8 100%);
}
.uiTintBg:before,
.uiTintBg:after {
	content: '';
	position: absolute;
	pointer-events: none;
	border-radius: 0 100% 0 100%;
	background: linear-gradient(140deg, rgba(223, 152, 150, .18), rgba(223, 152, 150, .03));
}
.uiTintBg:before {
	width: 340px;
	height: 180px;
	right: -90px;
	top: 40px;
	transform: rotate(16deg);
}
.uiTintBg:after {
	width: 420px;
	height: 220px;
	left: -110px;
	bottom: 20px;
	transform: rotate(-20deg);
}
.uiTintBg .ui_port {
	position: relative;
	z-index: 2;
}

@media (max-width: 768px) {
	.uiTintBg:before { width: 200px; height: 108px; right: -60px; top: 20px; }
	.uiTintBg:after { width: 240px; height: 130px; left: -70px; bottom: 10px; }
}

/* ===== карточки статей на главной =====
   Только внутри .uiTintBg: этот же блок стоит на страницах категорий,
   там оформление остаётся прежним.
   Что чинится: бледная плашка с текстом наезжала на фотографию и срезала её,
   карточки не имели границ и висели в воздухе, заголовки набирались
   рукописным шрифтом и на двух строках обрубались многоточием. */
.uiPostCards {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	gap: 26px;
	align-items: stretch;
}
.uiPostCards .ui_latest_posts_item {
	flex: 1 1 280px;
	width: auto;
	float: none;
	padding: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid rgba(223, 152, 150, .22);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 10px 26px -20px rgba(52, 55, 64, .45);
	transition: transform 280ms ease, box-shadow 280ms ease, border-color 280ms ease;
}
.uiPostCards .ui_latest_posts_item:hover {
	transform: translateY(-4px);
	border-color: rgba(223, 152, 150, .48);
	box-shadow: 0 22px 44px -24px rgba(52, 55, 64, .5);
}

/* фотография: одинаковая пропорция у всех трёх, без обрезки плашкой */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_image {
	margin: 0;
	position: relative;
	aspect-ratio: 4 / 3;
	background: #f7e6e2;
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 600ms cubic-bezier(.2, .8, .2, 1);
}
.uiPostCards .ui_latest_posts_item:hover .ui_latest_posts_item_image img {
	transform: scale(1.05);
}

/* ярлык раздела - поверх фотографии */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	padding: 0;
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li a {
	background: rgba(255, 255, 255, .92);
	color: #b05f5c;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 1;
	padding: 7px 12px;
	border-radius: 999px;
	box-shadow: 0 6px 16px -10px rgba(52, 55, 64, .6);
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li a:hover {
	background: #df9896;
	color: #fff;
}

/* текстовая часть: обычная колонка, без наезда на фото */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder {
	background: none;
	margin: 0;
	padding: 22px 22px 0;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	text-align: left;
}

/* заголовок - основным шрифтом: рукописный на двух строках не читался */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_title {
	font-family: 'Livvic', sans-serif;
	font-size: 17px;
	line-height: 1.45;
	font-weight: 600;
	margin: 0 0 10px;
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_title a {
	color: #343740;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 200ms ease;
}
.uiPostCards .ui_latest_posts_item:hover .ui_latest_posts_item_title a {
	color: #c97a78;
}
/* вся карточка становится ссылкой */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_title a:after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 3;
}

.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_excerpt {
	font-size: 14px;
	line-height: 1.7;
	color: #6d7078;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
}

/* подпись-подсказка внизу карточки */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_content:after {
	content: 'Ətraflı \2192';
	display: block;
	margin: 16px 22px 20px;
	padding-top: 14px;
	border-top: 1px solid rgba(223, 152, 150, .22);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #df9896;
	transition: color 200ms ease, letter-spacing 200ms ease;
}
.uiPostCards .ui_latest_posts_item:hover .ui_latest_posts_item_content:after {
	color: #c97a78;
	letter-spacing: .1em;
}

@media (max-width: 992px) {
	.uiPostCards { gap: 20px; }
	.uiPostCards .ui_latest_posts_item { flex-basis: 100%; }
}

/* Тема рисует под заголовком две подложки на псевдоэлементах холдера
   (::before - белая панель, ::after - розовая полоса). Именно они давали
   ту плашку, что наезжала на фотографию. В новой карточке они лишние. */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder:before,
.uiPostCards .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder:after {
	display: none;
}

/* Тема поднимает текстовый блок на -30px, чтобы он наезжал на фотографию.
   Правило темы специфичнее моего `margin: 0`, поэтому отменяем адресно. */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_content .ui_latest_posts_title_excerpt_holder {
	margin-top: 0;
}

/* У блока категории тема рисует тёмную подложку-градиент
   (linear-gradient(rgba(0,0,0,.8) 20%, transparent)) - она нужна была,
   чтобы белый текст читался поверх фотографии. У нас ярлык сам по себе
   пилюля с белым фоном, так что подложка превращалась в чёрную полосу
   во всю ширину карточки. Убираем её и сжимаем блок по содержимому. */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category {
	background-image: none;
	background: none;
	width: auto;
	right: auto;
	line-height: 1;
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats {
	line-height: 1;
	margin: 0;
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li {
	margin: 0;
}

/* Правило темы висит на .ui_latest_posts .ui_latest_posts_item
   .ui_latest_posts_item_category.ui_post_with_image - четыре класса.
   Чтобы перебить, берём тот же селектор с префиксом секции. */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image {
	background: none;
	background-image: none;
	position: absolute;
	top: 14px;
	left: 14px;
	right: auto;
	bottom: auto;
	width: auto;
	padding: 0;
	line-height: 1;
}

/* И сам ярлык темы перебит правилом на пять классов
   (...ui_latest_posts_item_category.ui_post_with_image .uiPostCats li a),
   которое красит текст в белый и снимает фон - это было рассчитано на тёмную
   подложку. Повторяем селектор с префиксом секции и делаем белую пилюлю. */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image .uiPostCats li a {
	background-color: rgba(255, 255, 255, .94);
	color: #b05f5c;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 1;
	padding: 7px 12px;
	border-radius: 999px;
	box-shadow: 0 6px 16px -10px rgba(52, 55, 64, .6);
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image .uiPostCats li a:hover {
	background-color: #df9896;
	color: #fff;
}

/* Иконка-ярлычок висит на ::before самого блока категории и стоит в потоке,
   то есть снаружи белой пилюли. В новой карточке она лишняя - убираем.
   (Понадобится внутри пилюли - переносить надо на ссылку, а не на блок.) */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category:before,
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category.ui_post_with_image:before {
	display: none;
	content: none;
}

/* Заголовок карточки - родной шрифт сайта Lobster и фирменная роза,
   как на страницах категорий. У темы line-height равен кеглю (25px/25px):
   на двух строках буквы слипались, поэтому даём воздух и клампим по двум
   строкам целиком, а не обрубаем посреди строки. */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_title {
	font-family: 'Lobster', cursive;
	font-size: 23px;
	line-height: 1.3;
	font-weight: 400;
	margin: 0 0 12px;
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_title a {
	color: #df9896;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.uiPostCards .ui_latest_posts_item:hover .ui_latest_posts_item_title a {
	color: #c97a78;
}

/* Тема клампит заголовок на самом h5: line-height:1em + max-height:2em.
   Мы дали больший межстрочный, а потолок 2em остался - вторая строка
   срезалась по горизонтали. Поднимаем потолок под новый интерлиньяж
   и оставляем обрезку по двум строкам там же, на h5. */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder .ui_latest_posts_item_title {
	font-family: 'Lobster', cursive;
	font-size: 23px;
	line-height: 1.3;
	max-height: 2.6em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	margin: 0 0 12px;
}
/* на ссылке кламп больше не нужен - иначе получаются две вложенные обрезки */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_title a {
	display: inline;
	-webkit-line-clamp: none;
	overflow: visible;
}

/* Многоточие от text-overflow рисуется цветом блока-обрезки (h5), а не
   вложенной ссылки - поэтому оно выходило графитовым при розовом заголовке.
   Красим сам h5, ссылка наследует. */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_title_excerpt_holder .ui_latest_posts_item_title {
	color: #df9896;
}
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_title a {
	color: inherit;
}
.uiPostCards .ui_latest_posts_item:hover .ui_latest_posts_title_excerpt_holder .ui_latest_posts_item_title {
	color: #c97a78;
}

/* фотография карточки - квадрат 1:1 */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_image {
	aspect-ratio: 1 / 1;
}

/* ===== блок врача на главной =====
   Собран из тех же кирпичей, что и страница «о нас»: лид, карточки-цифры,
   кнопки. Правила для .aboutLead/.aboutStats были заперты под .pageAbout -
   открываем их и для главной, разметка одна и та же. */
.uiDoctorIntro .aboutLead {
	font-size: 1.05rem;
	line-height: 1.85;
	color: #55585f;
	margin: 0 0 26px;
}
.uiDoctorIntro .aboutStats {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
	text-align: left;
}
.uiDoctorIntro .aboutStats li {
	position: relative;
	padding: 20px 14px 18px;
	border: 1px solid rgba(223, 152, 150, .26);
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(255, 245, 242, .75), rgba(255, 255, 255, .5));
	text-align: center;
}
.uiDoctorIntro .aboutStatValue {
	display: block;
	font-family: 'Kaushan Script', cursive;
	font-size: 30px;
	line-height: 1.1;
	color: #df9896;
	margin-bottom: 8px;
}
.uiDoctorIntro .aboutStatTitle {
	display: block;
	font-size: 13px;
	line-height: 1.5;
	color: #343740;
	font-weight: 600;
}
.uiDoctorIntro .aboutStatNote {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.5;
	color: #8b8e95;
}

/* две кнопки в ряд, на узком экране - в столбик */
.uiDoctorIntro .uiDoctorButtons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}
.uiDoctorIntro .uiDoctorButtons .ui_button {
	margin: 0;
}

@media (max-width: 992px) {
	.uiDoctorIntro .aboutStats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.uiDoctorIntro .aboutStats { grid-template-columns: 1fr; }
	.uiDoctorIntro .uiDoctorButtons { flex-direction: column; align-items: stretch; }
}

/* лид - по левому краю, как и заголовок колонки */
.uiDoctorIntro .aboutLead {
	text-align: left;
}

/* Вторая кнопка у темы залита белым: на цветном хиро это читалось,
   а здесь фон светлый и кнопка растворялась. Делаем её контурной
   в фирменной розе - вес получается ниже основной, как и задумано. */
.uiDoctorIntro .uiDoctorButtons .ui_color_scheme_8 .ui_link {
	background-color: transparent;
	border: 1px solid rgba(223, 152, 150, .55);
	color: #b05f5c;
	transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
.uiDoctorIntro .uiDoctorButtons .ui_color_scheme_8 .ui_link:hover {
	background-color: #df9896;
	border-color: #df9896;
	color: #fff;
}
.uiDoctorIntro .uiDoctorButtons .ui_color_scheme_8 .ui_button_text {
	color: inherit;
}

/* ===== плитки услуг и операций =====
   Иконки остаются прежними: розовый круг с лепестками нарисован прямо
   в файле картинки, поэтому трогаем только оправу вокруг.
   Было: гигантские кружки 330px без контейнера, подписи висели в воздухе.
   Стало: карточки одной высоты, иконка уменьшена, подпись прижата к низу. */
.uiTiles .ui_row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.uiTiles .ui_column {
	display: flex;
}
.uiTiles .ui_column > a {
	display: flex;
	width: 100%;
	text-decoration: none;
}
.uiTiles .ui_column > a > .ui_column_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 30px 22px 26px;
	background: #fff;
	border: 1px solid rgba(223, 152, 150, .22);
	border-radius: 16px;
	box-shadow: 0 10px 26px -20px rgba(52, 55, 64, .45);
	transition: transform 280ms ease, box-shadow 280ms ease, border-color 280ms ease;
}
.uiTiles .ui_column > a:hover > .ui_column_content {
	transform: translateY(-5px);
	border-color: rgba(223, 152, 150, .5);
	box-shadow: 0 24px 46px -24px rgba(52, 55, 64, .5);
}

/* иконка: та же картинка, только меньше и с лёгким увеличением на наведении */
.uiTiles .ui_icon {
	width: auto;
	height: auto;
	margin: 0 0 6px;
}
.uiTiles .ui_icon img {
	display: block;
	width: 148px;
	height: 148px;
	max-width: 100%;
	object-fit: contain;
	transition: transform 420ms cubic-bezier(.2, .8, .2, 1);
}
.uiTiles .ui_column > a:hover .ui_icon img {
	transform: scale(1.06);
}

/* подпись */
.uiTiles .ui_headline {
	margin: 0;
	width: 100%;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.uiTiles .ui_headline h4 {
	font-family: 'Lobster', cursive;
	font-size: 20px;
	line-height: 1.35;
	font-weight: 400;
	color: #df9896;
	margin: 0;
	transition: color 200ms ease;
}
.uiTiles .ui_column > a:hover .ui_headline h4 {
	color: #c97a78;
}

/* разделители темы внутри плитки больше не нужны - высоту держит флекс */
.uiTiles .ui_column > a > .ui_column_content > .ui_separator {
	display: none;
}

@media (max-width: 992px) {
	.uiTiles .ui_icon img { width: 124px; height: 124px; }
	.uiTiles .ui_headline h4 { font-size: 18px; }
}

/* Подпись жалась в узкий столбик: .ui_headline стал флексом, а вложенная
   цепочка center > h4 > span > span сжималась по содержимому.
   Разворачиваем её на всю ширину карточки. */
.uiTiles .ui_headline,
.uiTiles .ui_headline center,
.uiTiles .ui_headline h4,
.uiTiles .ui_headline .ui_headline_content,
.uiTiles .ui_headline .ui_headline_content > span {
	width: 100%;
	display: block;
	text-align: center;
}
.uiTiles .ui_headline {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
}

/* Высоты в ряду разъезжались: тема ставит колонкам выравнивание по верху
   (ui_vertical_align_top), и карточки переставали тянуться на всю строку. */
.uiTiles .ui_row.ui_row,
.uiTiles .ui_cell_inner > .ui_row {
	align-items: stretch;
}
.uiTiles .ui_column.ui_column {
	align-items: stretch;
}
.uiTiles .ui_column > a > .ui_column_content {
	height: 100%;
}

/* иконка одного размера в обеих секциях */
.uiTiles .ui_icon img.ui_icon,
.uiTiles .ui_icon img {
	width: 148px;
	height: 148px;
}

/* Флекс на .ui_headline оказался лишним: вложенный <center> - флекс-элемент,
   и при width:100% всё равно ужимался по содержимому, отчего подпись
   переносилась в узкий столбик. Возвращаем блочную раскладку, а прижатие
   подписи к низу карточки делаем через margin-top:auto. */
.uiTiles .ui_column > a > .ui_column_content > .ui_headline {
	display: block;
	width: 100%;
	margin-top: auto;
	padding-top: 6px;
	text-align: center;
	flex: 0 0 auto;
}
.uiTiles .ui_headline center,
.uiTiles .ui_headline h4,
.uiTiles .ui_headline .ui_headline_content,
.uiTiles .ui_headline .ui_headline_content > span,
.uiTiles .ui_headline .ui_headline_content strong {
	display: block;
	width: 100%;
	text-align: center;
}

/* Колонка у темы - флекс с направлением в столбик, поэтому align-items
   тянет ссылку по горизонтали, а не по высоте. Чтобы карточка занимала
   всю высоту ряда, ссылка должна расти по главной оси. */
.uiTiles .ui_column > a {
	flex: 1 1 auto;
	align-self: stretch;
}

/* ===== вертикальный ритм главной =====
   Было вразнобой: 0 / 55 / 55 / 55 / 0 / 72 / 0 / 0. Причём часть отступов
   задана инлайном (style="margin-top: 55px"), поэтому нужен !important.
   Логика: между смысловыми блоками - один и тот же большой интервал,
   карточки прижаты к своему заголовку, залитые секции держат воздух
   внутри себя, а не снаружи. */
body.pageHome .uiContentWrap .ui_wrapper > section {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* между блоками */
body.pageHome .uiContentWrap .ui_wrapper > section + section {
	margin-top: 96px !important;
}

/* карточки идут сразу за своим заголовком - это один блок */
body.pageHome .uiContentWrap .ui_wrapper > section.uiTiles {
	margin-top: 28px !important;
}

/* залитые полосы: воздух внутри, снаружи только межблочный интервал */
body.pageHome .uiContentWrap .ui_wrapper > section.uiTintBg,
body.pageHome .uiContentWrap .ui_wrapper > section.uiReviewsBg {
	padding-top: 76px;
	padding-bottom: 76px;
}

@media (max-width: 992px) {
	body.pageHome .uiContentWrap .ui_wrapper > section + section {
		margin-top: 64px !important;
	}
	body.pageHome .uiContentWrap .ui_wrapper > section.uiTiles {
		margin-top: 22px !important;
	}
	body.pageHome .uiContentWrap .ui_wrapper > section.uiTintBg,
	body.pageHome .uiContentWrap .ui_wrapper > section.uiReviewsBg {
		padding-top: 52px;
		padding-bottom: 52px;
	}
}

/* Перед секцией отзывов в разметке стоят три голых <br> - они и давали
   лишние 72px вместо ровного интервала, а заодно ломали правило
   section + section: соседом оказывалась не секция, а <br>.
   Прячем их и вешаем отступ на все секции, кроме первой. */
body.pageHome .uiContentWrap .ui_wrapper > br {
	display: none;
}
body.pageHome .uiContentWrap .ui_wrapper > section:not(:first-of-type) {
	margin-top: 96px !important;
}
body.pageHome .uiContentWrap .ui_wrapper > section.uiTiles {
	margin-top: 28px !important;
}

@media (max-width: 992px) {
	body.pageHome .uiContentWrap .ui_wrapper > section:not(:first-of-type) {
		margin-top: 64px !important;
	}
	body.pageHome .uiContentWrap .ui_wrapper > section.uiTiles {
		margin-top: 22px !important;
	}
}

/* ===== подвал =====
   Фоновая картинка с узором из веток убрана - вместо неё градиент и те же
   лепестки на псевдоэлементах, что в остальных секциях.
   Заодно выровнена раскладка: заголовок, текст и контакты шли по разным
   осям (заголовок слева, текст по центру). */
.uiFooterBg {
	position: relative;
	overflow: hidden;
	background-color: #f7d9d5;
	background-image:
		radial-gradient(900px 420px at 10% 0%, #fdeadf 0%, rgba(253, 234, 223, 0) 62%),
		radial-gradient(800px 460px at 92% 10%, #f6cdc8 0%, rgba(246, 205, 200, 0) 60%),
		linear-gradient(118deg, #fdeeea 0%, #f6d5d0 55%, #eec2be 100%);
}
.uiFooterBg:before,
.uiFooterBg:after {
	content: '';
	position: absolute;
	pointer-events: none;
	border-radius: 0 100% 0 100%;
	background: linear-gradient(140deg, rgba(223, 152, 150, .22), rgba(223, 152, 150, .04));
}
.uiFooterBg:before {
	width: 300px;
	height: 158px;
	left: -80px;
	top: -30px;
	transform: rotate(-16deg);
}
.uiFooterBg:after {
	width: 380px;
	height: 200px;
	right: -100px;
	bottom: -60px;
	transform: rotate(20deg);
}
.uiFooterBg .ui_port {
	position: relative;
	z-index: 2;
}

/* одна ось выравнивания на всю колонку */
.uiFooterBg .ui_column_content,
.uiFooterBg .ui_text,
.uiFooterBg .ui_text p,
.uiFooterBg .ui_headline {
	text-align: left;
}
.uiFooterBg .ui_headline h5 {
	font-size: 19px;
	line-height: 1.3;
	margin: 0;
}
.uiFooterBg .ui_text p {
	font-size: 14px;
	line-height: 1.8;
	margin: 0 0 8px;
	color: #4d5058;
}
.uiFooterBg .ui_text p:last-child {
	margin-bottom: 0;
}

/* соцсети: иконка с подписью в один ряд, кликабельная область крупнее */
.uiFooterBg .ui_icon {
	display: inline-flex;
	margin: 0 14px 10px 0 !important;
	vertical-align: middle;
}
.uiFooterBg .ui_icon .ui_icon_holder {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px 8px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .6);
	border: 1px solid rgba(223, 152, 150, .3);
	color: #343740;
	font-size: 13px;
	transition: background-color 200ms ease, border-color 200ms ease, transform 200ms ease;
}
.uiFooterBg .ui_icon .ui_icon_holder:hover {
	background: #fff;
	border-color: rgba(223, 152, 150, .6);
	transform: translateY(-2px);
}

/* нижняя полоса с копирайтом */
.uiSiteFooter .ui_color_scheme_11 .ui_text p {
	font-size: 13px;
	margin: 0;
}

@media (max-width: 992px) {
	.uiFooterBg:before,
	.uiFooterBg:after { display: none; }
}

/* Колонки темы шириной col-md-4 считаются в процентах и с отрицательными
   полями ряда - вместе с моим флексом карточки вылезали за свою колонку
   и наезжали друг на друга на 72px. Задаём раскладку явно: ряд с зазором,
   колонка - треть минус зазор, отступы темы обнуляем. */
.uiTiles .ui_row {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	margin: 0;
	align-items: stretch;
}
.uiTiles .ui_column {
	flex: 0 0 calc(33.3333% - 17.34px);
	max-width: calc(33.3333% - 17.34px);
	width: auto;
	padding: 0;
	margin: 0;
}

@media (max-width: 992px) {
	.uiTiles .ui_row { gap: 20px; }
	.uiTiles .ui_column {
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}
}
@media (max-width: 560px) {
	.uiTiles .ui_column {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* ===== полоса копирайта =====
   В мобильной версии внутри неё стоят три пустых .ui_separator подряд -
   полоса раздувалась с 48 до 81px без всякой причины. Убираем их и
   держим одинаковый вертикальный ритм на всех ширинах. */
.uiSiteFooter .ui_color_scheme_11 .ui_separator {
	display: none;
}
.uiSiteFooter .ui_color_scheme_11 .ui_port {
	padding-top: 14px;
	padding-bottom: 14px;
}
.uiSiteFooter .ui_color_scheme_11 .ui_column {
	padding-top: 0;
	padding-bottom: 0;
}
/* текст занимал только левую половину, правая пустовала */
.uiSiteFooter .ui_color_scheme_11 .ui_row > .ui_column {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}

/* ===== подвал: одна разметка на все ширины =====
   Раньше тема держала две секции - десктопную и мобильную - с одинаковым
   содержимым. Мобильную удалили, теперь колонки просто перестраиваются,
   а разделительные линии между ними появляются только на узких экранах. */
@media (max-width: 992px) {
	.uiFooterBg .ui_row {
		display: block;
	}
	.uiFooterBg .ui_column {
		width: 100%;
		max-width: 100%;
		flex: none;
		padding-left: 0;
		padding-right: 0;
	}
	.uiFooterBg .ui_column + .ui_column {
		margin-top: 26px;
		padding-top: 26px;
		border-top: 1px solid rgba(223, 152, 150, .35);
	}
	.uiFooterBg .ui_column_content,
	.uiFooterBg .ui_text,
	.uiFooterBg .ui_text p,
	.uiFooterBg .ui_headline {
		text-align: center;
	}
	/* чёрточка под заголовком - по центру вместе с текстом */
	.uiFooterBg .ui_headline .ui_headline_content:after {
		left: 50%;
		transform: translateX(-50%);
	}
	.uiFooterBg .ui_icon {
		margin: 0 6px 10px !important;
	}
}

/* Чёрточка под заголовком подвала - блочный псевдоэлемент в обычном потоке
   (position: static), поэтому ни left, ни text-align её не двигают.
   Центрируем автоматическими полями и снимаем сдвиг трансформом. */
@media (max-width: 992px) {
	.uiFooterBg .ui_headline .ui_headline_content:after {
		margin-left: auto;
		margin-right: auto;
		transform: none;
		left: auto;
	}
}

/* ===== хиро: одна разметка на все ширины =====
   Внутри каждого слайда тема держала два ряда с одинаковым текстом и
   кнопками - для десктопа и для мобильного. Мобильные удалены, оставшийся
   ряд перестраивается сам. Фотография на узких экранах прячется: там она
   отнимала бы весь экран у заголовка. */
@media (max-width: 992px) {
	body.pageHome .uiHeroSlider .uiHeroRow {
		display: block;
	}
	body.pageHome .uiHeroSlider .uiHeroRow > .ui_column_inner {
		width: 100%;
		max-width: 100%;
		flex: none;
		text-align: center;
	}
	body.pageHome .uiHeroSlider .uiHeroRow .ui_headline,
	body.pageHome .uiHeroSlider .uiHeroRow .ui_headline h3 {
		text-align: center;
	}
	body.pageHome .uiHeroSlider .uiHeroRow .ui_button {
		display: inline-block;
		margin: 0 5px 10px;
	}
	body.pageHome .uiHeroSlider .uiHeroPhotoCol {
		display: none;
	}
}

/* Кнопки лежат не в самой колонке, а во вложенном .ui_column_inner_content -
   выравнивание туда не доставало. */
@media (max-width: 992px) {
	body.pageHome .uiHeroSlider .uiHeroRow .ui_column_inner_content {
		text-align: center;
	}
	body.pageHome .uiHeroSlider .uiHeroRow .ui_button {
		float: none;
	}
}

/* ===== страница статьи =====
   Весь текст лежал одним абзацем: вопросы жирным, ответы следом, без
   вертикального ритма - читать было тяжело. Разобран на блоки вопрос-ответ,
   здесь их оформление. Всё под .pageArticle. */

/* вводная фотография */
.pageArticle .uiArticleHeadline img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 16px;
	box-shadow: 0 18px 40px -26px rgba(52, 55, 64, .55);
	margin-bottom: 26px;
}

.pageArticle .uiArticleBody {
	max-width: 46em;
}

/* лид */
.pageArticle .uiArticleLead {
	font-size: 1.08rem;
	line-height: 1.85;
	color: #4d5058;
	margin: 0 0 30px;
	padding-left: 18px;
	border-left: 3px solid rgba(223, 152, 150, .55);
}

/* вопрос-ответ */
.pageArticle .uiFaq {
	display: flex;
	flex-direction: column;
	gap: 26px;
}
.pageArticle .uiFaqItem {
	padding: 22px 24px;
	border: 1px solid rgba(223, 152, 150, .22);
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(255, 247, 245, .7), rgba(255, 255, 255, .55));
}
.pageArticle .uiFaqQ {
	font-family: 'Lobster', cursive;
	font-size: 21px;
	line-height: 1.4;
	font-weight: 400;
	color: #df9896;
	margin: 0 0 12px;
}
.pageArticle .uiFaqA {
	font-size: 15px;
	line-height: 1.85;
	color: #4d5058;
	margin: 0 0 12px;
}
.pageArticle .uiFaqA:last-child {
	margin-bottom: 0;
}

/* подпись автора */
.pageArticle .uiArticleSign {
	margin: 34px 0 0;
	padding-top: 20px;
	border-top: 1px solid rgba(223, 152, 150, .3);
	font-size: 14px;
	line-height: 1.7;
	color: #8b8e95;
	font-style: italic;
	text-align: right;
}

/* блок «поделиться» */
.pageArticle .uiArticleShareEtc {
	margin-top: 34px;
	padding-top: 22px;
	border-top: 1px solid rgba(223, 152, 150, .25);
}



@media (max-width: 768px) {
	.pageArticle .uiFaqItem { padding: 18px 16px; }
	.pageArticle .uiFaqQ { font-size: 19px; }
	.pageArticle .uiArticleLead { font-size: 1rem; padding-left: 14px; }
}

/* На узких экранах статья теряла по 60px с каждой стороны: внешняя раскладка
   уже даёт поля, а внутренний .port добавлял свои 30px сверху. Текстовая
   колонка сжималась до 270px при экране 390 - строка в 33 знака.
   Снимаем внутренний отступ, внешний остаётся. */
@media (max-width: 768px) {
	.pageArticle .uiPostSingleItemStandard > .port {
		padding-left: 0;
		padding-right: 0;
	}
	.pageArticle .uiFaqItem {
		padding-left: 14px;
		padding-right: 14px;
	}
}

/* ===== страницы категорий =====
   Карточки теперь общие с главной (.uiPostCards). Здесь только то,
   что относится к самому списку: сетка с зазорами и пагинация. */
.uiPostCards {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	margin: 0;
}
.uiPostCards .ui_latest_posts_item {
	flex: 0 0 calc(33.3333% - 17.34px);
	max-width: calc(33.3333% - 17.34px);
	width: auto;
	float: none;
	padding: 0;
}

/* пагинация: раньше это были голые ссылки в углу */
.uiPager {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 34px;
	padding-top: 24px;
	border-top: 1px solid rgba(223, 152, 150, .25);
}
.uiPager span,
.uiPager a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 12px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
/* текущая страница */
.uiPager > span {
	background: #df9896;
	color: #fff;
	font-weight: 600;
}
/* стрелка «в начало», когда она неактивна */
.uiPager > span:first-child {
	background: rgba(223, 152, 150, .12);
	color: #c9a6a4;
	font-weight: 400;
}
.uiPager a {
	background: #fff;
	border: 1px solid rgba(223, 152, 150, .3);
	color: #b05f5c;
}
.uiPager a:hover {
	background: #df9896;
	border-color: #df9896;
	color: #fff;
}

@media (max-width: 992px) {
	.uiPostCards { gap: 20px; }
	.uiPostCards .ui_latest_posts_item {
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}
}
@media (max-width: 620px) {
	.uiPostCards .ui_latest_posts_item {
		flex: 0 0 100%;
		max-width: 100%;
	}
}



/* Правило темы .ui_latest_posts.ui_columns_3 .ui_latest_posts_item ставит
   ровно 33.33% без вычета зазора, а на контейнере висит space-between.
   Вместе это давало две карточки в ряд и дыру в 305px между ними.
   Повторяем селектор темы с нашим классом, чтобы перебить по специфичности. */
.uiPostCards.ui_columns_3 {
	justify-content: flex-start;
}
.uiPostCards.ui_columns_3 .ui_latest_posts_item {
	flex: 0 0 calc(33.3333% - 17.34px);
	max-width: calc(33.3333% - 17.34px);
	width: calc(33.3333% - 17.34px);
	padding: 0;
}

@media (max-width: 992px) {
	.uiPostCards.ui_columns_3 .ui_latest_posts_item {
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
		width: calc(50% - 10px);
	}
}
@media (max-width: 620px) {
	.uiPostCards.ui_columns_3 .ui_latest_posts_item {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

/* Длинные названия разделов («HİSTEROSKOPİK ƏMƏLİYYATLAR / MƏQALƏLƏR»)
   разваливали пилюлю на две строки - ограничиваем и обрезаем. */
.uiPostCards .ui_latest_posts_item .ui_latest_posts_item_category .uiPostCats li a {
	max-width: 15em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

/* ===== боковая колонка =====
   Виджеты «Son Paylaşımlar» и «Tags» на исходном сайте были пустые -
   DLE их не заполнял. Наполнены реальными данными: три последние статьи
   и разделы сайта вместо меток (собственной системы тегов на сайте нет). */
.uiSidebar .uiBox {
	margin-bottom: 34px;
}
.uiSidebar .uiBox:last-child {
	margin-bottom: 0;
}
.uiSidebar .uiBox h4 {
	font-size: 19px;
	line-height: 1.3;
	margin: 0 0 16px;
}

/* списки разделов */
.uiSidebar .uiWidgetArchive ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.uiSidebar .uiWidgetArchive li a {
	display: block;
	padding: 10px 0 10px 16px;
	position: relative;
	font-size: 14.5px;
	line-height: 1.5;
	color: #4d5058;
	border-bottom: 1px solid rgba(223, 152, 150, .18);
	transition: color 200ms ease, padding-left 200ms ease;
}
.uiSidebar .uiWidgetArchive li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-radius: 50%;
	background: rgba(223, 152, 150, .55);
	transition: background-color 200ms ease;
}
.uiSidebar .uiWidgetArchive li a:hover {
	color: #b05f5c;
	padding-left: 22px;
}
.uiSidebar .uiWidgetArchive li a:hover:before {
	background: #df9896;
}
.uiSidebar .uiWidgetArchive li:last-child a {
	border-bottom: none;
}

/* последние статьи: миниатюра + заголовок */
.uiSidebar .uiWidgetPosts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.uiSidebar .uiWidgetPosts li + li {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(223, 152, 150, .18);
}
.uiRecentPost {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	text-decoration: none;
}
.uiRecentPostImg {
	flex: 0 0 62px;
	width: 62px;
	height: 62px;
	border-radius: 10px;
	overflow: hidden;
	background: #f7e6e2;
}
.uiRecentPostImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 420ms cubic-bezier(.2, .8, .2, 1);
}
.uiRecentPost:hover .uiRecentPostImg img {
	transform: scale(1.08);
}
.uiRecentPostText {
	flex: 1 1 auto;
	font-size: 13.5px;
	line-height: 1.55;
	color: #4d5058;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 200ms ease;
}
.uiRecentPost:hover .uiRecentPostText {
	color: #b05f5c;
}

/* метки */
.uiTagCloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.uiTagCloud a {
	display: inline-block;
	padding: 7px 13px;
	border-radius: 999px;
	border: 1px solid rgba(223, 152, 150, .32);
	background: rgba(255, 255, 255, .7);
	font-size: 12.5px;
	line-height: 1.2;
	color: #b05f5c;
	text-decoration: none;
	transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}
.uiTagCloud a:hover {
	background: #df9896;
	border-color: #df9896;
	color: #fff;
}

/* Тема красит ссылки в виджетах правилом .uiBox ul li a (специфичнее
   одного класса) и возвращала им display:block - карточка последней статьи
   разваливалась, миниатюра растягивалась на всю ширину.
   Плюс обёртка миниатюры - <span>, то есть inline: ширина к нему не
   применялась, пока не сделаешь его блочным. */
.uiSidebar .uiWidgetPosts ul li a.uiRecentPost {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 0;
}
.uiSidebar .uiWidgetPosts ul li a.uiRecentPost .uiRecentPostImg {
	display: block;
	flex: 0 0 62px;
	width: 62px;
	height: 62px;
	border-radius: 10px;
	overflow: hidden;
}
.uiSidebar .uiWidgetPosts ul li a.uiRecentPost .uiRecentPostText {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1 1 auto;
}

/* заголовок последней статьи выравниваем по левому краю: рядом с миниатюрой
   центрирование от темы читается как случайное */
.uiSidebar .uiWidgetPosts ul li a.uiRecentPost .uiRecentPostText {
	text-align: left;
}
.uiSidebar .uiTagCloud {
	justify-content: flex-start;
}

/* Заголовки статей на сайте везде набраны Lobster в фирменной розе -
   в виджете последних статей должно быть так же, а не основным шрифтом. */
.uiSidebar .uiWidgetPosts ul li a.uiRecentPost .uiRecentPostText {
	font-family: 'Lobster', cursive;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	color: #df9896;
	-webkit-line-clamp: 3;
}
.uiSidebar .uiWidgetPosts ul li a.uiRecentPost:hover .uiRecentPostText {
	color: #c97a78;
}

/* ===== страница контактов =====
   Было: три строки текста «Ünvan: … Telefon: … E-mail: …» без ссылок,
   поля и кнопка вне какого-либо <form>, кнопка синяя от модуля форм DLE. */

/* карточки контактов */
.pageContacts .uiContactList {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.pageContacts .uiContactList li {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 16px 18px;
	border: 1px solid rgba(223, 152, 150, .22);
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(255, 247, 245, .7), rgba(255, 255, 255, .55));
	transition: border-color 220ms ease, box-shadow 220ms ease;
}
.pageContacts .uiContactList li:hover {
	border-color: rgba(223, 152, 150, .5);
	box-shadow: 0 14px 30px -22px rgba(52, 55, 64, .45);
}
.pageContacts .uiContactIcon {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(223, 152, 150, .14);
	color: #df9896;
}
.pageContacts .uiContactIcon svg {
	width: 20px;
	height: 20px;
}
.pageContacts .uiContactBody {
	display: block;
	padding-top: 2px;
}
.pageContacts .uiContactLabel {
	display: block;
	font-size: 11.5px;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-weight: 600;
	color: #b05f5c;
	margin-bottom: 3px;
}
.pageContacts .uiContactBody a,
.pageContacts .uiContactPlain {
	font-size: 15px;
	line-height: 1.6;
	color: #343740;
	text-decoration: none;
	transition: color 200ms ease;
}
.pageContacts .uiContactBody a:hover {
	color: #c97a78;
}

/* форма */
.pageContacts .uiFormTitle {
	font-family: 'Lobster', cursive;
	font-size: 22px;
	line-height: 1.3;
	color: #343740;
	margin: 0 0 18px;
}
.pageContacts .uiContactForm p {
	margin: 0 0 12px;
}
.pageContacts .uiContactForm input[type="text"] {
	width: 100%;
	padding: 13px 16px;
	border: 1px solid rgba(223, 152, 150, .3);
	border-radius: 10px;
	background: #fff;
	font-size: 14.5px;
	line-height: 1.4;
	color: #343740;
	transition: border-color 200ms ease, box-shadow 200ms ease;
}
.pageContacts .uiContactForm input[type="text"]::placeholder {
	color: #a9acb3;
}
.pageContacts .uiContactForm input[type="text"]:focus {
	outline: none;
	border-color: #df9896;
	box-shadow: 0 0 0 3px rgba(223, 152, 150, .18);
}

/* кнопка: была синей от модуля форм DLE */
.pageContacts .uiContactForm .uiBtn,
.pageContacts .uiContactForm button.uiBtn {
	width: 100%;
	padding: 14px 22px;
	border: none;
	border-radius: 10px;
	background: #df9896;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 200ms ease, transform 200ms ease;
}
.pageContacts .uiContactForm .uiBtn:hover {
	background: #c97a78;
	transform: translateY(-1px);
}
.pageContacts .uiContactForm .uiBtnLabel {
	color: inherit;
}

/* карта */
.pageContacts iframe {
	display: block;
	width: 100%;
	border: 0;
	border-radius: 16px;
	box-shadow: 0 18px 40px -26px rgba(52, 55, 64, .5);
}

@media (max-width: 768px) {
	.pageContacts .uiContactList li { padding: 14px; }
	.pageContacts .uiFormTitle { font-size: 20px; }
}

/* Колонка контактов у темы центрирует содержимое - карточки читались
   как случайно выровненные. Ставим левый край, как в остальных блоках. */
.pageContacts .uiContactList,
.pageContacts .uiContactList li,
.pageContacts .uiContactBody,
.pageContacts .uiContactLabel {
	text-align: left;
}
.pageContacts .uiFormTitle {
	text-align: left;
}

/* ===== контакты: новая компоновка =====
   Сайдбар с этой страницы убран - он повторял меню и занимал треть ширины.
   Вместо него: блок быстрых действий, контакты с формой в две колонки
   и карта во всю ширину с карточкой поверх. */

/* --- шапка блока: лотос, заголовок, подзаголовок --- */
.uiContactIntro {
	padding: 10px 0 0;
}
.uiContactIntroInner {
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
}
.uiContactLotus {
	display: block;
	width: 46px;
	margin: 0 auto 14px;
	color: #df9896;
}
.uiContactLotus svg { width: 100%; height: auto; display: block; }
.uiContactTitle {
	font-family: 'Lobster', cursive;
	font-size: 34px;
	line-height: 1.25;
	color: #343740;
	margin: 0 0 12px;
}
.uiContactTitle em { font-style: normal; color: #df9896; }
.uiContactSubtitle {
	font-size: 15.5px;
	line-height: 1.8;
	color: #6d7078;
	margin: 0 auto 34px;
	max-width: 620px;
}

/* --- быстрые действия --- */
.uiQuickActions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	text-align: left;
}
.uiQuickAction {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 20px;
	border-radius: 14px;
	border: 1px solid rgba(223, 152, 150, .26);
	background: #fff;
	text-decoration: none;
	box-shadow: 0 10px 26px -22px rgba(52, 55, 64, .5);
	transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
}
.uiQuickAction:hover {
	transform: translateY(-4px);
	border-color: rgba(223, 152, 150, .55);
	box-shadow: 0 22px 44px -26px rgba(52, 55, 64, .55);
}
.uiQuickPrimary {
	background: linear-gradient(135deg, #df9896, #c97a78);
	border-color: transparent;
}
.uiQuickIcon {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(223, 152, 150, .14);
	color: #df9896;
}
.uiQuickPrimary .uiQuickIcon {
	background: rgba(255, 255, 255, .22);
	color: #fff;
}
.uiQuickIcon svg { width: 21px; height: 21px; }
.uiQuickLabel {
	display: block;
	font-size: 11.5px;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-weight: 600;
	color: #b05f5c;
	margin-bottom: 3px;
}
.uiQuickValue {
	display: block;
	font-size: 15px;
	line-height: 1.4;
	color: #343740;
}
.uiQuickPrimary .uiQuickLabel,
.uiQuickPrimary .uiQuickValue { color: #fff; }

/* --- две колонки: контакты и форма --- */
.uiContactMain { margin-top: 70px; }
.uiContactGrid {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 30px;
	align-items: start;
}
.uiBlockTitle {
	font-family: 'Lobster', cursive;
	font-size: 23px;
	line-height: 1.3;
	color: #343740;
	margin: 0 0 18px;
	text-align: left;
}
.uiContactSide,
.uiContactFormWrap {
	padding: 28px;
	border-radius: 16px;
	border: 1px solid rgba(223, 152, 150, .22);
	background: linear-gradient(180deg, rgba(255, 247, 245, .75), rgba(255, 255, 255, .6));
}
.uiContactFormWrap { background: #fff; }

.uiContactSocial { margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(223, 152, 150, .25); }
.uiContactSocialRow { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.uiContactSocialRow a {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(223, 152, 150, .32);
	background: rgba(255, 255, 255, .8);
	font-size: 12.5px;
	color: #b05f5c;
	text-decoration: none;
	transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
.uiContactSocialRow a:hover { background: #df9896; border-color: #df9896; color: #fff; }

.uiContactForm textarea.uiform-form-control {
	width: 100%;
	padding: 13px 16px;
	border: 1px solid rgba(223, 152, 150, .3);
	border-radius: 10px;
	background: #fff;
	font-family: inherit;
	font-size: 14.5px;
	line-height: 1.6;
	color: #343740;
	resize: vertical;
	transition: border-color 200ms ease, box-shadow 200ms ease;
}
.uiContactForm textarea.uiform-form-control:focus {
	outline: none;
	border-color: #df9896;
	box-shadow: 0 0 0 3px rgba(223, 152, 150, .18);
}
.uiFormNote {
	margin: 12px 0 0 !important;
	font-size: 12px;
	line-height: 1.6;
	color: #8b8e95;
	text-align: left;
}

/* --- карта с карточкой поверх --- */
.uiContactMap { margin-top: 70px; }
.uiMapWrap { position: relative; }
.uiMapWrap iframe {
	display: block;
	width: 100%;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.uiMapCard {
	position: absolute;
	left: 6%;
	top: 50%;
	transform: translateY(-50%);
	width: 300px;
	padding: 24px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .95);
	box-shadow: 0 26px 60px -30px rgba(52, 55, 64, .6);
	text-align: left;
}
.uiMapCard strong {
	display: block;
	font-family: 'Lobster', cursive;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.3;
	color: #343740;
	margin: 4px 0 8px;
}
.uiMapCard p {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.6;
	color: #6d7078;
}
.uiMapBtn {
	display: inline-block;
	padding: 11px 20px;
	border-radius: 10px;
	background: #df9896;
	color: #fff;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 200ms ease;
}
.uiMapBtn:hover { background: #c97a78; color: #fff; }

@media (max-width: 992px) {
	.uiQuickActions { grid-template-columns: 1fr; }
	.uiContactGrid { grid-template-columns: 1fr; gap: 22px; }
	.uiContactMain, .uiContactMap { margin-top: 48px; }
	.uiMapCard {
		position: static;
		transform: none;
		width: auto;
		margin: -40px 20px 0;
	}
}
@media (max-width: 560px) {
	.uiContactTitle { font-size: 28px; }
	.uiContactSide, .uiContactFormWrap { padding: 20px; }
}

/* Тема красит все ссылки внутри контента в розовый (.uiContent a) - на
   кнопке поверх карты текст совпал с фоном и пропал. Повышаем точность. */
.pageContacts .uiMapCard a.uiMapBtn,
.pageContacts .uiMapCard a.uiMapBtn:hover {
	color: #fff;
}
.pageContacts .uiQuickPrimary .uiQuickValue,
.pageContacts .uiQuickPrimary .uiQuickLabel {
	color: #fff;
}

/* Белый текст на фирменной розе #df9896 даёт 2.32:1 - ниже нормы 4.5.
   Для залитых кнопок берём глубокий оттенок той же гаммы #b05f5c (4.53:1),
   на наведении ещё темнее. Светлая роза остаётся там, где она фон
   под тёмным текстом, - её не трогаем. */
.pageContacts .uiQuickPrimary {
	background: linear-gradient(135deg, #b05f5c, #99504d);
}
.pageContacts .uiMapCard a.uiMapBtn {
	background: #b05f5c;
}
.pageContacts .uiMapCard a.uiMapBtn:hover {
	background: #99504d;
}
.pageContacts .uiContactForm .uiBtn,
.pageContacts .uiContactForm button.uiBtn {
	background: #b05f5c;
}
.pageContacts .uiContactForm .uiBtn:hover {
	background: #99504d;
}
.pageContacts .uiContactSocialRow a:hover {
	background: #b05f5c;
	border-color: #b05f5c;
}

/* ===== статья: обычный пост =====
   Карточный вид «вопрос-ответ» переехал на отдельную страницу FAQ.
   Здесь оставляем спокойную журнальную подачу: подзаголовок и абзацы,
   ритм держим отступами, а не рамками. */
.pageArticle .uiFaq {
	display: block;
}
.pageArticle .uiFaqItem {
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	margin-bottom: 30px;
}
.pageArticle .uiFaqItem:last-child {
	margin-bottom: 0;
}
.pageArticle .uiFaqQ {
	font-family: 'Lobster', cursive;
	font-size: 22px;
	line-height: 1.4;
	color: #df9896;
	margin: 0 0 10px;
	padding-top: 6px;
}
.pageArticle .uiFaqA {
	font-size: 15.5px;
	line-height: 1.9;
	color: #4d5058;
	margin: 0 0 14px;
}

/* ===== страница «Suallar və cavablar» =====
   Аккордеон на <details>/<summary>: раскрытие работает без JS,
   текст остаётся в разметке и доступен поиску. */
.pageFaq .uiFaqIntroInner {
	text-align: center;
	max-width: 760px;
	margin: 0 auto 40px;
}
.pageFaq .uiFaqList {
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.pageFaq .uiFaqRow {
	border: 1px solid rgba(223, 152, 150, .24);
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(255, 247, 245, .7), rgba(255, 255, 255, .6));
	overflow: hidden;
	transition: border-color 220ms ease, box-shadow 220ms ease;
}
.pageFaq .uiFaqRow[open] {
	border-color: rgba(223, 152, 150, .45);
	box-shadow: 0 18px 40px -30px rgba(52, 55, 64, .5);
}
.pageFaq .uiFaqRow summary {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 24px;
	cursor: pointer;
	list-style: none;
}
.pageFaq .uiFaqRow summary::-webkit-details-marker { display: none; }
.pageFaq .uiFaqQuestion {
	flex: 1 1 auto;
	font-family: 'Lobster', cursive;
	font-size: 20px;
	line-height: 1.4;
	color: #df9896;
	transition: color 200ms ease;
}
.pageFaq .uiFaqRow[open] .uiFaqQuestion,
.pageFaq .uiFaqRow summary:hover .uiFaqQuestion { color: #c97a78; }

/* плюс-минус из двух полосок, без иконочного шрифта */
.pageFaq .uiFaqMark {
	position: relative;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(223, 152, 150, .14);
}
.pageFaq .uiFaqMark:before,
.pageFaq .uiFaqMark:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
	border-radius: 2px;
	background: #b05f5c;
	transition: transform 240ms ease, opacity 240ms ease;
}
.pageFaq .uiFaqMark:after { transform: rotate(90deg); }
.pageFaq .uiFaqRow[open] .uiFaqMark:after { transform: rotate(0deg); opacity: 0; }

.pageFaq .uiFaqAnswer {
	padding: 0 24px 22px;
	border-top: 1px solid rgba(223, 152, 150, .2);
	margin-top: -1px;
	padding-top: 18px;
}
.pageFaq .uiFaqAnswer p {
	font-size: 15px;
	line-height: 1.9;
	color: #4d5058;
	margin: 0 0 12px;
	text-align: left;
}
.pageFaq .uiFaqAnswer p:last-child { margin-bottom: 0; }

.pageFaq .uiFaqFooter {
	max-width: 900px;
	margin: 40px auto 0;
	padding-top: 26px;
	border-top: 1px solid rgba(223, 152, 150, .25);
	text-align: center;
}
.pageFaq .uiFaqFooter p {
	font-size: 14.5px;
	line-height: 1.7;
	color: #6d7078;
	margin: 0 0 18px;
}
.pageFaq .uiFaqFooter a.uiMapBtn {
	background: #b05f5c;
	color: #fff;
}
.pageFaq .uiFaqFooter a.uiMapBtn:hover { background: #99504d; color: #fff; }

@media (max-width: 768px) {
	.pageFaq .uiFaqRow summary { padding: 16px 18px; gap: 12px; }
	.pageFaq .uiFaqQuestion { font-size: 18px; }
	.pageFaq .uiFaqAnswer { padding: 16px 18px 18px; }
}

/* ===== статья: мета, оглавление, автор, похожие =====
   Текст остаётся журнальным; добавлены навигация по вопросам и
   завершающие блоки, которых в исходной странице не было вовсе. */

/* строка меты под заголовком */
.pageArticle .uiArticleMeta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 26px;
	font-size: 13px;
	color: #8b8e95;
}
.pageArticle .uiArticleMetaItem a { color: #b05f5c; text-decoration: none; }
.pageArticle .uiArticleMetaItem a:hover { color: #99504d; }
.pageArticle .uiArticleMetaDot {
	width: 4px; height: 4px; border-radius: 50%;
	background: rgba(223, 152, 150, .6);
}

/* оглавление */
.pageArticle .uiToc {
	margin: 0 0 34px;
	padding: 22px 24px;
	border: 1px solid rgba(223, 152, 150, .24);
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(255, 247, 245, .75), rgba(255, 255, 255, .6));
}
.pageArticle .uiTocTitle {
	display: block;
	font-size: 11.5px;
	letter-spacing: .09em;
	text-transform: uppercase;
	font-weight: 600;
	color: #b05f5c;
	margin-bottom: 12px;
}
.pageArticle .uiToc ol {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: toc;
}
.pageArticle .uiToc li {
	counter-increment: toc;
	position: relative;
	padding: 6px 0 6px 30px;
}
.pageArticle .uiToc li:before {
	content: counter(toc);
	position: absolute;
	left: 0;
	top: 6px;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background: rgba(223, 152, 150, .16);
	color: #b05f5c;
	font-size: 11px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pageArticle .uiToc a {
	font-size: 14.5px;
	line-height: 1.6;
	color: #4d5058;
	text-decoration: none;
	transition: color 200ms ease;
}
.pageArticle .uiToc a:hover { color: #b05f5c; }

/* плавная прокрутка к вопросу и отступ под липкой шапкой */
html { scroll-behavior: smooth; }
.pageArticle .uiFaqQ[id] { scroll-margin-top: 120px; }

/* карточка автора */
.pageArticle .uiAuthorCard {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	margin: 40px 0 0;
	padding: 24px;
	border: 1px solid rgba(223, 152, 150, .24);
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(255, 247, 245, .75), rgba(255, 255, 255, .6));
}
.pageArticle .uiAuthorPhoto {
	flex: 0 0 84px;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	overflow: hidden;
	background: #f7e6e2;
}
.pageArticle .uiAuthorPhoto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pageArticle .uiAuthorLabel {
	display: block;
	font-size: 11.5px;
	letter-spacing: .09em;
	text-transform: uppercase;
	font-weight: 600;
	color: #b05f5c;
	margin-bottom: 4px;
}
.pageArticle .uiAuthorBody strong {
	display: block;
	font-family: 'Lobster', cursive;
	font-weight: 400;
	font-size: 21px;
	color: #343740;
	margin-bottom: 8px;
}
.pageArticle .uiAuthorBody p {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.7;
	color: #6d7078;
}
.pageArticle .uiAuthorLink {
	display: inline-block;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #b05f5c;
	text-decoration: none;
}
.pageArticle .uiAuthorLink:hover { color: #99504d; }

/* похожие материалы */
.pageArticle .uiRelated { margin-top: 40px; }
.pageArticle .uiRelatedTitle {
	font-family: 'Lobster', cursive;
	font-size: 22px;
	color: #343740;
	margin: 0 0 18px;
}
.pageArticle .uiRelatedGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}
.pageArticle .uiRelatedItem {
	display: block;
	border: 1px solid rgba(223, 152, 150, .22);
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	text-decoration: none;
	transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
}
.pageArticle .uiRelatedItem:hover {
	transform: translateY(-4px);
	border-color: rgba(223, 152, 150, .5);
	box-shadow: 0 20px 40px -26px rgba(52, 55, 64, .5);
}
.pageArticle .uiRelatedImg {
	display: block;
	aspect-ratio: 4 / 3;
	background: #f7e6e2;
	overflow: hidden;
}
.pageArticle .uiRelatedImg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pageArticle .uiRelatedText {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 14px 16px 18px;
	font-family: 'Lobster', cursive;
	font-size: 16px;
	line-height: 1.4;
	color: #df9896;
}
.pageArticle .uiRelatedItem:hover .uiRelatedText { color: #c97a78; }

@media (max-width: 768px) {
	.pageArticle .uiRelatedGrid { grid-template-columns: 1fr; }
	.pageArticle .uiAuthorCard { flex-direction: column; }
	.pageArticle .uiToc { padding: 18px; }
}

/* ===== верх статьи =====
   Было: огромная фотография во всю ширину ДО заголовка - она забирала
   первый экран целиком, а название статьи оказывалось где-то внизу.
   Стало: сначала рубрика, заголовок и мета, потом иллюстрация
   в спокойной пропорции. */
.pageArticle .uiArticleHeadline {
	margin-bottom: 4px;
}
.pageArticle .uiArticleHeadline .ui_headline_content,
.pageArticle .uiArticleHeadline .ui_headline_superheadline,
.pageArticle .uiArticleHeadline h1 {
	text-align: left;
}
/* чёрточка под заголовком - к левому краю, как и текст */
.pageArticle .uiArticleHeadline .ui_headline_content:after {
	margin-left: 0;
	margin-right: auto;
	left: auto;
	transform: none;
}
.pageArticle .uiArticleMeta {
	margin: 14px 0 22px;
}

/* обложка */
.pageArticle .uiArticleCover {
	margin: 0 0 32px;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 18px 40px -28px rgba(52, 55, 64, .55);
	background: #f7e6e2;
}
.pageArticle .uiArticleCover img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center 38%;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}

@media (max-width: 768px) {
	.pageArticle .uiArticleCover img { aspect-ratio: 3 / 2; }
	.pageArticle .uiArticleCover { margin-bottom: 24px; }
}

/* На странице статьи хиро занимал 220px ради хлебной крошки и слова
   «Məqalələr», плюс 80px отступа снизу — заголовок статьи оказывался
   за пределами первого экрана. Поджимаем: хиро ниже, отступ меньше,
   обложка с ограничением по высоте. */
.pageArticle .uiPageHeadline {
	margin-bottom: 44px !important;
}
.pageArticle .uiPageHeadline .ui_port {
	padding-top: 2.4em;
	padding-bottom: 2.4em;
}
.pageArticle .uiArticleHeadline h1 .ui_headline_content span {
	font-size: 1.06em;
	line-height: 1.25;
}
.pageArticle .uiArticleCover img {
	max-height: 380px;
}

@media (max-width: 768px) {
	.pageArticle .uiPageHeadline { margin-bottom: 30px !important; }
	.pageArticle .uiPageHeadline .ui_port { padding-top: 1.8em; padding-bottom: 1.8em; }
	.pageArticle .uiArticleCover img { max-height: 260px; }
}

/* ===== статья как интервью =====
   Никаких карточек, оглавлений и нумерованных вопросов - это пост.
   Реплика корреспондента набрана тем же кеглем, что и текст, только
   графитом и полужирным, с тире. Ответы - обычные абзацы. */
.pageArticle .uiPostText {
	font-size: 16px;
	line-height: 1.95;
	color: #4a4d55;
}
.pageArticle .uiPostText p {
	margin: 0 0 20px;
}
.pageArticle .uiPostText p:last-child {
	margin-bottom: 0;
}
.pageArticle .uiPostQ {
	margin-top: 34px !important;
	margin-bottom: 14px !important;
	font-weight: 600;
	color: #343740;
}
.pageArticle .uiPostText > .uiPostQ:first-child {
	margin-top: 0 !important;
}
/* первая буква первого абзаца - буквица, как в журнальной вёрстке */
.pageArticle .uiPostText > p:not(.uiPostQ):first-of-type:first-letter {
	float: left;
	font-family: 'Lobster', cursive;
	font-size: 56px;
	line-height: .86;
	color: #df9896;
	padding: 6px 12px 0 0;
}

/* ===== шапка поста =====
   Тема собирала заголовок из четырёх вложенных span, а рубрика
   дублировалась ещё и в строке меты. Здесь простая разметка:
   ссылка на рубрику, заголовок, мета. */
.pageArticle .uiPostHeader {
	margin: 0 0 26px;
	text-align: left;
}
.pageArticle .uiPostCat {
	display: inline-block;
	margin-bottom: 14px;
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(223, 152, 150, .14);
	border: 1px solid rgba(223, 152, 150, .3);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #b05f5c;
	text-decoration: none;
	transition: background-color 200ms ease, color 200ms ease;
}
.pageArticle .uiPostCat:hover {
	background: #b05f5c;
	color: #fff;
}
.pageArticle .uiPostTitle {
	font-family: 'Lobster', cursive;
	font-weight: 400;
	font-size: 36px;
	line-height: 1.25;
	color: #343740;
	margin: 0 0 14px;
	position: relative;
	padding-bottom: 18px;
}
.pageArticle .uiPostTitle:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 2px;
	background: #df9896;
}
.pageArticle .uiPostMeta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: #8b8e95;
}
.pageArticle .uiPostMetaDot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(223, 152, 150, .6);
}

@media (max-width: 768px) {
	.pageArticle .uiPostTitle { font-size: 27px; padding-bottom: 14px; }
}

/* ------------------------------------------------------------------
   Видео и галерея внутри статьи.
   Этих блоков не было в статичной вёрстке: на прежнем сайте видео
   вставлялось полем xfields, а галерея — отдельной таблицей. Классы
   свои (uiPostVideo, uiPostGallery), чужого ничего не задевают.
   ------------------------------------------------------------------ */

.pageArticle .uiPostVideo {
  position: relative;
  margin: 38px 0;
  padding-top: 56.25%;              /* 16:9 без скачка вёрстки при загрузке */
  border-radius: 14px;
  overflow: hidden;
  background: #1c1c22;
}

.pageArticle .uiPostVideo iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.pageArticle .uiPostGallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  /* снизу отступ не задаём: его даёт следующий блок (карточка автора),
     иначе поля складывались и между ними получалось 78px вместо 40 */
  margin: 32px 0 0;
}

.pageArticle .uiPostGalleryItem {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #f3f0ef;
}

.pageArticle .uiPostGalleryItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.pageArticle .uiPostGalleryItem:hover img,
.pageArticle .uiPostGalleryItem:focus-visible img {
  transform: scale(1.05);
}

@media (max-width: 767px) {
  .pageArticle .uiPostGallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 479px) {
  .pageArticle .uiPostGallery { grid-template-columns: minmax(0, 1fr); }
  .pageArticle .uiPostVideo { margin: 26px 0; }
}

/* Страница 404: крупный код ошибки над заголовком. */
.pageError .uiErrorBlock { padding: 30px 0 10px; }

.pageError .uiErrorCode {
  display: block;
  font-family: 'Lobster', cursive;
  font-size: 96px;
  line-height: 1;
  color: #df9896;
}

@media (max-width: 575px) {
  .pageError .uiErrorCode { font-size: 64px; }
}

/* Видео на месте обложки.
   Поля и скругление задаёт сама обложка (.uiArticleCover), поэтому внутренний
   блок их обнуляет — иначе получалось двойное скругление, а у ролика пропадал
   нижний отступ и текст прилипал к видео. */
.pageArticle .uiArticleCoverVideo .uiPostVideo {
  margin: 0;
  border-radius: 0;
}

/* ------------------------------------------------------------------
   Хиро на узких экранах.
   Колонка слайда получала ширину шире окна и страница начинала ездить
   вбок: на 390px документ был 436px. Ограничиваем колонки шириной
   слайда — сетка темы этого не делает, потому что компенсирует свои
   отрицательные поля.
   ------------------------------------------------------------------ */
@media (max-width: 991px) {
  body.pageHome .uiHeroRow {
    margin-left: 0;
    margin-right: 0;
  }

  body.pageHome .uiHeroRow > .ui_column_inner {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}