/* body */
body {
  font-family:ZonaPro-Regular,helvetica,arial,sans-serif;
  font-size:16px;
  line-height:1.5;
  color:#000
 }

/* buttons */
.btn-primary {
  font-family:ZonaPro-ExtraBold,helvetica,arial,sans-serif;
  text-transform:uppercase;
  background-color:#712177 !important;
  border-color:#712177 !important;
  color:#fff!important;
  text-decoration:none;
 }
 
 .submit-btn::before,
 .btn-primary::before {
  font-family:"FontAwesome";
  content:"\f061";
  margin-right:.625rem;
  font-weight:900;
   color: #57d4fa;
 }
 
 .btn-primary:hover {
         color: #fff;
         background-color: #60C2E0;
         border-color: #60C2E0;
         text-decoration:none;
         transition:background .2s ease-in-out;
         background-color: #c4a1c9 !important;
         border-color: #c4a1c9 !important;
         color:#000!important;
 }

.landingbutton,
.button a,
a.button {
 font-family:ZonaPro-ExtraBold,helvetica,arial,sans-serif;
 display:inline-block;
 font-size:1.25rem;
 line-height:1.25;
 padding:.625rem;
 padding-right:20%;
 text-transform:uppercase;
 transition:background .2s ease-in-out;
 max-width:100%;
 background:linear-gradient(135deg,#712177 80%,transparent 20%) !important;
 color:#fff!important;
 text-decoration:none;
 font-weight: bold;
}
@media screen and (min-width:36rem) {
  .landingbutton,
 .button a,
 a.button {
  font-size:1.375rem;
  line-height:1.25
 }
}
@media screen and (min-width:64rem) {
  .landingbutton,
  .button a,
 a.button {
  font-size:1.5rem;
  line-height:1.25
 }
}
@media screen and (min-width:125rem) {
  .landingbutton,
 .button a,
 a.button {
  font-size:1.75rem;
  line-height:1.25
 }
}
.landingbutton::before,
.button a::before,
a.button::before {
 font-family:"FontAwesome";
 font-size:24px;
 content:"\f061";
 margin-right: 10px;
 margin-left: 10px;
}
.landingbutton:focus,
.landingbutton:hover,
.button a:focus,
.button a:hover,
a.button:focus,
a.button:hover {
 text-decoration:none;
 transition:background .2s ease-in-out
}
@media only screen and (min-width:36rem) {
  .landingbutton,
 .button a,
 a.button {
  max-width:none
 }
}
.landingbutton::before,
.button a::before,
a.button::before {
 color:#57d4fa
}
.landingbutton:focus,
.landingbutton:hover,
.button a:focus,
.button a:hover,
a.button:focus,
a.button:hover {
 background:linear-gradient(135deg,#c4a1c9 80%,transparent 20%) !important;
 color:#000!important
}
.landingbutton:focus::before,
.button a:focus::before,
.button a:hover::before,
a.button:focus::before,
a.button:hover::before {
 color:#007abf
}

/* links */
.list-group-item-heading > a,
.sort-enabled > a {
  color: #0078ab;
}
.list-group-item-heading > a:hover, 
.list-group-item-heading > a:focus,
.sort-enabled > a:hover, 
.sort-enabled > a:focus {
      color: #0078ab;
      text-decoration: underline;
  }
.list-group-item-heading > a:focus,
.sort-enabled > a:focus {
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
  }

.label-primary {
    background-color: #0078ab !important;
}

#filterDropdownId > a {
  color: #0078ab;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #0078ab !important;
}

/* Header */
#site-header {
  height:50px
 }
 #site-header #logo {
  position:static;
  width:100%;
  float:left;
  max-height:50px
 }
 #site-header #logo a {
  display:block;
  justify-content:center;
  max-width:80%
 }
 #site-header #logo img {
  max-height:50px;
  padding:0;
 }
 #site-header #logo #hide,
 #site-header #logo #toggle-mobile-nav {
  text-align:right;
  background:0 0;
  color:#fff;
  border:none;
  font-size:20px;
  position:absolute;
  top:0;
  right:1rem;
  cursor:pointer;
  padding:0;
  height:50px;
  text-align:center
 }
 #site-header .hidden {
  display:none
 }
 #site-header #toggle-search,
 #site-header #toggle-search-mob {
  position:absolute;
  top:0;
  right:2.5rem;
  height:50px;
  background:0 0;
  cursor:pointer;
  border:0;
  color:#fff;
  font-size:20px
 }
 #site-header #toggle-search i,
 #site-header #toggle-search-mob i {
  pointer-events:none
 }
 #site-header #toggle-search {
  display:none
 }
 #site-header #site-search {
  position:absolute;
  top:50px;
  left:-999999px;
  padding:0 1.25rem;
  width:100%;
  background-color:#712177
 }
 #site-header #site-search.search-visible {
  left:0
 }
 #site-header #site-search label {
  position:absolute;
  left:-999px
 }
 #site-header #site-search #rgu-search-box {
  width:100%;
  background:0 0;
  border:none;
  border-bottom:2px solid #fff;
  width:100%;
  padding:.625rem;
  box-sizing:border-box;
  color:#fff;
  font-family:ZonaPro-Regular,helvetica,arial,sans-serif;
  font-size:18px;
  height:50px;
  margin:1.25rem 0
 }
 #site-header #site-search #rgu-search-box::-webkit-input-placeholder {
  color:#fff!important
 }
 #site-header #site-search #rgu-search-box::-moz-placeholder {
  color:#fff!important
 }
 #site-header #site-search #rgu-search-box:-ms-input-placeholder {
  color:#fff!important
 }
 #site-header #site-search #rgu-search-box:-moz-placeholder {
  color:#fff!important
 }
 #site-header #site-search #search-close {
  position:absolute;
  top:0;
  right:1.25rem;
  cursor:pointer;
  height:50px;
  margin:1.25rem 0;
  background:0 0;
  border:0;
  color:#fff;
  font-size:20px
 }
 #site-header #site-search #search-icon {
  position:absolute;
  top:0;
  cursor:pointer;
  right:3.75rem;
  height:50px;
  margin:1.25rem 0;
  background:0 0;
  border:0;
  color:#fff;
  font-size:20px
 }
 #site-header #nav {
  font-family:ZonaPro-SemiBold,helvetica,arial,sans-serif
 }
 #site-header #nav #nav-block {
  display:none
 }
 #site-header #nav #nav-block nav ul {
  display:none
 }
 #site-header #nav #mobile-nav-block.hidden {
  position:absolute;
  left:-100000px
 }
 #site-header #nav #mobile-nav-block.hidden #nav-search,
 #site-header #nav #mobile-nav-block.hidden nav ul {
  display:none
 }
 #site-header #nav #mobile-nav-block {
  background-color:#712177;
  position:absolute;
  right:0;
  width:100%;
  top:50px;
  padding:1.25rem;
  z-index: 3;
 }
 #site-header #nav #mobile-nav-block #nav-lists {
  display:flex;
  flex-direction:column
 }
 #site-header #nav #mobile-nav-block #nav-lists #mob-main-nav {
  border-bottom:2px dashed #fff
 }
 #site-header #nav #mobile-nav-block #nav-lists ul li {
  padding:0;
  margin:0
 }
 #site-header #nav #mobile-nav-block #nav-lists ul li a {
  padding:.625rem
 }
 #site-header #nav #mobile-nav-block #nav-lists ul li a:active,
 #site-header #nav #mobile-nav-block #nav-lists ul li a:focus,
 #site-header #nav #mobile-nav-block #nav-lists ul li a:hover {
  background-color:#b077b8;
  border:none
 }
 #site-header #nav ul {
  margin:0;
  padding:0
 }
 #site-header #nav ul li {
  list-style:none;
  padding:0 1.25rem
 }
 #site-header #nav ul li a {
  color:#fff;
  display:block;
  text-decoration:none;
  font-weight: bold;
 }
 #site-header #nav ul li a:focus,
 #site-header #nav ul li a:hover {
  text-decoration:none
 }
 #site-header #nav ul li a::after {
  content:"";
  display:block;
  width:0;
  height:2px;
  background:#fff;
  transition:width .3s
 }
 #site-header #nav ul li a:focus::after,
 #site-header #nav ul li a:hover::after {
  width:100%
 }
 #site-header #nav .top-nav {
  text-transform:uppercase
 }
 #site-header #nav .main-nav li {
  line-height:20px
 }
 @media only screen and (min-width:25rem) {
  #site-header #nav #mobile-nav-block {
   width:75%
  }
  #site-header #nav #mobile-nav-block #nav-lists {
   flex-direction:row
  }
  #site-header #nav #mobile-nav-block #nav-lists nav {
   flex:1
  }
  #site-header #nav #mobile-nav-block #nav-lists #mob-main-nav {
   border-bottom:none
  }
 }

 @media only screen and (max-width:64rem) {   
  #site-header #logo img {
    margin: 0;
  }
}

 @media only screen and (min-width:64rem) {
  #site-header {
   height:100px;
   position:relative
  }
  #site-header::before {
   width:100%;
   height:100px;
   content:"";
   position:absolute;
   top:0;
   left:0;
   z-index:0;
   background:linear-gradient(rgba(255,255,255,.15) 50%,rgba(255,255,255,.25) 50%)
  }
  #site-header::after {
   width:100%;
   height:100px;
   position:absolute;
   top:0;
   left:0;
   content:"";
   background:linear-gradient(135deg,#712177 30%,transparent 30%)
  }
  #site-header #toggle-search {
   top:50px;
   display:block
  }
  #site-header #toggle-search-mob {
   display:none
  }
  #site-header #nav {
   display:block;
   float:right;
   width:75%
  }
  #site-header #nav #nav-block {
   display:block
  }
  #site-header #nav #nav-block ul {
   display:block!important
  }
  #site-header #nav #mobile-nav-block {
   display:none
  }
  #site-header #nav ul {
   height:50px;
   line-height:50px;
   text-align:right;
   padding-right:1.25rem
  }
  #site-header #nav ul li {
   display:inline-block;
   padding:0 .625rem
  }
  #site-header #nav ul li.alias-parent-active>a::after,
  #site-header #nav ul li.current>a::after {
   content:"";
   display:block;
   width:100%;
   height:2px;
   background:#fff;
   transition:width .3s
  }
  #site-header #nav .top-nav li {
   border-right:2px solid #fff;
   font-size:14px;
   line-height:14px
  }
  #site-header #nav .top-nav li:last-child {
   border-right:none
  }
  #site-header #nav .main-nav {
   padding-right:3.125rem
  }
  #site-header #logo {
   width:25%;
   box-sizing:border-box;
   line-height:100%;
   /* background-image: linear-gradient(135deg, rgb(0, 159, 227) 205px, rgba(0, 0, 0, 0) 205px); */
   max-height:initial
  }
  #site-header #logo a {
   display:flex;
   flex-direction:column;
   height:100%;
   align-items:baseline
  }
  #site-header #logo img {
   max-height:none
  }
  #site-header #toggle-mobile-nav {
   display:none
  }
  #site-header .row {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   z-index:1
  }
  #site-header #site-search {
   right:0;
   left:unset;
   color:#fff
  }
  #site-header #site-search span {
   float:right;
   cursor:pointer
  }
  #site-header #site-search label {
   display:none
  }
  #site-header #site-search #rgu-search-box {
   position:absolute;
   top:0;
   height:40px;
   right:1.25rem;
   border:none;
   background-color:#fff;
   margin-top:.3125rem;
   box-shadow:none;
   font-size:18px;
   font-family:ZonaPro-SemiBold,helvetica,arial,sans-serif;
   border-radius:0;
   color:#000!important;
   width:0;
   padding:0;
   -webkit-transition:width .4s ease-in-out;
   transition:width .4s ease-in-out
  }
  #site-header #site-search #rgu-search-box::-webkit-input-placeholder {
   color:#000!important
  }
  #site-header #site-search #rgu-search-box::-moz-placeholder {
   color:#000!important
  }
  #site-header #site-search #rgu-search-box:-ms-input-placeholder {
   color:#000!important
  }
  #site-header #site-search #rgu-search-box:-moz-placeholder {
   color:#000!important
  }
  #site-header #site-search #rgu-search-box::-ms-clear {
   display:none
  }
  #site-header #site-search.search-visible {
   left:unset
  }
  #site-header #site-search.search-visible #rgu-search-box {
   width:65%;
   padding-left:.625rem
  }
  #site-header #site-search button {
   border:none!important;
   background-color:transparent!important;
   position:absolute;
   top:55px;
   right:.625rem;
   font-size:20px;
   color:#fff;
   margin-top:0!important;
   cursor:pointer
  }
  #site-header #site-search .hidden {
   display:none
  }
  #site-header #site-search #search-icon:not(.hidden) {
   position:absolute;
   right:2.5rem;
   color:#712177
  }
  #site-header #site-search #search-close:not(.hidden) {
   position:absolute;
   right:1.25rem;
   color:#712177
  }
  #site-header #toggle-search:not(.hidden) {
   position:absolute;
   right:1.25rem
  }
 }
 @media only screen and (min-width:100rem) {
  #site-header::after {
   width:100%;
   height:100px;
   position:absolute;
   top:0;
   left:0;
   content:"";
   background:linear-gradient(135deg,#712177 25%,transparent 25%)
  }
  #site-header #logo {
   width:25%;
   /* background-image: linear-gradient(135deg, rgb(0, 159, 227) 205px, rgba(0, 0, 0, 0) 205px); */
  }
  #site-header #nav {
   width:75%
  }
  #site-header #nav ul {
   padding-right:2.5rem
  }
  #site-header #nav ul li {
   padding:0 1.25rem
  }
  #site-header #nav ul li:last-child {
   padding-right:0
  }
  #site-header #nav .main-nav {
   padding-right:5rem
  }
  #site-header #nav .main-nav li:last-child {
   padding-right:1.25rem
  }
  #site-header #site-search #rgu-search-box {
   right:2.5rem
  }
  #site-header #site-search.search-visible #rgu-search-box {
   width:55%
  }
  #site-header #site-search #search-icon:not(.hidden) {
   right:3.75rem
  }
  #site-header #site-search #search-close:not(.hidden) {
   right:2.5rem
  }
  #site-header #toggle-search:not(.hidden) {
   right:2.5rem
  }
 }

/* Navigation */
.navbar-right {
	margin-right: 0px !important;
}

.navbar-right.menu-bar {
	background-color:#712177;
	width:100%;
	margin-right:0px;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: transparent !important;
}


/* breadcrumb */
#breadcrumbs {
  height:50px;
  font-family:ZonaPro-SemiBold,helvetica,arial,sans-serif;
  font-size:16px;
  width:100%
 }
 #breadcrumbs.hide-mobile {
  display:none
 }
 #breadcrumbs #bc-cta {
  line-height:50px
 }
 #breadcrumbs nav {
  display:none;
  flex:1;
  font-size:.75rem
 }
 #breadcrumbs nav ul {
  padding:0;
  margin:0
 }
 #breadcrumbs nav li {
  margin-right:0
 }
 #breadcrumbs .breadcrumb-cta {
  display:flex;
  align-items:center;
  padding-right:0;
  height:100%
 }
 #breadcrumbs .breadcrumb-cta p {
  padding:0;
  margin:0
 }
 #breadcrumbs .breadcrumb-cta a {
  color:#000;
  background:0 0;
  text-transform:uppercase;
  font-family:ZonaPro-ExtraBold,helvetica,arial,sans-serif;
  display:flex;
  align-items:center;
  font-size:.825rem;
  padding:0 1.25rem
 }
 #breadcrumbs .breadcrumb-cta a:focus,
 #breadcrumbs .breadcrumb-cta a:hover {
  text-decoration:none;
  color:#712177;
  background-color:rgba(255,255,255,.4)
 }
 #breadcrumbs .breadcrumb-cta a:focus::before,
 #breadcrumbs .breadcrumb-cta a:hover::before {
  color:#006b99
 }
 #breadcrumbs .breadcrumb-cta a::before {
  content:"\f061";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  font-size:1.5rem;
  color:#712177;
  margin-right:.625rem
 }
 @media only screen and (min-width:48rem) {
  #breadcrumbs {
   display:flex;
   flex-direction:row
  }
  #breadcrumbs.hide-mobile {
   display:flex
  }
  #breadcrumbs nav {
   padding:0;
   margin:0;
   height:50px;
   padding-left:.625rem;
   display:block
  }
  #breadcrumbs nav li {
   line-height:50px;
   list-style:none;
   display:inline-block
  }
  #breadcrumbs nav li:first-child a {
   text-decoration:none
  }
  #breadcrumbs nav li:last-child {
   padding-left:.3125rem
  }
  #breadcrumbs nav li a.compacted {
   text-decoration:none
  }
  #breadcrumbs nav li a {
   color:#000;
   text-decoration:underline;
   padding:.3125rem;
   display: inline;
  }
  #breadcrumbs nav li a:focus,
  #breadcrumbs nav li a:hover {
   background-color:#008fcc;
   color:#fff;
   text-decoration:none
  }
 }
 @media only screen and (min-width:64rem) {
  #breadcrumbs nav {
   padding-left:1.875rem;
   font-size:14px
  }
  #breadcrumbs .breadcrumb-cta {
   padding-right:1.25rem
  }
  #breadcrumbs .breadcrumb-cta a {
   font-size:1rem
  }
 }

 .breadcrumb {
  margin-top: 0px;
  margin-bottom: 0px;
  background-color:#57d4fa;
  color:#000!important
}

  .breadcrumb > .active {
      color: #000 !important;
  }

.breadcrumb > li a: {
  text-decoration:underline !important;
}

  .breadcrumb > li a:hover {
    background-color: #008fcc !important;
    color: #fff;
    text-decoration: none
  }

  .breadcrumb > li + li::before {
      color: #000 !important;
  }

  .breadcrumb > .active {
    font-weight: normal !important; 
  }

  .breadcrumb > li + li:before {
    content: ">";
    padding: 0 5px;
    color: #000;
}

.breadcrumb > li a {
  text-decoration: underline !important;
  color: #000 !important; 
}

.breadcrumb > li a:hover {
  color: #fff !important;
}

/* Footer */
footer#footer {
  background-color:#712177;
  background-image:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.1) 50%);
  color:#fff;
  text-align:center;
  padding-bottom:1.25rem;
  margin-top:1.25rem
 }
 footer#footer .social {
  text-align:center;
  padding-top:2.5rem;
  padding-bottom:2.5rem
 }
 footer#footer .social ul.nav {
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:center
 }
 footer#footer .social ul.nav li {
  list-style:none
 }
 footer#footer .social ul.nav li a {
  padding:0 .625rem;
  color:#fff
 }
 footer#footer .social ul.nav li a:active,
 footer#footer .social ul.nav li a:focus,
 footer#footer .social ul.nav li a:hover {
  color:#88d8ff;
  border-bottom:none!important;
  background-color:transparent
 }
 footer#footer ul.nav:first-of-type {
  font-family:ZonaPro-Bold,helvetica,arial,sans-serif
 }
 footer#footer ul.nav {
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  color:#fff;
  margin:0;
  padding:0
 }
 footer#footer ul.nav li {
  list-style:none;
  margin-bottom:.625rem;
  display:inline-block;
  padding:0 .9375rem
 }
 footer#footer ul.nav li a {
  color:#fff
 }
 footer#footer ul.nav li a:focus,
 footer#footer ul.nav li a:hover {
  color:#88d8ff;
  border-bottom-width:2px;
  border-bottom-style:solid;
  text-decoration:none
 }
 footer#footer .info {
  color:#fff;
  text-align:center;
  padding:1.25rem
 }
 footer#footer #mod-custom-footeraddress {
  padding:0 1.25rem
 }
 @media only screen and (min-width:25rem) {
  footer#footer .social ul.nav {
   flex-direction:row
  }
 }
 @media only screen and (min-width:36rem) {
  footer#footer {
   padding-bottom:2.5rem;
   margin-top:2.5rem
  }
  footer#footer ul.nav {
   flex-direction:row
  }
  footer#footer ul.nav li {
   margin-bottom:1.25rem
  }
 }

/* Colours */
body .bg-primary-base {
  background-color:#712177;
  color:#fff!important
 }
 @media only screen and (min-width:48rem) {
  body .bg-primary-base.angle-right {
   background-image:linear-gradient(135deg,#712177 80%,transparent 80%);
   background-color:transparent
  }
  body .bg-primary-base.angle-left {
   background-image:linear-gradient(135deg,transparent 30%,#712177 30%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:64rem) {
  body .bg-primary-base.angle-right {
   background-image:linear-gradient(135deg,#712177 50%,transparent 50%);
   background-color:transparent
  }
  body .bg-primary-base.angle-left {
   background-image:linear-gradient(135deg,transparent 40%,#712177 40%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:100rem) {
  body .bg-primary-base.angle-right {
   background-image:linear-gradient(135deg,#712177 50%,transparent 50%);
   background-color:transparent
  }
  body .bg-primary-base.angle-left {
   background-image:linear-gradient(135deg,transparent 45%,#712177 45%);
   background-color:transparent
  }
 }
 body .bg-primary-base-transparent {
  background-color:rgba(113,33,119,.9);
  color:#fff!important
 }
 @media only screen and (min-width:48rem) {
  body .bg-primary-base-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(113,33,119,.9) 80%,transparent 80%);
   background-color:transparent
  }
  body .bg-primary-base-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 30%,rgba(113,33,119,.9) 30%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:64rem) {
  body .bg-primary-base-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(113,33,119,.9) 70%,transparent 70%);
   background-color:transparent
  }
  body .bg-primary-base-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 40%,rgba(113,33,119,.9) 40%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:100rem) {
  body .bg-primary-base-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(113,33,119,.9) 65%,transparent 65%);
   background-color:transparent
  }
  body .bg-primary-base-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 45%,rgba(113,33,119,.9) 45%);
   background-color:transparent
  }
 }

  .bg-primary-base {
  background-color:#712177;
  color:#fff!important
 }
 @media only screen and (min-width:48rem) {
   .bg-primary-base.angle-right {
   background-image:linear-gradient(135deg,#712177 80%,transparent 80%);
   background-color:transparent
  }
   .bg-primary-base.angle-left {
   background-image:linear-gradient(135deg,transparent 30%,#712177 30%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:64rem) {
   .bg-primary-base.angle-right {
   background-image:linear-gradient(135deg,#712177 50%,transparent 50%);
   background-color:transparent
  }
   .bg-primary-base.angle-left {
   background-image:linear-gradient(135deg,transparent 40%,#712177 40%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:100rem) {
   .bg-primary-base.angle-right {
   background-image:linear-gradient(135deg,#712177 50%,transparent 50%);
   background-color:transparent
  }
   .bg-primary-base.angle-left {
   background-image:linear-gradient(135deg,transparent 45%,#712177 45%);
   background-color:transparent
  }
 }
  .bg-primary-base-transparent {
  background-color:rgba(113,33,119,.9);
  color:#fff!important
 }
 @media only screen and (min-width:48rem) {
   .bg-primary-base-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(113,33,119,.9) 80%,transparent 80%);
   background-color:transparent
  }
   .bg-primary-base-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 30%,rgba(113,33,119,.9) 30%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:64rem) {
   .bg-primary-base-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(113,33,119,.9) 70%,transparent 70%);
   background-color:transparent
  }
   .bg-primary-base-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 40%,rgba(113,33,119,.9) 40%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:100rem) {
   .bg-primary-base-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(113,33,119,.9) 65%,transparent 65%);
   background-color:transparent
  }
   .bg-primary-base-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 45%,rgba(113,33,119,.9) 45%);
   background-color:transparent
  }
 }
 body .bg-secondary-light {
  background-color:#57d4fa;
  color:#000!important
 }
 @media only screen and (min-width:48rem) {
  body .bg-secondary-light.angle-right {
   background-image:linear-gradient(135deg,#57d4fa 80%,transparent 80%);
   background-color:transparent
  }
  body .bg-secondary-light.angle-left {
   background-image:linear-gradient(135deg,transparent 30%,#57d4fa 30%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:64rem) {
  body .bg-secondary-light.angle-right {
   background-image:linear-gradient(135deg,#57d4fa 50%,transparent 50%);
   background-color:transparent
  }
  body .bg-secondary-light.angle-left {
   background-image:linear-gradient(135deg,transparent 40%,#57d4fa 40%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:100rem) {
  body .bg-secondary-light.angle-right {
   background-image:linear-gradient(135deg,#57d4fa 50%,transparent 50%);
   background-color:transparent
  }
  body .bg-secondary-light.angle-left {
   background-image:linear-gradient(135deg,transparent 45%,#57d4fa 45%);
   background-color:transparent
  }
 }
 body .bg-secondary-light-transparent {
  background-color:rgba(87,212,250,.9);
  color:#000!important
 }
 @media only screen and (min-width:48rem) {
  body .bg-secondary-light-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(87,212,250,.9) 80%,transparent 80%);
   background-color:transparent
  }
  body .bg-secondary-light-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 30%,rgba(87,212,250,.9) 30%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:64rem) {
  body .bg-secondary-light-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(87,212,250,.9) 70%,transparent 70%);
   background-color:transparent
  }
  body .bg-secondary-light-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 40%,rgba(87,212,250,.9) 40%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:100rem) {
  body .bg-secondary-light-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(87,212,250,.9) 65%,transparent 65%);
   background-color:transparent
  }
  body .bg-secondary-light-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 45%,rgba(87,212,250,.9) 45%);
   background-color:transparent
  }
 }
  .bg-secondary-light {
  background-color:#57d4fa;
  color:#000!important
 }
 @media only screen and (min-width:48rem) {
   .bg-secondary-light.angle-right {
   background-image:linear-gradient(135deg,#57d4fa 80%,transparent 80%);
   background-color:transparent
  }
   .bg-secondary-light.angle-left {
   background-image:linear-gradient(135deg,transparent 30%,#57d4fa 30%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:64rem) {
   .bg-secondary-light.angle-right {
   background-image:linear-gradient(135deg,#57d4fa 50%,transparent 50%);
   background-color:transparent
  }
   .bg-secondary-light.angle-left {
   background-image:linear-gradient(135deg,transparent 40%,#57d4fa 40%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:100rem) {
   .bg-secondary-light.angle-right {
   background-image:linear-gradient(135deg,#57d4fa 50%,transparent 50%);
   background-color:transparent
  }
   .bg-secondary-light.angle-left {
   background-image:linear-gradient(135deg,transparent 45%,#57d4fa 45%);
   background-color:transparent
  }
 }
  .bg-secondary-light-transparent {
  background-color:rgba(87,212,250,.9);
  color:#000!important
 }
 @media only screen and (min-width:48rem) {
   .bg-secondary-light-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(87,212,250,.9) 80%,transparent 80%);
   background-color:transparent
  }
   .bg-secondary-light-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 30%,rgba(87,212,250,.9) 30%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:64rem) {
   .bg-secondary-light-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(87,212,250,.9) 70%,transparent 70%);
   background-color:transparent
  }
   .bg-secondary-light-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 40%,rgba(87,212,250,.9) 40%);
   background-color:transparent
  }
 }
 @media only screen and (min-width:100rem) {
   .bg-secondary-light-transparent.angle-right {
   background-image:linear-gradient(135deg,rgba(87,212,250,.9) 65%,transparent 65%);
   background-color:transparent
  }
   .bg-secondary-light-transparent.angle-left {
   background-image:linear-gradient(135deg,transparent 45%,rgba(87,212,250,.9) 45%);
   background-color:transparent
  }
 }

 /* landing page */
.landingbutton {
  display: block;
  height: 100%;
  width: 100%;
  margin-bottom: 10px;
}

#QueryCreated {
  margin-top: 10px;
}

.maincontainer {
  min-height: 405px;
}