/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.ui-tabs {
  position: relative;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  display: flex;
}
@media only all and (max-width: 47.99rem) {
  .ui-tabs .ui-tabs-nav {
    flex-direction: column;
  }
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  border-bottom-width: 0;
  padding: 0;
  outline: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
  color: inherit;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.g-contenttabs .g-contenttabs-tab-wrapper-container {
  list-style: none;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid;
}
@media only all and (max-width: 47.99rem) {
  .g-contenttabs .g-contenttabs-tab-wrapper-container {
    border: 0 none;
  }
}
.g-contenttabs .g-contenttabs-tab {
  outline: none;
}
.g-contenttabs .g-contenttabs-tab-wrapper-head {
  display: block;
  height: 100%;
  margin-bottom: -1px;
  margin-right: 3px;
  padding: 0.938rem 1.876rem;
  border-radius: 0.1875rem 0.1875rem 0 0;
  background: rgba(204, 0, 0, 0.15);
}
@media only all and (max-width: 47.99rem) {
  .g-contenttabs .g-contenttabs-tab-wrapper-head {
    border-radius: 0;
  }
}
.g-contenttabs .g-contenttabs-tab-wrapper-head .g-contenttabs-tab-title {
  display: block;
  outline: none;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
}
.g-contenttabs .g-contenttabs-content-wrapper-container {
  list-style: none;
  margin: 0;
  padding: 0.938rem 0;
}
.g-contenttabs .g-contenttabs-content-wrapper-container .g-contenttabs-tab-wrapper-body {
  padding: 0;
}
.g-contenttabs .g-contenttabs-content-wrapper-container .g-contenttabs-tab-wrapper-body .g-contenttabs-content {
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.g-contenttabs .g-contenttabs-content-wrapper-container .g-contenttabs-tab-wrapper-body .g-contenttabs-content a:hover {
  color: inherit;
}
.ui-tabs-active .g-contenttabs-tab-wrapper-head {
  background: #cc0000;
}
.ui-tabs-active .g-contenttabs-tab-title {
  color: #ffffff;
}
.g-popupmodule-module-wrapper {
  display: none;
}
a[class*="lightcase-icon-"], a[class*="lightcase-icon-"]:focus {
  z-index: 20000;
}
.rokbox-content #login-form .input-prepend .input-small, .rokbox-content #login-form .input-append .input-small {
  width: 240px;
}
.rokbox-content #modlgn-secretkey {
  width: 200px !important;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #login-form .input-prepend, #login-form .input-append {
    width: 95% !important;
  }
  #login-form #modlgn-secretkey {
    width: 183px !important;
  }
}
.g-contact .g-contact-item {
  position: relative;
  padding-left: 50px;
  margin-bottom: 1.5rem;
}
.dir-rtl .g-contact .g-contact-item {
  padding-left: 0;
  padding-right: 50px;
}
.g-contact .g-contact-icon {
  position: absolute;
  left: 0;
  font-size: 1.25rem;
  border-right: 1px solid rgba(104, 104, 104, 0.25);
  width: 35px;
  height: 45px;
  line-height: 45px;
}
.dir-rtl .g-contact .g-contact-icon {
  left: auto;
  right: 0;
  border-left: 1px solid rgba(104, 104, 104, 0.25);
  border-right: 0;
}
.g-contact .g-contact-label {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: bold;
  opacity: 0.5;
}
.g-contact .g-contact-text {
  font-weight: 700;
}
.g-contact.g-contact-compact .g-contact-item {
  padding-left: 0;
  margin-bottom: 0;
}
.g-contact.g-contact-compact .g-contact-label {
  display: none;
}
.g-contact.g-contact-compact .g-contact-text {
  font-weight: normal;
}
.g-contact .g-contact-map {
  position: relative;
  display: block;
}
.g-contact .g-contact-map-overlay:before {
  background: rgba(245, 245, 245, 0.75);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.2s;
}
.g-contact .g-contact-map-overlay:hover:before {
  background: rgba(204, 0, 0, 0.25);
}
.g-contact .g-contact-map-marker {
  color: #cc0000;
  font-size: 3rem;
  position: absolute;
}
.g-pricingtable-headertext {
  margin-bottom: 3.126rem;
  padding: 0 25%;
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.6vw;
}
@media (max-width: 81.25rem) {
  .g-pricingtable-headertext {
    font-size: 1.3rem;
  }
}
@media only all and (min-width: 75rem) {
  .g-pricingtable-headertext {
    margin-bottom: 5.4705rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-pricingtable-headertext {
    padding: 0 5%;
  }
}
.g-pricingtable-footertext {
  margin-top: 3.126rem;
  padding: 0 20%;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.25rem;
}
@media only all and (min-width: 75rem) {
  .g-pricingtable-footertext {
    margin-top: 5.4705rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-pricingtable-footertext {
    padding: 0 5%;
  }
}
.g-pricingtable-container {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
.g-pricingtable-col-item {
  display: flex;
  padding: 0.625rem;
  overflow: auto;
  z-index: 1;
}
.g-pricingtable-1-col .g-pricingtable-col-item {
  flex: auto 1 100%;
  width: 100%;
}
.g-pricingtable-2-col .g-pricingtable-col-item {
  flex: auto 1 50%;
  width: 50%;
}
.g-pricingtable-3-col .g-pricingtable-col-item {
  flex: auto 1 33.33333%;
  width: 33.33333%;
}
.g-pricingtable-4-col .g-pricingtable-col-item {
  flex: auto 1 25%;
  width: 25%;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-pricingtable-4-col .g-pricingtable-col-item {
    flex: auto 1 50%;
    width: 50%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-pricingtable-4-col .g-pricingtable-col-item {
    flex: auto 1 50%;
    width: 50%;
  }
}
.g-pricingtable-5-col .g-pricingtable-col-item {
  flex: auto 1 20%;
  width: 20%;
}
.g-pricingtable-6-col .g-pricingtable-col-item {
  flex: auto 1 16.66667%;
  width: 16.66667%;
}
@media only all and (max-width: 47.99rem) {
  .g-pricingtable-col-item {
    flex: auto 1 100% !important;
    width: 100% !important;
  }
}
.g-pricingtable-col-item .g-pricingtable {
  width: 100%;
  margin: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0.938rem;
  color: #000000;
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.g-pricingtable-col-item .g-pricingtable .button {
  margin: 0.938rem 0;
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-ribbon {
  z-index: 2;
  position: absolute;
  line-height: 2.25;
  font-size: 0.75rem;
  font-weight: 700;
  color: #ffffff;
  background: #cc0000;
  width: 135px;
  top: 20px;
  left: -33px;
  text-align: center;
  letter-spacing: 1px;
  transform: rotate(-45deg);
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-icon {
  font-size: 3.5rem;
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-plan {
  padding: 0.938rem 0 0;
  font-size: 1.4vw;
  font-weight: 400;
  color: #000000;
}
@media (max-width: 78.5714285714rem) {
  .g-pricingtable-col-item .g-pricingtable .g-pricingtable-plan {
    font-size: 1.1rem;
  }
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-plan a {
  color: #000000;
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-plan a:hover {
  color: #cc0000;
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-subtitle {
  padding-top: 0;
  margin-top: -1rem;
  font-size: 0.9rem;
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-price {
  padding: 0 0 0.938rem;
  font-weight: 700;
  font-size: 2.5vw;
}
@media (max-width: 80rem) {
  .g-pricingtable-col-item .g-pricingtable .g-pricingtable-price {
    font-size: 2rem;
  }
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-period {
  font-size: 1.3rem;
  line-height: 0.5;
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-desc {
  font-size: 1.25rem;
  padding: 0.938rem 0;
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-item {
  font-size: 1.2vw;
  font-weight: 400;
  padding-bottom: 0.625rem;
}
@media (max-width: 83.3333333333rem) {
  .g-pricingtable-col-item .g-pricingtable .g-pricingtable-item {
    font-size: 1rem;
  }
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-item.g-pricingtable-item-0 {
  position: relative;
  padding-top: 0.938rem;
}
.g-pricingtable-col-item .g-pricingtable .g-pricingtable-item.disabled {
  color: #bfbfbf;
  text-decoration: line-through;
}
.g-pricingtable-col-item.g-pricingtable-col-item-highlight .g-pricingtable {
  background: #000000;
  color: #ffffff;
}
.g-pricingtable-col-item.g-pricingtable-col-item-highlight .g-pricingtable .g-pricingtable-plan {
  color: #ffffff;
}
.g-pricingtable-col-item.g-pricingtable-col-item-highlight .g-pricingtable .g-pricingtable-plan a {
  color: #ffffff;
}
.g-pricingtable-col-item.g-pricingtable-col-item-highlight .g-pricingtable .g-pricingtable-plan a:hover {
  color: #cc0000;
}
.g-pricingtable-col-item.g-pricingtable-col-item-highlight .g-pricingtable .g-pricingtable-item.disabled {
  color: #404040;
}
/* Login form - to show the pick (selected) "pop-up module" in lightcase - option 1 */
/*
.lightcase-open {
  .g-popupmodule-module-wrapper {
    display: block;
    overflow: hidden;
  }
  .g-popupmodule-button {
    .g-popupmodule-module-wrapper {
      display: none;
    }
  }
}
*/
/* Login form - to show the pick (selected) "pop-up module" in lightcase - option 2 */
html.lightcase-open #lightcase-content .g-popupmodule-module-wrapper {
  display: block;
}
/* Login form - adjust lightcase contentInner height */
/*
.lightcase-contentInner {
  min-height: 150px; 
}
*/
/* Login form - make lightcase-content corners rounded */
#lightcase-content {
  border-radius: 10px;
}
/* Login form - make some space between the username and password form */
.input-group {
  margin-bottom: 8px;
}
/* Login form - make some space between the login-button and "Forgot your password?" - only for Audacity */
.w-100 {
  margin-bottom: 20px;
}
/* Login form - to fix the position of the text  "sign in with passkey", which was shifted to the right */
.btn {
  white-space: normal;
}
/* Login form - to remove the title "Login" at the bottom of the module */
#lightcase-info #lightcase-title {
  display: none !important;
}
/* Login form - for the container background-color and border where the password eye icon is located */
.input-group .btn {
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}
/* Login form - for the password container to move front - only for Xenon */
/*
.form-control {
  z-index: 3;
}
*/
/* Login form - button settings - only for Audacity */
.btn-primary {
  background: #c00000;
  color: #ffffff;
  text-shadow: none;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
/* Login form - button settings - only for Audacity */
.btn-primary:hover {
  background: #da0000;
  color: #ffffff;
}
/* Tabs - myStyle */
.g-contenttabs .g-contenttabs-tab-wrapper-container {
  border-bottom: 1px solid #CC0000;
}
.g-contenttabs .g-contenttabs-content-wrapper-container {
  margin-top: -15px;
}
.g-contenttabs .g-contenttabs-tab-wrapper-head {
  padding: 0.5rem 1.6rem;
}
.g-contenttabs .g-contenttabs-tab-wrapper-head .g-contenttabs-tab-title {
  border-radius: 0px;
  border-top-left-radius: 5px;
  padding: 0px;
  font-size: 1.2rem;
}
/* Contacts - myStyle */
.g-contact .g-contact-text {
  font-weight: normal;
}
.g-title {
  font-size: x-large;
  font-weight: normal;
  margin-bottom: 30px;
}
/* Tables - myStyle */
.table caption + thead tr:first-child th {
  background-color: rgba(204, 0, 0, 0.15);
}
.table-bordered {
  border-left: 1px solid;
  border-radius: 0px;
}
.table-bordered tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 0px;
}
table.table-bordered th {
  background-color: inherit;
}
.table th {
  font-family: inherit;
}
/*# sourceMappingURL=custom_18.css.map */