.rok-left {
	float: left;
}

.rok-right {
	float: right;
}

.rok-dropdown-group, .rok-dropdown {
	position: relative;
}

.rok-dropdown-open .rok-dropdown {
	display: block;
}

.rok-popover-group, .rok-popover {
	position: relative;
}

.rok-popover-open .rok-popover {
	display: block;
}

.rt-container {
	margin: 0 auto;
	position: relative;
}

.rt-flex-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.gantry-width-container {
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.rt-container [class*="rt-grid"], .rt-container [class*="gantry-width"] {
	min-width: 0;
}

.rt-grid-1 {
	-webkit-flex-basis: 8.3333333333%;
	-moz-flex-basis: 8.3333333333%;
	-ms-flex-basis: 8.3333333333%;
	flex-basis: 8.3333333333%;
}

.rt-grid-2 {
	-webkit-flex-basis: 16.6666666667%;
	-moz-flex-basis: 16.6666666667%;
	-ms-flex-basis: 16.6666666667%;
	flex-basis: 16.6666666667%;
}

.rt-grid-3 {
	-webkit-flex-basis: 25%;
	-moz-flex-basis: 25%;
	-ms-flex-basis: 25%;
	flex-basis: 25%;
}

.rt-grid-4 {
	-webkit-flex-basis: 33.3333333333%;
	-moz-flex-basis: 33.3333333333%;
	-ms-flex-basis: 33.3333333333%;
	flex-basis: 33.3333333333%;
}

.rt-grid-5 {
	-webkit-flex-basis: 41.6666666667%;
	-moz-flex-basis: 41.6666666667%;
	-ms-flex-basis: 41.6666666667%;
	flex-basis: 41.6666666667%;
}

.rt-grid-6 {
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
	-ms-flex-basis: 50%;
	flex-basis: 50%;
}

.rt-grid-7 {
	-webkit-flex-basis: 58.3333333333%;
	-moz-flex-basis: 58.3333333333%;
	-ms-flex-basis: 58.3333333333%;
	flex-basis: 58.3333333333%;
}

.rt-grid-8 {
	-webkit-flex-basis: 66.6666666667%;
	-moz-flex-basis: 66.6666666667%;
	-ms-flex-basis: 66.6666666667%;
	flex-basis: 66.6666666667%;
	position: relative;
}

.rt-grid-9 {
	-webkit-flex-basis: 75%;
	-moz-flex-basis: 75%;
	-ms-flex-basis: 75%;
	flex-basis: 75%;
}

.rt-grid-10 {
	-webkit-flex-basis: 83.3333333333%;
	-moz-flex-basis: 83.3333333333%;
	-ms-flex-basis: 83.3333333333%;
	flex-basis: 83.3333333333%;
}

.rt-grid-11 {
	-webkit-flex-basis: 91.6666666667%;
	-moz-flex-basis: 91.6666666667%;
	-ms-flex-basis: 91.6666666667%;
	flex-basis: 91.6666666667%;
}

.rt-grid-12 {
	-webkit-flex-basis: 100%;
	-moz-flex-basis: 100%;
	-ms-flex-basis: 100%;
	flex-basis: 100%;
}

#rt-content-top, #rt-content-bottom {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: flex;
}

#rt-content-top [class*="rt-grid"], #rt-content-bottom [class*="rt-grid"] {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media (max-width:767px) {
	body.layout-mode-responsive #rt-content-top [class*="rt-grid"], body.layout-mode-responsive #rt-content-bottom [class*="rt-grid"] {
		-webkit-flex: auto;
		-moz-flex: auto;
		-ms-flex: auto;
		flex: auto;
	}

}

[class*="rt-push-"], [class*="rt-pull-"], [class*="rt-prefix-"] {
	position: relative;
}

.rt-push-1 {
	left: 8.3333333333%;
}

.rt-push-2 {
	left: 16.6666666667%;
}

.rt-push-3 {
	left: 25%;
}

.rt-push-4 {
	left: 33.3333333333%;
}

.rt-push-5 {
	left: 41.6666666667%;
}

.rt-push-6 {
	left: 50%;
}

.rt-push-7 {
	left: 58.3333333333%;
}

.rt-push-8 {
	left: 66.6666666667%;
}

.rt-push-9 {
	left: 75%;
}

.rt-push-10 {
	left: 83.3333333333%;
}

.rt-push-11 {
	left: 91.6666666667%;
}

.rt-pull-1 {
	left: -8.3333333333%;
}

.rt-pull-2 {
	left: -16.6666666667%;
}

.rt-pull-3 {
	left: -25%;
}

.rt-pull-4 {
	left: -33.3333333333%;
}

.rt-pull-5 {
	left: -41.6666666667%;
}

.rt-pull-6 {
	left: -50%;
}

.rt-pull-7 {
	left: -58.3333333333%;
}

.rt-pull-8 {
	left: -66.6666666667%;
}

.rt-pull-9 {
	left: -75%;
}

.rt-pull-10 {
	left: -83.3333333333%;
}

.rt-pull-11 {
	left: -91.6666666667%;
}

.rt-prefix-1 {
	padding-left: 100px;
}

.rt-prefix-2 {
	padding-left: 16.6666666667%;
}

.rt-prefix-3 {
	padding-left: 25%;
}

.rt-prefix-4 {
	padding-left: 33.3333333333%;
}

.rt-prefix-5 {
	padding-left: 41.6666666667%;
}

.rt-prefix-6 {
	padding-left: 50%;
}

.rt-prefix-7 {
	padding-left: 58.3333333333%;
}

.rt-prefix-8 {
	padding-left: 66.6666666667%;
}

.rt-prefix-9 {
	padding-left: 75%;
}

.rt-prefix-10 {
	padding-left: 83.3333333333%;
}

.rt-prefix-11 {
	padding-left: 91.6666666667%;
}

.gantry-row {
	margin: 0 -15px;
}

.gantry-width-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: flex;
}

.gantry-width-spacer {
	margin: 15px;
}

.gantry-block-center {
	margin: auto;
	float: none !important;
}

.gantry-width-10 {
	width: 10%;
}

.gantry-width-20 {
	width: 20%;
}

.gantry-width-25 {
	width: 25%;
}

.gantry-width-30 {
	width: 30%;
}

.gantry-width-33 {
	width: 33.3333333333%;
}

.gantry-width-40 {
	width: 40%;
}

.gantry-width-50 {
	width: 50%;
}

.gantry-width-60 {
	width: 60%;
}

.gantry-width-66 {
	width: 66.6666666667%;
}

.gantry-width-70 {
	width: 70%;
}

.gantry-width-75 {
	width: 75%;
}

.gantry-width-80 {
	width: 80%;
}

.gantry-width-90 {
	width: 90%;
}

.gantry-width-100 {
	width: 90%;
}

@media only screen and (min-width:1200px) {
	body.layout-mode-responsive .rt-container {
		width: 1200px;
	}

}

@media only screen and (min-width:960px) and (max-width:1199px) {
	body.layout-mode-responsive .rt-container {
		width: 960px;
	}

}

@media only screen and (min-width:768px) and (max-width:959px) {
	body.layout-mode-responsive .rt-container {
		width: 768px;
	}

}

@media (max-width:767px) {
	body.layout-mode-responsive {
		-webkit-tap-highlight-color: transparent;
	}

	.rt-container [class*="rt-grid"], .rt-container [class*="gantry-width"] {
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		flex-basis: 100%;
	}

	.gantry-width-spacer {
		margin: 15px;
	}

	[class*="rt-push"], [class*="rt-pull"] {
		left: auto;
	}

	[class*="rt-prefix"] {
		padding-left: 0;
	}

}

@media only screen and (min-width:481px) and (max-width:767px) {
	body.layout-mode-responsive .rt-container {
		width: 480px;
	}

}

@media only screen and (max-width:480px) {
	body.layout-mode-responsive .rt-container {
		width: 100%;
	}

}