.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;
    justify-content: center;
}

.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-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%;
    }
}