/*
    Created on : Apr 21, 2020 11:12:27 am
    Author     : dumidu.kodithuwakku@ebeyonds.com
*/

/** START Flex Grid Main Strip **/


.r2g-flex-grid-main-strip.text-align-left-480>.container>.intro-content {
	text-align: left;
}

.r2g-flex-grid-main-strip.text-align-center-480>.container>.intro-content {
	text-align: center;
}

.r2g-flex-grid-main-strip.text-align-right-480>.container>.intro-content {
	text-align: right;
}

.r2g-flex-grid-main-strip.align-items-start-480>.container>.flex-xlist>.xList-items {
	align-items: start;
}

.r2g-flex-grid-main-strip.align-items-start-480>.container>.flex-xlist>.xList-items {
	align-items: stretch;
}

.r2g-flex-grid-main-strip.justify-content-start-480>.container>.flex-xlist>.xList-items {
	justify-content: start;
}

.r2g-flex-grid-main-strip.jutify-content-center-480>.container>.flex-xlist>.xList-items {
	justify-content: center;
}

.r2g-flex-grid-main-strip.with-gap>.container>.xlist-strip>.strip-xlist {
	margin-right: calc(var(--grid-item-gap) / (-2));
	margin-left: calc(var(--grid-item-gap) / (-2));
}

.r2g-flex-grid-main-strip.with-gap>.container>.flex-xlist>.xList-items>.xList-item {
	margin: 0 calc(var(--grid-item-gap) / 2) var(--grid-item-gap) calc(var(--grid-item-gap) / 2);
}

.one-col-xlist-480>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: 100%;
}

.two-col-xlist-480.without-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(100% / 2);
}

.three-col-xlist-480.without-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(100% / 3);
}

.four-col-xlist-480.without-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(100% / 4);
}

.two-col-xlist-480.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc((100% / 2) - var(--grid-item-gap));
}

.three-col-xlist-480.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc((100% / 3) - var(--grid-item-gap));
}

.four-col-xlist-480.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc((100% / 4) - var(--grid-item-gap));
}


/** END Flex Grid Main Strip **/

/** START R2G Flex Grid xList Sub Component - CSE **/


.r2g-flex-grid-sub-component.text-align-left-480>.container>.intro-content {
	text-align: left;
}

.r2g-flex-grid-sub-component.text-align-center-480>.container>.intro-content {
	text-align: center;
}

.r2g-flex-grid-sub-component.text-align-right-480>.container>.intro-content {
	text-align: right;
}

.r2g-flex-grid-sub-component.align-items-start-480>.container>.flex-xlist>.xList-items {
	align-items: start;
}

.r2g-flex-grid-sub-component.align-items-start-480>.container>.flex-xlist>.xList-items {
	align-items: stretch;
}

.r2g-flex-grid-sub-component.justify-content-start-480>.container>.flex-xlist>.xList-items {
	justify-content: start;
}

.r2g-flex-grid-sub-component.jutify-content-center-480>.container>.flex-xlist>.xList-items {
	justify-content: center;
}

.r2g-flex-grid-sub-component.with-gap>.container>.xlist-strip>.strip-xlist {
	margin-right: calc(var(--grid-item-gap) / (-2));
	margin-left: calc(var(--grid-item-gap) / (-2));
}

.r2g-flex-grid-sub-component.with-gap>.container>.flex-xlist>.xList-items>.xList-item {
	margin: 0 calc(var(--grid-item-gap) / 2) var(--grid-item-gap) calc(var(--grid-item-gap) / 2);
}

.one-col-xlist-480>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: 100%;
}

.two-col-xlist-480>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(100% / 2);
}

.three-col-xlist-480>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(100% / 3);
}

.four-col-xlist-480>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(100% / 4);
}

.two-col-xlist-480.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc((100% / 2) - var(--grid-item-gap));
}

.three-col-xlist-480.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc((100% / 3) - var(--grid-item-gap));
}

.four-col-xlist-480.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc((100% / 4) - var(--grid-item-gap));
}


/** END R2G Flex Grid xList Sub Component - CSE **/

/** START R2G Flex Grid xList Subcomponent - CSE **/


.r2g-flex-grid-sub-component.text-align-left-480>.intro-content {
	text-align: left;
}

.r2g-flex-grid-sub-component.text-align-center-480>.intro-content {
	text-align: center;
}

.r2g-flex-grid-sub-component.text-align-right-480>.intro-content {
	text-align: right;
}

.r2g-flex-grid-sub-component.align-items-start-480>.flex-xlist>.xList-items {
	align-items: start;
}

.r2g-flex-grid-sub-component.align-items-start-480>.flex-xlist>.xList-items {
	align-items: stretch;
}

.r2g-flex-grid-sub-component.justify-content-start-480>.flex-xlist>.xList-items {
	justify-content: start;
}

.r2g-flex-grid-sub-component.jutify-content-center-480>.flex-xlist>.xList-items {
	justify-content: center;
}

.r2g-flex-grid-sub-component.with-gap>.xlist-strip>.strip-xlist {
	margin-right: calc(var(--grid-item-gap) / (-2));
	margin-left: calc(var(--grid-item-gap) / (-2));
}

.r2g-flex-grid-sub-component.with-gap>.flex-xlist>.xList-items>.xList-item {
	margin: 0 calc(var(--grid-item-gap) / 2) var(--grid-item-gap) calc(var(--grid-item-gap) / 2);
}

.r2g-flex-grid-sub-component.one-col-xlist-480>.xlist-strip>.strip-xlist>.xList-item {
	width: 100%;
}

.r2g-flex-grid-sub-component.two-col-xlist-480.without-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(100% / 2);
}

.r2g-flex-grid-sub-component.three-col-xlist-480.without-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(100% / 3);
}

.r2g-flex-grid-sub-component.four-col-xlist-480.without-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(100% / 4);
}

.r2g-flex-grid-sub-component.two-col-xlist-480.with-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: calc((100% / 2) - var(--grid-item-gap));
}

.r2g-flex-grid-sub-component.three-col-xlist-480.with-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: calc((100% / 3) - var(--grid-item-gap));
}

.r2g-flex-grid-sub-component.four-col-xlist-480.with-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: calc((100% / 4) - var(--grid-item-gap));
}


/** END R2G Flex Grid xList Subcomponent - CSE **/


/** START R2G CSS Flex Grid Subcomponent **/


.r2g-css-flex-grid-sub-component.text-align-left-480>.intro-content {
	text-align: left;
}

.r2g-css-flex-grid-sub-component.text-align-center-480>.intro-content {
	text-align: center;
}

.r2g-css-flex-grid-sub-component.text-align-right-480>.intro-content {
	text-align: right;
}

.r2g-css-flex-grid-sub-component.align-items-start-480>.flex-xlist>.xList-items {
	align-items: start;
}

.r2g-css-flex-grid-sub-component.align-items-start-480>.flex-xlist>.xList-items {
	align-items: stretch;
}

.r2g-css-flex-grid-sub-component.justify-content-start-480>.flex-xlist>.xList-items {
	justify-content: start;
}

.r2g-css-flex-grid-sub-component.justify-content-end-480>.flex-xlist>.xList-items {
	justify-content: end;
}

.r2g-css-flex-grid-sub-component.jutify-content-center-480>.flex-xlist>.xList-items {
	justify-content: center;
}

.r2g-css-flex-grid-sub-component.justify-content-between-480>.flex-xlist>.xList-items {
	justify-content: space-between;
}

.r2g-css-flex-grid-sub-component.one-col-xlist-480>.xlist-strip>.strip-xlist {
	flex-flow: column wrap;
}

.r2g-css-flex-grid-sub-component.one-col-xlist-480>.xlist-strip>.strip-xlist>.xList-item {
	width: 100%;
}

.r2g-css-flex-grid-sub-component.two-col-xlist-480>.xlist-strip>.strip-xlist {
	flex-flow: row wrap;
}

.r2g-css-flex-grid-sub-component.two-col-xlist-480.without-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: 50%;
}

.r2g-css-flex-grid-sub-component.three-col-xlist-480>.xlist-strip>.strip-xlist {
	flex-flow: row wrap;
}

.r2g-css-flex-grid-sub-component.three-col-xlist-480.without-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: 33.3333%;
}

.r2g-css-flex-grid-sub-component.four-col-xlist-480>.xlist-strip>.strip-xlist {
	flex-flow: row wrap;
}

.r2g-css-flex-grid-sub-component.four-col-xlist-480.without-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: 25%;
}

.r2g-css-flex-grid-sub-component.two-col-xlist-480.with-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(50% - (var(--css-grid-between-gap) / 2));
}

.r2g-css-flex-grid-sub-component.three-col-xlist-480.with-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(33.3333% - (var(--css-grid-between-gap) * 2 / 3));
}

.r2g-css-flex-grid-sub-component.four-col-xlist-480.with-gap>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(25% - (var(--css-grid-between-gap) * 3 / 4));
}


/** END R2G CSS Flex Grid Subcomponent **/

/** START Flex Grid Main Strip - CSS Flex Box **/
.r2g-css-flex-grid-main-strip.text-align-left-480>.container>.intro-content {
	text-align: left;
}

.r2g-css-flex-grid-main-strip.text-align-center-480>.container>.intro-content {
	text-align: center;
}

.r2g-css-flex-grid-main-strip.text-align-right-480>.container>.intro-content {
	text-align: right;
}

.r2g-css-flex-grid-main-strip.align-items-start-480>.container>.flex-xlist>.xList-items {
	align-items: start;
}

.r2g-css-flex-grid-main-strip.align-items-start-480>.container>.flex-xlist>.xList-items {
	align-items: stretch;
}

.r2g-css-flex-grid-main-strip.justify-content-start-480>.container>.flex-xlist>.xList-items {
	justify-content: start;
}

.r2g-css-flex-grid-main-strip.jutify-content-center-480>.container>.flex-xlist>.xList-items {
	justify-content: center;
}

.r2g-css-flex-grid-main-strip.jutify-content-space-between-480>.container>.flex-xlist>.xList-items {
	justify-content: space-between;
}

.one-col-css-xlist-480>.container>.xlist-strip>.strip-xlist {
	flex-flow: column nowrap;
}

.one-col-css-xlist-480>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: 100%;
}

.two-col-css-xlist-480>.container>.xlist-strip>.strip-xlist {
	flex-flow: row wrap;
}

.two-col-css-xlist-480.without-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: 50%;
}

.three-col-css-xlist-480>.container>.xlist-strip>.strip-xlist {
	flex-flow: row wrap;
}

.three-col-css-xlist-480.without-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: 33.3333%;
}

.four-col-css-xlist-480>.container>.xlist-strip>.strip-xlist {
	flex-flow: row nowrap;
}

.four-col-css-xlist-480.without-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: 25%;
}

.two-col-css-xlist-480.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(50% - (var(--css-grid-between-gap) / 2));
}

.three-col-css-xlist-480.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(33.3333% - (var(--css-grid-between-gap) * 2 / 3));
}

.four-col-css-xlist-480.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item {
	width: calc(25% - (var(--css-grid-between-gap) * 3 / 4));
}

/** END Flex Grid Main Strip - CSS Flex Box **/

/*Special Notice*/
.r2g-main-visual-simple .special-notice-wrapper {
    top:unset;
    bottom:10%;
}
.r2g-main-visual-simple #special-notice .notice-wrapper {
    font-size: 1.6rem;
}

.r2g-main-visual-simple #special-notice.expanded .notice-wrapper {
    padding: 24px 40px;
}