/*
    # Name: Q Frame documentation & examples stylesheet
    # Decription: Stylesheet for Q Frame demonstration site.
    # Dependencies: 
        
    # Version: 1.0
*/
/*#region Table of content */
/*##################################################*/
/*
    # Imports
        ## Helpers & Reset
    # Load Icons & Fonts
    # HTML tags setup
        ## Buttons
        ## Lists
    # Layout
        ## Header
        ## Footer
        ## Columns
    # Navigation
    # Main content
        ## Content section
        ## Documentation
*/
/*##################################################*/
/*#endregion Table of content */
/*#region # Imports */
/*##################################################*/
/*
    Based on Eric Meyers reset
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

/* Set box sizing for all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}*/
body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@media only screen and (max-width: 768px) {
  .HRL-Hide_Min-M {
    display: none; } }

@media only screen and (min-width: 769px) {
  .HRL-Hide_M {
    display: none; } }

.HRL-FitToParent img, .HRL-FitToParent iframe {
  max-width: 100%;
  max-height: 100%; }

.HRL-HiddenElement {
  display: none !important; }

.HRL-InlineBlock {
  display: inline-block; }

.HRL-Block {
  display: block; }

.HRL-ClearBefore:before {
  content: "";
  display: table;
  clear: both; }

.HRL-ClearAfter:after {
  content: "";
  display: table;
  clear: both; }

.HRL-ClearBeforeAndAfter:before {
  content: "";
  display: table;
  clear: both; }
.HRL-ClearBeforeAndAfter:after {
  content: "";
  display: table;
  clear: both; }

.HRL-FloatLeft {
  float: left !important; }

.HRL-FloatRight {
  float: right !important; }

.HRL-FloatNone {
  float: none !important; }

.HRL-AlignLeft {
  text-align: left; }

.HRL-AlignCenter {
  text-align: center; }

.HRL-AlignRight {
  text-align: right; }

.HRL-VerticalAlignSuper {
  vertical-align: super; }

.HRL-DefaultFontStyle {
  font-weight: normal;
  font-style: normal; }

.HRL-Bold {
  font-weight: bold; }

.HRL-Italic {
  font-style: italic; }

.HRL-BoldItalic {
  font-weight: bold;
  font-style: italic; }

.HRL-ResponsiveImage {
  max-width: 100%; }

.HRL-MarginRight-5 {
  margin-right: 5px; }

.HRL-Margin-10 {
  margin: 10px; }

.HRL-MarginTop-10 {
  margin-top: 10px; }

.HRL-MarginRight-10 {
  margin-right: 10px; }

.HRL-MarginBottom-10 {
  margin-bottom: 10px; }

.HRL-MarginLeft-10 {
  margin-left: 10px; }

.HRL-MarginTop-15 {
  margin-top: 15px; }

.HRL-MarginTop-20 {
  margin-top: 20px; }

.HRL-MarginRight-20 {
  margin-right: 20px; }

.HRL-MarginBottom-20 {
  margin-bottom: 20px; }

.HRL-MarginLeft-20 {
  margin-left: 20px; }

.HRL-MarginTop-30 {
  margin-top: 30px; }

.HRL-MarginRight-30 {
  margin-right: 30px; }

.HRL-MarginBottom-30 {
  margin-bottom: 30px; }

.HRL-MarginLeft-30 {
  margin-left: 30px; }

.HRL-MarginT-02em {
  margin-top: 0.2em; }

.HRL-MarginT-05em {
  margin-top: 0.5em; }

.HRL-MarginB-05em {
  margin-bottom: 0.5em; }

.HRL-MarginB-8em {
  margin-right: 8em; }

.HRL-MarginT-1em {
  margin-top: 1em; }

.HRL-MarginR-1em {
  margin-right: 1em; }

.HRL-MarginB-1em {
  margin-bottom: 1em; }

.HRL-MarginL-1em {
  margin-left: 1em; }

.HRL-MarginT-6em {
  margin-top: 6em; }

.HRL-NoMargin {
  margin: 0 !important; }

.HRL-NoMarginL {
  margin-left: 0; }

.HRL-NoMarginR {
  margin-right: 0; }

.HRL-NoMarginT {
  margin-top: 0; }

.HRL-NoMarginB {
  margin-bottom: 0; }

.HRL-MarginL-Auto {
  margin-left: auto; }

.HRL-Padding5 {
  padding: 5px; }

.HRL-PaddingTop-5 {
  padding-top: 5px; }

.HRL-PaddingBottom-5 {
  padding-bottom: 5px; }

.HRL-PaddingTop-10 {
  padding-top: 10px; }

.HRL-PaddingBottom-10 {
  padding-bottom: 10px; }

.HRL-PaddingT-1em {
  padding-top: 1em !important; }

.HRL-PaddingR-1em {
  padding-right: 1em; }

.HRL-PaddingB-1em {
  padding-bottom: 1em; }

.HRL-PaddingL-1em {
  padding-left: 1em; }

.HRL-NoPadding {
  padding: 0 !important; }

.HRL-FullWidth {
  width: 100%; }

.HRL-Width-80 {
  width: 80%; }

.HRL-Width-50 {
  width: 50%; }

.HRL-TxtInputsToFullWidth input[type=text] {
  width: 100%; }

.HRL-Width-100px {
  width: 100px; }

.HRL-Width-125px {
  width: 125px; }

.HRL-Width-150px {
  width: 150px; }

.HRL-Width-175px {
  width: 175px; }

.HRL-Width-200px {
  width: 200px; }

.HRL-NoResize {
  resize: none; }

.HRL-ResizeHorizontal {
  resize: horizontal;
  overflow: auto; }

.HRL-ResizeVertical {
  resize: vertical;
  overflow: auto; }

.HRL-ResizeBoth {
  resize: both;
  overflow: auto; }

.HRL-FlexRow {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row; }
  .HRL-FlexRow.VRT-LastIsAuto .HRL-FlexItem:last-child {
    margin-left: auto; }

.HRL-HorizontalList li {
  display: inline; }

.HRL-Flex {
  display: flex; }

.HRL-JustifyContent-SpaceBetween {
  justify-content: space-between; }

.HRL-CursorPointer {
  cursor: pointer !important; }

.HRL-CursorDefault {
  cursor: default !important; }

.HRL-ImportPagerPaddingRight {
  padding-right: 20px; }

.HRL-ImportPagerPaddingLeft {
  padding-left: 10px; }

.HRL-NoWrap {
  white-space: nowrap; }

.HLR-zIndex9999 {
  z-index: 9999 !important; }

.HRL-FlatBottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.HRL-Required {
  color: red; }

.HRL-PromotionArticle {
  color: green !important; }

.HRL-MarginPrice {
  color: blue; }

.HRL-DiscountPrice {
  text-decoration: underline; }

.HRL-PositionAbsolute {
  position: absolute !important; }

.HRL-ColorBlue {
  color: blue; }

/*##################################################*/
/*#endregion # Imports */
/*#region # Load Icons & Fonts */
/*##################################################*/
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-Light-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-Light-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-Light-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-Light-webfont.svg#open_sansregular") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-Light-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-Light-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-Light-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-Light-webfont.svg#open_sansregular") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-Regular-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-Regular-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-Regular-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-Semibold-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-Semibold-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-Semibold-webfont.svg#open_sansregular") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-Bold-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-Bold-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-Bold-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-Bold-webfont.svg#open_sansregular") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-ExtraBold-webfont.svg#open_sansregular") format("svg");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-LightItalic-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-LightItalic-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-LightItalic-webfont.svg#open_sansregular") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-Italic-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-Italic-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-Italic-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-Italic-webfont.svg#open_sansregular") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.svg#open_sansregular") format("svg");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-BoldItalic-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-BoldItalic-webfont.svg#open_sansregular") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../../../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot");
  src: url("../../../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../../../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../../../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansregular") format("svg");
  font-weight: 800;
  font-style: italic; }
/*##################################################*/
/*#endregion # Layout */
/*#region # HTML tags setup */
/*##################################################*/
html {
  font-size: 10px; }
  html body {
    /*@if $_fontFamily == OpenSans {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    } @else if $_fontFamily == Calibri {
        font-family: Calibri, Arial, Helvetica, sans-serif;
    } @else if $_fontFamily == TrebuchetMS {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    } @else if $_fontFamily == Tahoma {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
    } @else if $_fontFamily == Myriad Pro {
        font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    } @else if $_fontFamily == Arial {
        font-family: Arial, Helvetica, sans-serif;
    } @else if $_fontFamily == Verdana {
        font-family: Verdana, Arial, sans-serif;
    } @else if $_fontFamily == Times {
        font-family: 'Times New Roman', Times, serif;
    } @else {
        font-family: $_fontFamily;
    }*/
    font-family: OpenSans;
    font-size: 1.4rem;
    color: #333;
    background: #f1f4f8; }
    html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
      font-weight: 700; }
    html body h1 {
      font-size: 3rem; }
    html body p, html body ul {
      font-size: 1.2rem; }
    html body p {
      margin: 1em 0 0.5em;
      line-height: 1.5; }
    html body a:link {
      color: #E16B01; }
    html body a:visited {
      color: #E16B01; }
    html body a:hover, html body a:active {
      color: #954701; }
    html body a:focus {
      color: #954701; }
    html body button:not([disabled]) {
      cursor: pointer; }
    html body label[for] {
      cursor: pointer; }
    html body input[type=text], html body input[type=search], html body input[type=password], html body input[type=email],
    html body textarea {
      padding: 0px 5px;
      border-radius: 0;
      border: 1px solid #aaa;
      background: #fff;
      box-shadow: none; }
      html body input[type=text]:focus, html body input[type=search]:focus, html body input[type=password]:focus, html body input[type=email]:focus,
      html body textarea:focus {
        border-color: #99f;
        background: #ffd;
        box-shadow: 0 0 3px 2px rgba(153, 153, 255, 0.35); }
    html body input[type=text], html body input[type=search], html body input[type=password], html body input[type=email],
    html body textarea[rows='1'] {
      height: 22px;
      margin-bottom: -0.2em; }
    html body .recaptchatable #recaptcha_response_field {
      height: auto; }
    html body fieldset legend {
      width: 100%;
      margin-bottom: 0.25em;
      font-size: 1.25em;
      border-bottom: 1px solid #E16B01; }

.MRC-List {
  line-height: 1.5; }
  .MRC-List.VRT-Bullets {
    list-style: disc inside; }

.MRC-Button, a.MRC-Button {
  height: 30px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #fff !important;
  background: linear-gradient(to bottom, #FE8A21 0%, #E16B01 100%);
  border: 1px solid #c35d01;
  border-radius: 3px; }
  .MRC-Button.VRT-SquareBtn {
    width: 30px;
    padding: 0; }
  .MRC-Button .MOC-ButtonIcon {
    display: inline-block; }
  .MRC-Button .MOC-ButtonText {
    display: inline-block;
    white-space: pre; }
  .MRC-Button + .MRC-Button {
    margin-left: 10px; }
  .MRC-Button:not([disabled]):hover, .MRC-Button:not([class="VRT-Disabled"]):hover {
    color: #fff !important;
    background: linear-gradient(to bottom, #E16B01 0%, #FE8A21 100%); }
  .MRC-Button[disabled], .MRC-Button.VRT-Disabled {
    color: #bcbdc2 !important;
    background: #f4f5fa;
    border-color: #ddd;
    pointer-events: none; }
  .MRC-Button.VRT-Sec {
    color: #e16b01 !important;
    background: #eee;
    border: 1px solid #ccc; }
    .MRC-Button.VRT-Sec:hover {
      color: #e16b01 !important;
      background: #ddd; }
  .MRC-Button.VRT-Active {
    color: #fff !important;
    background: linear-gradient(to bottom, #ff5438 0%, #c50e0e 100%);
    border: 1px solid #c90f0f; }
    .MRC-Button.VRT-Active:hover {
      color: #fff !important;
      background: linear-gradient(to bottom, #c50e0e 0%, #ff5438 100%); }
  .MRC-Button.VRT-Cancel {
    color: #fff !important;
    background: linear-gradient(to bottom, #ff5438 0%, #c50e0e 100%);
    border: 1px solid #c90f0f; }
    .MRC-Button.VRT-Cancel:hover {
      color: #fff !important;
      background: linear-gradient(to bottom, #c50e0e 0%, #ff5438 100%); }
  .MRC-Button.VRT-Confirm {
    color: #fff !important;
    background: linear-gradient(to bottom, #7ac14f 0%, #64a63b 100%);
    border: 1px solid #5a9638; }
    .MRC-Button.VRT-Confirm:hover {
      color: #fff !important;
      background: linear-gradient(to bottom, #64a63b 0%, #7ac14f 100%); }
  .MRC-Button.VRT-Sieze_L {
    height: 36px;
    font-size: 14px;
    border-radius: 3px; }
    .MRC-Button.VRT-Sieze_L.VRT-SquareBtn {
      width: 36px; }
    .MRC-Button.VRT-Sieze_L + .MRC-Button {
      margin-left: 10px; }
  .MRC-Button.VRT-Sieze_S {
    height: 20px;
    font-size: 12px;
    border-radius: 3px; }
    .MRC-Button.VRT-Sieze_S.VRT-SquareBtn {
      width: 20px; }
    .MRC-Button.VRT-Sieze_S + .MRC-Button {
      margin-left: 10px; }

.MRC-IconButton {
  font-size: 12px !important;
  padding: 0;
  border: none;
  background: transparent; }
  .MRC-IconButton::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .MRC-IconButton.VRT-Sieze_L {
    font-size: 14px !important; }

.MRC-BtnGlyph {
  font-size: 1em;
  padding: 0;
  border: none;
  background: transparent; }
  .MRC-BtnGlyph::-moz-focus-inner {
    padding: 0;
    border: 0; }

a.MRC-BtnGlyph {
  text-decoration: none; }

a.MRC-Button {
  display: inline-block;
  padding: 8px 8px 0;
  text-decoration: none; }

.MRC-BtnTabs {
  display: flex;
  width: 100%; }
  .MRC-BtnTabs .MRC-Button {
    flex: 1;
    margin: 0 !important;
    border-radius: 0;
    border-top: none;
    border-bottom: none;
    border-left: none; }
    .MRC-BtnTabs .MRC-Button:last-child {
      border-right: none; }

.MRC-BtnSet {
  position: relative; }
  .MRC-BtnSet .xinputWrapper,
  .MRC-BtnSet .MRC-BtnSetInput {
    width: 100%; }
  .MRC-BtnSet .MRC-BtnSetLeft,
  .MRC-BtnSet .MRC-BtnSetRight {
    position: absolute;
    top: 0; }
  .MRC-BtnSet .MRC-BtnSetLeft {
    left: 0; }
  .MRC-BtnSet .MRC-BtnSetRight {
    right: 0; }
  .MRC-BtnSet.VRT-BtnL {
    padding-left: 40px; }
  .MRC-BtnSet.VRT-BtnR {
    padding-right: 40px; }
  .MRC-BtnSet.VRT-BtnLR {
    padding-left: 40px;
    padding-right: 40px; }

.MRC-BtnCollection {
  padding: 10px;
  text-align: right;
  background: #f7f7f7;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #b7bdc9; }
  .MRC-BtnCollection.VRT-ToBottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }

.HRL-BeforeBottomBtnCollection:after {
  content: "";
  display: block;
  height: 51px; }

.MRC-BtnCluster .MRC-Button {
  float: left;
  margin: 0 !important; }
  .MRC-BtnCluster .MRC-Button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .MRC-BtnCluster .MRC-Button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .MRC-BtnCluster .MRC-Button:not(:first-child):not(:last-child) {
    border-radius: 0; }
  .MRC-BtnCluster .MRC-Button:not(:first-child) {
    border-left-width: 0; }
.MRC-BtnCluster:after {
  content: "";
  display: table;
  clear: both; }

.MRC-BtnToggleSwitch {
  position: relative;
  width: 24px;
  height: 12px;
  padding: 0;
  background: linear-gradient(to bottom, #7ac14f 0%, #64a63b 100%);
  border: 1px solid #5a9638;
  border-radius: 6px; }
  .MRC-BtnToggleSwitch:hover {
    background: linear-gradient(to bottom, #64a63b 0%, #7ac14f 100%); }
  .MRC-BtnToggleSwitch:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #777;
    border-radius: 50%; }
  .MRC-BtnToggleSwitch.VRT-Off {
    background: linear-gradient(to bottom, #ff5438 0%, #c50e0e 100%);
    border: 1px solid #5a9638; }
    .MRC-BtnToggleSwitch.VRT-Off:hover {
      background: linear-gradient(to bottom, #c50e0e 0%, #ff5438 100%); }
    .MRC-BtnToggleSwitch.VRT-Off:before {
      right: auto;
      left: 0; }

.MRC-BtnLink {
  padding: 0;
  border: none;
  background: none;
  color: #E16B01; }
  .MRC-BtnLink:hover, .MRC-BtnLink:focus {
    color: #954701; }
  .MRC-BtnLink .MOC-ButtonText {
    text-decoration: underline; }

/*##################################################*/
/*#endregion # HTML tags setup */
/*#region # Layout */
/*##################################################*/
.LOT-PageWrapper {
  min-height: 100vh; }
  @media only screen and (max-width: 768px) {
    .LOT-PageWrapper {
      display: flex;
      flex-direction: column; } }
  @media only screen and (min-width: 769px) {
    .LOT-PageWrapper {
      display: flex;
      flex-direction: column; }
      .LOT-PageWrapper .LOT-PageContentWrapper {
        flex: 1; }
        .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer {
          min-height: 100%; }
          .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-Main {
            display: flex; }
            .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-Main .LOT-MainContent {
              display: flex;
              flex: 1;
              max-width: 100%; }
              .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-Main .LOT-MainContent .MRC-BasicSectionWrapper {
                flex: 1;
                max-width: 100%; } }
  @media (max-width: 768px) {
    .LOT-PageWrapper .LOT-SectionContainer {
      width: 100%;
      padding: 0 3em; } }
  @media (min-width: 769px) {
    .LOT-PageWrapper .LOT-SectionContainer {
      margin: 0 auto; } }
  @media (min-width: 769px) and (max-width: 991px) {
    .LOT-PageWrapper .LOT-SectionContainer {
      width: 750px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .LOT-PageWrapper .LOT-SectionContainer {
      width: 970px; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .LOT-PageWrapper .LOT-SectionContainer {
      width: 1170px; } }
  @media (min-width: 1400px) {
    .LOT-PageWrapper .LOT-SectionContainer {
      width: 1370px; } }
  .LOT-PageWrapper .LOT-PageHeader {
    position: fixed;
    z-index: 301;
    top: 0;
    left: 0;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .LOT-PageWrapper .LOT-PageHeader .MRC-HeaderMainContent {
        height: 50px; } }
    @media only screen and (min-width: 769px) {
      .LOT-PageWrapper .LOT-PageHeader .MRC-HeaderMainContent {
        height: 50px; } }
    @media only screen and (max-width: 768px) {
      .LOT-PageWrapper .LOT-PageHeader .MRC-ScrollableNav {
        display: none; } }
    @media only screen and (max-width: 768px) {
      .LOT-PageWrapper .LOT-PageHeader .MRC-NavContainer {
        display: none; } }
    .LOT-PageWrapper .LOT-PageHeader.VRT-ShowMobileSearch {
      position: static;
      overflow: hidden;
      margin-bottom: -50px; }
      @media only screen and (max-width: 768px) {
        .LOT-PageWrapper .LOT-PageHeader.VRT-ShowMobileSearch .MRC-ScrollableNav {
          display: block; }
          .LOT-PageWrapper .LOT-PageHeader.VRT-ShowMobileSearch .MRC-ScrollableNav .MRC-NavContainer {
            display: block; } }
  @media only screen and (max-width: 768px) {
    .LOT-PageWrapper .LOT-PageContentWrapper {
      padding: 85px 0 15px; } }
  @media only screen and (min-width: 769px) {
    .LOT-PageWrapper .LOT-PageContentWrapper {
      padding-top: 65px;
      padding-bottom: 45px; } }
  .LOT-PageWrapper .LOT-PageContentWrapper:after {
    content: "";
    display: table;
    clear: both; }
  .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer {
    display: flex; }
    @media only screen and (max-width: 768px) {
      .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer {
        flex-flow: column; } }
    .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-Main {
      flex: 1;
      min-width: 0; }
      @media only screen and (max-width: 768px) {
        .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-Main {
          order: 1; } }
    .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-LeftColumn {
      flex: 0 0 200px; }
      @media only screen and (max-width: 768px) {
        .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-LeftColumn {
          order: 2; } }
      @media only screen and (min-width: 769px) {
        .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-LeftColumn {
          margin-right: 20px; } }
    .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-RightColumn {
      flex: 0 0 200px; }
      @media only screen and (max-width: 768px) {
        .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-RightColumn {
          order: 3; } }
      @media only screen and (min-width: 769px) {
        .LOT-PageWrapper .LOT-PageContentWrapper .LOT-SectionContainer .LOT-PageContent-RightColumn {
          margin-left: 20px; } }
  @media only screen and (max-width: 768px) {
    .LOT-PageWrapper .LOT-PageFooter {
      margin-top: auto; } }
  @media only screen and (min-width: 769px) {
    .LOT-PageWrapper .LOT-PageFooter {
      position: fixed;
      z-index: 1000;
      left: 0;
      bottom: 0;
      width: 100%; } }
  @media only screen and (min-width: 769px) {
    .LOT-PageWrapper .LOT-PageFooter {
      height: 30px; } }
  @media only screen and (min-width: 769px) {
    .LOT-PageWrapper.VRT-HasNavhBar .LOT-PageHeader {
      height: 90px; }
    .LOT-PageWrapper.VRT-HasNavhBar .LOT-PageContentWrapper {
      padding-top: 90px; } }
  @media only screen and (min-width: 769px) {
    .LOT-PageWrapper.VRT-HasSearchBar .LOT-PageHeader {
      height: 90px; }
    .LOT-PageWrapper.VRT-HasSearchBar .LOT-PageContentWrapper {
      padding-top: 120px; } }
  @media only screen and (min-width: 769px) {
    .LOT-PageWrapper.VRT-HasSearchBar.VRT-HasBreadcrumbs .LOT-PageHeader {
      height: 110px; }
    .LOT-PageWrapper.VRT-HasSearchBar.VRT-HasBreadcrumbs .LOT-PageContentWrapper {
      padding-top: 140px; } }
  @media only screen and (min-width: 769px) {
    .LOT-PageWrapper.VRT-HasSearchBar.VRT-HasDashboard .LOT-PageHeader {
      height: 130px; }
    .LOT-PageWrapper.VRT-HasSearchBar.VRT-HasDashboard .LOT-PageContentWrapper {
      padding-top: 160px; } }
  @media only screen and (min-width: 769px) {
    .LOT-PageWrapper.VRT-HasSearchBar.VRT-HasBreadcrumbs.VRT-HasDashboard .LOT-PageHeader {
      height: 150px; }
    .LOT-PageWrapper.VRT-HasSearchBar.VRT-HasBreadcrumbs.VRT-HasDashboard .LOT-PageContentWrapper {
      padding-top: 180px; } }
  .LOT-PageWrapper .MOC-AnchorTarget {
    padding-top: 50px;
    margin-top: -50px; }

.LOT-PageHeader {
  background: #2c4058;
  color: #f1f4f8; }
  .LOT-PageHeader .MRC-HeaderMainContent {
    display: flex; }
    .LOT-PageHeader .MRC-HeaderMainContent .MRC-HeaderLogo {
      order: 1;
      align-self: center; }
    .LOT-PageHeader .MRC-HeaderMainContent .MRC-HeaderNav {
      order: 2;
      margin-left: auto; }

.SiteLogo {
  font-size: 25px; }
  .SiteLogo .Icon-QF_Logo-Q {
    color: #f36f21;
    margin-right: 0.5em; }
  .SiteLogo .Icon-QF_Logo-Frame {
    color: #5f9e45; }

.SiteTagline {
  margin-left: 1em; }

.LOT-PageFooter {
  font-size: 12px;
  background: #2c4058; }
  .LOT-PageFooter .MRC-FooterContent {
    display: flex;
    align-items: center;
    height: 100%; }
    .LOT-PageFooter .MRC-FooterContent .MRC-FooterSection {
      font-size: 12px; }
      .LOT-PageFooter .MRC-FooterContent .MRC-FooterSection a {
        font-weight: inherit; }
      .LOT-PageFooter .MRC-FooterContent .MRC-FooterSection.VRT-One {
        color: #f1f4f8;
        font-weight: inherit; }
      .LOT-PageFooter .MRC-FooterContent .MRC-FooterSection.VRT-Two {
        color: #eee;
        font-weight: inherit;
        margin-left: auto; }

.LOT-ColumnsWrapper {
  position: relative;
  display: block; }
  .LOT-ColumnsWrapper:after {
    content: "";
    display: block;
    clear: both; }
  .LOT-ColumnsWrapper.VRT-UnspaceAll {
    margin: -15px -15px; }
  .LOT-ColumnsWrapper.VRT-UnspaceTop {
    margin-top: -15px; }
  .LOT-ColumnsWrapper.VRT-UnspaceBottom {
    margin-bottom: -15px; }
  .LOT-ColumnsWrapper.VRT-UnspaceTopBottom {
    margin-top: -15px;
    margin-bottom: -15px; }
  .LOT-ColumnsWrapper.VRT-UnspaceLeft {
    margin-left: -15px; }
  .LOT-ColumnsWrapper.VRT-UnspaceRight {
    margin-right: -15px; }
  .LOT-ColumnsWrapper.VRT-UnspaceLeftRight {
    margin-left: -15px;
    margin-right: -15px; }
  .LOT-ColumnsWrapper .LOT-Column {
    float: left;
    padding: 15px 15px;
    width: 100%; }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-1_ColsOf_12 {
        width: 8.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-1_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -8.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-1_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -8.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-1_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -8.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-1_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -8.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-2_ColsOf_12 {
        width: 16.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-2_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -16.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-2_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -16.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-2_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -16.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-2_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -16.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-3_ColsOf_12 {
        width: 25%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-3_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -25%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-3_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -25%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-3_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -25%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-3_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -25%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-4_ColsOf_12 {
        width: 33.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-4_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -33.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-4_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -33.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-4_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -33.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-4_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -33.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-5_ColsOf_12 {
        width: 41.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-5_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -41.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-5_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -41.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-5_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -41.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-5_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -41.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-6_ColsOf_12 {
        width: 50%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-6_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -50%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-6_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -50%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-6_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -50%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-6_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -50%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-7_ColsOf_12 {
        width: 58.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-7_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -58.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-7_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -58.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-7_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -58.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-7_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -58.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-8_ColsOf_12 {
        width: 66.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-8_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -66.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-8_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -66.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-8_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -66.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-8_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -66.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-9_ColsOf_12 {
        width: 75%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-9_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -75%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-9_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -75%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-9_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -75%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-9_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -75%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-10_ColsOf_12 {
        width: 83.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-10_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -83.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-10_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -83.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-10_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -83.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-10_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -83.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-11_ColsOf_12 {
        width: 91.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-11_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -91.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-11_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -91.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-11_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -91.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-11_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -91.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-12_ColsOf_12 {
        width: 100%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-12_ColsOf_12.VRT-Outside-TR {
        position: absolute;
        top: 0;
        right: -100%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-12_ColsOf_12.VRT-Outside-BR {
        position: absolute;
        bottom: 0;
        right: -100%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-12_ColsOf_12.VRT-Outside-TL {
        position: absolute;
        top: 0;
        left: -100%; } }
    @media only screen and (min-width: 769px) {
      .LOT-ColumnsWrapper .LOT-Column.VRT-12_ColsOf_12.VRT-Outside-BL {
        position: absolute;
        bottom: 0;
        left: -100%; } }
  @media only screen and (min-width: 769px) {
    .LOT-ColumnsWrapper.VRT-PushRightEvery-4th .LOT-Column:nth-child(4n) {
      margin-right: 8.3333333333%; } }

/*##################################################*/
/*#endregion # Layout */
/*#region # Navigation */
/*##################################################*/
.MRC-NavContainer {
  border-top: none;
  border-bottom: none; }
  .MRC-NavContainer .MRC-NavList {
    display: flex; }
    .MRC-NavContainer .MRC-NavList .MRC-NavItem {
      position: relative;
      margin: 0;
      cursor: pointer; }
      .MRC-NavContainer .MRC-NavList .MRC-NavItem .MRC-NavItemContent {
        display: flex;
        align-items: center;
        padding: 0 16.6666666667px 0 16.6666666667px;
        height: 50px;
        font-size: 1.5rem;
        color: #f1f4f8;
        background: rgba(255, 255, 255, 0.15); }
        .MRC-NavContainer .MRC-NavList .MRC-NavItem .MRC-NavItemContent .MRC-NavIcon {
          font-size: 20px; }
      .MRC-NavContainer .MRC-NavList .MRC-NavItem a.MRC-NavItemContent {
        text-decoration: none; }
        .MRC-NavContainer .MRC-NavList .MRC-NavItem a.MRC-NavItemContent:link, .MRC-NavContainer .MRC-NavList .MRC-NavItem a.MRC-NavItemContent:visited {
          color: #f1f4f8; }
        .MRC-NavContainer .MRC-NavList .MRC-NavItem a.MRC-NavItemContent:hover, .MRC-NavContainer .MRC-NavList .MRC-NavItem a.MRC-NavItemContent:active, .MRC-NavContainer .MRC-NavList .MRC-NavItem a.MRC-NavItemContent:focus {
          color: #f1f4f8; }
      .MRC-NavContainer .MRC-NavList .MRC-NavItem:hover .MRC-NavItemContent {
        color: #f1f4f8;
        background: rgba(255, 255, 255, 0.3); }
      .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-Active .MRC-NavItemContent {
        color: #2c4058;
        background: #f1f4f8; }
      .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-NoHover .MRC-NavItemContent:hover {
        color: #f1f4f8;
        background: rgba(255, 255, 255, 0.15); }
      .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-DropItem {
        position: relative; }
        .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-DropItem .MRC-DropMenuList {
          position: absolute;
          z-index: 11;
          top: 50px;
          left: 0;
          padding: 0 16.6666666667px;
          color: #444;
          background: #fff;
          width: 200px;
          max-height: 0;
          overflow: hidden;
          transition: all ease-in 300ms; }
          .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-DropItem .MRC-DropMenuList.VRT-FromRight {
            left: auto;
            right: 0; }
          .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-DropItem .MRC-DropMenuList .MRC-DropMenuItem {
            padding: 8.3333333333px 0; }
            .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-DropItem .MRC-DropMenuList .MRC-DropMenuItem:not(:last-child) {
              border-bottom: 1px solid #aaa; }
            .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-DropItem .MRC-DropMenuList .MRC-DropMenuItem .MRC-DropItemContent {
              font-size: 1.5rem;
              font-weight: bold;
              line-height: 1.5;
              text-decoration: none;
              display: block; }
        .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-DropItem:hover {
          color: #f1f4f8;
          background: rgba(255, 255, 255, 0.3); }
          .MRC-NavContainer .MRC-NavList .MRC-NavItem.VRT-DropItem:hover .MRC-DropMenuList {
            max-height: 600px;
            overflow: visible;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }

/*##################################################*/
/*#endregion # Navigation */
/*#region # Main content */
/*##################################################*/
.MRC-SectionWrapper {
  margin: 0 0 15px; }
  .MRC-SectionWrapper .MRC-SectionHeader {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 40px;
    color: #2c4058;
    background: #f1f4f8;
    border-color: #cfdae7;
    border-width: 1px 1px 0;
    border-style: solid;
    border-radius: 0 0 0 0; }
    .MRC-SectionWrapper .MRC-SectionHeader .MRC-SectionTitle {
      font-size: 2.5rem;
      font-weight: 700;
      margin: 5px 15px; }
    .MRC-SectionWrapper .MRC-SectionHeader .MRC-ContextButton {
      margin-left: auto;
      width: 40px;
      height: 40px; }
    .MRC-SectionWrapper .MRC-SectionHeader .MRC-ContextMenu {
      display: none;
      position: absolute;
      z-index: 100;
      right: 0;
      top: 0;
      height: 0;
      padding: 5px 10px;
      background: rgba(0, 0, 0, 0.8); }
      .MRC-SectionWrapper .MRC-SectionHeader .MRC-ContextMenu.VRT-Active {
        height: auto;
        display: block;
        top: 40px; }
  .MRC-SectionWrapper .MRC-SectionBody {
    color: #444;
    background: #fff;
    border-color: #cfdae7;
    border-width: 1px;
    border-style: solid; }
    .MRC-SectionWrapper .MRC-SectionBody .MRC-SectionMainContent, .MRC-SectionWrapper .MRC-SectionBody .MRC-SectionAside {
      padding: 7.5px 15px; }
    .MRC-SectionWrapper .MRC-SectionBody .MRC-SectionAside {
      border-left: 1px solid #cfdae7;
      background: #eff6ec;
      display: none; }
    .MRC-SectionWrapper .MRC-SectionBody.VRT-AsideDisplayed {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .MRC-SectionWrapper .MRC-SectionBody.VRT-AsideDisplayed .MRC-SectionMainContent {
        width: 100%; }
      .MRC-SectionWrapper .MRC-SectionBody.VRT-AsideDisplayed .MRC-SectionAside {
        -webkit-flex: 0 0 300px;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        display: block;
        margin-left: auto; }
  .MRC-SectionWrapper:after {
    content: "";
    display: table;
    clear: both; }

.MRC-Documentation {
  margin-bottom: 2em; }
  .MRC-Documentation .MRC-Title {
    margin: 1em 0 0.5em;
    font-size: 2em; }
  .MRC-Documentation .MRC-IntroContent * {
    font-size: 1.3em; }

.MRC-DocumentationItem .MRC-IntroContent > * {
  font-size: 1.15em; }
.MRC-DocumentationItem .MRC-ItemHeader-Lvl2 {
  margin: 2em 0 0.5em;
  color: #f36f21;
  border-bottom: 1px solid #fdede3; }
.MRC-DocumentationItem .MRC-ItemHeader-Lvl3 {
  margin: 2em 0 0.5em;
  color: #5f9e45; }
.MRC-DocumentationItem .MRC-ItemHeader-Lvl4 {
  margin: 2em 0 0.5em;
  color: #2c4058; }
.MRC-DocumentationItem .MRC-CodeSample {
  position: relative;
  display: block;
  margin: 10px 0;
  padding: 10px 15px;
  color: #c8c8c8;
  background: #1e1e1e;
  border-radius: 4px;
  white-space: pre-wrap; }
  .MRC-DocumentationItem .MRC-CodeSample.VRT-Less:before, .MRC-DocumentationItem .MRC-CodeSample.VRT-Scss:before, .MRC-DocumentationItem .MRC-CodeSample.VRT-Css:before, .MRC-DocumentationItem .MRC-CodeSample.VRT-Html:before, .MRC-DocumentationItem .MRC-CodeSample.VRT-Razor:before, .MRC-DocumentationItem .MRC-CodeSample.VRT-CSharp:before {
    position: absolute;
    top: 5px;
    right: 10px;
    font-weight: 700;
    font-size: 1.5em; }
  .MRC-DocumentationItem .MRC-CodeSample.VRT-Less:before {
    color: #b9c8e0;
    content: "Less"; }
  .MRC-DocumentationItem .MRC-CodeSample.VRT-Scss:before {
    color: #c6538c;
    content: "Scss"; }
  .MRC-DocumentationItem .MRC-CodeSample.VRT-Css:before {
    color: #33A9DC;
    content: "CSS"; }
  .MRC-DocumentationItem .MRC-CodeSample.VRT-Html:before {
    color: #F16529;
    content: "html"; }
  .MRC-DocumentationItem .MRC-CodeSample.VRT-Razor:before {
    color: #f1e729;
    content: "@Razor"; }
  .MRC-DocumentationItem .MRC-CodeSample.VRT-CSharp:before {
    color: #5f9e45;
    content: "C#"; }
.MRC-DocumentationItem .MRC-ArticleImage {
  margin: 1em 0;
  max-width: 100%;
  border: 1px solid #eee; }

.MRC-Parameters .MRC-ParametersTitle {
  font-size: 2rem;
  margin: 0.25em 0 0.5em; }
.MRC-Parameters .MRC-ParametersList .MRC-ParameterName {
  padding-top: 10px;
  border-top: 1px solid #ccc;
  font-family: Courier New, Courier, monospace;
  color: #f36f21;
  font-weight: 700;
  font-size: 1.6rem; }
.MRC-Parameters .MRC-ParametersList .MRC-ParameterDefinition {
  margin-bottom: 10px; }
  .MRC-Parameters .MRC-ParametersList .MRC-ParameterDefinition p {
    margin: 0; }
  .MRC-Parameters .MRC-ParametersList .MRC-ParameterDefinition .MRC-ParameterDefaults {
    color: #5f9e45;
    font-weight: 700; }
  .MRC-Parameters .MRC-ParametersList .MRC-ParameterDefinition .MRC-ParameterDescription {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.0rem;
    font-style: italic; }

/*##################################################*/
/*#endregion # Main content */
/*p:last-of-type {
    color: green;
}

.Check {
    + label {
        color: #ff0;
            + label {
                color: green;
            }
    }
    &:checked {
    + label {
        color: red;
            + label {
                color: blue;
            }
    }
    }
}

.NthSelector {
    li {
        font-weight: 700;
        color: red;

        &:not(.ChosenOne) {
            font-weight:100;
            opacity: 0.5;
        }

        &:nth-child(odd) {
            color: yellow;
        }
    }
}


.BeforeAfter {
    font-weight: 800;
    .Selected {
        float: right;
    }
    &:before {
        font-size: 0.7em;
        content: "before";
        display: inline-block;
        width: 50px;
        height: 20px;
        color: yellow;
        background: blue;
        font-weight: 200;
    }
    &:after {
        content: "after";
        display: inline-block;
        width: 50px;
        height: 20px;
        color: blue;
        background: yellow;
        font-weight: 400;
    }
}*/

/*# sourceMappingURL=QFrame.css.map */