#site-includes {
	padding-bottom: 100px;
}

.site-include-list {
	overflow-x: scroll;
	overflow: hidden;
	display: flex;
}

.site-include-wrap {
	width: 33.333%;
	flex-shrink: 0;
	padding-right: 30px;
	box-sizing: border-box;
}

.site-include-wrap:last-child {
	_padding-right: 0px;
}

.site-include {
	border: 1px solid rgba(255,255,255, 0.1);
	_background: #232323;
	padding: 30px;
	height: 100%;
	text-align: center;
	position: relative;
}


.site-include-icon {
	margin-right: 15px;
	width: 53px;
	height: 53px;
	background: #424242;
	background: var(--site-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	margin: auto;
	margin-bottom: 20px;
}


.site-include svg {
	height: 20px;
}

.site-include svg * {
	fill: #fff !important;
}	


.site-include-title {
	color: #fff;
}

.site-include-text {
	_margin-top: 30px;
}


@media only screen and (max-width: 980px) {
	.site-include-wrap {
		width: 100%;
		padding-right: 0px;
	}
}


.site-include-frame-top-left,
.site-include-frame-top-right,
.site-include-frame-bottom-left,
.site-include-frame-bottom-right {
	--size: 1px;
	z-index: 9;
	position: absolute;	
	width: 10px;
	height: 10px;		
	margin: 0px;
}

.site-include-frame-top-left {
	top: 0px;
	left: 0px;
	border-left: var(--size) solid var(--site-color);
	border-top: var(--size) solid var(--site-color);			
}

.site-include-frame-top-right {
	top: 0px;
	right: 0px;
	border-right: var(--size) solid var(--site-color);
	border-top: var(--size) solid var(--site-color);			
}

.site-include-frame-bottom-left {
	bottom: 0px;
	left: 0px;
	border-bottom: var(--size) solid var(--site-color);
	border-left: var(--size) solid var(--site-color);		
}

.site-include-frame-bottom-right {
	bottom: 0px;
	right: 0px;
	border-bottom: var(--size) solid var(--site-color);
	border-right: var(--size) solid var(--site-color);
}