body {
	@extend %width100;
	@extend %height100;
	@extend %posRelative;
	@extend %fw-4;
	background: var(--white);
	line-height: 1.5;
	@include phone {
        font-size: 15px
    }
    @include tabletL {
        font-size: 13px;
    }
	&.uik_fullwidth {
		@extend %width100;
	}
	&.uik_boxed {
		width: 1366px;
		display: block;
		margin: 0 auto;
	}
}

.container-fluid {
	@extend %width100;
	@extend %posRelative;
	display: block;
	margin: 0 auto;
}

.container {
	@extend %posRelative;
	display: block;
	padding: 0 #{$container-padding};
	margin: 0;
    @include phone {
        width: 100%;
    }
    @include desktop {
		width: #{$desktop-width};
		margin: 0 auto;

    }
}

#content {
	@extend %posRelative;
	display: block;
	padding: 80px 0;
}

.section-title {
	@extend %posRelative;
	border-bottom: 1px solid var(--gray-dark);
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #222;
	img {
		margin: 0 auto;
		display: block;
	}
	h2, h3, h4 {
		font-weight: 700;
		span {
			color: var(--blue);
		}
	}
	span {
		color: var(--blue);
	}
	p {
		color: #585757;
	}
	.fancybox {
		@include tabletP {
			position: absolute;
			right: 0;
			top: 0;
			z-index: 60;
		}
	}
}

section {
	&.full_width_content {
		.container {
			@include desktop {
				width: 100% !important;
			}
		}
	}
}