/*
Theme Name: Lead Market
Theme URI: https://www.frank.com/themes/onepress/
Author: FrankThemes
Author URI: http://www.frank.com
Description: Click handler is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Version: 2.3.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tested up to: 26.0.2
Requires PHP: 5.6
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Click handler is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Reset
2.0  Document
3.0  Layout
4.0  Structure
5.0  Contents
6.0  Elements
7.0  Widgets
8.0  Sections
9.0  External Plugins

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/* Reset already include in bootstrap */
/*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/
html, body {
  height: 100%;
}

/*------------------------------
	2.1 Typography
------------------------------*/
html, body {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
}
@media (max-width: 991px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 14px;
  }
}

body {
  background: #ffffff;
}

.site {
  background: #FFFFFF;
  position: relative;
}

body, button, input, select, textarea {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #777777;
}

pre,
code,
input,
textarea {
  font: inherit;
}

::-moz-selection {
  background: #000000;
  color: #FFFFFF;
}

::selection {
  background: #000000;
  color: #FFFFFF;
}

/*------------------------------
	2.2 Links
------------------------------*/
a {
  color: #03c4eb;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  color: #777777;
  text-decoration: underline;
}
a:active, a:focus, a:hover {
  outline: none;
}

/*------------------------------
	2.3 Heading
------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  margin-top: 0;
  color: #333333;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #333333;
  text-decoration: none;
}

h1 {
  line-height: 1.3;
  font-size: 33px;
  font-size: 2.0625rem;
}
@media (min-width: 768px) {
  h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
h1 span {
  font-weight: bold;
}

h2 {
  line-height: 1.2;
  font-size: 25px;
  font-size: 1.5625rem;
}
@media (min-width: 768px) {
  h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}

h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}

h4 {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 12px;
}

h5 {
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
}

h6 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 1px;
}

/*------------------------------
	2.4 Base
------------------------------*/
ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  margin-top: 0;
}

/*------------------------------
	2.5 Content
------------------------------*/
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  clear: both;
  margin: 20px 0;
}
blockquote p {
  font-style: italic;
}
blockquote cite {
  font-style: normal;
  margin-bottom: 20px;
  font-size: 13px;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

figure {
  margin: 0;
}

address {
  margin: 20px 0;
}

hr {
  border: 0;
  border-top: 1px solid #e9e9e9;
  height: 1px;
  margin-bottom: 20px;
}

tt,
kbd,
pre,
code,
samp,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  background-color: #e9e9e9;
  padding: 5px 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

pre {
  overflow: auto;
  white-space: pre-wrap;
  max-width: 100%;
  line-height: 1.7;
  margin: 20px 0;
  padding: 20px;
}

details summary {
  font-weight: bold;
  margin-bottom: 20px;
}
details :focus {
  outline: none;
}

abbr,
acronym,
dfn {
  cursor: help;
  font-size: 0.95em;
  text-transform: uppercase;
  border-bottom: 1px dotted #e9e9e9;
  letter-spacing: 1px;
}

mark {
  background-color: #fff9c0;
  text-decoration: none;
}

small {
  font-size: 82%;
}

big {
  font-size: 125%;
}

ul, ol {
  padding-left: 20px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ul li, ol li {
  margin: 8px 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 20px 20px;
}

/*------------------------------
	2.6 Table
------------------------------*/
table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #e9e9e9;
  border-collapse: collapse;
  border-spacing: 0;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid #e9e9e9;
  line-height: 1.42857;
  padding: 5px;
  vertical-align: middle;
}

table > thead > tr > th, table > thead > tr > td {
  border-bottom-width: 2px;
}

table th {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/*------------------------------
	2.7 Form
------------------------------*/
fieldset {
  padding: 20px;
  border: 1px solid #e9e9e9;
}

input[type=reset], input[type=submit], input[type=submit],
.pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit {
  cursor: pointer;
  background: #03c4eb;
  border: none;
  display: inline-block;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  padding: 15px 23px 15px 23px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  margin: 3px 0;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
}
input[type=reset]:hover, input[type=submit]:hover, input[type=submit]:hover,
.pirate-forms-submit-button:hover, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
  opacity: 0.8;
  background: #03c4eb;
  border: none;
}

input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover,
input[type=reset]:focus, input[type=submit]:hover, input[type=submit]:focus,
button:hover, button:focus {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

select {
  max-width: 100%;
  overflow: auto;
  vertical-align: top;
  outline: none;
  border: 1px solid #e9e9e9;
  padding: 10px;
}

textarea:not(.editor-post-title__input),
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  padding: 10px;
  max-width: 100%;
  border: 0px;
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  color: #000000;
}
textarea:not(.editor-post-title__input):focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  border-color: #EBEBEB;
  border-bottom: 1px solid #fff !important;
  background: #e9e9e9;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=radio], input[type=checkbox] {
  margin: 0 10px;
}

/*------------------------------
	2.8 Accessibility
------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f8f9f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  clip: auto !important;
  color: #03c4eb;
  display: block;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 17px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

/*------------------------------
	2.8 Accessibility
------------------------------*/
/*------------------------------
	2.9 Alignments
------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 3.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 3.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------
	3.0 Clearings
------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  clear: both;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*------------------------------
	3.1 Infinite Scroll
------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*------------------------------
	3.1 Helper.
------------------------------*/
.hide {
  display: none;
}

.clearleft {
  clear: left;
}

.break, h1,
h2,
h3,
h4,
h5,
h6, p, ul, ol, dl, blockquote, pre {
  word-break: break-word;
  word-wrap: break-word;
}

body.mce-content-body {
  margin: 20px 40px;
  font-size: 13px;
}

/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
#primary {
  padding-bottom: 40px;
  padding-top: 40px;
}

.template-fullwidth-stretched #primary,
.siteorigin-panels #primary {
  padding: 0;
}
.template-fullwidth-stretched .entry-content,
.siteorigin-panels .entry-content {
  margin-bottom: 0px;
}

#secondary {
  padding-bottom: 40px;
  padding-top: 0;
}
@media screen and (min-width: 940px) {
  #secondary {
    padding-top: 40px;
  }
}

.content-area {
  width: 100%;
  float: none;
}
@media screen and (min-width: 940px) {
  .content-area {
    float: left;
  }
}

.sidebar {
  width: 100%;
  float: none;
}
@media screen and (min-width: 940px) {
  .sidebar {
    width: 25.2252252252%;
    float: left;
  }
}

.left-sidebar .site-main {
  margin-left: auto;
}

.no-sidebar .content-area {
  width: 100%;
}

.single-post .no-sidebar .site-main,
.single-post .no-sidebar .entry-content > * {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 940px) {
  .left-sidebar .content-area {
    float: right;
    padding-left: 39px;
    border-left: 1px solid #e9e9e9;
    margin-right: 1px;
    width: 74.7747747748%;
  }
  .left-sidebar .sidebar {
    padding-right: 39px;
    border-right: 1px solid #e9e9e9;
    margin-right: -1px;
  }
  .right-sidebar .content-area {
    padding-right: 39px;
    border-right: 1px solid #e9e9e9;
    width: 74.7747747748%;
  }
  .right-sidebar .sidebar {
    padding-left: 39px;
    border-left: 1px solid #e9e9e9;
    margin-left: -1px;
  }
}
/**
Footer widgets
 */
.footer-widgets {
  background: #050505;
}
.footer-widgets.section-padding {
  padding: 70px 0px 35px;
  padding: 4.375rem 0rem 2.1875rem;
}
.footer-widgets table {
  border-collapse: collapse;
}
.footer-widgets table > thead > tr > th,
.footer-widgets table > thead > tr > td {
  border-width: 1px;
}
.footer-widgets table th,
.footer-widgets table td {
  border-color: rgba(233, 233, 233, 0.4);
}
.footer-widgets .widget-title {
  color: #ffffff;
}
.footer-widgets .widget-area .widget_categories li,
.footer-widgets .widget-area .widget_archive li,
.footer-widgets .widget-area .widget_meta li {
  width: 100% !important;
  float: none;
}
.footer-widgets .widget_recent_entries ul li,
.footer-widgets .widget_recent_comments ul li {
  border-bottom: 0px none;
  padding: 5px 0px;
  margin-bottom: 0px;
}
.footer-widgets .sidebar .widget {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
4.0 Structure
--------------------------------------------------------------*/
/* Header
------------------------------*/
.site-header {
  line-height: 75px;
  position: relative;
  width: 100%;
  background: #ffffff;
  z-index: 1000;
  -webkit-transition: all 1s ease-out;
  /* Safari */
  transition: all 0.5s ease-out;
  box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);
}
.site-header.header-fixed {
  top: 0px;
  left: 0px;
  position: fixed;
}
.site-header .custom-logo-transparent {
  display: none;
}

.followWrap {
  display: block;
}

.header-full-width .container {
  max-width: auto;
  width: auto;
}
@media screen and (min-width: 940px) {
  .header-full-width .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.is-transparent .followWrap {
  z-index: 99;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 0px;
  display: block;
}
.is-transparent .site-header {
  background: transparent;
  position: fixed;
  top: 0px;
}
.is-transparent .site-header.no-sticky {
  position: absolute;
  top: auto;
}
.is-transparent .site-header.no-scroll {
  box-shadow: none;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo-transparent {
  display: inline-block;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo {
  display: none;
}
.is-transparent .site-header.no-scroll #nav-toggle span {
  background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle span::before, .is-transparent .site-header.no-scroll #nav-toggle span::after {
  background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle.nav-is-visible span {
  background-color: transparent;
}
.is-transparent .site-header.header-fixed {
  background: #ffffff;
}
.is-transparent .site-header.header-fixed.no-scroll {
  background: transparent;
  box-shadow: none;
}

@media screen and (min-width: 1140px) {
  .is-transparent .no-scroll.site-header .onepress-menu > li > a {
    color: rgba(255, 255, 255, 0.9);
  }
}
.is-transparent .hero-slideshow-fullscreen .hero__content {
  padding-top: 50px;
  padding-top: 3.125rem;
}

.site-branding {
  float: left;
}

.site-branding .site-title,
.site-branding .site-text-logo {
  margin: 0px;
  line-height: 1;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 23px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
  display: initial;
  vertical-align: middle;
  font-weight: 600;
}
.site-branding .site-title:hover,
.site-branding .site-text-logo:hover {
  text-decoration: none;
}
.site-branding .site-title {
  display: inline-block;
}
.site-branding .site-image-logo {
  display: block;
}
.site-branding .site-logo-div {
  line-height: 75px;
}
.site-branding .no-logo-img.has-desc,
.site-branding .has-logo-img {
  line-height: 10px;
}
.site-branding .no-logo-img.has-desc .site-title,
.site-branding .has-logo-img .site-title {
  margin-top: -5px;
  position: relative;
}
.site-branding .no-logo-img.has-desc .site-description,
.site-branding .has-logo-img .site-description {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
  position: relative;
  top: -15px;
  color: #000000;
}

.home.header-transparent .no-scroll .site-brand-inner,
.home.header-transparent .no-scroll .site-text-logo {
  color: #fff;
}

.header-social {
  margin-left: 0px;
  float: right;
}
@media screen and (min-width: 940px) {
  .header-social {
    margin-left: 10px;
  }
}
@media screen and (max-width: 576px) {
  .header-social {
    display: none;
  }
}
.header-social a {
  display: block;
  height: 100%;
  float: left;
  margin-left: 0px;
  margin-top: -2px;
  color: #03c4eb;
}
@media screen and (min-width: 940px) {
  .header-social a {
    margin-left: 3px;
  }
}
.header-social a:hover {
  color: #000000;
  transition: all 0.2s linear 0s;
}
.header-social .fa-stack-1x,
.header-social .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.header-social .fa-stack-1x {
  line-height: inherit;
}
.header-social .fa-stack-2x {
  font-size: 2em;
}
.header-social .fa-inverse {
  color: #ffffff;
}

.header-btn {
  float: right;
}

/* Site Navigation */
.onepress-menu,
.onepress-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  
}

.onepress-menu {
  float: right;
  width: auto!important;
}
.onepress-menu ul {
  position: absolute;
  display: block;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  z-index: -1;
  top: 100%;
  left: 0;
}
.onepress-menu ul.sub-ul-r {
  left: auto;
  right: 0px;
}
.onepress-menu ul ul {
  top: 0;
  left: 100%;
}
.onepress-menu li {
  position: relative;
}
.onepress-menu > li {
  float: left;
}
.onepress-menu li:hover > ul,
.onepress-menu li.sfHover > ul {
  display: block;
  height: initial;
  overflow: initial;
  opacity: 1;
  z-index: 99;
}
.onepress-menu a {
  display: block;
  position: relative;
}

.onepress-menu ul {
  min-width: 12em;
  width: fit-content;
  max-width: 100vw;
  border: 1px solid #e9e9e9;
  border-top: none;
}
.onepress-menu li {
  white-space: nowrap;
  *white-space: normal;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.onepress-menu li:hover,
.onepress-menu li.sfHover {
  -webkit-transition: none;
  transition: none;
}
.onepress-menu a {
  color: #333333;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  zoom: 1;
  letter-spacing: 1px;
  white-space: nowrap;
}
.onepress-menu a:hover {
  color: #03c4eb;
}
.onepress-menu ul li {
  line-height: 26px;
  width: fit-content;
  min-width: 100%;
}
.onepress-menu ul li a {
  border-top: 1px solid #e9e9e9;
  padding: 8px 18px;
  color: #999999;
  font-size: 13px;
  text-transform: none;
  background: #ffffff;
  letter-spacing: 0;
}
.onepress-menu ul li a:hover {
  color: #03c4eb;
}
.onepress-menu li.onepress-current-item > a {
  color: #03c4eb;
}
.onepress-menu ul li.current-menu-item > a {
  color: #03c4eb;
}
.onepress-menu > li:last-child > a {
  padding-right: 0px;
}
.onepress-menu > li a.menu-actived {
  color: #03c4eb;
}
.onepress-menu .nav-toggle-subarrow {
  display: none;
}

#nav-toggle {
  display: none;
  margin-left: 15px;
}

@media screen and (max-width: 1140px) {
  .main-navigation {
    position: static;
  }
  .main-navigation .onepress-menu {
    width: 100% !important;
    display: block;
    height: 0px;
    overflow: hidden;
    background: #fff;
  }
  .onepress-menu.onepress-menu-mobile {
    position: absolute;
    top: 75px;
    right: 0;
    width: 100%;
    z-index: 800;
    overflow: auto !important;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
  }
  .onepress-menu.onepress-menu-mobile .sub-menu {
    width: auto;
  }
  .onepress-menu.onepress-menu-mobile > li > a {
    padding: 12px 20px;
  }
  .onepress-menu.onepress-menu-mobile li:hover ul {
    display: none;
  }
  .onepress-menu.onepress-menu-mobile ul {
    box-shadow: none;
    padding-bottom: 0;
    border: none;
    position: relative;
  }
  .onepress-menu.onepress-menu-mobile ul li:last-child {
    border-bottom: none;
  }
  .onepress-menu.onepress-menu-mobile ul li a {
    padding: 12px 35px;
    border-top: none;
    white-space: pre-line;
  }
  .onepress-menu.onepress-menu-mobile ul li a:hover {
    background: transparent;
  }
  .onepress-menu.onepress-menu-mobile ul li li a {
    padding: 12px 70px;
    border-top: none;
  }
  .onepress-menu.onepress-menu-mobile ul li li li a {
    padding: 12px 105px;
  }
  .onepress-menu.onepress-menu-mobile ul ul {
    left: 0px;
  }
  .onepress-menu.onepress-menu-mobile li {
    line-height: 20px;
    background: #ffffff;
    border-top: 1px solid #e9e9e9;
    width: 100% !important;
  }
  .onepress-menu.onepress-menu-mobile > li:first-child {
    border-top: 0px none;
  }
  .onepress-menu.onepress-menu-mobile li.onepress-current-item > a {
    color: #03c4eb;
  }
  .onepress-menu.onepress-menu-mobile a {
    color: #777777;
  }
  .onepress-menu.onepress-menu-mobile a:hover {
    color: #000000;
  }
  .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
    display: block;
    color: #999999;
    border-left: 1px solid #e9e9e9;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    text-align: center;
    padding: 11px 20px;
    z-index: 10;
    font-size: 22px;
  }
  .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before {
    content: "\f106" !important;
  }
  .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul {
    left: 0px;
    display: block !important;
    height: initial;
    overflow: initial;
    opacity: 1;
    z-index: inherit;
  }
  #nav-toggle {
    display: block;
  }
}
#nav-toggle {
  float: right;
  position: relative;
  width: 35px;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}
#nav-toggle span {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
  -webkit-transition: rotate 0.2s, translate 0.2s;
  -moz-transition: rotate 0.2s, translate 0.2s;
  transition: rotate 0.2s, translate 0.2s;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #000000;
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  top: 8px;
}
#nav-toggle span:before, #nav-toggle span:after {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #000000;
  content: "";
  right: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}

#nav-toggle.nav-is-visible span {
  background: transparent;
}
#nav-toggle.nav-is-visible span:before {
  -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-1px) rotate(45deg);
  transform: translateX(4px) translateY(-1px) rotate(45deg);
}
#nav-toggle.nav-is-visible span:after {
  -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(0px) rotate(-45deg);
  transform: translateX(4px) translateY(0px) rotate(-45deg);
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
  background: #000000;
}

/* Content
------------------------------*/
.site-content {
  border-top: 1px solid #e9e9e9;
  margin-top: -1px;
}

.site-content.no-border {
  border-top: none;
}

.blog .site-content,
.tax-portfolio_cat .site-content,
.single-post .site-content,
.hiding-page-title .site-content {
  margin-top: 0;
}

.page-header {
  padding: 30px 0px;
  border-top: 1px solid #e9e9e9;
  background: #f8f9f9;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.page-header:before {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  content: " ";
}
.page-header .entry-title,
.page-header .page-title {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.page-header p {
  margin: 6px 0px 0px 0px;
}
.page-header.page--cover {
  position: relative;
  padding: 8% 0px;
  text-align: center;
  border-top: 0 none;
  border-bottom: 0 none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.page-header.page--cover:before {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  content: " ";
}
.page-header.page--cover .entry-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #ffffff;
}
.page-header.page--cover .entry-tagline {
  color: #ffffff;
  font-style: italic;
  font-weight: 300;
}
@media screen and (min-width: 1140px) {
  .page-header.page--cover .entry-tagline {
    font-size: 20px;
  }
}
@media screen and (max-width: 940px) {
  .page-header.page--cover .entry-tagline {
    font-size: 18px;
  }
}
@media screen and (max-width: 720px) {
  .page-header.page--cover .entry-tagline {
    font-size: 16px;
  }
}
.page-header.page--cover.is-t-above .container {
  margin-top: 30px;
}

/* Footer
------------------------------*/
.site-footer {
  background: #111111;
  color: #bbbbbb;
  font-size: 14px;
}
.site-footer a {
  color: #03c4eb;
}
.site-footer .footer-connect {
  padding: 90px 0px;
  padding: 80px 0px;
  padding: 5rem 0rem;
  text-align: center;
}
@media (max-width: 767px) {
  .site-footer .footer-connect .footer-subscribe {
    margin-bottom: 40px;
  }
}
.site-footer .footer-connect .follow-heading {
  color: #ffffff;
  margin-bottom: 20px;
  letter-spacing: 0.8px;
}
.site-footer .footer-connect .subs_input {
  background-color: rgba(255, 255, 255, 0.145);
  color: #cccccc;
  border-bottom: none;
  box-shadow: none;
  padding: 12px 15px 12px;
  border-radius: 2px;
  width: 60%;
  font-size: 13px;
}
.site-footer .footer-connect .subs_input:focus {
  border: none;
}
@media screen and (max-width: 1140px) {
  .site-footer .footer-connect .subs_input {
    width: 100%;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 940px) {
  .site-footer .footer-connect .subs_input {
    width: 70%;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 720px) {
  .site-footer .footer-connect .subs_input {
    width: 100%;
    margin-bottom: 4px;
  }
}
.site-footer .footer-connect .subs-button {
  margin: 0px;
  position: relative;
  top: 0px;
  padding: 16px 23px 16px;
}
@media screen and (max-width: 1140px) {
  .site-footer .footer-connect .subs-button {
    width: 100%;
  }
}
@media screen and (max-width: 940px) {
  .site-footer .footer-connect .subs-button {
    width: 70%;
  }
}
@media screen and (max-width: 720px) {
  .site-footer .footer-connect .subs-button {
    width: 100%;
  }
}
.site-footer .footer-connect input[type=text]:focus {
  border: none !important;
}
.site-footer .footer-social {
  text-align: center;
}
.site-footer .footer-social a {
  font-size: 30px;
  margin: 0px 13px;
  color: #ffffff;
}
.site-footer .footer-social a:hover {
  color: #03c4eb;
}
.site-footer .site-info {
  position: relative;
  text-align: center;
  padding-top: 30px;
padding-bottom: 30px;
  background: #222222;
  font-weight: 500;
  color: #bbbbbb;
}
.site-footer .site-info a {
  color: #dddddd;
}
.site-footer .site-info a:hover {
  text-decoration: underline;
}
.site-footer .site-info .container {
  position: initial;
}
.site-footer .btt a {
  border-radius: 0px 20px 0 0;
  color: #999999;
  background: #222222;
  display: block;
  font-size: 30px;
  height: 50px;
  line-height: 50px;
  margin: auto;
  position: absolute;
  right: 60px;
  top: -25px;
  transition: all 0.2s linear 0s;
  width: 50px;
  z-index: 99;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.site-footer .btt a:hover {
  color: #03c4eb;
}
.site-footer .btt a i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: 3px;
}
@media screen and (max-width: 940px) {
  .site-footer .btt a {
    right: 0;
    left: 0;
  }
}

/*--------------------------------------------------------------
5.0 Contents
--------------------------------------------------------------*/
/* Page: 404
------------------------------*/
.error-404 .search-form,
.error-404 .widget {
  margin-bottom: 40px;
}
.error-404 .widgettitle,
.error-404 .widget-title {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 13px;
  font-weight: 700;
}
.error-404 ul {
  padding-left: 0px;
}
.error-404 ul li {
  list-style: none;
}

/* Page: Search
------------------------------*/
.search-results .hentry {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.search-results .entry-summary p {
  margin-bottom: 0px;
}
.search-results .entry-header .entry-title {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
}
.search-results .entry-header .entry-title a:hover {
  text-decoration: none;
}

/* Entry Header
------------------------------*/
.entry-header .entry-title {
  font-weight: 500;
  text-transform: none;
  letter-spacing: -0.6px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 25px;
  line-height: 1.3;
}
@media screen and (min-width: 940px) {
  .entry-header .entry-title {
    font-size: 32px;
    line-height: 1.5;
  }
}

.entry-thumbnail {
  margin-bottom: 30px;
}

.single .entry-header .entry-title {
  margin-bottom: 10px;
}

.highlight {
  color: #03c4eb;
}

/* Entry Content
------------------------------*/
.entry-content {
  margin-bottom: 30px;
}
.entry-content blockquote {
  padding: 30px;
  position: relative;
  background: #f8f9f9;
  border-left: 3px solid #03c4eb;
  font-style: italic;
}
.entry-content blockquote p {
  margin: 0px;
}

/* Entry Stuff
------------------------------*/
.entry-meta {
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
}

.entry-footer {
  margin-bottom: 30px;
  padding-top: 30px;
  border-top: 1px solid #e9e9e9;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
}

.nav-links {
  padding: 30px 0px;
  border-left: none;
  border-right: none;
  margin-bottom: 50px;
  flex-basis: 100%;
  text-align: center;
}
.nav-links .nav-previous {
  float: left;
}
.nav-links .nav-next {
  float: right;
}
.nav-links a,
.nav-links .page-numbers {
  background: #cccccc;
  color: #FFFFFF;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 2px;
}
@media screen and (max-width: 940px) {
  .nav-links a,
  .nav-links .page-numbers {
    padding: 6px 10px;
  }
}
.nav-links a:hover, .nav-links a.current,
.nav-links .page-numbers:hover,
.nav-links .page-numbers.current {
  background: #03c4eb;
  text-decoration: none;
}

.bypostauthor {
  margin: 0;
}

/* Sticky Post
------------------------------*/
.sticky .entry-title {
  padding-left: 20px;
  position: relative;
}
.sticky .entry-title:after {
  content: "\f276";
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 22px;
  color: #aaaaaa;
}

/* WordPress caption style
------------------------------*/
.wp-caption {
  max-width: 100%;
  font-style: italic;
  line-height: 1.35;
  margin-bottom: 15px;
  margin-top: 5px;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  max-width: 100%;
}
.wp-caption .wp-caption-text {
  margin: 10px 0px;
}

.wp-caption-text,
.entry-thumbnail-caption,
.cycle-caption {
  font-style: italic;
  line-height: 1.35;
  font-size: 13px;
}

/* WordPress Gallery
------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/* Comments
------------------------------*/
#comments {
  padding-top: 30px;
  border-top: 1px solid #e9e9e9;
}
#comments .comments-title {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
#comments .comment-list {
  list-style: none;
  padding-left: 0px;
}
#comments .comment-list .pingback {
  border-bottom: 1px solid #e9e9e9;
  padding: 20px 0;
  margin: 0;
}
#comments .comment-list .pingback p {
  margin: 0px;
}
#comments .comment-list .pingback:last-child {
  margin-bottom: 40px;
}
#comments .comment-content.entry-content {
  margin-bottom: 0px;
}
#comments .comment {
  list-style: none;
  margin: 30px 0;
}
#comments .comment .avatar {
  width: 60px;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#comments .comment .comment-wrapper {
  margin-left: 90px;
  padding: 25px 30px 15px 30px;
  background: #f8f9f9;
  position: relative;
}
#comments .comment .comment-wrapper:before {
  border-color: rgba(0, 0, 0, 0) #f6f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: "";
  height: 0;
  left: -9px;
  position: absolute;
  top: 0;
  width: 0;
}
#comments .comment .comment-wrapper .comment-meta .comment-time,
#comments .comment .comment-wrapper .comment-meta .comment-reply-link,
#comments .comment .comment-wrapper .comment-meta .comment-edit-link {
  color: #aaaaaa;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 11px;
}
#comments .comment .comment-wrapper .comment-meta .comment-time:hover,
#comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover,
#comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover {
  color: #03c4eb;
}
#comments .comment .comment-wrapper .comment-meta .comment-time:after,
#comments .comment .comment-wrapper .comment-meta .comment-reply-link:after,
#comments .comment .comment-wrapper .comment-meta .comment-edit-link:after {
  content: "/";
  padding: 0px 5px;
}
#comments .comment .comment-wrapper .comment-meta a:last-child:after {
  content: "";
}
#comments .comment .comment-wrapper .comment-meta cite .fn {
  font-weight: bold;
  font-style: normal;
  margin-right: 5px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 14px;
}
#comments .comment .comment-wrapper .comment-meta cite span {
  padding: 3px 10px;
  background: #e9e9e9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 10px;
}
#comments .comment .comment-wrapper a {
  text-decoration: none;
}
#comments .comment .children {
  padding-left: 30px;
}
#comments .comment .children .children {
  padding-left: 30px;
}
#comments .comment .children .children .children {
  padding-left: 0px;
}
@media screen and (min-width: 940px) {
  #comments .comment .children {
    padding-left: 90px;
  }
  #comments .comment .children .children {
    padding-left: 90px;
  }
  #comments .comment .children .children .children {
    padding-left: 90px;
  }
}
#comments .form-allowed-tags {
  display: none;
}
#comments a {
  text-decoration: none;
}
#comments a:hover {
  text-decoration: underline;
}

.comment-respond textarea,
.comment-respond textarea {
  width: 100%;
}

/* Comment Form
------------------------------*/
#respond {
  padding-top: 20px;
}
#respond .comment-form label {
  display: block;
  margin-bottom: 4px;
}
#respond .form-allowed-tags {
  font-size: 12px;
}
#respond .form-allowed-tags code {
  background: none;
}
#respond .comment-reply-title {
  font-size: 18px;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#respond .comment-notes {
  display: none;
}
#respond label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.full-screen .comments-area {
  max-width: 1110px;
  margin: 0 auto;
}

/* woocommerce
------------------------------*/
.woocommerce div.product form.cart .variations td.label {
  color: #777;
}

/* . Gutenberg  Editor  - Block Editor */
.wp-block-gallery.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
}

/*--------------------------------------------------------------
6.0 Elements
--------------------------------------------------------------*/
/* Button
------------------------------*/
.btn {
  text-transform: uppercase;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}
.btn:active, .btn:focus {
  outline: none;
}
.btn.btn-secondary-outline {
  box-shadow: none;
  border-color: rgba(255, 255, 255, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.btn.btn-secondary-outline:hover {
  background: #FFF;
  color: #333;
}

.btn-lg {
  font-size: 17px;
  font-size: 1.0625rem;
}

.btn-theme-primary {
  background: #03c4eb;
  color: #FFFFFF;
}
.btn-theme-primary:hover {
  color: #FFFFFF;
}

.btn-theme-primary-outline {
  background-color: transparent;
  background-image: none;
  border-color: #03c4eb;
  color: #03c4eb;
}
.btn-theme-primary-outline:hover {
  color: #FFF;
  background-color: #03c4eb;
  border-color: #03c4eb;
}

/* Loading
------------------------------*/
.slider-spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/* WP 4.7 Shortcut */
section > .customize-partial-edit-shortcut {
  z-index: 95;
}
section > .customize-partial-edit-shortcut button {
  left: 30px;
}

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
.sidebar .widget {
  margin-bottom: 40px;
}
.sidebar .widget .widget-title {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 13px;
  font-weight: 700;
}
.sidebar .widget ul {
  list-style: none;
  padding: 0px;
}
.sidebar .widget ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.sidebar .widget a {
  color: #777777;
  font-size: 14px;
}
.sidebar .widget a:hover {
  color: #03c4eb;
  text-decoration: underline;
}

/* Search
------------------------------*/
.search-form {
  display: flex;
  width: 100%;
  align-items: center;
}
.search-form .search-field {
  width: 100% !important;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
}
.search-form .search-submit {
  width: auto;
  margin: 0px 0 0 0.5em;
  height: 100%;
}
.search-form label {
  flex-grow: 2;
  margin: 0px;
}

/* Recent Comment
------------------------------*/
.widget_recent_comments ul {
  margin-top: 25px;
}
.widget_recent_comments ul li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.widget_recent_comments ul a {
  font-style: italic;
}
.widget_recent_comments .comment-author-link a {
  font-weight: bold;
  font-style: normal;
}

/* Recent Categories, Archive, Meta
------------------------------*/
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
  float: left;
  margin-bottom: 0;
  width: 50%;
}
@media screen and (min-width: 720px) {
  .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
    width: 50%;
  }
}
@media screen and (min-width: 940px) {
  .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
    width: 100%;
    float: none;
  }
}
@media screen and (min-width: 1140px) {
  .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
    width: 50%;
    float: left;
  }
}

.widget_recent_entries ul li {
  margin: 0px;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #e9e9e9;
}

.sidebar .widget_calendar a {
  color: #03c4eb;
  text-decoration: underline;
}

/*--------------------------------------------------------------
8.0 Sections
--------------------------------------------------------------*/
/* Section Stuffs
------------------------------*/
.section-padding {
  padding: 70px 0px;
  padding: 4.375rem 0rem;
}

.section-padding-lg {
  padding: 90px 0px;
  padding: 5.625rem 0rem;
}

.section-padding-larger {
  padding: 140px 0px;
  padding: 8.75rem 0rem;
}

.section-meta {
  background-color: #f8f9f9;
}

.onepage-section {
  position: relative;
  overflow: hidden;
}
.onepage-section:before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  content: " ";
  z-index: 1;
}
.onepage-section .container-fluid,
.onepage-section .container {
  position: relative;
  z-index: 5;
}

.section-inverse {
  background: #222222;
}
.section-inverse .section-title-area .section-title {
  color: rgba(255, 255, 255, 0.99);
}
.section-inverse .section-title-area .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.section-inverse .section-title-area .section-subtitle::after {
  background: rgba(255, 255, 255, 0.8);
}
.section-inverse .pricing-table .pricing__item ul p {
  color: #777777;
}

.section-inverse-extended {
  background: #333333;
}
.section-inverse-extended .section-title-area .section-title {
  color: rgba(255, 255, 255, 0.99);
}
.section-inverse-extended .section-title-area .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.section-inverse-extended .section-title-area .section-subtitle::after {
  background: rgba(255, 255, 255, 0.8);
}

.section-inverse {
  color: rgba(255, 255, 255, 0.5);
}
.section-inverse h1, .section-inverse h2, .section-inverse h3, .section-inverse h4, .section-inverse h5, .section-inverse h6 {
  color: rgba(255, 255, 255, 0.9);
}
.section-inverse p {
  color: rgba(255, 255, 255, 0.5);
}

.section-title-area {
  margin-bottom: 60px;
  text-align: center;
}
.section-title-area .section-title {
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 800;
  position: relative;
  margin-bottom: 0px;
  text-transform: uppercase;
}
@media screen and (min-width: 940px) {
  .section-title-area .section-title {
    font-size: 40px;
    letter-spacing: 3.5px;
  }
}
.section-title-area .section-subtitle {
  color: #aaaaaa;
  font-size: 12px;
  display: inline-block;
  position: relative;
  margin-bottom: 13px;
  margin-bottom: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media screen and (min-width: 940px) {
  .section-title-area .section-subtitle {
    font-size: 14px;
  }
}

.section-desc {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 40px;
  margin-top: 2.5rem;
}

/* Section: Hero
------------------------------*/
.hero-slideshow-wrapper {
  width: 100%;
  position: relative;
  background-color: #222222;
  overflow: hidden;
  /* Loading icon */
}
.hero-slideshow-wrapper:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  content: "";
}
.hero-slideshow-wrapper .hero__content .hero-large-text, .hero-slideshow-wrapper .hero__content .hero-small-text, .hero-slideshow-wrapper .hero__content .btn,
.hero-slideshow-wrapper .hero__content .hcl2-content {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.hero-slideshow-wrapper .hero__content .hero-large-text {
  -webkit-transition-delay: 0.7s; /* Safari */
  transition-delay: 0.7s;
}
.hero-slideshow-wrapper .hero__content .hero-small-text {
  -webkit-transition-delay: 0.8s; /* Safari */
  transition-delay: 0.8s;
}
.hero-slideshow-wrapper .hero__content .btn {
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
}
.hero-slideshow-wrapper .hero__content .hcl2-content {
  -webkit-transition-delay: 0.7s; /* Safari */
  transition-delay: 0.7s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text,
.hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text,
.hero-slideshow-wrapper.loaded .container .hero__content .btn, .hero-slideshow-wrapper.loaded .container .hero__content .hcl2-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.hero-slideshow-wrapper .slider-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999999;
  margin: 0px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.animation-disable .hero-slideshow-wrapper {
  /* Loading icon */
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text, .animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text, .animation-disable .hero-slideshow-wrapper .hero__content .btn, .animation-disable .hero-slideshow-wrapper .hero__content .hcl2-content {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .btn {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .hcl2-content {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .slider-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999999;
  margin: 0px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.js-rotating {
  display: none;
}
.js-rotating.morphext {
  display: inline-block;
}

.is-customize-preview .slider-spinner {
  display: none !important;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .btn, .is-customize-preview .hero-slideshow-wrapper .hero__content .hcl2-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .btn {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hcl2-content {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .btn,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hcl2-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.hero-slideshow-normal .container {
  padding: 10% 0px;
  position: relative;
  z-index: 80;
}

.hero-slideshow-fullscreen .container {
  z-index: 80;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.hero__content {
  color: #FFF;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}
.hero__content h1, .hero__content h2, .hero__content h3, .hero__content h4, .hero__content h5, .hero__content h6 {
  color: #FFF;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.hero__content a.btn {
  margin: 10px 10px 20px 0px;
  margin: 0.625rem 0.625rem 1.25rem 0rem;
}
.hero__content p {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

/* Hero Content Style 2. */
.hero-content-style2 h1 {
  font-weight: 800;
  font-size: 50px;
  font-size: 3.125rem;
  letter-spacing: 3px;
}
.hero-content-style2 .hcl2-content {
  padding: 50px 0px;
  padding: 3.125rem 0rem;
}
.hero-content-style2 .hcl2-image {
  text-align: right;
}
@media (max-width: 1199px) {
  .hero-content-style2 .hcl2-content, .hero-content-style2 .hcl2-image {
    text-align: center;
  }
}

/* Hero Text Style1. */
.hero-content-style1 {
  text-align: center;
}
.hero-content-style1 h2 {
  color: #FFFFFF;
  font-size: 35px;
  letter-spacing: 2px;
  line-height: 1.3;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-weight: 800;
  text-transform: uppercase;
}
@media screen and (min-width: 720px) {
  .hero-content-style1 h2 {
    font-size: 60px;
    letter-spacing: 3px;
  }
}
@media screen and (min-width: 940px) {
  .hero-content-style1 h2 {
    font-size: 75px;
    letter-spacing: 4px;
  }
}
.hero-content-style1 h2 strong {
  font-weight: 900;
}
.hero-content-style1 p {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.4px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
  text-align: center;
  font-weight: 100;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 940px) {
  .hero-content-style1 p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1140px) {
  .hero-content-style1 p {
    font-size: 22px;
  }
}
.hero-content-style1 p strong {
  letter-spacing: -0.6px;
}
@media (max-width: 767px) {
  .hero-content-style1 .btn {
    display: inline-block;
  }
}
.hero-content-style1 a:active, .hero-content-style1 a:focus, .hero-content-style1 .btn:active, .hero-content-style1 .btn:focus {
  outline: none;
}

#hero .btn {
  box-shadow: none;
}
#hero .btn-theme-primary:focus {
  color: #fff;
}

.h-on-top.is-transparent #hero .container .hero__content {
  margin-top: 75px;
}

/* Text Rotator */
.morphext > .animated {
  display: inline-block;
}

/* Section: Features
------------------------------*/
.icon-background-default {
  color: #03c4eb;
}

.feature-item {
  text-align: center;
}
.feature-item .feature-icon {
  color: #fff;
}
.feature-item .fa-5x {
  font-size: 4em;
}
.feature-item:hover .icon-background-default {
  color: #333333;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (min-width: 940px) {
  .feature-item.col-lg-3:nth-child(4n+1), .feature-item.col-lg-4:nth-child(3n+1), .feature-item.col-lg-6:nth-child(2n+1) {
    clear: left;
  }
}

.feature-media {
  text-align: center;
  margin-bottom: 20px;
}

/* Section: About Us
------------------------------*/
.section-about .about-image {
  text-align: center;
}
.section-about .about-image img {
  margin-bottom: 30px;
}
.section-about .section-title-area {
  margin-bottom: 30px;
}
.section-about .row > div {
  margin-top: 30px;
}

/* Section: Services
------------------------------*/
.section-services .service-item {
  background: #FFFFFF;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: all 100ms ease-out 0s;
}
@media screen and (max-width: 720px) {
  .section-services .service-item {
    padding: 20px;
  }
}
.section-services .service-item:after {
  content: "";
  display: table;
  clear: both;
  clear: both;
}
.section-services .service-item:hover {
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}
.section-services .service-item .service-image {
  float: left;
  margin-right: 30px;
}
.section-services .service-item .service-image img {
  max-width: 120px;
  height: auto;
}
.section-services .service-item .service-image i {
  color: #03c4eb;
}
@media screen and (max-width: 720px) {
  .section-services .service-item .service-image {
    float: none;
    margin-bottom: 30px;
    margin-top: 10px;
    margin-right: 0px;
    text-align: center;
  }
}
.section-services .service-item .service-thumbnail {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.section-services .service-item .service-content {
  overflow: hidden;
}
.section-services .service-item .service-content p {
  margin: 0px;
  font-size: 14px;
  color: #777777;
}
@media screen and (max-width: 720px) {
  .section-services .service-item .service-content {
    text-align: center;
    overflow: auto;
  }
}
.section-services .service-item .service-title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: #333333;
}
.section-services .service-item .service-link:before {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
}

/* Section: Counter
------------------------------*/
.counter_item {
  text-align: center;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
.counter_item .counter__number {
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: 800;
  color: #03c4eb;
  line-height: 1;
  font-family: serif, sans-serif;
  text-transform: uppercase;
}
.counter_item .counter_title {
  font-size: 18px;
  font-size: 1.125rem;
}

/* Section: Parallax
------------------------------*/
#parallax-hero {
  position: relative;
  background: none;
  overflow: hidden;
}
#parallax-hero .hero-slideshow-wrapper {
  background: none;
}
#parallax-hero .hero-slideshow-wrapper::after {
  background: none;
}

.section-parallax, #parallax-hero {
  background: none;
  position: relative;
  overflow: hidden;
}
.section-parallax > section, .section-parallax .onepage-section, .section-parallax .section-inverse, #parallax-hero > section, #parallax-hero .onepage-section, #parallax-hero .section-inverse {
  background: none;
}
.section-parallax .parallax-bg, #parallax-hero .parallax-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  min-height: 100%;
  display: block;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 50% 50%;
}
.section-parallax .parallax-bg:before, #parallax-hero .parallax-bg:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.3);
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.section-parallax .parallax-bg img, #parallax-hero .parallax-bg img {
  position: absolute;
  left: 0;
  display: none;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  display: block;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.section-parallax .parallax-bg.no-img, #parallax-hero .parallax-bg.no-img {
  height: 120%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-attachment: scroll;
  background-position: 50% 0;
}

.parallax_bg_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: 0.4;
}

.parallax-content {
  z-index: 10;
  position: relative;
  padding: 100px 0px;
  text-align: center;
}
.parallax-content h1, .parallax-content h2, .parallax-content h3, .parallax-content h4, .parallax-content h5, .parallax-content h6 {
  color: #FFFFFF;
  line-height: 1.5;
}
.parallax-content p, .parallax-content a {
  color: #FFFFFF;
}

/* Section: Team
------------------------------*/
.section-team .team-member {
  padding: 0px 0.5px;
  text-align: center;
}
.section-team .row {
  margin-left: -0.5px;
  margin-right: -0.5px;
}

.team-members.row {
  margin-left: 0px;
  margin-left: 0rem;
  margin-right: 0px;
  margin-right: 0rem;
}
@media screen and (min-width: 940px) {
  .team-members.row.team-layout-4 .team-member {
    width: 25%;
  }
  .team-members.row.team-layout-4 .team-member:nth-child(4n+1) {
    clear: left;
  }
  .team-members.row.team-layout-3 .team-member {
    width: 33.3333333333%;
  }
  .team-members.row.team-layout-3 .team-member:nth-child(3n+1) {
    clear: left;
  }
  .team-members.row.team-layout-2 .team-member {
    width: 50%;
  }
  .team-members.row.team-layout-2 .team-member:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 940px) {
  .team-members.row .team-member {
    width: 50%;
  }
  .team-members.row .team-member:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 720px) {
  .team-members.row .team-member {
    width: 50%;
  }
  .team-members.row .team-member:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 576px) {
  .team-members.row .team-member {
    width: 100%;
  }
}

.team-member {
  margin-bottom: 20px;
  float: left;
}
.team-member .member-thumb {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.team-member .member-thumb:hover .member-profile {
  bottom: 8px;
  transition: all 0.1s linear;
}
.team-member .member-thumb:hover img {
  opacity: 0.7;
  transition: all 0.1s linear;
}
.team-member .member-thumb .member-profile {
  position: absolute;
  text-align: center;
  bottom: -35px;
  left: auto;
  right: auto;
  width: 100%;
}
.team-member .member-thumb .member-profile a {
  color: #000000;
}
.team-member .member-thumb .member-profile a .fa-inverse {
  color: #ffffff;
}
.team-member .member-thumb .member-profile a:hover {
  color: #03c4eb;
}
.team-member .member-info {
  margin-top: 0px;
  position: relative;
  z-index: 30;
  text-align: center;
}
.team-member .member-name {
  letter-spacing: 2px;
  margin-bottom: 15px;
  position: relative;
}
.team-member .member-name:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -15%;
  bottom: -11px;
  width: 30%;
  height: 1px;
  background: #cccccc;
}
.team-member .member-position {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1.3px;
}

/* Section: News
------------------------------*/
.all-news {
  text-align: center;
  margin-top: 40px;
  display: block;
}

.section-news .list-article, .archive .list-article, .blog .list-article {
  border-top: 1px solid #e9e9e9;
  padding: 25px 0px;
}
.section-news .list-article:last-of-type, .archive .list-article:last-of-type, .blog .list-article:last-of-type {
  border-bottom: 1px solid #e9e9e9;
}
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
  float: left;
  margin-right: 30px;
}
.section-news .list-article-thumb a img:hover, .archive .list-article-thumb a img:hover, .blog .list-article-thumb a img:hover {
  opacity: 0.8;
}
@media screen and (max-width: 940px) {
  .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 30px;
    display: block;
  }
  .section-news .list-article-thumb img, .archive .list-article-thumb img, .blog .list-article-thumb img {
    width: 100%;
  }
}
.section-news .list-article-content, .archive .list-article-content, .blog .list-article-content {
  float: none;
  overflow: hidden;
}
.section-news .list-article-meta, .archive .list-article-meta, .blog .list-article-meta {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 10px;
}
.section-news .entry-title, .archive .entry-title, .blog .entry-title {
  font-size: 22px;
  line-height: 1.5;
}
.section-news .entry-title a:hover, .archive .entry-title a:hover, .blog .entry-title a:hover {
  text-decoration: none;
}
.section-news .entry-excerpt p, .archive .entry-excerpt p, .blog .entry-excerpt p {
  margin-bottom: 0px;
}

.archive .site-main .list-article:first-child,
.blog .site-main .list-article:first-of-type {
  border-top: none;
  padding-top: 0px;
}

.page-template-template-blog .section-news .list-article {
  padding: 30px 0px;
}
.page-template-template-blog .section-news .list-article:first-of-type {
  border-top: none;
  padding-top: 0px;
}
.page-template-template-blog .section-news .list-article:last-of-type {
  border-bottom: none;
}

.section-news.section-inverse .list-article {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.section-news.section-inverse .list-article:last-of-type {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.section-news.section-inverse h1 a, .section-news.section-inverse h2 a, .section-news.section-inverse h3 a, .section-news.section-inverse h4 a, .section-news.section-inverse h5 a {
  color: rgba(255, 255, 255, 0.8);
}
.section-news.section-inverse h1 a:hover, .section-news.section-inverse h2 a:hover, .section-news.section-inverse h3 a:hover, .section-news.section-inverse h4 a:hover, .section-news.section-inverse h5 a:hover {
  color: #FFF;
}

/* Section: Contact
------------------------------*/
.section-contact input, .section-contact textarea {
  width: 100%;
}
.section-contact .address-contact {
  margin-top: 5px;
  margin-bottom: 15px;
}
.section-contact .address-contact span {
  float: left;
  color: #aaaaaa;
}
.section-contact .address-contact .address-content {
  display: block;
  padding-left: 45px;
  font-style: italic;
  line-height: 2;
}
.section-contact .address-contact .fa-inverse {
  font-size: 12px;
}
.section-contact textarea {
  max-height: 190px;
}

.wpcf7-form {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 600;
}
.wpcf7-form br {
  margin-bottom: 5px;
}
.wpcf7-form label {
  width: 100%;
}

div.wpcf7-validation-errors {
  margin: 20px 0px;
  padding: 15px;
}

div.wpcf7-response-output {
  margin: 20px 0px;
}

/* Section: Videolightbox
------------------------------*/
.section-videolightbox {
  text-align: center;
}
.section-videolightbox .videolightbox__icon {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.section-videolightbox .videolightbox__heading {
  text-transform: uppercase;
  font-size: 38px;
  font-size: 2.375rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.section-videolightbox .videolightbox__heading strong {
  font-weight: 800;
}
.section-videolightbox .video_icon {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  border: 4px solid #fff;
  border-radius: 100px;
  height: 50px;
  line-height: 1;
  padding: 10px;
  width: 50px;
  display: inline-block;
}
.section-videolightbox .video_icon i {
  color: #fff;
  font-size: 20px;
  margin-left: 6px;
  margin-top: 1px;
  line-height: 1;
}
.section-videolightbox .video_icon:hover {
  background: #FFFFFF;
}
.section-videolightbox .video_icon:hover i {
  color: #000;
}

/* Section: Gallery
------------------------------*/
.gallery-grid .g-item {
  padding: 10px;
  float: left;
}

.all-gallery {
  text-align: center;
  margin-top: 40px;
  display: block;
}

.g-zoom-in .g-item {
  display: block;
  overflow: hidden;
}
.g-zoom-in .g-item .inner-content {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.g-zoom-in .g-item img {
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.g-zoom-in .g-item:hover img {
  -ms-transform: scale(1.5, 1.5); /* IE 9 */
  -webkit-transform: scale(1.5, 1.5); /* Safari */
  transform: scale(1.5, 1.5);
}

.g-layout-full-width.container {
  width: 100%;
  max-width: none;
  padding: 0px;
}

@media screen and (min-width: 720px) {
  .g-col-1 .g-item {
    width: 100%;
  }
  .g-col-1 .g-item:nth-child(1n+1) {
    clear: left;
  }
  .g-col-2 .g-item {
    width: 50%;
  }
  .g-col-2 .g-item:nth-child(2n+1) {
    clear: left;
  }
  .g-col-3 .g-item {
    width: 33.3333333333%;
  }
  .g-col-3 .g-item:nth-child(3n+1) {
    clear: left;
  }
  .g-col-4 .g-item {
    width: 25%;
  }
  .g-col-4 .g-item:nth-child(4n+1) {
    clear: left;
  }
  .g-col-5 .g-item {
    width: 20%;
  }
  .g-col-5 .g-item:nth-child(5n+1) {
    clear: left;
  }
  .g-col-6 .g-item {
    width: 16.6666666667%;
  }
  .g-col-6 .g-item:nth-child(6n+1) {
    clear: left;
  }
}
@media screen and (min-width: 576px) and (max-width: 720px) {
  .g-col-1 .g-item {
    width: 100%;
  }
  .g-col-1 .g-item:nth-child(1n+1) {
    clear: left;
  }
  .g-col-2 .g-item {
    width: 50%;
  }
  .g-col-2 .g-item:nth-child(2n+1) {
    clear: left;
  }
  .g-col-3 .g-item {
    width: 33.3333333333%;
  }
  .g-col-3 .g-item:nth-child(3n+1) {
    clear: left;
  }
  .g-col-4 .g-item {
    width: 25%;
  }
  .g-col-4 .g-item:nth-child(4n+1) {
    clear: left;
  }
  .g-col-5 .g-item {
    width: 20%;
  }
  .g-col-5 .g-item:nth-child(5n+1) {
    clear: left;
  }
  .g-col-6 .g-item {
    width: 16.6666666667%;
  }
  .g-col-6 .g-item:nth-child(6n+1) {
    clear: left;
  }
}
@media screen and (max-width: 576px) {
  .g-col-1 .g-item {
    width: 100%;
  }
  .g-col-1 .g-item:nth-child(1n+1) {
    clear: left;
  }
  .g-col-2 .g-item {
    width: 50%;
  }
  .g-col-2 .g-item:nth-child(2n+1) {
    clear: left;
  }
  .g-col-3 .g-item {
    width: 33.3333333333%;
  }
  .g-col-3 .g-item:nth-child(3n+1) {
    clear: left;
  }
  .g-col-4 .g-item {
    width: 25%;
  }
  .g-col-4 .g-item:nth-child(4n+1) {
    clear: left;
  }
  .g-col-5 .g-item {
    width: 20%;
  }
  .g-col-5 .g-item:nth-child(5n+1) {
    clear: left;
  }
  .g-col-6 .g-item {
    width: 16.6666666667%;
  }
  .g-col-6 .g-item:nth-child(6n+1) {
    clear: left;
  }
}
.gallery-justified {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.gallery-justified img {
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
}

.gallery-justified > a,
.gallery-justified > div {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  float: left;
}

.gallery-masonry {
  width: 100%;
  position: relative;
  display: block;
}
.gallery-masonry:after {
  clear: both;
}
.gallery-masonry .inner {
  display: block;
}

/*--------------------------------------------------------------
9.0 External Plugins
--------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* WooCommerce support */
.woocommerce-result-count {
  font-style: italic;
}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
  margin-bottom: 1.5em;
}

.woocommerce-ordering select {
  padding: 7px;
  margin-top: -10px;
}

.woocommerce ul.products li.product h3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 7px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt {
  background-color: #03c4eb;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-size: 0.8125rem;
  border-radius: 2px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover {
  background: #222222;
  color: #FFF;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.woocommerce table.shop_table {
  border-collapse: collapse;
}

.woocommerce .quantity .qty {
  padding: 5px;
}

.woocommerce span.onsale {
  padding: inherit;
}

.related.products h2, #tab-description h2 {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  padding: 9px 14px;
  font-weight: bold;
}

.woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2,
.woocommerce .woocommerce-Addresses .col-1,
.woocommerce .woocommerce-Addresses .col-2,
.woocommerce .woocommerce-customer-details .col-1,
.woocommerce .woocommerce-customer-details .col-2 {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.woocommerce .woocommerce-additional-fields h3 {
  margin-top: 20px;
}
.woocommerce .cart_totals th {
  text-align: left;
}
.woocommerce .cart_totals h2 {
  font-size: 20px;
  font-size: 1.25rem;
}
.woocommerce .wc-proceed-to-checkout {
  text-align: center;
}
.woocommerce .woocommerce-order-details__title,
.woocommerce .woocommerce-customer-details h2 {
  font-size: 20px;
  font-size: 1.25rem;
}

.woocommerce ul.products li.product .price del {
  display: inline-block;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
  float: none;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  margin: 0 auto;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #03c4eb;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #03c4eb;
  opacity: 0.8;
}

.woocommerce-MyAccount-navigation ul {
  margin: 0px;
  padding-left: 0px;
}
.woocommerce-MyAccount-navigation li {
  list-style: none;
}

/* Breadcrumbs
------------------------------*/
.breadcrumbs {
  font-size: 10px;
  padding: 15px 0px;
  border-bottom: 1px solid #e9e9e9;
  color: #858585;
}
@media screen and (min-width: 720px) {
  .breadcrumbs {
    font-size: 12px;
  }
}
.breadcrumbs i {
  margin: 0px 6px;
}
.breadcrumbs a {
  text-decoration: none;
  color: #777777;
  font-weight: 600;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs span {
  margin-right: 20px;
  position: relative;
}
@media screen and (min-width: 720px) {
  .breadcrumbs span {
    margin-right: 40px;
  }
}
.breadcrumbs span span {
  margin-right: 0;
}
.breadcrumbs a:before {
  border-bottom: 6px solid transparent;
  border-left: 6px solid rgba(0, 0, 0, 0.2);
  border-top: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  right: -11px;
  top: 2px;
}
@media screen and (min-width: 720px) {
  .breadcrumbs a:before {
    right: -23px;
    top: 3px;
  }
}
.breadcrumbs a:after {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ffffff;
  border-top: 5px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 3px;
}
@media screen and (min-width: 720px) {
  .breadcrumbs a:after {
    right: -22px;
    top: 4px;
  }
}

/* Coursel and slider */
/**
 * Owl Carousel v2.3.0
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme {
  position: relative;
}
.owl-theme .owl-nav button {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: 0px;
  padding: 4px 10px 5px;
  transform: translateY(-50%);
  border: 0px none;
}
.owl-theme .owl-nav button:focus {
  box-shadow: none;
  outline: none;
}
.owl-theme .owl-nav:hover {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.owl-theme .owl-nav .owl-prev {
  left: 15px;
}
.owl-theme .owl-nav .owl-prev .lg-icon::before {
  content: "\e094";
}
.owl-theme .owl-nav .owl-next {
  right: 15px;
}
.owl-theme .owl-nav .owl-next .lg-icon::before {
  content: "\e095";
}

.owl-theme .owl-nav {
  margin-top: 0px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.gallery-carousel.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
  border: 0px none;
  padding: 0px;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/* WP FORMS */
div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-label, div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-sublabel {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 600;
}
div.wpforms-container .wpforms-form .wpforms-field-row.wpforms-field-medium {
  max-width: 100% !important;
}
div.wpforms-container .wpforms-form .wpforms-field input[type=date],
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime],
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local],
div.wpforms-container .wpforms-form .wpforms-field input[type=email],
div.wpforms-container .wpforms-form .wpforms-field input[type=month],
div.wpforms-container .wpforms-form .wpforms-field input[type=number],
div.wpforms-container .wpforms-form .wpforms-field input[type=password],
div.wpforms-container .wpforms-form .wpforms-field input[type=range],
div.wpforms-container .wpforms-form .wpforms-field input[type=search],
div.wpforms-container .wpforms-form .wpforms-field input[type=tel],
div.wpforms-container .wpforms-form .wpforms-field input[type=text],
div.wpforms-container .wpforms-form .wpforms-field input[type=time],
div.wpforms-container .wpforms-form .wpforms-field input[type=url],
div.wpforms-container .wpforms-form .wpforms-field input[type=week],
div.wpforms-container .wpforms-form .wpforms-field select,
div.wpforms-container .wpforms-form .wpforms-field textarea {
  padding: 10px;
  max-width: 100%;
  border: 0px;
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  color: #000000;
  border-bottom: 1px solid #fff;
}
div.wpforms-container .wpforms-form .wpforms-field input[type=date]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=date]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=email]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=email]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=month]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=month]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=number]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=number]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=password]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=password]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=range]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=range]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=search]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=search]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=tel]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=tel]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=text]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=text]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=time]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=time]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=url]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=url]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=week]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=week]:focus,
div.wpforms-container .wpforms-form .wpforms-field select:hover,
div.wpforms-container .wpforms-form .wpforms-field select:focus,
div.wpforms-container .wpforms-form .wpforms-field textarea:hover,
div.wpforms-container .wpforms-form .wpforms-field textarea:focus {
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  border-color: #EBEBEB;
  border-bottom: 1px solid #fff !important;
  background: #e9e9e9;
}
div.wpforms-container .wpforms-form .wpforms-field textarea {
  min-height: 215px;
}
div.wpforms-container .wpforms-form button[type=submit] {
  width: 100%;
  text-align: center;
  display: block;
}

/* Pirate Forms */
.pirate_forms .pirate-forms-fields-container .form_field_wrap {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
.pirate_forms .pirate-forms-fields-container .form_field_wrap .form-control {
  border-radius: 0px;
}
.pirate_forms .pirate-forms-fields-container .form_field_wrap .pirate-forms-submit-button {
  display: block;
  width: 100%;
}
.pirate_forms .contact_message_wrap #pirate-forms-contact-message {
  border-radius: 0px;
  background-color: #f2f2f2;
  border: 0 none;
  min-height: 245px;
  max-height: 999px;
}

/**
* JQuery Bullly
* @see https://github.com/pixelgrade/rellax/blob/gh-pages/assets/css/bully.css
 */
[class*=c-bully],
[class*=c-bully]:before,
[class*=c-bully]:after {
  box-sizing: border-box;
}

.c-bully {
  position: fixed;
  top: 50%;
  right: 28px;
  font-size: 12px;
  transform: translate(0, -50%);
  z-index: 600;
  color: #333;
  text-transform: uppercase;
}
@media screen and (max-width: 940px) {
  .c-bully {
    right: 0px;
  }
}
.c-bully.c-bully--inversed {
  color: #fff;
}
@media screen and (max-width: 940px) {
  .c-bully.c-bully-hide-on-mobile {
    display: none;
  }
}

.onepress-menu-mobile-opening .c-bully {
  z-index: 10;
}

.c-bully__bullet {
  padding: 8px;
  opacity: 0;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 940px) {
  .c-bully__bullet {
    padding: 8px 3px;
  }
}
.c-bully__bullet:hover .c-bully__title {
  opacity: 1;
  transform: scale(1);
}
.c-bully__title {
  position: absolute;
  right: 26px;
  top: 1px;
  left: auto;
  background: rgba(0, 0, 0, 0.7);
  padding: 1px 10px;
  border-radius: 2px;
  transition: all 0.2s ease-out;
  display: block;
  opacity: 0;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.8);
  transform: scale(0.6);
}

.c-bully__bullet:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 50%;
  will-change: transform;
}
@media screen and (max-width: 940px) {
  .c-bully__bullet:after {
    width: 9px;
    height: 9px;
  }
}

.c-bully__bullet--active {
  position: absolute;
  top: 0;
  left: 0;
  transition: top 0.2s ease-out;
}

.c-bully__bullet--active:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  background: currentColor;
  border-radius: 50%;
}
@media screen and (max-width: 940px) {
  .c-bully__bullet--active:before {
    width: 9px;
    height: 9px;
  }
}

.c-bully__bullet--active:after {
  border-color: transparent;
}

.c-bully__bullet--pop {
  animation: bully-pop 0.6s cubic-bezier(0.485, 1.63, 0.43, 2) forwards, fade-in 0.2s 0.2s ease-out forwards;
}

.c-bully__bullet--squash {
  opacity: 1;
  animation: bully-squash 0.2s ease-out forwards;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bully-pop {
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bully-squash {
  50% {
    transform: scale(0.6, 1.8);
  }
  100% {
    transform: scale(1);
  }
}
.single-post .content-inner {
  margin-left: auto;
  margin-right: auto;
}

.single-post .right-sidebar .content-inner {
  margin-left: 0px;
}

.single-post .left-sidebar .content-inner {
  margin-right: 0px;
}

.entry-content ul,
.entry-content ol {
  margin: 1.5em auto;
  list-style-position: outside;
}

/*.entry-content li {*/
/*  margin-left: 2.5em;*/
/*  margin-bottom: 6px;*/
/*}*/

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
  margin: 0 auto;
}

.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
  margin-left: 0;
}

/*--------------------------------------------------------------
  # Block Color Palette Colors
  --------------------------------------------------------------*/
.has-strong-blue-color {
  color: #0073aa;
}

.has-strong-blue-background-color {
  background-color: #0073aa;
}

.has-lighter-blue-color {
  color: #229fd8;
}

.has-lighter-blue-background-color {
  background-color: #229fd8;
}

.has-very-light-gray-color {
  color: #eee;
}

.has-very-light-gray-background-color {
  background-color: #eee;
}

.has-very-dark-gray-color {
  color: #444;
}

.has-very-dark-gray-background-color {
  background-color: #444;
}
.page-id-210 .wp-block-image img{
  width: 70%;
    border: 5px solid #7e5f5f;
}
.page-id-210 .wp-block-image figcaption{
  text-align: left;
}

 /*.pmpro_level{*/
 /* min-height: unset !important;*/
      /*background: #f1e3e3 !important;*/
 /*         border-radius: 20px !important;*/
 }
 /*.plan_title {
    background: #535457 !important;
        border-radius: 15px !important;
 }*/
 .pmpro_level-price{
  text-align:center;
      color: #954343;
    font-size: 15px;
 }
 .pmpro_btn.pmpro_btn-select, .pmpro_btn.pmpro_btn-select:hover{
      padding: 12px 0 !important;
 }
.pmpro_section_content h1{
color:#eb3b16;
 }
 .site-logo-div img{
  width:auto;
  height:45px;
 }
 .pmpro_card_content{
  display:ruby !important;
}
.pmpro_card_content{
  text-align: center;
}
.pmpro_login_wrap .pmpro_card_content{
  text-align: center;
}
#loginform{
  width:50%;
}
.pmpro_card_actions{
  text-align: center;
}
.pmpro_form_fields{
  width:100%;
}

#post-168 .pmpro_card{
  border:unset !important;
  box-shadow:unset !important;
}
.login_error{
  text-align: center;
  color: red;
  margin-bottom: -50px;
}
#post-268 #pmpro_pricing_fields{
  display:none;
}


 


/*registration page*/

.page-id-268 .pmpro_level_name_text {
    display: none !important ;
}

.page-id-268 .pmpro_level_description_text{
    display: none !important ;
}

.page-id-268 .pmpro_level_cost_text{
    display: none !important ;
}

.page-id-268 #pmpro_pricing_fields .pmpro_card_content {
    display: none !important;
}

.page-id-268 .pmpro,
.page-id-13 .pmpro {
    max-width: 800px;
    margin: 10px auto;
    padding: 20px;
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #CDE8E5 0%, #7AB2B2 50%, #4D869C 100%);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

/* Abstract Particles Background */
.page-id-268 .pmpro::before,
.page-id-268 .pmpro::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

/* Multiple floating particles */
.page-id-268 .pmpro::before {
    background: 
        radial-gradient(3px 3px at 10% 20%, rgba(77, 134, 156, 0.3) 50%, transparent 100%),
        radial-gradient(4px 4px at 20% 35%, rgba(122, 178, 178, 0.4) 50%, transparent 100%),
        radial-gradient(2px 2px at 30% 50%, rgba(205, 232, 229, 0.5) 50%, transparent 100%),
        radial-gradient(5px 5px at 40% 65%, rgba(77, 134, 156, 0.3) 50%, transparent 100%),
        radial-gradient(3px 3px at 50% 80%, rgba(122, 178, 178, 0.4) 50%, transparent 100%),
        radial-gradient(4px 4px at 60% 15%, rgba(205, 232, 229, 0.5) 50%, transparent 100%),
        radial-gradient(2px 2px at 70% 30%, rgba(77, 134, 156, 0.3) 50%, transparent 100%),
        radial-gradient(5px 5px at 80% 45%, rgba(122, 178, 178, 0.4) 50%, transparent 100%),
        radial-gradient(3px 3px at 90% 60%, rgba(205, 232, 229, 0.5) 50%, transparent 100%);
    animation: particleFloat 25s linear infinite;
}

.page-id-268 .pmpro::after {
    background: 
        radial-gradient(4px 4px at 15% 25%, rgba(205, 232, 229, 0.4) 50%, transparent 100%),
        radial-gradient(2px 2px at 25% 40%, rgba(77, 134, 156, 0.3) 50%, transparent 100%),
        radial-gradient(5px 5px at 35% 55%, rgba(122, 178, 178, 0.5) 50%, transparent 100%),
        radial-gradient(3px 3px at 45% 70%, rgba(205, 232, 229, 0.3) 50%, transparent 100%),
        radial-gradient(4px 4px at 55% 85%, rgba(77, 134, 156, 0.4) 50%, transparent 100%),
        radial-gradient(2px 2px at 65% 20%, rgba(122, 178, 178, 0.5) 50%, transparent 100%),
        radial-gradient(5px 5px at 75% 35%, rgba(205, 232, 229, 0.3) 50%, transparent 100%),
        radial-gradient(3px 3px at 85% 50%, rgba(77, 134, 156, 0.4) 50%, transparent 100%),
        radial-gradient(4px 4px at 95% 65%, rgba(122, 178, 178, 0.5) 50%, transparent 100%);
    animation: particleFloatReverse 30s linear infinite;
}

@keyframes particleFloat {
    0% {
        transform: translateY(0) translateX(0);
    }
    25% {
        transform: translateY(-20px) translateX(15px);
    }
    50% {
        transform: translateY(-40px) translateX(0);
    }
    75% {
        transform: translateY(-20px) translateX(-15px);
    }
    100% {
        transform: translateY(0) translateX(0);
    }
}

@keyframes particleFloatReverse {
    0% {
        transform: translateY(0) translateX(0);
    }
    25% {
        transform: translateY(15px) translateX(-20px);
    }
    50% {
        transform: translateY(30px) translateX(0);
    }
    75% {
        transform: translateY(15px) translateX(20px);
    }
    100% {
        transform: translateY(0) translateX(0);
    }
}

.page-id-268 .pmpro_card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 20px;
    box-shadow: 
        0 20px 60px rgba(77, 134, 156, 0.2),
        0 8px 30px rgba(122, 178, 178, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid rgba(205, 232, 229, 0.3);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1;
}

.page-id-268 .pmpro_card:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 
        0 30px 80px rgba(77, 134, 156, 0.3),
        0 15px 40px rgba(122, 178, 178, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    border-color: rgba(205, 232, 229, 0.5);
}

.page-id-268 .pmpro_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(2px 2px at 20% 30%, rgba(205, 232, 229, 0.2) 50%, transparent 100%),
        radial-gradient(3px 3px at 60% 70%, rgba(122, 178, 178, 0.2) 50%, transparent 100%),
        radial-gradient(4px 4px at 80% 20%, rgba(77, 134, 156, 0.15) 50%, transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: -1;
    animation: cardParticles 20s linear infinite;
}

.page-id-268 .pmpro_card:hover::before {
    opacity: 1;
}

@keyframes cardParticles {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(180deg);
    }
}

.page-id-268 .pmpro_card_title {
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 50%, #CDE8E5 100%);
    color: #EEF7FF;
    padding: 25px 30px;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.page-id-268 .pmpro_card_title::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        transparent,
        rgba(238, 247, 255, 0.3),
        transparent
    );
    transform: rotate(30deg);
    pointer-events: none;
    animation: titleShine 3s ease-in-out infinite;
}

@keyframes titleShine {
    0%, 100% {
        transform: rotate(30deg) translateX(-100%);
    }
    50% {
        transform: rotate(30deg) translateX(100%);
    }
}

.page-id-268 .pmpro_card_content {
    padding: 40px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e6f3ff 50%, #f0f9ff 100%);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(205, 232, 229, 0.2);
}

.page-id-268 .pmpro_card_content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(3px 3px at 10% 10%, rgba(205, 232, 229, 0.1) 50%, transparent 100%),
        radial-gradient(2px 2px at 90% 90%, rgba(122, 178, 178, 0.1) 50%, transparent 100%),
        radial-gradient(4px 4px at 50% 50%, rgba(77, 134, 156, 0.08) 50%, transparent 100%);
    animation: contentParticles 15s ease-in-out infinite;
    pointer-events: none;
}

@keyframes contentParticles {
    0%, 100% {
        transform: scale(1);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
}

/* Enhanced Form Container */
.page-id-268 .pmpro_form {
    background: rgba(255, 255, 255, 0.8);
    padding: 35px;
    border-radius: 16px;
    border: 2px solid rgba(205, 232, 229, 0.2);
    box-shadow: 
        inset 0 2px 10px rgba(205, 232, 229, 0.1),
        0 8px 25px rgba(77, 134, 156, 0.1);
    position: relative;
    overflow: hidden;
}

.page-id-268 .pmpro_form::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #CDE8E5, #7AB2B2, #4D869C, #4D869C);
    background-size: 200% 100%;
    animation: gradientFlow 3s ease-in-out infinite;
}

@keyframes gradientFlow {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

.page-id-268 .pmpro_level_name_text {
    font-size: 1.4rem;
    color: #4D869C;
    margin-bottom: 25px;
    padding-bottom: 18px;
    border-bottom: 2px solid rgba(205, 232, 229, 0.3);
    text-align: center;
    font-weight: 600;
}

.page-id-268 .pmpro_level_description_text ul {
    list-style: none;
    margin: 25px 0;
    padding: 0;
}

.page-id-268 .pmpro_level_description_text li {
    padding: 14px 20px;
    margin: 12px 0;
    background: linear-gradient(135deg, rgba(205, 232, 229, 0.1) 0%, rgba(122, 178, 178, 0.08) 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    border-left: 4px solid #7AB2B2;
    box-shadow: 0 4px 12px rgba(122, 178, 178, 0.1);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(205, 232, 229, 0.2);
}

.page-id-268 .pmpro_level_description_text li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.5s ease;
}

.page-id-268 .pmpro_level_description_text li:hover::before {
    left: 100%;
}

.page-id-268 .pmpro_level_description_text li:hover {
    background: linear-gradient(135deg, rgba(205, 232, 229, 0.2) 0%, rgba(122, 178, 178, 0.15) 100%);
    transform: translateX(8px);
    box-shadow: 0 6px 20px rgba(122, 178, 178, 0.2);
    border-left-color: #4D869C;
}

.page-id-268 .pmpro_level_description_text li::after {
    content: '✓';
    color: #4D869C;
    font-weight: bold;
    margin-right: 15px;
    font-size: 1.2rem;
}

.page-id-268 .pmpro_level_cost_text {
    font-size: 1.3rem;
    color: #4D869C;
    text-align: center;
    padding: 18px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e6f3ff 100%);
    border-radius: 12px;
    margin-top: 25px;
    font-weight: 700;
    border: 2px solid rgba(205, 232, 229, 0.3);
    box-shadow: 
        inset 0 0 20px rgba(205, 232, 229, 0.1),
        0 4px 15px rgba(77, 134, 156, 0.1);
    position: relative;
    overflow: hidden;
}

.page-id-268 .pmpro_level_cost_text::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #CDE8E5, #7AB2B2, #4D869C);
    animation: shimmer 2s ease-in-out infinite;
}

@keyframes shimmer {
    0%, 100% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
}

.page-id-268 .pmpro_form_heading {
    color: #4D869C;
    font-size: 1.6rem;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 3px solid rgba(205, 232, 229, 0.3);
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
}

.page-id-268 .pmpro_form_heading::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, #CDE8E5, #7AB2B2);
    border-radius: 2px;
}

.page-id-268 .pmpro_form_label {
    display: block;
    margin-bottom: 12px;
    color: #4D869C;
    font-weight: 600;
    font-size: 1.05rem;
    text-align: left;
    padding-left: 8px;
    border-left: 3px solid #7AB2B2;
}

.page-id-268 .pmpro_form_input {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid rgba(205, 232, 229, 0.4);
    border-radius: 12px;
    font-size: 1rem;
    transition: all 0.3s ease;
    margin-bottom: 8px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 
        inset 0 2px 8px rgba(0, 0, 0, 0.05),
        0 2px 4px rgba(205, 232, 229, 0.1);
    color: #4D869C;
    font-weight: 500;
}

.page-id-268 .pmpro_form_input:focus {
    border-color: #4D869C;
    box-shadow: 
        0 0 0 4px rgba(77, 134, 156, 0.2),
        inset 0 2px 8px rgba(0, 0, 0, 0.05);
    outline: none;
    background: rgba(255, 255, 255, 0.95);
    transform: translateY(-2px);
}

.page-id-268 .pmpro_form_input:hover {
    border-color: #7AB2B2;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 
        inset 0 2px 8px rgba(0, 0, 0, 0.05),
        0 4px 8px rgba(122, 178, 178, 0.15);
}

.page-id-268 .pmpro_form_submit {
    text-align: center;
    
    position: relative;
    padding: 20px;
    background: linear-gradient(135deg, rgba(205, 232, 229, 0.1) 0%, rgba(122, 178, 178, 0.05) 100%);
    border-radius: 16px;
    border: 2px solid rgba(205, 232, 229, 0.2);
}

.page-id-268 .pmpro_form_submit {
    margin-top: -30px !important;
}

.page-id-268 .pmpro_form_submit::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: 
        radial-gradient(2px 2px at 30% 40%, rgba(205, 232, 229, 0.2) 50%, transparent 100%),
        radial-gradient(3px 3px at 70% 60%, rgba(122, 178, 178, 0.2) 50%, transparent 100%);
    animation: submitParticles 10s ease-in-out infinite;
    pointer-events: none;
}

@keyframes submitParticles {
    0%, 100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg);
    }
}

/* Enhanced Submit Button */
.page-id-268 .pmpro_btn-submit-checkout {
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 50%, #CDE8E5 100%);
    color: #EEF7FF;
    border: none;
    padding: 20px 50px;
    font-size: 1.3rem;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 8px 30px rgba(77, 134, 156, 0.4),
        0 4px 15px rgba(122, 178, 178, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 1;
    min-width: 250px;
}

.page-id-268 .pmpro_btn-submit-checkout::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(238, 247, 255, 0.4),
        transparent
    );
    transition: left 0.6s ease;
    z-index: -1;
}

.page-id-268 .pmpro_btn-submit-checkout:hover::before {
    left: 100%;
}

.page-id-268 .pmpro_btn-submit-checkout:hover {
    background: linear-gradient(135deg, #7AB2B2 0%, #CDE8E5 50%, #4D869C 100%);
    transform: translateY(-5px) scale(1.05);
    box-shadow: 
        0 15px 40px rgba(77, 134, 156, 0.6),
        0 8px 25px rgba(122, 178, 178, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    color: #002c53;
}

.page-id-268 .pmpro_btn-submit-checkout:active {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 
        0 5px 20px rgba(77, 134, 156, 0.4),
        0 2px 10px rgba(122, 178, 178, 0.3);
}

.page-id-268 .pmpro_card_actions {
    text-align: center;
    padding: 25px;
    background: linear-gradient(135deg, rgba(205, 232, 229, 0.1) 0%, rgba(122, 178, 178, 0.05) 100%);
    border-top: 2px solid rgba(205, 232, 229, 0.2);
    position: relative;
}

.page-id-268 .pmpro_card_actions::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(2px 2px at 20% 50%, rgba(205, 232, 229, 0.1) 50%, transparent 100%),
        radial-gradient(3px 3px at 80% 30%, rgba(122, 178, 178, 0.1) 50%, transparent 100%);
    animation: actionParticles 8s ease-in-out infinite;
    pointer-events: none;
}

@keyframes actionParticles {
    0%, 100% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .page-id-268 .pmpro {
        margin-top: 20px;
    }
}

.page-id-268 .pmpro_card_actions a {
    color: #4D869C;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    padding: 12px 20px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.page-id-268 .pmpro_card_actions a:hover {
    color: #7AB2B2;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(122, 178, 178, 0.2);
    border-color: #7AB2B2;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-id-268 .pmpro_card_content {
        padding: 25px 20px;
    }
    
    .page-id-268 .pmpro_form {
        padding: 25px 20px;
    }
    
    .page-id-268 .pmpro_btn-submit-checkout {
        padding: 18px 35px;
        font-size: 1.2rem;
        min-width: 200px;
    }
}

@media (max-width: 480px) {
    .page-id-268 .pmpro_card_content {
        padding: 20px 15px;
    }
    
    .page-id-268 .pmpro_form {
        padding: 20px 15px;
    }
    
    .page-id-268 .pmpro_btn-submit-checkout {
        padding: 16px 30px;
        font-size: 1.1rem;
        min-width: 180px;
    }
}

.page-id-268 section#pmpro_level-1 {
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .page-id-268 .pmpro {
        .pmpro_cols-2, .pmpro_cols-3 {
            gap: 5px !important;
        }
    }
}

.page-id-268  .site-content {
    border-top: 1px solid #e9e9e9;
    margin-top: -8px;
}

/*registration page css ends*/



/*Membership-plan-css-start*/

.page-id-255 div#content-inside {
    width: 100%;
}

/* Main Container */
.page-id-255 .pmpro {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Section Styling */
.page-id-255 .pmpro_section {
    background: linear-gradient(to bottom, #EEF7FF 0%, #ffffff 100%);
}

/* Heading */
.page-id-255 h1 {
    font-size: 42px;
    font-weight: 800;
    color: #4D869C;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
}

.page-id-255 h1:after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #4D869C, #7AB2B2);
    margin: 15px auto 0;
    border-radius: 2px;
}

/* Level Group Container */
.page-id-255 .pmpro_level_group {
      display: flex;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
    border: 1px dashed #4D869C;
    margin-left: 0;
    margin-right: auto;
}

/* Individual Plan Cards */
.page-id-255 .pmpro_level {
     flex: 0 1 calc(33.333% - 20px);
    min-width: 300px;
    max-width: calc(33.333% - 20px);
    background: linear-gradient(to bottom, #4D869C 0%, #7AB2B2 100%);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(77, 134, 156, 0.05);
    padding: 15px 30px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #CDE8E5;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-left: 0;
}

.page-id-255 .pmpro_level:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(77, 134, 156, 0.1);
}

/* Current Plan Highlight */
.page-id-255 .pmpro_level-current {
    border: 2px solid #4D869C;
    position: relative;
}

.page-id-255 .pmpro_level-current::before {
    content: "Current Plan";
    position: absolute;
    top: 23px;
    right: -42px;
    background: #EEF7FF;
    color: #4D869C;
    padding: 5px 40px;
    font-size: 12px;
    transform: rotate(45deg);
    font-weight: bold;
    z-index: 1;
}

/* Plan Title */
.page-id-255 .plan_title {
    font-size: 22px;
    font-weight: 700;
    color: #4D869C;
    padding: 12px 0;
    background: linear-gradient(95deg, #CDE8E5 0%, #EEF7FF 100%);
    box-shadow: 0 0 20px rgba(77, 134, 156, 0.6), 0 0 40px rgba(122, 178, 178, 0.4);
    border-radius: 8px;
    position: relative;
    margin-top: 10px;
    text-align: center;
}

/* Current Plan Title */
.page-id-255 .pmpro_level-current .plan_title {
    background: linear-gradient(95deg, #CDE8E5 0%, #EEF7FF 100%);
    box-shadow: 0 0 20px rgba(77, 134, 156, 0.6), 0 0 40px rgba(122, 178, 178, 0.4);
    color: #4D869C;
}

/* Plan Price */
.page-id-255 .plan_price {
    font-size: 36px;
    font-weight: 800;
    color: #EEF7FF;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #CDE8E5;
}

.page-id-255 .plan_price strong {
    font-weight: 800;
    font-size: 21px;
    color: #EEF7FF;
}

/* Free Plan Special Styling */
.page-id-255 #pmpro_level-1 .plan_price {
    color: #EEF7FF;
}

/* Starter Plan Special Styling */
.page-id-255 #pmpro_level-2 .plan_price {
    color: #EEF7FF;
}

/* Pro Plan Special Styling */
.page-id-255 #pmpro_level-3 .plan_price {
    color: #EEF7FF;
}

/* Agency Plan Special Styling */
.page-id-255 #pmpro_level-4 .plan_price {
    color: #EEF7FF;
}

/* Plan Features List */
.page-id-255 .plan_description ul {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-grow: 1;
}

.page-id-255 .plan_description li {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 5px 0;
    display: flex;
    align-items: center;
    color: #EEF7FF;
    font-size: 15px;
    line-height: 1.4;
}

.page-id-255 .plan_description li:last-child {
    border-bottom: none;
}

.plan_description {
    margin-bottom: 20px !important;
}

/* Feature Icons */
.page-id-255 .plan_description li span[style*="color: green"] {
    margin-right: 12px;
    font-size: 18px;
    color: #CDE8E5 !important;
}

.page-id-255 .plan_description li span[style*="color: red"] {
    margin-right: 12px;
    font-size: 18px;
    opacity: 0.7;
    color: #f44336 !important;
}

/* Buttons Container */
.page-id-255 .pmpro_level > div:last-child {
    margin-top: auto;
}

/* Base Button Styles */
.page-id-255 .pmpro_btn {
    display: inline-block;
    padding: 16px 24px;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 16px;
    width: 100%;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Select Button */
.page-id-255 .pmpro_btn-select {
    background: linear-gradient(90deg, #4D869C 0%, #7AB2B2 100%);
    color: #EEF7FF;
    box-shadow: 0 4px 15px rgba(77, 134, 156, 0.3);
}

.page-id-255 .pmpro_btn-select:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(77, 134, 156, 0.4);
}

/* Free Plan Button */
.page-id-255 .pmpro_btn.pmpro_btn-select {
    background: linear-gradient(to right, #CDE8E5, #EEF7FF);
    color: #4D869C;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 12px rgba(77, 134, 156, 0.3);
}

.page-id-255 .pmpro_btn.pmpro_btn-select:hover{
    background: linear-gradient(to right, #CDE8E5, #EEF7FF);
    color: #4D869C;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 12px rgba(77, 134, 156, 0.3);
}

.page-id-255 p.pmpro_level-price {
    color: #EEF7FF;
}

/* Current Plan Button */
.page-id-255 .pmpro_btn-outline {
    background: #EEF7FF;
    color: #4D869C;
    border: 2px solid #4D869C;
    box-shadow: none;
}

.page-id-255 .pmpro_btn-outline:hover {
    background: #CDE8E5;
    transform: translateY(-2px);
}

/* Button Hover Effects */
.page-id-255 .pmpro_btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1));
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s;
}

.page-id-255 .pmpro_level-price {
    margin-top: 0px !important;
}

.page-id-255 .pmpro_btn:hover:after {
    opacity: 1;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .page-id-255 .pmpro_level {
        min-width: 280px;
    }
}

@media (max-width: 992px) {
    .page-id-255 .pmpro_level_group {
        gap: 20px;
    }
    
    .page-id-255 .pmpro_level {
        min-width: 250px;
    }
}

@media (max-width: 768px) {
    .page-id-255 h1 {
        font-size: 32px;
    }
    
    .page-id-255 .pmpro_level {
        max-width: 100%;
        min-width: 100%;
        margin:15px auto;
    }
    
    .page-id-255 .pmpro_level-current::before {
        right: -30px;
        padding: 5px 30px;
    }
}

.page-id-255 .pmpro_card_content {
    height: auto;
    margin: 0 auto;
    margin-left: 0;
    margin-right: 0;
    padding: 12px;
}

@media (max-width: 1440px) {
    .page-id-255 .pmpro_card_content {
        /*height: auto;*/
    }
}

@media (max-width: 768px) {
    .page-id-255 .pmpro_card_content {
        height: auto;
    }
}

@media (max-width: 1366px) {
    .page-id-255 .pmpro_card_content {
        height: auto;
    }
}

@media (max-width: 1536px) {
    .page-id-255 .pmpro_card_content {
        /*height: auto;*/
    }
}

.page-id-255 #primary {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*Membership-plan-css-ends*/



/*Nav bar css starts*/
	
.onepress-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    ffont-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    gap: 1px;
    width:76%;
    margin-top:19px;
    background: #d5f4f0;
    padding: 0px 15px;
    border-radius: 10px;
    border: 1px solid #0a305630;
}

.onepress-menu li {
    position: relative;
}

.onepress-menu li a {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    color: #334155;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 8px;
    background: transparent;
    position: relative;
    overflow: hidden;
    
        line-height: 3.5;
    padding: 0px 15px;
}

.onepress-menu li a:hover {
    color: #4f46e5;
        background: rgb(229 255 252);
}

.onepress-menu li.current-menu-item a,
.onepress-menu li.current_page_item a {
    color: #4f46e5;
    background: rgba(79, 70, 229, 0.1);
    padding: 0px 15px !important;
    line-height: 3.5 !important;
    border: 1px solid #4f46e5;

}

/* Icons using pseudo-elements */
.onepress-menu li a::before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0.8);
    transition: filter 0.3s ease;
}

.onepress-menu li a:hover::before {
    filter: brightness(1);
}

.onepress-menu li.menu-item-102 a::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6' /%3E%3C/svg%3E");
}

.onepress-menu li.menu-item-278 a::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7' /%3E%3C/svg%3E");
}

.onepress-menu li.menu-item-212 a::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z' /%3E%3C/svg%3E");
}

.onepress-menu li.menu-item-628 a::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 18h.01M12 14a4 4 0 100-8 4 4 0 00-4 4h2a2 2 0 114 2c0 1.1-.9 2-2 2zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z'/%3E%3C/svg%3E");
}


.onepress-menu li.menu-item-379 a::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z' /%3E%3C/svg%3E");
}

.onepress-menu li.menu-item-191 a::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z' /%3E%3C/svg%3E");
}

.onepress-menu li.menu-item-438 a::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z' /%3E%3C/svg%3E");
}

.onepress-menu li.menu-item-107 a::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1' /%3E%3C/svg%3E");
}


.onepress-menu li.menu-item-413 a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z'/%3E%3C/svg%3E");
   
}

.onepress-menu li.menu-item-192 a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1'/%3E%3C/svg%3E");
}


.onepress-menu li.current-menu-item a::after,
.onepress-menu li.current_page_item a::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background-color: #4f46e5;
    border-radius: 50%;
}


@media (max-width: 1024px) {
    .onepress-menu {
        flex-direction: column;
        position: fixed;
        top: 0;
        right: -100%;
        width: 280px;
        height: 100vh;
        background: white;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        transition: right 0.3s ease;
        padding-top: 4rem;
        overflow-y: auto;
        gap: 0;
    }
    
    .onepress-menu.active {
        right: 0;
    }
    
    .onepress-menu li {
        width: 100%;
    }
    
    .onepress-menu li a {
        padding: 1rem 1.5rem;
        border-radius: 0;
        border-bottom: 1px solid #f3f4f6;
    }
    
   
    .menu-toggle {
        display: none;
    }
    
    .menu-toggle-label {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 24px;
        cursor: pointer;
        z-index: 1001;
        position: fixed;
        top: 20px;
        right: 20px;
    }
    
    .menu-toggle-label span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #4f46e5;
        transition: all 0.3s ease;
        border-radius: 3px;
    }
    
    .menu-toggle:checked ~ .onepress-menu {
        right: 0;
    }
    
    .menu-toggle:checked ~ .menu-toggle-label span:nth-child(1) {
        transform: translateY(10px) rotate(45deg);
    }
    
    .menu-toggle:checked ~ .menu-toggle-label span:nth-child(2) {
        opacity: 0;
    }
    
    .menu-toggle:checked ~ .menu-toggle-label span:nth-child(3) {
        transform: translateY(-10px) rotate(-45deg);
    }
    
    
    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }
    
    .menu-toggle:checked ~ .menu-overlay {
        opacity: 1;
        visibility: visible;
    }
}


@media (min-width: 1025px) {
    .onepress-menu li a::after {
        content: '';
        position: absolute;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background-color: #4f46e5;
        transition: width 0.3s ease;
    }
    
    .onepress-menu li a:hover::after {
        width: 60%;
    }
    
    .onepress-menu li.current-menu-item a::after,
    .onepress-menu li.current_page_item a::after {
        width: 60%;
        height: 2px;
        background-color: #4f46e5;
    }
}
/*Nav bar Css ends*/


/*Membership account Page*/

.page-id-159 .content-area {
    font-family: 'Inter', 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif;
    line-height: 1.65;
    color: #4D869C;
    background: linear-gradient(135deg, #EEF7FF 0%, #CDE8E5 50%, #7AB2B2 100%);
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 32px;
    
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}

/* Animated background pattern */
.page-id-159 .content-area:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(77, 134, 156, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(122, 178, 178, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 40% 60%, rgba(77, 134, 156, 0.04) 0%, transparent 50%);
    z-index: -1;
    animation: backgroundFloat 20s ease-in-out infinite;
}

@keyframes backgroundFloat {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(2deg); }
}

.page-id-159 .pmpro_section_title {
    color: #4D869C;
    font-weight: 800;
    font-size: 2.75rem;
    margin-bottom: 48px;
    position: relative;
    padding-bottom: 20px;
    text-align: left;
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.02em;
}

.page-id-159 .pmpro_section_title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 5px;
    background: linear-gradient(90deg, #4D869C 0%, #7AB2B2 50%, #4D869C 100%);
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(77, 134, 156, 0.4);
    animation: titleUnderline 2s ease-out;
}

@keyframes titleUnderline {
    0% { width: 0; opacity: 0; }
    100% { width: 120px; opacity: 1; }
}

.page-id-159 .pmpro_card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        0 4px 16px rgba(77, 134, 156, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    margin-bottom: 40px;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    border: 1px solid rgba(77, 134, 156, 0.3);
    position: relative;
    transform: translateY(0);
    color: #4D869C;
}

.page-id-159 .pmpro_card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #4D869C 0%, #7AB2B2 50%, #4D869C 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.page-id-159 .pmpro_card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.15),
        0 8px 32px rgba(77, 134, 156, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    border-color: rgba(77, 134, 156, 0.5);
}

.page-id-159 .pmpro_card:hover:before {
    opacity: 1;
}

.page-id-159 .pmpro_card_title {
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 100%);
    color: #EEF7FF;
    padding: 32px 36px;
    margin: 0;
    font-weight: 700;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    letter-spacing: -0.01em;
    border-bottom: 2px solid rgba(77, 134, 156, 0.3);
}

.page-id-159 .pmpro_card_title:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
    transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.page-id-159 .pmpro_card:hover .pmpro_card_title:before {
    left: 100%;
}

.page-id-159 .pmpro_heading-with-avatar img {
    margin-right: 24px;
    border-radius: 50%;
    border: 4px solid rgba(77, 134, 156, 0.4);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.page-id-159 .pmpro_heading-with-avatar:hover img {
    transform: scale(1.08) rotate(5deg);
    border-color: rgba(77, 134, 156, 0.7);
    box-shadow: 0 12px 32px rgba(77, 134, 156, 0.3);
}

.page-id-159 .pmpro_card_content {
    padding: 36px;
    position: relative;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(238, 247, 255, 0.8) 100%);
    text-align:left;
}

.page-id-159 .pmpro_list-plain {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-id-159 .pmpro_list_item {
    padding: 22px 0;
    display: flex;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    border-radius: 12px;
    margin: 0 -12px;
    padding-left: 12px;
    padding-right: 12px;
}

.page-id-159 .pmpro_list_item:last-child {
    border-bottom: none;
}

.page-id-159 .pmpro_list_item strong {
    min-width: 160px;
    color: #6b7280;
    font-weight: 700;
    position: relative;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.page-id-159 .pmpro_list-with-labels .pmpro_list_item {
    display: block;
    padding: 15px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(238, 247, 255, 0.8) 100%);
    
    margin-bottom: 20px;
    border: 1px solid rgba(77, 134, 156, 0.3);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    width:100%;
}

.page-id-159 .pmpro_list-with-labels .pmpro_list_item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(180deg, #4D869C 0%, #7AB2B2 100%);
    transform: scaleY(0);
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: bottom;
}

.page-id-159 .pmpro_list-with-labels .pmpro_list_item:hover {
    background: linear-gradient(135deg, rgba(77, 134, 156, 0.1) 0%, rgba(122, 178, 178, 0.08) 100%);
    border-color: rgba(77, 134, 156, 0.5);
    transform: translateX(8px) translateY(-2px);
    box-shadow: 0 12px 32px rgba(77, 134, 156, 0.15);
}

.page-id-159 .pmpro_list-with-labels .pmpro_list_item:hover:before {
    transform: scaleY(1);
}

.page-id-159 .pmpro_list_item_label {
    display: block;
    font-size: 0.8em;
    color: #4D869C;
    margin-bottom: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    position: relative;
}

.page-id-159 .pmpro_list_item_value {
    font-weight: 700;
    color: #4D869C;
    font-size: 1.15rem;
    transition: color 0.3s ease;
}

.page-id-159 .pmpro_list-with-labels .pmpro_list_item:hover .pmpro_list_item_value {
    color: #7AB2B2;
}

.page-id-159 .pmpro_cols-3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 32px;
}

.page-id-159 .pmpro_card_actions {
    padding: 24px 36px;
    background: linear-gradient(135deg, rgba(238, 247, 255, 0.9) 0%, rgba(205, 232, 229, 0.9) 100%);
    border-top: 1px solid rgba(77, 134, 156, 0.3);
    position: relative;
    backdrop-filter: blur(10px);
}

.page-id-159 .pmpro_card_actions:before {
    content: '';
    position: absolute;
    top: 0;
    left: 20%;
    right: 20%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(77, 134, 156, 0.5), transparent);
}

.page-id-159 .pmpro_card_action a {
    color: #EEF7FF;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    padding: 5px 24px;
    border-radius: 12px;
    margin-right: 12px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 100%);
    color: #EEF7FF;
    border: 2px solid transparent;
    box-shadow: 0 4px 16px rgba(77, 134, 156, 0.3);
    font-size: 0.95rem;
    letter-spacing: 0.3px;
}

.page-id-159 .pmpro_card_action a:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.page-id-159 .pmpro_card_action a:hover {
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 100%);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 12px 32px rgba(77, 134, 156, 0.4);
    border-color: rgba(255, 255, 255, 0.2);
}

.page-id-159 .pmpro_card_action a:hover:before {
    left: 100%;
}

.page-id-159 .pmpro_card_action_separator {
    color: #6b7280;
    margin: 0 16px;
    font-weight: 300;
    font-size: 1.2rem;
}

.page-id-159 .pmpro_table {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(77, 134, 156, 0.3);
}

.page-id-159 .pmpro_table th,
.page-id-159 .pmpro_table td {
    padding: 20px 24px;
    text-align: left;
    border-bottom: 1px solid rgba(77, 134, 156, 0.2);
    transition: all 0.3s ease;
}

.page-id-159 .pmpro_table th {
    color: #EEF7FF;
    font-weight: 700;
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 100%);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

.page-id-159 .pmpro_table tbody tr {
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    color: #4D869C;
}

.page-id-159 .pmpro_table tbody tr:hover {
    background: linear-gradient(135deg, rgba(77, 134, 156, 0.1) 0%, rgba(122, 178, 178, 0.08) 100%);
    transform: scale(1.02);
    box-shadow: 0 8px 24px rgba(77, 134, 156, 0.15);
}

.page-id-159 .pmpro_table a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    font-weight: 600;
    position: relative;
    padding: 8px 16px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(77, 134, 156, 0.1) 0%, rgba(122, 178, 178, 0.1) 100%);
}

.page-id-159 .pmpro_card_actions{
    text-align:left;
}

.page-id-159 .pmpro_table a:before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #4D869C 0%, #7AB2B2 100%);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transform: translateX(-50%);
}

.page-id-159 .pmpro_table a:hover {
    color: #fff;
    background: linear-gradient(135deg, rgba(77, 134, 156, 0.2) 0%, rgba(122, 178, 178, 0.2) 100%);
    transform: translateY(-2px);
}

.page-id-159 #primary {
   
    margin: 50px auto;
        border-radius: 10px;
}

.page-id-159 .pmpro_table a:hover:before {
    width: calc(100% - 32px);
}

.page-id-159 .pmpro_tag {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 0.85em;
    font-weight: 700;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.page-id-159 .pmpro_tag:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.page-id-159 .pmpro_tag:hover:before {
    left: 100%;
}

.page-id-159 .pmpro_tag-success {
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 100%);
    color: #EEF7FF;
    border: 2px solid rgba(77, 134, 156, 0.3);
    box-shadow: 0 4px 16px rgba(77, 134, 156, 0.3);
}

.page-id-159 .pmpro_tag-success:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 24px rgba(77, 134, 156, 0.4);
}

.page-id-159 .pmpro_tag-warning {
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 100%);
    color: #EEF7FF;
    border: 2px solid rgba(77, 134, 156, 0.3);
    box-shadow: 0 4px 16px rgba(77, 134, 156, 0.3);
}

.page-id-159 .pmpro_tag-error {
    background: linear-gradient(135deg, #f44336 0%, #ef5350 100%);
    color: white;
    border: 2px solid rgba(244, 67, 54, 0.3);
    box-shadow: 0 4px 16px rgba(244, 67, 54, 0.3);
}

/* Enhanced action button effects */
.page-id-159 .pmpro_card_actions a:after {
    content: '→';
    margin-left: 12px;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    display: inline-block;
    font-size: 1.1em;
}

.page-id-159 .pmpro_card_actions a:hover:after {
    transform: translateX(6px) scale(1.2);
}

/* Floating animation for cards */
@keyframes cardFloat {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
}

.page-id-159 .pmpro_card:nth-child(odd) {
    animation: cardFloat 6s ease-in-out infinite;
}

.page-id-159 .pmpro_card:nth-child(even) {
    animation: cardFloat 6s ease-in-out infinite reverse;
}

/* Pulse effect for important elements */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

.page-id-159 .pmpro_tag-success {
    animation: pulse 3s ease-in-out infinite;
}

/* Enhanced focus states */
.page-id-159 a:focus,
.page-id-159 button:focus {
    outline: 3px solid rgba(77, 134, 156, 0.5);
    outline-offset: 3px;
    border-radius: 8px;
    box-shadow: 0 0 0 6px rgba(77, 134, 156, 0.15);
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-id-159 .content-area {
        padding: 24px 20px;
    }

    .page-id-159 .pmpro_section_title {
        font-size: 2.2rem;
        margin-bottom: 32px;
    }

    .page-id-159 .pmpro_card {
        margin-bottom: 28px;
        border-radius: 20px;
    }

    .page-id-159 .pmpro_card_title {
        padding: 24px 28px;
        font-size: 1.2rem;
    }

    .page-id-159 .pmpro_card_content {
        padding: 28px 24px;
    }

    .page-id-159 .pmpro_list-with-labels .pmpro_list_item {
        padding: 24px 20px;
        border-radius: 16px;
    }

    .page-id-159 .pmpro_table thead {
        display: none;
    }

    .page-id-159 .pmpro_table,
    .page-id-159 .pmpro_table tbody,
    .page-id-159 .pmpro_table tr,
    .page-id-159 .pmpro_table td {
        display: block;
    }

    .page-id-159 .pmpro_table tr {
        margin-bottom: 24px;
        border: 1px solid rgba(77, 134, 156, 0.3);
        border-radius: 16px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
        padding: 8px;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
    }

    .page-id-159 .pmpro_table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px 24px;
        border-bottom: 1px solid rgba(77, 134, 156, 0.2);
        position: relative;
    }

    .page-id-159 .pmpro_table td:last-child {
        border-bottom: none;
    }

    .page-id-159 .pmpro_table td:before {
        content: attr(data-title);
        font-weight: 700;
        color: #4D869C;
        margin-right: 24px;
        flex-shrink: 0;
        min-width: 140px;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .page-id-159 .pmpro_cols-3 {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .page-id-159 .pmpro_card_actions {
        padding: 20px 24px;
    }

    .page-id-159 .pmpro_card_actions a {
        display: block;
        text-align: center;
        margin-bottom: 12px;
        margin-right: 0;
    }

    .page-id-159 .pmpro_card_action_separator {
        display: none;
    }
}

/* Print styles */
@media print {
    .page-id-159 .pmpro_card_actions {
        display: none;
    }
    
    .page-id-159 .pmpro_card {
        box-shadow: none;
        border: 2px solid #4D869C;
        page-break-inside: avoid;
        background: white !important;
        color: #4D869C !important;
    }

    .page-id-159 .content-area:before {
        display: none;
    }
}

/* Loading states */
@keyframes shimmer {
    0% { background-position: -200px 0; }
    100% { background-position: calc(200px + 100%) 0; }
}

.page-id-159 .loading-shimmer {
    background: linear-gradient(90deg, #4D869C 25%, #7AB2B2 50%, #4D869C 75%);
    background-size: 200px 100%;
    animation: shimmer 2s infinite;
}

/* Accessibility improvements */
.page-id-159 .pmpro_card_title {
    scroll-margin-top: 2rem;
}

.page-id-159 .pmpro_list_item:focus-within {
    outline: 2px solid #4D869C;
    outline-offset: 2px;
    border-radius: 12px;
}

/* Performance optimizations */
.page-id-159 .pmpro_card,
.page-id-159 .pmpro_list_item,
.page-id-159 .pmpro_card_action a {
    will-change: transform;
}

/* Scroll animations */
@keyframes slideInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-id-159 .pmpro_card {
    animation: slideInFromBottom 0.8s ease-out;
}

.page-id-159 .pmpro_card:nth-child(2) { animation-delay: 0.1s; }
.page-id-159 .pmpro_card:nth-child(3) { animation-delay: 0.2s; }
.page-id-159 .pmpro_card:nth-child(4) { animation-delay: 0.3s; }

/*Membership account page ends*/

/*Login-page-css start*/
/* Base styles (mobile-first) */
.page-id-168 .pmpro_card_content {
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 100%);
    border-radius: 16px;
    padding: 2rem;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 8px 32px rgba(77, 134, 156, 0.3);
    border: 1px solid #CDE8E5;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

/* Animated abstract circle shapes */
.page-id-168 .pmpro_card_content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(205, 232, 229, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 30%, rgba(238, 247, 255, 0.1) 0%, transparent 45%),
        radial-gradient(circle at 40% 70%, rgba(122, 178, 178, 0.12) 0%, transparent 55%),
        radial-gradient(circle at 70% 80%, rgba(77, 134, 156, 0.08) 0%, transparent 60%);
    animation: floatCircles 20s ease-in-out infinite;
    z-index: 0;
}

@keyframes floatCircles {
    0%, 100% { 
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
    25% { 
        transform: scale(1.05) rotate(5deg);
        opacity: 0.8;
    }
    50% { 
        transform: scale(1.02) rotate(-3deg);
        opacity: 0.9;
    }
    75% { 
        transform: scale(1.08) rotate(2deg);
        opacity: 0.85;
    }
}


.page-id-168 p.login-password {
    margin-bottom: 0px !important;
}

.page-id-168 p.login-remember{
    margin-bottom:0px !important;
}

/* Floating circle elements */
.page-id-168 .circle-shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(238, 247, 255, 0.1);
    border: 1px solid rgba(205, 232, 229, 0.2);
    animation: float 15s ease-in-out infinite;
    z-index: 0;
}

.page-id-168 .circle-shape-1 {
    width: 60px;
    height: 60px;
    top: 15%;
    left: 10%;
    animation-delay: 0s;
}

.page-id-168 .circle-shape-2 {
    width: 40px;
    height: 40px;
    bottom: 20%;
    right: 15%;
    animation-delay: -3s;
}

.page-id-168 .circle-shape-3 {
    width: 80px;
    height: 80px;
    top: 60%;
    left: 5%;
    animation-delay: -6s;
}

.page-id-168 .circle-shape-4 {
    width: 30px;
    height: 30px;
    top: 25%;
    right: 10%;
    animation-delay: -9s;
}

.page-id-168 .circle-shape-5 {
    width: 50px;
    height: 50px;
    bottom: 15%;
    left: 20%;
    animation-delay: -12s;
}

@keyframes float {
    0%, 100% { 
        transform: translate(0, 0) scale(1);
    }
    25% { 
        transform: translate(15px, -10px) scale(1.1);
    }
    50% { 
        transform: translate(-10px, 15px) scale(0.9);
    }
    75% { 
        transform: translate(5px, 20px) scale(1.05);
    }
}

.page-id-168 .pmpro_card_actions {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
}

/* Form element styling - Reduced spacing */
.page-id-168 #loginform {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.8rem; /* Reduced from 1.5rem */
    position: relative;
    z-index: 1;
}

/* Label styling */
.page-id-168 .login-username label,
.page-id-168 .login-password label,
.page-id-168 .login-remember label {
    color: #EEF7FF;
    display: block;
    font-weight: 600;
    width: 100%;
    margin-bottom: 0.3rem; /* Reduced from 0.5rem */
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Input field styling */
.page-id-168 #user_login,
.page-id-168 #user_pass {
    width: 100%;
    padding: 12px 14px; /* Slightly reduced padding */
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid #CDE8E5;
    border-radius: 8px;
    color: #4D869C;
    font-size: 16px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 1;
    margin-bottom: 0.2rem; /* Added small margin */
}

.page-id-168 #user_login:focus,
.page-id-168 #user_pass:focus {
    outline: none;
    border-color: #EEF7FF;
    box-shadow: 0 0 0 3px rgba(205, 232, 229, 0.3);
    background: rgba(255, 255, 255, 1);
    transform: translateY(-1px);
}

/* Password toggle button */
.page-id-168 .pmpro_form_field-password-toggle {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -0.2rem; /* Reduced spacing */
}

.page-id-168 .pmpro_form_field-password-toggle button {
    background: transparent;
    color: #EEF7FF !important;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px; /* Reduced gap */
    padding: 6px 0; /* Reduced padding */
    margin: 4px 0 0 0; /* Reduced margin */
    width: 100%;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size: 14px; /* Smaller font */
}

/* Remember me checkbox - tighter spacing */
.page-id-168 #rememberme {
    width: 16px;
    height: 16px;
    accent-color: #4D869C;
    margin-right: 8px;
    cursor: pointer;
}

.page-id-168 .login-remember {
    display: flex;
    align-items: center;
    color: #EEF7FF;
    font-weight: 500;
    position: relative;
    z-index: 1;
    margin-top: 0.5rem; /* Reduced from larger margin */
}

/* Submit button - reduced top margin */
.page-id-168 #wp-submit {
    background: linear-gradient(135deg, #EEF7FF 0%, #CDE8E5 100%) !important;
    color: #4D869C !important;
    border: none;
    padding: 14px 24px; /* Slightly reduced padding */
    font-size: 15px;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    box-sizing: border-box;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 0.8rem !important; /* Significantly reduced from 1rem */
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.page-id-168 #wp-submit::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.6s ease;
}

/* Tablet and larger screens (768px and up) */
@media (min-width: 768px) {
    .page-id-168 .pmpro_card_content,
    .page-id-168 .pmpro_card_actions {
        width: 80%;
    }
    
    .page-id-168 .pmpro_card_content {
        padding: 2rem; /* Reduced from 2.5rem */
    }
}

/* Small desktop screens (992px and up) */
@media (min-width: 992px) {
    .page-id-168 .pmpro_card_content,
    .page-id-168 .pmpro_card_actions {
        width: 65%;
    }
    
    .page-id-168 .pmpro_card_content {
        padding: 2.5rem; /* Reduced from 3rem */
    }
}

/* Large desktop screens (1200px and up) */
@media (min-width: 1200px) {
    .page-id-168 .pmpro_card_content,
    .page-id-168 .pmpro_card_actions {
        width: 50%;
        max-width: 450px; /* Slightly reduced max-width */
    }
    
    .page-id-168 .pmpro_card_content {
        padding: 2.5rem; /* Reduced from 3.5rem */
    }
}

/* Hover states (only for devices that support hover) */
@media (hover: hover) {
    .page-id-168 #wp-submit:hover {
        background: linear-gradient(135deg, #CDE8E5 0%, #EEF7FF 100%) !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(77, 134, 156, 0.4);
    }
    
    .page-id-168 #wp-submit:hover::before {
        left: 100%;
    }
    
    .page-id-168 .pmpro_form_field-password-toggle button:hover {
        color: #CDE8E5;
        transform: translateX(3px);
    }
    
    .page-id-168 #user_login:hover,
    .page-id-168 #user_pass:hover {
        border-color: #EEF7FF;
        transform: translateY(-1px);
    }
}

/* Focus states for accessibility */
.page-id-168 #user_login:focus-visible,
.page-id-168 #user_pass:focus-visible,
.page-id-168 #wp-submit:focus-visible,
.page-id-168 .pmpro_form_field-password-toggle button:focus-visible {
    outline: 2px solid #EEF7FF;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Animation for interactive elements */
.page-id-168 #wp-submit,
.page-id-168 .pmpro_form_field-password-toggle button,
.page-id-168 #user_login,
.page-id-168 #user_pass {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Loading animation */
.page-id-168 #wp-submit:active {
    transform: translateY(1px);
}

/* Enhanced form container animation */
.page-id-168 .pmpro_card_content {
    animation: slideInUp 0.6s ease-out;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments for mobile */
@media (max-width: 480px) {
    .page-id-168 .pmpro_card_content {
        padding: 1.5rem;
        margin: 1rem;
        width: calc(100% - 2rem);
    }
    
    .page-id-168 .circle-shape {
        display: none; /* Hide shapes on very small screens */
    }
    
    /* Even tighter spacing on mobile */
    .page-id-168 #loginform {
        gap: 0.6rem;
    }
    
    .page-id-168 #wp-submit {
        margin-top: 0.6rem !important;
        padding: 12px 20px;
    }
}

/* Print styles */
@media print {
    .page-id-168 .pmpro_card_content::before,
    .page-id-168 .circle-shape {
        display: none;
    }
    
    .page-id-168 .pmpro_card_content {
        background: white !important;
        color: #4D869C !important;
        box-shadow: none !important;
        border: 2px solid #4D869C !important;
    }
}

/* Membership Account Actions Navigation */
.page-id-168 .pmpro_card_actions {
    background: linear-gradient(135deg, rgba(238, 247, 255, 0.9) 0%, rgba(205, 232, 229, 0.9) 100%);
    border-top: 1px solid rgba(77, 134, 156, 0.3);
    padding: 1.5rem 2rem;
    position: relative;
    backdrop-filter: blur(10px);
    border-radius: 0 0 16px 16px;
}

.page-id-168 .pmpro_card_actions::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20%;
    right: 20%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(77, 134, 156, 0.5), transparent);
}

.page-id-168 .pmpro_actions_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.page-id-168 .pmpro_actions_nav a {
    color: #4D869C;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background: linear-gradient(135deg, rgba(77, 134, 156, 0.1) 0%, rgba(122, 178, 178, 0.1) 100%);
    border: 1px solid rgba(77, 134, 156, 0.2);
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.page-id-168 .pmpro_actions_nav a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.page-id-168 .pmpro_actions_nav a:hover {
    background: linear-gradient(135deg, #4D869C 0%, #7AB2B2 100%);
    color: #EEF7FF;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(77, 134, 156, 0.3);
    border-color: transparent;
}

.page-id-168 .pmpro_actions_nav a:hover::before {
    left: 100%;
}

/* Separator styling */
.page-id-168 .pmpro_actions_nav a:first-child::after {
    content: '|';
    position: absolute;
    right: -1rem;
    color: #7AB2B2;
    font-weight: 300;
}

/* Remove separator from last link */
.page-id-168 .pmpro_actions_nav a:last-child::after {
    display: none;
}

/* Focus states for accessibility */
.page-id-168 .pmpro_actions_nav a:focus-visible {
    outline: 2px solid #4D869C;
    outline-offset: 2px;
    border-radius: 8px;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .page-id-168 .pmpro_card_actions {
        padding: 1rem 1.5rem;
    }
    
    .page-id-168 .pmpro_actions_nav {
        flex-direction: column;
        gap: 0.8rem;
    }
    
    .page-id-168 .pmpro_actions_nav a {
        width: 100%;
        text-align: center;
        padding: 12px 20px;
    }
    
    /* Remove separator on mobile */
    .page-id-168 .pmpro_actions_nav a::after {
        display: none;
    }
}

/* Animation for the entire actions section */
.page-id-168 .pmpro_card_actions {
    animation: slideInUp 0.5s ease-out 0.3s both;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover effects for non-touch devices */
@media (hover: hover) {
    .page-id-168 .pmpro_actions_nav a:hover {
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 8px 25px rgba(77, 134, 156, 0.4);
    }
}
/*Login-page-css Ends*/