/* Header Footer ----------------------------*/
header.header-default {
  box-shadow: none !important;
  border-bottom: none !important;
}

header.header-default .stuck {
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.02) !important;
}

header .stuck .site-branding-logo {
  padding-bottom: 5px !important;
}

header .stuck .site-branding-logo {
  max-width: 170px !important;
}

header .stuck .navigation .gva_menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

#footer {
  background: #000 !important;
  color: #fff;
}

#footer .footer-column,
#footer a,
#footer a:visited {
  color: #999 !important;
  font-size: 14px !important;
}

#footer a:hover {
  color: #fff !important;
}

#footer .footer-column h5 {
  font-size: 13px !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

#footer .footer-column p {
  margin-bottom: 8px !important;
}

#footer .copyright {
  font-size: 0.7rem !important;
  color: #999 !important;
}

#footer .copyright .copyright-inner {
  padding-bottom: 75px !important;
}


/* Headings & Fonts ----------------------------*/
.gsc-heading.style-1 .title {
  margin-bottom: 30px;
}

.gsc-heading.style-1 h1.title.fsize-30 {
  font-size: 30px !important;
  letter-spacing: 2px !important;
}

.gsc-heading.style-1 h1.title.fsize-24 {
  font-size: 24px !important;
  letter-spacing: 2px !important;
}

.gsc-heading.style-1.title-thin h1.title {
  font-weight: 300 !important;
  letter-spacing: 10px !important;
}

.gsc-heading.style-1 h4.title {
  font-size: 40px;
}

.gsc-heading.style-1 h5.title {
  font-size: 30px;
  letter-spacing: 1px;
}

.title-uppercase .title {
  text-transform: uppercase;
}

.gsc-heading .sub-title {
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  text-transform: capitalize !important;
  margin-bottom: 10px !important;
}

.gsc-heading .sub-title.text-light {
  font-weight: 400 !important;
}

.gsc-heading .sub-title > span {
  padding-left: 0 !important;
}

.gsc-heading .sub-title > span::after {
  display: none !important;
}

.gsc-heading.text-subtitle-purple .sub-title {
  color: #9541E7 !important;
}

.gsc-heading.text-subtitle-badge .sub-title span {
  border: 1px solid #9541E7;
  padding: 2px 8px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.78rem;
}

.gsc-heading.text-contained.align-center .title-desc {
  margin: 0 auto;
}

.main-page a {
  color: #00A9FF;
}

.main-page .bb-container a {
  text-decoration: underline;
}

.main-page .bb-container a:hover {
  text-decoration: none;
}

.main-page .bb-container .gva_menu a {
  text-decoration: none;
}

.text-box-p {
  color: #333;
  font-size: 16px;
  line-height: 20px;
}

.text-gray {
  color: #555 !important;
}

.text-purple {
  color: #9541E7 !important;
}

.list-gear {
  font-size: 0.75rem !important;
}

.list-gear p {
  margin-bottom: 10px !important;
}

.list-lg ul {
  list-style: none;
}

.list-lg ul li {
  margin-bottom: 15px;
}

.list-lg ul li::before {
  content: "\2022";
  font-family: Arial, sans-serif;
  font-size: 65px;
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  width: 35px;
  margin-left: -36px;
}

.list-purple ul li::before {
  color: #9541E7;
}

.text-shadow {
  text-shadow: 2px 2px 6px #aaa !important;
}

.text-shadow-dark {
  text-shadow: 2px 2px 8px #000 !important;
}

.pricing-table .content-wrap .plan-price .interval span.space {
  display: none !important;
}


/* Menus ----------------------------*/
.main-menu .navigation ul.gva_menu {
  margin-top: 30px;
  margin-right: 40px;
}

.stuck .main-menu .navigation ul.gva_menu {
  margin-top: 15px;
}

.main-menu .navigation ul.gva_menu,
.subnav.navigation ul.gva_menu {
  text-align: right;
  float: right;
}

.main-menu .navigation .gva_menu > li > a,
.subnav-mobile .navigation .gva_menu > li > a {
  font-size: 12px;
  font-weight: 400;
  padding: 4px 8px;
  color: #000;
  white-space: nowrap;
}

.main-menu .navigation .gva_menu > li.menu-item--active-trail > a,
.subnav-mobile .navigation .gva_menu > li.menu-item--active-trail > a {
  font-weight: 500;
}

/* outline nav btn */
.main-menu .navigation.btn1 ul.gva_menu li.menu-item:last-child a,
.main-menu .navigation.btn2 ul.gva_menu li.menu-item:last-child a,
.main-menu .navigation.btn2 ul.gva_menu li.menu-item:nth-last-child(2) a,
.subnav-mobile .btn1.navigation li.menu-item:last-child a,
.subnav-mobile .btn2.navigation li.menu-item:last-child a,
.subnav-mobile .btn2.navigation li.menu-item:nth-last-child(2) a {
  border: 1px solid #000;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin-left: 8px;
  padding: 2px 15px;
}

.main-menu .navigation.btn1 ul.gva_menu li.menu-item:last-child a:hover,
.main-menu .navigation.btn2 ul.gva_menu li.menu-item:last-child a:hover,
.main-menu .navigation.btn2 ul.gva_menu li.menu-item:nth-last-child(2) a:hover,
.subnav-mobile .btn1.navigation li.menu-item:last-child a:hover,
.subnav-mobile .btn2.navigation li.menu-item:last-child a:hover,
.subnav-mobile .btn2.navigation li.menu-item:nth-last-child(2) a:hover {
  background-color: #000;
  color: #fff !important;
}

/* solid nav buy btn */
.main-menu .navigation.btn1 ul.gva_menu li.menu-item:last-child a,
.main-menu .navigation.btn2 ul.gva_menu li.menu-item:last-child a,
.subnav-mobile .btn1.navigation li.menu-item:last-child a,
.subnav-mobile .btn2.navigation li.menu-item:last-child a {
  background-color: #000;
  color: #fff !important;
}

.main-menu .navigation.btn1 ul.gva_menu li.menu-item:last-child a:hover,
.main-menu .navigation.btn2 ul.gva_menu li.menu-item:last-child a:hover,
.subnav-mobile .btn1.navigation li.menu-item:last-child a:hover,
.subnav-mobile .btn2.navigation li.menu-item:last-child a:hover {
  background-color: #00A9FF;
  border-color: #00A9FF;
  color: #fff !important;
}

.main-menu .account-icons {
  float: right;
  margin-top: 25px;
}

.stuck .main-menu .account-icons {
  margin-top: 15px;
}

.main-menu .account-icons .icon {
  display: inline;
  padding-right: 5px;
}

.main-menu .account-icons i {
  font-size: 1.3rem;
}

.gva-offcanvas-mobile {
  padding-right: 10px;
}

.gva-offcanvas-mobile.show-view .main-menu-inner {
  display: none !important;
}

header.header-default .gva-search-region {
  margin-top: -15px;
}

header.header-default .gva-search-region .icon i {
  font-size: 0.9rem;
}

/* side menu */
.gva-quick-side .block,
.gva-offcanvas-mobile .block {
  border-color: #333 !important;
}

.quick-side i,
.quick-side a {
  color: #fff !important;
}

.quick-side-icon {
  box-shadow: none !important;
}

.quick-side-icon .icon i {
  font-size: 2rem;
}

.quick-side h2,
.quick-side h3,
.quick-side h4 {
  font-weight: 600 !important;
  color: #fff !important;
  font-size: 1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.quick-side .navigation .gva_menu > li > a {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #fff !important;
  padding: 8px 10px !important;
}

.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #fff !important;
}

.quick-side .navigation .gva_menu > li:hover > a {
  color: #999 !important;
}

.quick-side .navigation .gva_menu > li.menu-item--active-trail > a {
  color: #fff !important;
}

/* side menu mobile */
.gva-offcanvas-mobile .gva-navigation .gva_menu > li {
  border-bottom: none !important;
}

.main-menu .navigation ul.gva_menu, .subnav.navigation ul.gva_menu {
  float: none !important;
  text-align: left !important;
}

.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a {
  color: #fff !important;
  font-weight: 600 !important;
}

/* main nav region on mobile */
.subnav-mobile {
  width: 100%;
}

.subnav-mobile .navigation ul.gva_menu {
  padding: 0 0 30px 0 !important;
  text-align: right;
}

.subnav-mobile .navigation ul.gva_menu li {
  list-style: none !important;
  display: inline;
}

.subnav-mobile .navigation ul.gva_menu li a {
  padding-left: 8px;
  padding-right: 8px;
}


/* Buttons ----------------------------*/
a.btn-solid {
  padding: 8px 40px;
  font-weight: 400;
  font-size: 14px !important;
  letter-spacing: 0;
  text-transform: capitalize;
}

a.btn.dark {
}

a.gsc-button {
  text-decoration: none !important;
}

.gsc-button {
  border-width: 1px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.5px !important;
}

.gsc-button.mini {
  padding: 5px 20px !important;
  font-size: 0.7rem !important;
  letter-spacing: 0 !important;
}

.gsc-button.small {
  padding: 5px 25px !important;
}

.gsc-button.medium {
  padding: 8px 35px !important;
}

.icon-quicklinks .gsc-column {
  margin-bottom: 20px;
}

.icon-quicklinks img {
  max-width: 100px;
  -webkit-box-shadow: 0 0 10px 0 rgba(200, 200, 200, .1);
  box-shadow: 0 0 10px 0 rgba(200, 200, 200, .1);
}

.icon-quicklinks img:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(200, 200, 200, .4);
  box-shadow: 0 0 10px 0 rgba(200, 200, 200, .4);
}

.btn-blk {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}


/* Icon boxes & Video buttons ----------------------------*/
.mfp-iframe-holder .mfp-content {
  max-width: 85% !important;
}

.btn-play.title .title {
  font-size: 18px !important;
  font-weight: 400;
  color: #00A9FF;
  padding-top: 15px;
}

.widget.btn-center {
  max-width: 15%;
  margin: 0 auto;
}

.gsc-video-box.btn-left {
  max-width: 50%;
  margin: inherit;
}

.gsc-video-box.btn-center {
  max-width: 10%;
  margin: 0 auto;
}

.gsc-video-box.style-1.btn-play .image .popup-video .icon {
  display: none;
}

.gsc-video-box.style-1.btn-left .video-content-left,
.gsc-video-box.style-1.btn-center .video-content-left {
  width: 60px;
}

.gsc-video-box.style-1.btn-left .video-content-left img,
.gsc-video-box.style-1.btn-center .video-content-left img {
  width: 50px;
}

.gsc-video-box.style-1.btn-left .video-content-right,
.gsc-video-box.style-1.btn-center .video-content-right {
  padding-left: 70px;
  padding-top: 10px;
  color: #00A9FF;
}

.gsc-video-box.style-1.btn-center .video-desc {
  white-space: nowrap;
}

.gsc-video-box.style-1.text-black .video-desc {
  color: #000 !important;
}

/* btn sm */
.gsc-video-box.style-1.btn-left.sm .video-content-left,
.gsc-video-box.style-1.btn-center.sm .video-content-left {
  width: 36px;
}

.gsc-video-box.style-1.btn-left.sm .video-content-left img,
.gsc-video-box.style-1.btn-center.sm .video-content-left img {
  width: 32px;
}

.gsc-video-box.style-1.btn-left.sm .video-content-right,
.gsc-video-box.style-1.btn-center.sm .video-content-right {
  padding-left: 42px;
  padding-top: 4px;
  color: #00A9FF;
}

.gsc-video-box.style-1.sm .video-content-right {
  font-size: 14px !important;
}

/* style 2 */
.gsc-video-box.style-2.hero .video-content .link-video {
  font-size: 3rem !important;
  font-weight: 500;
  position: absolute !important;
  float: none !important;
  top: 60% !important;
  left: 0;
  width: 100% !important;
  text-align: center;
  margin: 0 auto !important;
  z-index: 999;
}

.gsc-video-box.style-2.hero .video-content .link-video a {
  color: #fff !important;
  text-decoration: none !important;
}

.gsc-video-box.style-2.hero .video-content .link-video::after,
.gsc-video-box.style-2.hero .video-content .button-review {
  display: none;
}

.gsc-video-box.style-2.hero.clean .video-inner {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.gsc-video-box.style-2.hero.clean .image::after {
  background: transparent !important;
}

.gsc-video-box.style-2.btn-orange .image .popup-video {
  background: #E25345 !important;
}

.video1 {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.gsc-images-parallax {
  width: 90% !important;
}

.gsc-images-parallax.style-v1.left .image-1,
.gsc-images-parallax.style-v1.right .image-1 {
  padding-left: 20% !important;
}

.gsc-images-parallax.style-v1.left .image-2,
.gsc-images-parallax.style-v1.right .image-2 {
  padding: 0 !important;
  background: transparent !important;
  max-width: 50% !important;
  -webkit-box-shadow: 0 6px 21px 3px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 6px 21px 3px rgba(0, 0, 0, 0.3) !important;
}

.gsc-images-parallax.style-v1.noshadow.left .image-2,
.gsc-images-parallax.style-v1.noshadow.right .image-2 {
  box-shadow: none !important;
}

.gsc-image-content.skin-v2.title-lg .box-content .title {
  font-weight: 600 !important;
  font-size: 2rem !important;
  line-height: 2.4rem !important;
}

.gsc-image-content.skin-v2 .box-content .desc {
  text-align: left;
}

.gsc-image-content.skin-v2.featured2 .box-content .title {
  font-weight: 600 !important;
  font-size: 1.4rem !important;
}

.gsc-image-content.skin-v2.featured2 .box-content .title a {
  color: #000 !important;
  text-decoration: none !important;
}

.gsc-image-content.skin-v2.featured2 .box-content .desc {
  font-size: 0.9rem !important;
}

.gsc-image-content.skin-v2.featured2 .box-content .read-more a {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #00A9FF !important;
  font-size: 40px !important;
}

.socials a i {
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  font-size: 22px !important;
}


/* Columns -------------------------------*/
.col-auto {
  -ms-flex-preferred-size: 0 !important;
  flex-basis: 0 !important;
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  max-width: 100% !important;
}

.min-h100 {
  min-height: 100px !important;
}

.min-h200 {
  min-height: 200px !important;
}

.min-h300 {
  min-height: 300px !important;
}

.min-h400 {
  min-height: 400px !important;
}

.min-h500 {
  min-height: 500px !important;
}

.min-h550 {
  min-height: 550px !important;
}

.min-h600 {
  min-height: 600px !important;
}

.gsc-heading.style-1 h1.title {
  font-size: 3.2rem !important;
}

.gsc-heading.style-1 h2.title {
  font-size: 3rem !important;
}

.gsc-video-box.btn-left {
  max-width: 100% !important;
}

.gsc-video-box.btn-center {
  max-width: 25% !important;
}

.gsc-video-box.featured.style-2 .link-video {
  margin-left: 0 !important;
  font-size: 14px !important;
  float: none !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.gsc-video-box.featured.style-2 .link-video a {
  color: #000 !important;
  text-decoration: none !important;
}

.gsc-video-box.featured.style-2 .link-video::after,
.gsc-video-box.featured.style-2 .button-review {
  display: none !important;
}


/* Tabs --------------*/
.gsc-tabs.solid-gray-purple {
}

.gsc-tabs.solid-gray-purple .tabs_wrapper.tabs_horizontal .nav-tabs {
  padding: 0 !important;
  border: none !important;
  margin-bottom: -3px !important;
}

.gsc-tabs.solid-gray-purple .nav-tabs > li > a {
  padding: 10px 30px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
}

.gsc-tabs.solid-gray-purple .nav-tabs > li > a:hover {
  color: #9541E7 !important;
}

.gsc-tabs.solid-gray-purple .nav-tabs > li > a.active {
  color: #9541E7 !important;
  border-bottom: 5px solid #9541E7;
}

.gsc-tabs.solid-gray-purple .tab-content {
  border: none !important;
  border-top: 2px solid #D9D9D9 !important;
  background-color: #f5f5f5 !important;
  padding: 100px 35px !important;
}

.gsc-tabs.solid-gray-purple .tab-content .tab-pane {
  background: transparent !important;
  padding: 0 !important;
}

.gsc-tabs.solid-gray-purple .tab-content h3,
.gsc-tabs.solid-gray-purple .tab-content h4 {
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  margin-bottom: 1rem !important;
}

.gsc-tabs.solid-gray-purple .tab-content p {
  color: #000;
}


/* Accordions --------------*/
.gsc-accordion .panel-group.skin-dark .panel,
.gsc-accordion .panel-group.skin-dark .panel .panel-title {
  background: #222 !important;
}
.gsc-accordion .panel-group.skin-dark .panel .panel-title a {
  background: none !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.gsc-accordion .panel-group.skin-dark .panel-body {
  color: #fff !important;
}
.gsc-accordion .panel-group.skin-dark .panel {
  border-bottom: 2px solid #1c1c1c !important;
}
.gsc-accordion .panel-group.skin-dark .panel .panel-heading .panel-title > a.collapsed::after,
.gsc-accordion .panel-group.skin-dark .panel .panel-heading .panel-title > a::after {
  background: #333 !important;
  color: #ccc !important;
}

.gsc-accordion .panel-group.skin-white .panel,
.gsc-accordion .panel-group.skin-white .panel .panel-title {
  background: transparent !important;
}
.gsc-accordion .panel-group.skin-white .panel .panel-title a {
  background: none !important;
  color: #788592 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.gsc-accordion .panel-group.skin-white .panel-body {
  color: #000 !important;
  font-size: 0.95rem;
}
.gsc-accordion .panel-group.skin-white .panel {
  border: none !important;
  margin-bottom: 0 !important;
}
.gsc-accordion .panel-group.skin-white .panel .panel-heading .panel-title > a.collapsed::after,
.gsc-accordion .panel-group.skin-white .panel .panel-heading .panel-title > a::after {
  background: #ccc !important;
}


/* Testimonials --------------*/
.gsc-quotes-rotator.style1 .cbp-qtprogress {
  display: none !important;
}

.gsc-quotes-rotator.style1 .cbp-qtrotator .cbp-qtcontent .content-title {
  font-size: 1.2rem;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 1px;
}

.gsc-quotes-rotator.style1.text-light .cbp-qtrotator .cbp-qtcontent .content-title {
  color: #999 !important;
}

.gsc-quotes-rotator.style1 .cbp-qtrotator .cbp-qtcontent .content-inner {
  font-size: 2rem;
  line-height: 2.4rem;
}

.gsc-quotes-rotator.style1.sm .cbp-qtrotator .cbp-qtcontent .content-inner {
  font-size: 1rem;
  line-height: 1.5rem;
}

.gsc-quotes-rotator.style1.text-light .cbp-qtrotator .cbp-qtcontent .content-inner {
  color: #fff !important;
}

.gsc-carousel-content.style-clear .item .item-content .content-box {
  background: transparent !important;
}

.gsc-carousel-content.style-clear .owl-carousel .owl-nav > div {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ccc !important;
  border: none !important;
}


/* Special elements --------------*/
.shadow img {
  -webkit-box-shadow: 2px 2px 40px 0 rgba(0, 0, 0, .4);
  box-shadow: 2px 2px 40px 0 rgba(0, 0, 0, .4);
}

.shadow.dark img {
  -webkit-box-shadow: 1px 1px 40px 2px rgba(0, 0, 0, 1);
  box-shadow: 1px 1px 40px 2px rgba(0, 0, 0, 1);
}

.round img {
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.round20 img {
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.grid-plugin-covers {

}

.grid-plugin-covers img {
  max-width: 75%;
}

.grid-plugin-covers .shadow img {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 1);
}

.grid-plugin-covers .gsc-heading .title {
  margin-top: 25px !important;
  margin-bottom: 0 !important;
  letter-spacing: 0 !important;
}

.grid-plugin-covers.dark .gsc-heading .title-desc {
  margin-top: 10px !important;
  color: #8E8E8E !important;
}

.grid-plugin-covers.light .shadow img {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
}

.grid-plugin-covers.light .gsc-heading h3.title {
  color: #444 !important;
}

.grid-plugin-covers.light .gsc-heading .title-desc {
  margin-top: 10px !important;
}

.pricing-table .plan-signup a {
  background: #999 !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 0.85rem !important;
}

.pricing-table .plan-signup a:hover {
  background: #00A9FF !important;
  color: #fff !important;
  text-decoration: none !important;
}


.quote-slider.clean-img .item {
  text-align: center !important;
}

.quote-slider.clean-img .box-content {
  display: none !important;
}


/* audio player ---------------- */
@keyframes spin {
  from {
    transform: rotateZ(0);
  }
  to {
    transform: rotateZ(1turn);
  }
}

.green-audio-player {
  width: 100px;
  min-width: 60px;
  height: 40px;
  box-shadow: none;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 4px;
  user-select: none;
  background: rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  outline: none;
}

.green-audio-player.player-accessible .play-pause-btn:hover,
.green-audio-player.player-accessible .controls:hover,
.green-audio-player.player-accessible .volume__button:hover,
.green-audio-player.player-accessible .volume__controls:hover,
.green-audio-player.player-accessible .download:hover {
  outline: dotted 1px #999;
}

.green-audio-player svg,
.green-audio-player img {
  display: block;
}

.green-audio-player .holder {
  position: relative;
}

.green-audio-player .holder .loading .loading__spinner {
  position: absolute;
  left: -3px;
  bottom: 2px;
  width: 16px;
  height: 16px;
  border: 2px solid #00A9FF;
  border-right-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: spin 0.4s linear infinite;
}

.green-audio-player .holder .play-pause-btn {
  visibility: hidden;
  cursor: pointer;
  outline: none;
}

.green-audio-player .holder .play-pause-btn:focus {
  outline: none;
}

.green-audio-player .controls {
  display: none;
}

.green-audio-player .volume {
  position: relative;
}

.green-audio-player .volume .volume__button {
  cursor: pointer;
  outline: none;
}

.green-audio-player .volume .volume__button:focus {
  outline: none;
}

.green-audio-player .play-pause-btn path {
  fill: #00A9FF;
}

.green-audio-player .volume .volume__button path {
  fill: #666;
}

.green-audio-player .volume .volume__button.open path {
  fill: #999;
}

.green-audio-player .slider {
  flex-grow: 1;
  background-color: #d8d8d8;
  cursor: pointer;
  position: relative;
}

.green-audio-player .slider .gap-progress {
  background-color: #00A9FF;
  border-radius: inherit;
  position: absolute;
  pointer-events: none;
}

.green-audio-player .slider .gap-progress .pin {
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background-color: #00A9FF;
  position: absolute;
  pointer-events: all;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32);
}

.green-audio-player .slider .gap-progress .pin::after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0);
  width: 200%;
  height: 200%;
  margin-left: -50%;
  margin-top: -50%;
  border-radius: 50%;
}

.green-audio-player .volume .volume__controls {
  width: 30px;
  height: 135px;
  background-color: transparent;
  border-radius: 7px;
  position: absolute;
  left: -3px;
  bottom: 52px;
  flex-direction: column;
  align-items: center;
  display: flex;
  z-index: 2;
  outline: none;
}

.green-audio-player .volume .volume__controls .volume__slider {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 6px;
  border-radius: 3px;
}

.green-audio-player .volume .volume__controls .volume__slider .volume__progress {
  bottom: 0;
  height: 100%;
  width: 6px;
}

.green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin {
  left: -5px;
  top: -8px;
}

.green-audio-player .volume .volume__controls:focus {
  outline: none;
}

.green-audio-player .volume .volume__controls.hidden {
  display: none;
}

.green-audio-player .volume .volume__controls.top {
  bottom: 52px;
  left: -3px;
}

.green-audio-player .volume .volume__controls.middle {
  bottom: -54px;
  left: 54px;
}

.green-audio-player .volume .volume__controls.bottom {
  bottom: -164px;
  left: -3px;
}

.green-audio-player .download {
  display: none;
  margin-left: 16px;
  cursor: pointer;
  outline: none;
}

.green-audio-player .download:focus {
  outline: none;
}

.green-audio-player:focus {
  outline: none;
}

.message__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}


/* Maintenance Page -------------------------------*/
body.maintenance-page {
  background-color: #000 !important;
  color: #ccc !important;
}

.maintenance-page #page-wrapper {
  background: #000 !important;
  border: none !important;
}

.maintenance-page h1 {
  font-size: 1.5rem !important;
}

.maintenance-page #page-image img {
  width: 100% !important;
  height: auto !important;
}


/* Waveform Pricing Table --------------------*/
.w-pricing-table .pricing-table {
  border-radius: 8px;
}
.w-pricing-table .pricing-table .plan-name .title {
  font-size: 1.2em !important;
  font-weight: 600 !important;
}
.w-pricing-table .pricing-table.highlight-plan .plan-name .title {
  color: #000 !important;
}
.w-pricing-table .pricing-table .content-wrap .plan-price .price-value .dollar,
.w-pricing-table .pricing-table .content-wrap .plan-price .price-value .value {
  color: #00A9FF !important;
}
.w-pricing-table .pricing-table.highlight-plan .recommended-plan {
  background: #9541E7 !important;
}
.w-pricing-table .pricing-table .plan-signup {
  text-align: center !important;
}
.w-pricing-table .pricing-table .plan-signup a {
  background: #000 !important;
  font-weight: 600 !important;
  border-radius: 25px !important;
  width: auto !important;
}
.w-pricing-table .pricing-table .plan-signup a:hover {
  background: #00A9FF !important;
}
.w-pricing-table .pricing-table .plan-list ul li::after {
  color: #00A9FF !important;
}
.w-pricing-table .pricing-table .plan-list ul li.off::after {
  color: #bbb !important;
}
.w-pricing-table .pricing-table .plan-list ul li {
  color: #333 !important;
}
.w-pricing-table .pricing-table .plan-list ul li.off {
  color: #bbb !important;
}
.w-pricing-table .plan-list ul li span.value {
  font-size: 0.85em !important;
  color: #bbb !important;
/*   color: #9541E7 !important; */
}
.w-pricing-table .plan-list ul li.off span.value {
  color: #bbb !important;
}



/* Compare Chart --------------------*/
.compare-chart {
  /*
    border: 1px solid #dee2e6;
    background: #fff;
  */
}

.compare-chart .row {
  margin: 0 !important;
}

.compare-chart div[class*="col-"] {
  padding: 0 !important;
  /*  border-right: 1px solid #dee2e6; */
}

.compare-chart .col-heading {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

.compare-chart .container-col {
  margin: 20px;
  padding: 0 20px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: #f8f8f8;
}

.compare-chart .col-heading .container-col {
  margin: 20px 0;
  padding: 0;
  background-color: transparent;
}

.compare-chart .pricing-footer {
  padding: 30px 0 15px 0;
}

.compare-chart .col-heading .pricing-title {
  margin-top: 30px;
}
.compare-chart .col-heading .pricing-title:first-of-type {
  margin-top: 20px;
}

.compare-chart div[class*="col-"] .pricing-title {
  min-height: 350px;
  padding: 1.625em 0;
  position: relative;
}
.compare-chart div[class*="col-"].mobile-list .pricing-title {
  min-height: 150px;
}

.compare-chart ul {
  list-style: none;
  padding: 0;
  margin: 0 !important;
}

.compare-chart ul > li {
  min-height: 38px;
  padding: 0.2em 0;
  border-bottom: 1px solid #eee;
}

.compare-chart .mobile-list ul > li {
  min-height: auto;
  padding: 0.05em 0;
  border-bottom: none;
}

.compare-chart .col-heading ul > li {
  border-bottom: 1px solid #f5f5f5;
  padding: 0.5em 0.8em !important;
}
.compare-chart ul > li.row-break,
.compare-chart .col-heading ul > li.row-break {
  border-bottom: none;
}

.compare-chart ul > li:hover {
  background-color: #f1f1f1;
}

.compare-chart ul > li span {
  color: #000;
}

.compare-chart .col-heading ul li {
  min-height: 38px;
  font-size: 15px;
  line-height: 1em;
  padding: 1em 0;
}

.compare-chart ul > li:nth-child(2n+1) {
  /*  background: #f5f5f5; */
}

.compare-chart ul > li a {
  text-decoration: none !important;
}

.compare-chart ul > li a:hover {
  text-decoration: underline !important;
}

.compare-chart .subcol ul {
  float: left;
  width: 20%;
}
.compare-chart .subcol ul > li {

}
.compare-chart .subcol ul:hover {
  background-color: #fff;
}

.compare-chart div[class*="col-"] .pricing-title h4 {
  text-transform: uppercase;
  font-weight: 400;
}

.compare-chart .mobile-list h4.title {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 1em;
}

.compare-chart div[class*="col-"] .pricing-title h4 a,
.compare-chart .mobile-list h4.title a {
  text-decoration: none !important;
  color: #000;
}

.compare-chart div[class*="col-"] .pricing-title h4 a:hover,
.compare-chart .mobile-list h4.title a:hover {
  text-decoration: underline !important;
  color: #00A9FF;
}

.compare-chart div[class*="col-"] .pricing-title h6 {
  text-transform: uppercase;
  font-size: 12px;
  margin: 0;
  color: #788592;
  letter-spacing: 1px;
  font-weight: 400;
}

.compare-chart .pricing-title .vertical-logos {
  text-align-last: justify;
  padding: 0 5%;
}
.compare-chart .pricing-title .vertical-logos img {
  display: inline-block;
}

.compare-chart div[class*="col-"] .pricing-title .pricing-price {
  line-height: 1;
}

.compare-chart div[class*="col-"] .pricing-title .pricing-price .price {
  font-size: 30px;
  font-weight: 600;
  color: #000;
}

.compare-chart div[class*="col-"] .pricing-title .pricing-price .price-currency {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}

.compare-chart .optional {
  color: #9541E7;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0.2em 0;
}

.compare-chart ul > li .checkmark, .compare-chart ul > li .xmark {
  width: 1.625em;
  height: 1.625em;
  line-height: 1.625em;
  display: inline-block;
  position: relative;
  text-align: center;
  margin-right: 10px;
}

.compare-chart ul > li .checkmark i {
  font-size: 1.6rem;
}

.compare-chart ul > li .xmark i {
  font-size: 2rem;
}

.compare-chart ul > li .checkmark i.bi::before,
.compare-chart ul > li .xmark i.bi::before {
  vertical-align: -0.3em;
}

.compare-chart ul > li .checkmark i {
  color: #00A9FF;
}

.compare-chart ul > li .xmark i {
  color: #ccc;
}

.compare-chart sub, .compare-chart sup {
  color: #999;
  margin-left: 1px;
  font-weight: 400;
  font-size: 10px;
}


@media (min-width: 1440px) {
  .compare-chart ul > li {
    height: 38px !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (max-width: 1480px) {
  .compare-chart .pricing-title .vertical-logos {
    padding: 0 !important;
  }
}
@media (max-width: 1280px) {
  .compare-chart .pricing-title .vertical-logos img {
    width: 16% !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .compare-chart ul > li {
    text-align: left;
  }
}


/* Legacy Compare Table --------------------*/
.daw-compare {

}

table.compare-grid,
.compare-grid tr,
.compare-grid th,
.compare-grid td {
  text-align: left;
  color: #888;
  padding: 4px 8px !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  border: none !important;
}

.compare-grid tr.header {

}

.compare-grid tr.header th {
  padding-top: 10px;
  padding-bottom: 0 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #000 !important;
}

.compare-grid .align-left {
  text-align: left !important;
  padding-left: 15px;
}

.compare-grid .spacer-col {
  width: 10px;
}

.compare-grid .spacer-row td {
  height: 3px !important;
  line-height: 3px !important;
}

.compare-grid .spacer-row.divider td {
  border-top: 1px solid #d8d8d8 !important;
}

.compare-grid tr:hover .bg-color1,
.compare-grid tr:hover .bg-color2,
.compare-grid tr:hover .bg-color3,
.compare-grid tr:hover .bg-color4,
.compare-grid tr:hover .bg-color5 {
  background: #fff;
}

.dark .compare-grid tr.header th {
  color: #fff !important;
}

.dark .compare-grid .spacer-row.divider td {
  border-top: 1px solid #303030 !important;
}

.dark .compare-grid tr:hover .bg-color1,
.dark .compare-grid tr:hover .bg-color2,
.dark .compare-grid tr:hover .bg-color3,
.dark .compare-grid tr:hover .bg-color4,
.dark .compare-grid tr:hover .bg-color5 {
  background: #303030;
}

.light .compare-grid tr:hover .bg-color1,
.light .compare-grid tr:hover .bg-color2,
.light .compare-grid tr:hover .bg-color3,
.light .compare-grid tr:hover .bg-color4,
.light .compare-grid tr:hover .bg-color5 {
  background: #f5f5f5;
}


/* Responsive Devices -------------------------------*/
@media (max-width: 480px) {
  header.header-default {
    z-index: 999999 !important;
  }

  .bgimg-hide-md,
  .bgimg-hide-xs {
    background: none !important;
  }

  .bgimg-scale-sm {
    background: none !important;
  }
}


@media (min-width: 768px) and (max-width: 991px) {
  .gsc-heading.style-1 h1.title {
    font-size: 3.2rem !important;
  }

  .gsc-heading.style-1 h2.title {
    font-size: 3rem !important;
  }

  .gsc-heading.style-1 h1.title.fsize-30 {
    font-size: 30px !important;
    letter-spacing: 2px !important;
  }

  .gsc-heading.style-1 h1.title.fsize-24 {
    font-size: 24px !important;
    letter-spacing: 2px !important;
  }

  .bgimg-scale-sm {
    background-size: 40% !important;
  }

  .bgimg-scale-sm.tl {
    background-position: left top !important;
  }

  .bgimg-scale-sm.tr {
    background-position: left top !important;
  }

  .gsc-video-box.btn-left {
    max-width: 100% !important;
  }

  .gsc-video-box.btn-center {
    max-width: 25% !important;
  }

  .icon-quicklinks img {
    max-width: 100px !important;
  }
}

@media (max-width: 767px) {
  header.header-default {
    z-index: 999999 !important;
  }

  .img-width-reset img {
    max-width: 100% !important;
  }

  .bgimg-hide-md,
  .bgimg-hide-xs {
    background: none !important;
  }
}

@media (max-width: 991.98px) {
  .gva-offcanvas-mobile .navigation ul.gva_menu {
    margin-top: 0 !important;
  }

  .gva-offcanvas-mobile.show-view {
    background-color: #000 !important;
    max-width: 320px !important;
  }

  .gva-offcanvas-mobile .close-offcanvas {
    display: none !important;
  }

  .gva-offcanvas-mobile .account-icons {
    margin-top: 10px !important;
    margin-left: 20px !important;
    float: left !important;
  }

  .gva-offcanvas-mobile .account-icons i {
    color: #fff !important;
  }

  .bgimg-hide-md {
    background: none !important;
  }
}

@media (min-width: 992px) {
  .gsc-heading.text-contained.w450 .title-desc {
    max-width: 450px;
  }

  .gsc-heading.text-contained.w600 .title-desc {
    max-width: 600px;
  }

  .gva-quick-side.quick-side.open {
    background: #000 !important;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
  }

  .navigation .gva_menu .sub-menu > li {
    padding: 7px !important;
  }

  .navigation .gva_menu > li > .sub-menu::after {
    left: 50% !important;
    width: 20px !important;
    height: 20px !important;
    border-width: 10px !important;
    border-color: transparent transparent #000 transparent !important;
  }

  .quick-side .navigation .gva_menu .sub-menu {
    background-color: #1c1c1c !important;
    padding-bottom: 10px !important;
  }

  .gva-quick-side .content-inner ul.menu.sub-menu > li {
    margin-bottom: 0 !important;
  }

  .gva-quick-side .content-inner ul.gva_menu li a {
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  .icon-quicklinks img {
    max-width: 130px;
  }

  .gsc-video-box.btn-center {
    max-width: 10% !important;
  }

  .grid-plugin-covers img {
    max-width: 85% !important;
  }

  .quote-slider.clean-img .item img {
    max-width: 60% !important;
  }

  .gsc-tabs.solid-gray-purple .tab-content {
    padding: 100px 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .gsc-heading.style-1 h1.title {
    font-size: 4rem !important;
  }

  .gsc-heading.style-1 h2.title {
    font-size: 4rem !important;
  }

  .gsc-heading.style-1 h1.title.fsize-30 {
    font-size: 30px !important;
    letter-spacing: 2px !important;
  }

  .gsc-heading.style-1 h1.title.fsize-24 {
    font-size: 24px !important;
    letter-spacing: 2px !important;
  }

  .gbb-row-wrapper .bb-container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .subnav-mobile {
    display: none;
  }

  .bgimg-hide-md {
    background-image: none !important;
  }

  .bgimg-scale-md {
    background-size: 70% !important;
  }

  .gsc-heading.w450,
  .gsc-heading.text-contained.w450 .title-desc {
    max-width: 450px;
  }

  .gsc-heading.w600,
  .gsc-heading.text-contained.w600 .title-desc {
    max-width: 600px;
  }

  .gsc-video-box.btn-left {
    max-width: 100% !important;
  }

  .gsc-video-box.btn-center {
    max-width: 15% !important;
  }

  .main-menu .account-icons {
    margin-right: -25px !important;
  }

  .stuck .main-menu .account-icons {
    margin-top: 13px !important;
    margin-right: -25px !important;
  }

  .gsc-tabs.solid-gray-purple .tab-content {
    padding: 100px 60px !important;
  }
}

@media (min-width: 1200px) {
  .gsc-heading.style-1 h1.title {
    font-size: 4rem !important;
  }

  .gsc-heading.style-1 h2.title {
    font-size: 4rem !important;
  }

  .gsc-heading.style-1 h1.title.fsize-30 {
    font-size: 30px !important;
    letter-spacing: 2px !important;
  }

  .gsc-heading.style-1 h1.title.fsize-24 {
    font-size: 24px !important;
    letter-spacing: 2px !important;
  }

  .container {
    max-width: 1600px !important;
  }

  .gbb-row-wrapper .bb-container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .subnav-mobile {
    display: none !important;
  }

  .gsc-heading.w450,
  .gsc-heading.text-contained.w450 .title-desc {
    max-width: 450px;
  }

  .gsc-heading.w600,
  .gsc-heading.text-contained.w600 .title-desc {
    max-width: 600px;
  }

  .icon-quicklinks img {
    max-width: 150px !important;
  }

  .col-gap .gsc-column.col-xl-6 {
    max-width: 48%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .grid-plugin-covers img {
    max-width: 380px !important;
  }
  .grid-plugin-covers.sm img {
    max-width: 90% !important;
  }

  .gsc-image-content.skin-v2 {
    max-width: 85% !important;
  }

  .force-col-xl-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .gsc-tabs.solid-gray-purple .tab-content {
    padding: 120px 100px !important;
  }
}


@media (min-width: 1700px) {
  .img-fullwidth.min-h550 {
    min-height: 800px !important;
  }

  .gsc-video-box.style-2.hero .video-content .link-video {
    font-size: 4rem !important;
  }
}