.component_view.mail_front_page.template_sti
{
	position: relative;
	margin-bottom: 100px;
}

.component_view.mail_front_page.template_sti .component_body
{
	margin-top: 50px;

}



.component_view.mail_front_page.template_sti .uploadfile_fullimage
{
	overflow: hidden;
	height: 300px;
	border-bottom: 5px solid #1e2328;
}

.component_view.mail_front_page.template_sti .uploadfile_fullimage:after
{
	background: rgba(0, 0, 0, 0.6);
	content: "";
	position: absolute;
	width: 100%;
	height: 300px;
	top: 0px;
}

.component_view.mail_front_page.template_sti .uploadfile_fullimage img
{
	width: 100%;
}

.component_view.mail_front_page.template_sti>.string_title
{
	position: absolute;
	width: calc(50% - 300px);
	text-align: right;
	margin-left: -20px;
	transform: skew(-20deg);
	top: 0px;
	background: #3d4750;
	color: #fff;
}

.component_view.mail_front_page.template_sti>.string_title>.field_value
{
	transform: skew(20deg);
	margin-right: 50px;
}

.component_view.mail_front_page.template_sti>.texteditor_fulltext
{
	position: absolute;
	width: calc(50% - 300px);
	top: 100px;
	color: #fff;
	margin-left: calc(50% - 520px);
	font-size: 15px;
}


.component_view.mail_front_page.template_sti form .field_title
{
background: #0cc0f1;
width: 50%;
text-align: right;
color: #fff;
padding: 10px 20px 10px 10px;
}

.component_view.mail_front_page.template_sti form .field_title:after
{
	position: absolute;
	content: "";
	width: 30px;
	height: 45px;
	transform: skew(-20deg);
	background: #0cc0f1;
	margin-top: -10px;
	margin-left: 10px;

}


.component_view.mail_front_page.template_sti form input, .component_view.mail_front_page.template_sti form textarea
{
	width: 1024px;
	margin-left: calc(50% - 500px);
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.1);
	border:1px solid rgba(0, 0, 0, 0.2);

}

.component_view.mail_front_page.template_sti form textarea
{
	height: 300px;
}

.component_view.mail_front_page.template_sti form input[type="submit"]
{
	background: #0cc0f1;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	width: 200px;
	margin-left: calc(50% - 100px);
}