*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font: 400 16px/1.5 "Lato", sans-serif;
  color: black;
  margin: 0;
  padding: 0;
  background: white; }

body * {
  -webkit-tap-highlight-color: transparent; }

nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

main {
  display: block; }

html,
body {
  overflow-x: hidden; }

/*  .content {} specific styles ---> this is pulled into _base-utilies.scss (site) and editor.scss  */
h1 {
  margin: 0;
  padding: 0;
  font-size: 2.35em;
  line-height: 1;
  font-weight: 300;
  color: #2c2866;
  font-family: "Lato"; }

h2 {
  margin: 0;
  padding: 0;
  font-size: 1.58625em;
  line-height: 1.1;
  font-weight: 700;
  color: #2c2866;
  font-family: "Lato"; }

h3 {
  margin: 0;
  padding: 0;
  font-size: 1.41em;
  line-height: 1.1;
  font-weight: 700;
  color: #8cc63f;
  font-family: "Lato"; }

h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2925em;
  line-height: 1.25;
  font-weight: 400;
  color: #f7941e;
  font-family: "Lato"; }

h5 {
  margin: 0;
  padding: 0;
  font-size: 1.175em;
  line-height: 1.25;
  font-weight: 700;
  color: #f7941e;
  font-family: "Lato"; }

h1 a, h2 a, h3 a, h4 a, h5 a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none; }

@media (min-width: 61.25em) {
  h1 a:hover {
    color: #14122f;
    text-decoration: none; }

  h2 a:hover {
    color: #14122f;
    text-decoration: none; }

  h3 a:hover {
    color: #638e2a;
    text-decoration: none; }

  h4 a:hover {
    color: #c26c07;
    text-decoration: none; }

  h5 a:hover {
    color: #c26c07;
    text-decoration: none; } }
ul, ol {
  margin: 0;
  padding: 0; }

li {
  list-style: none;
  padding: 0;
  margin: 0; }

p {
  color: black;
  padding: 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.65; }

a {
  color: #5d3987;
  text-decoration: none;
  border: none;
  outline: none;
  background-color: transparent; }

a img {
  border: none; }

.txt-left {
  text-align: left; }

.txt-right {
  text-align: right; }

.txt-center {
  text-align: center; }

.clear:before, .clear:after {
  display: table;
  content: ''; }
.clear:after {
  clear: both; }

.no-wrap {
  white-space: nowrap; }

.hidden {
  display: none !important; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

blockquote {
  margin-left: 2em; }

img, audio, canvas, video {
  max-width: 100%;
  vertical-align: top; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

@-ms-viewport {
  width: device-width; }
::selection {
  background: #5d3987;
  color: white;
  text-shadow: none; }

::-moz-selection {
  background: #5d3987;
  color: white;
  text-shadow: none; }

body {
  font-weight: 400;
  font-family: "Lato";
  background: #f2f2f2; }

h1, h2 {
  font-weight: bold; }

a:hover, a:focus {
  text-decoration: none; }

h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus {
  text-decoration: none; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.7em; }

h3 {
  font-size: 1.45em; }

h4 {
  font-size: 1.3em; }

.admin-logo {
  display: block;
  position: relative;
  padding: 11px;
  z-index: 20;
  width: 50%;
  max-width: 250px;
  background: url(/images/admin/logo.svg) no-repeat center left;
  background-size: contain; }

@media (min-width: 75em) {
  .admin-logo {
    width: 20%;
    position: absolute;
    top: 0;
    bottom: 0; } }
.admin-alert {
  color: #464646; }
  .admin-alert .svg-check-mark-icon {
    fill: #fff;
    background-color: #5d3987; }

.admin-alert-title {
  color: #5d3987; }

.button {
  color: white;
  background-color: #5d3987; }
  .button.ghost {
    background-color: transparent;
    color: #5d3987;
    box-shadow: inset 0 0 0 2px #5d3987;
    font-weight: 600; }
  .button.grey-300 {
    color: #464646;
    background-color: #e5e5e5; }
  .button.color-a {
    background-color: #5d3987; }
  .button.color-b {
    background-color: #464646; }
  .button.color-c {
    background-color: #8cc63f; }
  .button.color-d {
    background-color: #8cc63f; }
  .button.ghost {
    background-color: transparent;
    color: #5d3987;
    box-shadow: inset 0 0 0 2px #5d3987; }
  .button.ghost-white {
    background-color: transparent;
    color: #fff;
    box-shadow: inset 0 0 0 2px #fff; }
  @media (min-width: 70.625em) {
    .button:hover, .button:focus {
      color: white;
      background-color: #8cc63f; } }

.admin-nav-hamburger {
  background: transparent;
  color: #fff; }
  .admin-nav-hamburger .hamburger-title {
    color: #000; }
  .admin-nav-hamburger .hamburger {
    background-color: #8c8c8c; }
    .admin-nav-hamburger .hamburger:before, .admin-nav-hamburger .hamburger:after {
      background-color: #8c8c8c; }

.admin-header {
  border-bottom: 2px solid #f2f2f2;
  background: white; }

.admin-nav-list li .link {
  color: #fff; }
.admin-nav-list li .link:hover {
  background-color: #fff;
  color: #000; }
.admin-nav-list li.fast_button_active .link {
  background-color: #5d3987 !important;
  color: #fff !important; }

.active-mobile-nav .admin-header-wrapper {
  background: white; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger {
    background-color: transparent; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger-title {
      color: #5d3987; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger {
      background-color: #5d3987; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:before {
      background-color: #5d3987; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:after {
      background-color: #5d3987; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-list {
    background-color: rgba(0, 0, 0, 0.8);
    color: #f0f0f0; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-list:before {
      background-color: white;
      border-bottom: 2px solid #f0f0f0; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-list li.fast_button_active .link {
    background-color: #d6d6d6 !important;
    color: #000 !important; }

.menu-drop-down {
  background: #505050;
  color: #fff;
  box-shadow: inset 0 0 5px #505050; }

.drop-down-container .button {
  background-color: #808080;
  color: #fff;
  box-shadow: 0 0 0 1px #333; }
  .drop-down-container .button:hover, .drop-down-container .button:focus {
    background-color: #000 !important; }
  .drop-down-container .button.fast_button_active {
    background-color: #000 !important; }

.switch-multi-drop-down, .close-multi-drop-down {
  fill: #ddd; }

@media (min-width: 75em) {
  .admin-nav-list li {
    color: #fff; }
    .admin-nav-list li .link {
      color: #8c8c8c; } }
.admin-left-nav {
  background-color: #fff; }
  .admin-left-nav [offc-trigger] {
    color: #fff;
    background-color: #5d3987; }

.not-tree-view-list a {
  color: #000;
  background-color: #f0f0f0; }
  .not-tree-view-list a:before {
    background-color: lightgray; }
  .not-tree-view-list a:hover {
    color: #000;
    background-color: #ebebeb; }
  .not-tree-view-list a:hover:before {
    width: 2px;
    background-color: lightgray; }
.not-tree-view-list .not-tree-view-list-item.active a {
  background-color: #e3e3e3; }
.not-tree-view-list .not-tree-view-list-item.active a:before {
  background-color: #5d3987; }

.shortcuts-menu .add-shortcut {
  border: 1px solid #8c8c8c; }
  .shortcuts-menu .add-shortcut .svg-container:hover {
    background: #cecece; }
  .shortcuts-menu .add-shortcut:hover {
    border: 2px solid #382251; }
    .shortcuts-menu .add-shortcut:hover .add-shortcut-icon {
      background-color: #5d3987; }
      .shortcuts-menu .add-shortcut:hover .add-shortcut-icon:before, .shortcuts-menu .add-shortcut:hover .add-shortcut-icon:after {
        background-color: #fff; }
.shortcuts-menu .add-shortcut-menu {
  background-color: #c6c6c6;
  color: white; }
  .shortcuts-menu .add-shortcut-menu ul li:hover {
    background-color: #b9b9b9; }
  .shortcuts-menu .add-shortcut-menu ul li.fast_button_active {
    background-color: #5d3987; }
.shortcuts-menu .add-shortcut-icon:before, .shortcuts-menu .add-shortcut-icon:after {
  background-color: #8c8c8c; }
.shortcuts-menu .add-shortcut-icon .fast_button_active {
  background: #5d3987 !important; }

.box .panel.generic-toggle.theme-a > .panel-collapse {
  background-color: #f0f0f0; }
.box .panel.generic-toggle.theme-a > .panel-heading .panel-title {
  border: 1px solid #2c2866;
  background-color: #5d3987; }
  .box .panel.generic-toggle.theme-a > .panel-heading .panel-title .box-title {
    color: #fff; }
  .box .panel.generic-toggle.theme-a > .panel-heading .panel-title .svg-container {
    fill: #fff; }
.box .panel.generic-toggle.theme-a input[type="text"], .box .panel.generic-toggle.theme-a select, .box .panel.generic-toggle.theme-a textarea {
  background-color: #fff; }
.box .panel.generic-toggle.theme-a:hover > .panel-heading .panel-title {
  background-color: #422860; }
.box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title {
  border: 1px solid #2c2866;
  background-color: #5d3987; }
  .box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title .box-title {
    color: #fff; }
  .box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title .svg-container {
    fill: #fff; }
.box .panel.generic-toggle.theme-a-minimal:hover > .panel-heading .panel-title {
  background-color: #422860; }

.segment.two-sided .segment-title {
  color: #5d3987; }

.shortcuts-popup .popup-tab label {
  color: #5d3987; }

.shortcuts-popup .button.active {
  background-color: #5d3987; }

.media-gallery [offc-trigger]:before,
.media-gallery [offc-mobile-btn]:before {
  color: #5d3987; }

.media-gallery.editor .bar .heading:after {
  background-color: #5d3987; }

.media-gallery.editor .bar .svg-container {
  fill: #5d3987; }

.media-gallery.editor .bar .svg-container:hover {
  background-color: #5d3987; }

.image-selector.ntfy-popup .bar .svg-container {
  fill: #5d3987; }

.image-selector.ntfy-popup .bar .svg-container:hover {
  background-color: #5d3987; }

.socialicons img {
  background-color: #5d3987; }

#body .admin-left-nav .RadTreeView .rtSelected .rtIn {
  background-color: #5d3987 !important;
  background-image: none;
  color: #fff !important; }
  #body .admin-left-nav .RadTreeView .rtSelected .rtIn:before {
    width: 4px;
    background-color: #5d3987; }

#body .reMode_selected,
#body .reTool:hover,
#body .rtbItem:hover,
#body .rtIn:hover {
  background-color: #5d3987 !important;
  background-image: none !important; }
#body .RadToolBar_Metro .rtbItemClicked .rtbWrap,
#body .RadToolBar_Metro .rtbSplBtnExpanded .rtbWrap,
#body .RadToolBar_Metro .rtbDropDownExpanded .rtbWrap,
#body .RadToolBar_Metro .rtbChecked .rtbWrap,
#body .RadToolBar_Metro li.rtbChecked .rtbWrap:hover {
  background-color: #5d3987 !important;
  border: 1px solid #5d3987; }
#body .RadTreeView_Metro .rtSelected .rtIn {
  border-color: #5d3987;
  background-color: #5d3987; }

.box {
  background: #fff;
  border-top: 1px solid #5d3987; }
  .box .box {
    background-color: #f2f2f2; }
  .box .box-title {
    color: #5d3987; }
  .box .svg-arrow-icon.box-arrow-toggle {
    background: #5d3987; }
  .box .box-button {
    background-color: #fff; }
  .box .box-controls .fast_button_active {
    background: #5d3987 !important; }
  .box .box-controls-message {
    background: #9067bf;
    color: #2c1b3f; }
  .box .box-arrow-toggle.fast_button_active {
    background: black !important; }
  .box .panel-title .svg-container {
    fill: #3a2455; }
  .box .box-button-primary {
    /* COPIED FROM _buttons.scss */
    background: #5d3987;
    color: white; }
    .box .box-button-primary:hover {
      background-color: #694199 !important;
      color: white !important; }
    .box .box-button-primary.fast_button_active {
      background: #513175 !important;
      color: #f2f2f2 !important; }
    .box .box-button-primary .svg-icon {
      fill: white; }
  .box .box-button-secondary {
    /* COPIED FROM _buttons.scss */
    background: #e5e5e5;
    color: #5d3987; }
    .box .box-button-secondary:hover {
      background-color: #f2f2f2 !important;
      color: #694199 !important; }
    .box .box-button-secondary.fast_button_active {
      background: #d8d8d8 !important;
      color: #513175 !important; }
    .box .box-button-secondary .svg-icon {
      fill: #5d3987; }
  .box .box-arrow-toggle {
    fill: #fff; }
  .box .inset-label.button.box-button-primary {
    border: 1px solid #5d3987; }
  .box.active {
    background: #5d3987;
    color: #fff;
    border-top: 1px solid #fff !important;
    /* ??? ADDED / NEEDED ??? */ }
    .box.active .box-title,
    .box.active .box-link,
    .box.active .segment-title {
      color: #fff; }
    .box.active .box-arrow-toggle {
      fill: #5d3987;
      background: #fff; }
    .box.active .box-button {
      background-color: #fff;
      color: #5d3987; }
  .box.flex-item {
    border-top: 1px solid #5d3987; }
  .box.loading:after {
    /* follow line to change loading color ----------------------------------------------------------------------------------------------------------------------------------------------- RIGHT BELOW HERE --------------------- */
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-facebook'%3E%3Cstyle type='text/css'%3E.highlight %7B fill: %235d3987 %7D /* CHANGE HIGHLIGHT COLOR HERE. %3C/style%3E%3Cg transform='translate(20 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.6'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3Cg transform='translate(50 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.8'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0.1s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3Cg transform='translate(80 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.9'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0.2s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); }

.box-offset-action {
  fill: #fff;
  background-color: lightgray; }
  .box-offset-action.fast_button_active {
    background-color: #5d3987; }
  .box-offset-action:hover {
    background-color: #636363; }

.roll-link {
  color: lightgray; }
  .roll-link span:after {
    background: none repeat scroll 0 0 #5d3987;
    color: #fff; }
  .roll-link.fast_button_active span {
    background: #eaf5dc !important;
    color: black !important; }
    .roll-link.fast_button_active span:after {
      background: #eaf5dc;
      color: black; }

.bg-grey-100 {
  background-color: #f3f3f3; }

.bg-grey-200 {
  background-color: #f0f0f0; }

.theme-list-grey-200 li {
  list-style: none !important; }
.theme-list-grey-200 li:nth-child(odd) {
  background-color: #f0f0f0; }

.loader > div {
  background: #5d3987; }

.theme-repeat-brand {
  background: #888888; }
  .theme-repeat-brand h2 {
    color: #ffffff; }
  .theme-repeat-brand p {
    color: #ffffff; }

.layout-user-fund {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: .5em 0em;
  /* , .nav-button { padding:; } */ }
  .layout-user-fund .subgroup {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1 1 50%;
    -moz-box-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    @media (min-width: 75em) {
      .layout-user-fund .subgroup {
        -webkit-box-flex: 1 1 20%;
        -moz-box-flex: 1 1 20%;
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%; } }
    .layout-user-fund .subgroup.nav-button {
      padding: 1em; }
    .layout-user-fund .subgroup.DL-button {
      padding: .5em 1em 1em 1.4em;
      position: relative; }
  .layout-user-fund .subgroup.info-content {
    -webkit-box-flex: 1 1 100%;
    -moz-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
    @media (min-width: 75em) {
      .layout-user-fund .subgroup.info-content {
        -webkit-box-flex: 1 1 45%;
        -moz-box-flex: 1 1 45%;
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%; } }
  .layout-user-fund .DL-link {
    color: #ffffff;
    -webkit-transition: transform ease 0.3S;
    transition: transform ease 0.3S;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    padding-left: 1.6em;
    font-size: .9em; }
    .layout-user-fund .DL-link:before {
      content: "";
      height: 35px;
      width: 30px;
      position: absolute;
      top: 8px;
      bottom: 0;
      left: 0;
      margin: auto 0;
      background: url("/images/site/file-download.png") no-repeat; }
    .layout-user-fund .DL-link:hover {
      -ms-transform: scale(1.01);
      -webkit-transform: scale(1.01);
      -moz-transform: scale(1.01);
      transform: scale(1.01); }
  .layout-user-fund .content {
    padding: 2em 5.5%; }
    .layout-user-fund .content h2 {
      font-size: 1.58625em !important; }
    .layout-user-fund .content .summary {
      /* height:0; @include transform(scaleY(0)); @include transform-origin(top center); @include transition( transform cubic-bezier(0.645, 0.045, 0.355, 1) .4s); */ }
  .layout-user-fund .module-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .layout-user-fund .nav .nav-link {
    margin: 0; }
  .layout-user-fund .theme-pad_V {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  .layout-user-fund .theme-pad_H {
    margin-left: 2.5%;
    margin-right: 2.5%; }

.layout-user-testimonial {
  position: relative;
  margin-bottom: 1.2em !important;
  /* &:first-of-type
  { */
  /* } */
  /*
          .quote-icon{ background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 331.7 276.56"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{opacity:0.89;}.cls-4{clip-path:url(#clip-path-3);}.cls-5{fill:#8cc63f;}</style><clipPath id="clip-path" transform="translate(-9 -7)"><rect class="cls-1" x="9" y="7" width="331.7" height="276.57"/></clipPath><clipPath id="clip-path-3" transform="translate(-9 -7)"><rect class="cls-1" width="349.7" height="284.57"/></clipPath></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-2"><g class="cls-2"><g class="cls-3"><g class="cls-4"><path class="cls-5" d="M290.94,136.54q0-65.89,49.76-79.79V7Q208,18.66,208,183.16v100.4H340.7V150.89H290.94Zm-199,0q0-65.89,49.76-79.79V7Q9,18.66,9,183.16v100.4H141.68V150.89H91.92Z" transform="translate(-9 -7)"/></g></g></g></g></g></g></svg>' ); background-repeat:no-repeat; background-size:contain;  position: absolute; z-index: 2;            
            }*/ }
  .layout-user-testimonial .quote-icon {
    /* height: 130px; width: 130px; background-repeat:no-repeat; background-size:contain;  position: absolute; z-index: 2;
    background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 331.7 276.56"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{opacity:0.89;}.cls-4{clip-path:url(#clip-path-3);}.cls-5{fill:#8cc63f;}</style><clipPath id="clip-path" transform="translate(-9 -7)"><rect class="cls-1" x="9" y="7" width="331.7" height="276.57"/></clipPath><clipPath id="clip-path-3" transform="translate(-9 -7)"><rect class="cls-1" width="349.7" height="284.57"/></clipPath></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-2"><g class="cls-2"><g class="cls-3"><g class="cls-4"><path class="cls-5" d="M290.94,136.54q0-65.89,49.76-79.79V7Q208,18.66,208,183.16v100.4H340.7V150.89H290.94Zm-199,0q0-65.89,49.76-79.79V7Q9,18.66,9,183.16v100.4H141.68V150.89H91.92Z" transform="translate(-9 -7)"/></g></g></g></g></g></g></svg>');  */
    display: none; }
  .layout-user-testimonial .bg-img {
    height: 150px;
    width: 150px;
    max-height: 150px;
    position: absolute;
    /* border-bottom:12px solid #ffffff;  */
    overflow: hidden; }
    .layout-user-testimonial .bg-img .fake-bg-img {
      position: absolute;
      height: 100%;
      max-width: none;
      top: 0;
      left: 50%;
      -ms-transform: translate(-50%);
      -webkit-transform: translate(-50%);
      -moz-transform: translate(-50%);
      transform: translate(-50%); }
  .layout-user-testimonial .quote-icon {
    top: 2em;
    left: 0; }
  .layout-user-testimonial .content-container {
    margin: 6em 1em 0; }
    .layout-user-testimonial .content-container .content {
      padding: 4em 4.5% 1em; }
  .layout-user-testimonial .bg-img {
    top: 0;
    left: 0; }
    .layout-user-testimonial .bg-img:after {
      content: '';
      position: absolute;
      bottom: -12px;
      left: 2px;
      width: 60%;
      height: 100%;
      z-index: -1;
      -webkit-filter: blur(2px);
      filter: blur(2px);
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+7,000000+100&0.2+0,0.2+7,0+100 */
      background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 7%, transparent 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 7%, transparent 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 7%, transparent 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000',GradientType=1 );
      /* IE6-9 */
      -ms-transform: skewY(-6deg);
      -webkit-transform: skewY(-6deg);
      -moz-transform: skewY(-6deg);
      transform: skewY(-6deg);
      -ms-transform-origin: bottom right;
      -webkit-transform-origin: bottom right;
      transform-origin: bottom right; }
  @media (min-width: 48em) {
    .layout-user-testimonial {
      margin-bottom: 2.5em !important; }
      .layout-user-testimonial .quote-icon {
        height: 170px;
        width: 170px; }
      .layout-user-testimonial:first-of-type .quote-icon {
        top: -4em;
        left: 25%; }
      .layout-user-testimonial:first-of-type .bg-img {
        height: 169px;
        width: 200px;
        max-height: 100%; }
      .layout-user-testimonial:first-of-type .bg-img {
        /* margin: 5em 0 0 0; */ }
      .layout-user-testimonial:first-of-type .content-container {
        -webkit-box-flex: 1 1 60%;
        -moz-box-flex: 1 1 60%;
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        /* margin:2em 0em 2em -6em; */
        max-width: 700px; }
        .layout-user-testimonial:first-of-type .content-container .content {
          padding: 2em 1em 1em 13em; }
      .layout-user-testimonial:first-of-type .bg-img {
        -webkit-box-flex: 0 1 26%;
        -moz-box-flex: 0 1 26%;
        -webkit-flex: 0 1 26%;
        -ms-flex: 0 1 26%;
        flex: 0 1 26%; } }
  @media (min-width: 85.3125em) {
    .layout-user-testimonial:first-of-type {
      margin-bottom: 0em !important; }
      .layout-user-testimonial:first-of-type .quote-icon {
        top: -4em;
        left: 25%; }
      .layout-user-testimonial:first-of-type .bg-img {
        -webkit-box-flex: 1 1 8%;
        -moz-box-flex: 1 1 8%;
        -webkit-flex: 1 1 8%;
        -ms-flex: 1 1 8%;
        flex: 1 1 8%;
        margin: 4em 0 0 0; }
      .layout-user-testimonial:first-of-type .content-container {
        margin: 2em 10% 0 -6%;
        -webkit-box-flex: 0 1 65%;
        -moz-box-flex: 0 1 65%;
        -webkit-flex: 0 1 65%;
        -ms-flex: 0 1 65%;
        flex: 0 1 65%; }
        .layout-user-testimonial:first-of-type .content-container .content {
          padding: 1em 1em 1em 4.5em;
          margin: 0 0 1em 0; } }
  .layout-user-testimonial .content-container {
    margin: 6em 1em 0; }
    .layout-user-testimonial .content-container .content {
      padding: 4em 4.5%;
      border: 12px solid #e67c5d;
      text-align: left; }
      .layout-user-testimonial .content-container .content .title {
        font-size: 1.6em;
        font-family: "Lato";
        color: #8cc63f; }

/* end layout-user-testimonial */