/* Mega Grid System */

.row > .column.left { margin-left: 30px; }
.row > .column.right { margin-right: 30px; }

.col-1-12 { width: calc((100% + 30px) * 0.0833 - 30px); }
.col-2-12 { width: calc((100% + 30px) * 0.1666 - 30px); }

.col-12-12 { width: 100%; }

@media only screen and (min-width: 1022px)
{
	.row.m-0 > .column.left { margin-left: 0; }
	.row.m-0 > .column.right { margin-right: 0; }

	.row.m-0 > .col-1-12 { width: 8.33%; }
	.row.m-0 > .col-2-12 { width: 16.66%; }
	.row.m-0 > .col-3-12 { width: 25%; }
	.row.m-0 > .col-3-33-12 { width: calc(100% * (3.33 / 12)); }
	.row.m-0 > .col-4-12 { width: 33.33%; }
	.row.m-0 > .col-5-12 { width: 41.66%; }
	.row.m-0 > .col-6-12 { width: 50%; }
	.row.m-0 > .col-7-12 { width: 58.33%; }
	.row.m-0 > .col-8-12 { width: 66.66%; }
	.row.m-0 > .col-8-66-12 { width: calc(100%  * (8.66 / 12)); }
	.row.m-0 > .col-9-12 { width: 75%; }
	.row.m-0 > .col-10-12 { width: 83.33%; }
	.row.m-0 > .col-11-12 { width: 91.66%; }

	.col-3-12 { width: calc((100% + 30px) * 0.25 - 30px); }
	.col-3-33-12 { width: calc((100% + 30px) * (3.33 / 12) - 30px); }
	.col-4-12 { width: calc((100% + 30px) * 0.3333 - 30px); }
	.col-5-12 { width: calc((100% + 30px) * 0.4166 - 30px); }
	.col-6-12 { width: calc((100% + 30px) * 0.5 - 30px); }
	.col-7-12 { width: calc((100% + 30px) * 0.5833 - 30px); }
	.col-8-12 { width: calc((100% + 30px) * 0.6666 - 30px); }
	.col-8-66-12 { width: calc((100% + 30px) * (8.66 / 12) - 30px); }
	.col-9-12 { width: calc((100% + 30px) * 0.75 - 30px); }
	.col-10-12 { width: calc((100% + 30px) * 0.8333 - 30px); }
	.col-11-12 { width: calc((100% + 30px) * 0.9166 - 30px); }
}

@media only screen and (min-width: 1279px)
{
	.row.m-40 > .column.left { margin-left: 40px; }
	.row.m-50 > .column.left { margin-left: 50px; }
	.row.m-60 > .column.left { margin-left: 60px; }
	.row.m-70 > .column.left { margin-left: 50px; }

	.row.m-40 > .column.right { margin-right: 40px; }
	.row.m-50 > .column.right { margin-right: 50px; }
	.row.m-60 > .column.right { margin-right: 60px; }
	.row.m-70 > .column.right { margin-right: 50px; }

	.row.m-40 > .col-1-12 { width: calc((100% + 40px) * 0.0833 - 40px); }
	.row.m-50 > .col-1-12 { width: calc((100% + 50px) * 0.0833 - 50px); }
	.row.m-60 > .col-1-12 { width: calc((100% + 60px) * 0.0833 - 60px); }
	.row.m-70 > .col-1-12 { width: calc((100% + 50px) * 0.0833 - 50px); }

	.row.m-40 > .col-2-12 { width: calc((100% + 40px) * 0.1666 - 40px); }
	.row.m-50 > .col-2-12 { width: calc((100% + 50px) * 0.1666 - 50px); }
	.row.m-60 > .col-2-12 { width: calc((100% + 60px) * 0.1666 - 60px); }
	.row.m-70 > .col-2-12 { width: calc((100% + 50px) * 0.1666 - 50px); }

	.row.m-40 > .col-3-12 { width: calc((100% + 40px) * 0.25 - 40px); }
	.row.m-50 > .col-3-12 { width: calc((100% + 50px) * 0.25 - 50px); }
	.row.m-60 > .col-3-12 { width: calc((100% + 60px) * 0.25 - 60px); }
	.row.m-70 > .col-3-12 { width: calc((100% + 50px) * 0.25 - 50px); }

	.row.m-40 > .col-3-33-12 { width: calc((100% + 40px) * (3.33 / 12) - 40px); }
	.row.m-50 > .col-3-33-12 { width: calc((100% + 50px) * (3.33 / 12) - 50px); }
	.row.m-60 > .col-3-33-12 { width: calc((100% + 60px) * (3.33 / 12) - 60px); }
	.row.m-70 > .col-3-33-12 { width: calc((100% + 50px) * (3.33 / 12) - 50px); }

	.row.m-40 > .col-4-12 { width: calc((100% + 40px) * 0.3333 - 40px); }
	.row.m-50 > .col-4-12 { width: calc((100% + 50px) * 0.3333 - 50px); }
	.row.m-60 > .col-4-12 { width: calc((100% + 60px) * 0.3333 - 60px); }
	.row.m-70 > .col-4-12 { width: calc((100% + 50px) * 0.3333 - 50px); }

	.row.m-40 > .col-5-12 { width: calc((100% + 40px) * 0.4166 - 40px); }
	.row.m-50 > .col-5-12 { width: calc((100% + 50px) * 0.4166 - 50px); }
	.row.m-60 > .col-5-12 { width: calc((100% + 60px) * 0.4166 - 60px); }
	.row.m-70 > .col-5-12 { width: calc((100% + 50px) * 0.4166 - 50px); }

	.row.m-40 > .col-6-12 { width: calc((100% + 40px) * 0.5 - 40px); }
	.row.m-50 > .col-6-12 { width: calc((100% + 50px) * 0.5 - 50px); }
	.row.m-60 > .col-6-12 { width: calc((100% + 60px) * 0.5 - 60px); }
	.row.m-70 > .col-6-12 { width: calc((100% + 50px) * 0.5 - 50px); }

	.row.m-40 > .col-7-12 { width: calc((100% + 40px) * 0.5833 - 40px); }
	.row.m-50 > .col-7-12 { width: calc((100% + 50px) * 0.5833 - 50px); }
	.row.m-60 > .col-7-12 { width: calc((100% + 60px) * 0.5833 - 60px); }
	.row.m-70 > .col-7-12 { width: calc((100% + 50px) * 0.5833 - 50px); }

	.row.m-40 > .col-8-12 { width: calc((100% + 40px) * 0.6666 - 40px); }
	.row.m-50 > .col-8-12 { width: calc((100% + 50px) * 0.6666 - 50px); }
	.row.m-60 > .col-8-12 { width: calc((100% + 60px) * 0.6666 - 60px); }
	.row.m-70 > .col-8-12 { width: calc((100% + 50px) * 0.6666 - 50px); }

	.row.m-40 > .col-8-66-12 { width: calc((100% + 40px) * (8.66 / 12) - 40px); }
	.row.m-50 > .col-8-66-12 { width: calc((100% + 50px) * (8.66 / 12) - 50px); }
	.row.m-60 > .col-8-66-12 { width: calc((100% + 60px) * (8.66 / 12) - 60px); }
	.row.m-70 > .col-8-66-12 { width: calc((100% + 50px) * (8.66 / 12) - 50px); }

	.row.m-40 > .col-9-12 { width: calc((100% + 40px) * 0.75 - 40px); }
	.row.m-50 > .col-9-12 { width: calc((100% + 50px) * 0.75 - 50px); }
	.row.m-60 > .col-9-12 { width: calc((100% + 60px) * 0.75 - 60px); }
	.row.m-70 > .col-9-12 { width: calc((100% + 50px) * 0.75 - 50px); }

	.row.m-40 > .col-10-12 { width: calc((100% + 40px) * 0.8333 - 40px); }
	.row.m-50 > .col-10-12 { width: calc((100% + 50px) * 0.8333 - 50px); }
	.row.m-60 > .col-10-12 { width: calc((100% + 60px) * 0.8333 - 60px); }
	.row.m-70 > .col-10-12 { width: calc((100% + 50px) * 0.8333 - 50px); }

	.row.m-40 > .col-11-12 { width: calc((100% + 40px) * 0.9166 - 40px); }
	.row.m-50 > .col-11-12 { width: calc((100% + 50px) * 0.9166 - 50px); }
	.row.m-60 > .col-11-12 { width: calc((100% + 60px) * 0.9166 - 60px); }
	.row.m-70 > .col-11-12 { width: calc((100% + 50px) * 0.9166 - 50px); }
}

@media only screen and (min-width: 1399px)
{
	.row.m-70 > .column.left { margin-left: 70px; }
	.row.m-70 > .column.right { margin-right: 70px; }


	.row.m-70 > .col-1-12 { width: calc((100% + 70px) * 0.0833 - 70px); }
	.row.m-70 > .col-2-12 { width: calc((100% + 70px) * 0.1666 - 70px); }
	.row.m-70 > .col-3-12 { width: calc((100% + 70px) * 0.25 - 70px); }
	.row.m-70 > .col-3-33-12 { width: calc((100% + 70px) * (3.33 / 12) - 70px); }
	.row.m-70 > .col-4-12 { width: calc((100% + 70px) * 0.3333 - 70px); }
	.row.m-70 > .col-5-12 { width: calc((100% + 70px) * 0.4166 - 70px); }
	.row.m-70 > .col-6-12 { width: calc((100% + 70px) * 0.5 - 70px); }
	.row.m-70 > .col-7-12 { width: calc((100% + 70px) * 0.5833 - 70px); }
	.row.m-70 > .col-8-12 { width: calc((100% + 70px) * 0.6666 - 70px); }
	.row.m-70 > .col-8-66-12 { width: calc((100% + 70px) * (8.66 / 12) - 70px); }
	.row.m-70 > .col-9-12 { width: calc((100% + 70px) * 0.75 - 70px); }
	.row.m-70 > .col-10-12 { width: calc((100% + 70px) * 0.8333 - 70px); }
	.row.m-70 > .col-11-12 { width: calc((100% + 70px) * 0.9166 - 70px); }
}


@media only screen and (max-width: 766px)
{
	.row:not(.mobile-ex) > .columnx:not(.col-s):not(.col-xs) {
		float: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 25px;
	}
}


@media only screen and (min-width: 766px) and (max-width: 1022px)
{
	.responsive.tablet .row > .column {
		float: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 25px;
	}

	.responsive.tablet .row > .column:last-child { margin-bottom: 0; }
}

@media only screen and (min-width: 1022px) and (max-width: 1024px)
{
	.responsive.tablet-l .row > .column {
		float: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 25px;
	}

	.responsive.tablet-l .row > .column:last-child { margin-bottom: 0; }
}













@media only screen and (max-width: 1024px)
{
	.responsive[class*="clamp-"] .clamp {
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.row .column[class*="col-"] .responsive.clamp-3 .clamp {
		-webkit-line-clamp: 3;
	}

	.row.col-sm .column[class*="col-"] .responsive.clamp-3 .clamp,
	.row.col-md .column[class*="col-"] .responsive.clamp-3 .clamp {
		-webkit-line-clamp: 2;
	}
}

@media only screen and (max-width: 766px)
{
	.row.col-sm .col-1-12 .responsive.clamp-3 .clamp,
	.row.col-sm .col-2-12 .responsive.clamp-3 .clamp {
		-webkit-line-clamp: 2;
	}

	.row.col-md .col-3-12 .responsive.clamp-3 .clamp {
		-webkit-line-clamp: 3;
	}
}




.column {
	box-sizing: border-box;
}

.column .widget:last-child { margin-bottom: 0 !important; }


@media only screen and (max-width: 768px)
{
	/*
	.row > .column,
	.column > *

	.row > .column:last-child,
	.column > *:last-child { margin-bottom: 0 !important; }

structure.css line 153

*/

	.row > * {
		float: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 25px;
	}

	.row > *:last-child { margin-bottom: 0 !important; }
}


@media only screen and (min-width: 1022px)
{/* .responsive.tablet */

	.column[class*='col-3'] .column[class*='col-1'],
	.column[class*='col-3'] .column[class*='col-2'],
	.column[class*='col-3'] .column[class*='col-3'] {
		float: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 25px;
	}

	.column[class*='col-3'] .column[class*='col-3']:last-child {
		margin-bottom: 0;
	}
}