/*------------- #VARIABLES --------------*/
/*------------- #THEME-STYLES --------------*/
/*------------- #HEADER --------------*/
/*
Classes for BODY:

if page has ".standard--header" (with menu) added class for BODY -- ".page-has-standard-header"
if page has ".header" (Social header BP) added class for BODY -- ".page-has-header-social"
if page has ONE "left panel" added class for BODY -- ".page-has-left-panels"
if page has NOT "aside panels" added class for BODY -- ".page-has-not-panels"

*/
.header {
  height: 70px;
  background-color: #3f4257;
  background-color: var(--secondary-color);
  padding-right: 70px;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100%;
}

.header .page-title {
  padding: 26px 50px 26px 30px;
  text-transform: uppercase;
}

.header .page-title > * {
  color: #fff;
  color: var(--white-color);
  margin: 0;
}

.header.header--logout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0;
}

.header.header--logout .page-title {
  padding: 10px 26px;
}

.header.header--logout .header-content-wrapper {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.header.header--logout .logo {
  min-height: 70px;
  min-width: 70px;
  height: 70px;
  width: 70px;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  padding: 15px;
}

.header.header--logout .fixed-sidebar.right {
  display: none;
}

.header.header--logout .side-menu-open {
  margin-left: auto;
}

.header-content-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: inherit;
}

.side-menu-open {
  position: relative;
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.side-menu-open .olymp-menu-icon {
  margin: auto;
  color: #fff;
  color: var(--white-color);
  transition: all 0.3s ease;
  font-size: 16px;
}

.side-menu-open .user-icon {
  color: #fff;
  color: var(--white-color);
  font-size: 18px;
  margin: auto;
  transition: all 0.3s ease;
}

.side-menu-open .olymp-login-icon {
  font-size: 22px;
}

.side-menu-open .olymp-close-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  color: #fff;
  color: var(--white-color);
  transition: all 0.3s ease;
  font-size: 20px;
}

.side-menu-open.active .olymp-menu-icon,
.side-menu-open.active .user-icon {
  opacity: 0;
  visibility: hidden;
}

.side-menu-open.active .olymp-close-icon {
  opacity: 1;
  visibility: visible;
}

.search-bar {
  min-width: 500px;
  height: 100%;
  background-color: #494c62;
  position: relative;
}

.search-bar.process .olymp-search-spinner {
  opacity: 1;
}

.search-bar.process .olympus-icon-Magnifying-Glass-Icon {
  opacity: 0;
}

.search-bar .olymp-search-spinner {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 12px;
}

.search-bar.w-search {
  min-width: 500px;
  min-height: 100%;
  background-color: #494c62;
}

.search-bar .form-group {
  margin-bottom: 0;
  height: 100%;
}

.search-bar .form-control {
  border: none;
  padding: 0;
}

.search-bar .selectize-control {
  position: relative;
  z-index: 21;
  height: 100%;
}

.search-bar .selectize-dropdown {
  background-color: #fff;
  background-color: var(--white-color);
  z-index: 50;
  border: 1px solid #e6ecf5;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  display: none;
}

.search-bar .selectize-input {
  height: 100%;
}

.search-bar .selectize-input.has-items input {
  background-color: transparent;
}

.search-bar .selectize-input.has-items > * {
  padding: 3px 10px;
  border-radius: 3px;
  background-color: var(--icon-color);
  color: #fff;
  color: var(--white-color);
  display: inline-block;
  margin-right: 3px;
}

.search-bar .selectize-input.has-items > *:first-child {
  margin-left: 15px;
}

.search-bar .form-group.with-button button {
  color: #696d87;
  background-color: #494c62;
  width: 50px;
  z-index: 10;
}

.search-bar .form-group.with-button button:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.search-bar .form-group.with-button button i {
  font-size: 22px;
}

.search-bar .form-group.with-button input {
  height: 100%;
  border: none;
  color: #9a9fbf;
  color: var(--icon-color);
}

.search-bar .form-group.with-button input:focus,
.search-bar .form-group.with-button input:active {
  outline: none;
}

.search-bar .notification-list {
  position: absolute;
  top: -100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 50;
  background: #fff;
  width: 100%;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  border-right: 1px solid #e6ecf5;
  border-left: 1px solid #e6ecf5;
}

.search-bar .notification-list .notification-icon i,
.search-bar .notification-list .notification-icon svg {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.control-block {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

#notification-panel-top.control-block {
  margin-left: auto;
}

.control-icon {
  margin-right: 29px;
  fill: #9a9fbf;
  fill: var(--icon-color);
  margin-top: 8px;
  position: relative;
}

.control-icon:last-child {
  margin-right: 110px;
}

.control-icon.has-items {
  color: #fff;
  color: var(--white-color);
}

.control-icon.has-items i {
  color: inherit;
}

.control-icon.open .more-dropdown {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.control-icon .olympus-icon {
  font-size: 22px;
}

.control-block .control-icon i {
  font-size: 22px;
}

.control-icon .icon-status-wrap {
  position: relative;
  display: block;
  color: inherit;
}

.control-icon .label-avatar {
  width: 19px;
  height: 19px;
  line-height: 19px;
  top: -10px;
  right: -7px;
}

.control-icon .more-dropdown {
  width: 380px;
  top: 35px;
  right: -180px;
  padding: 0 0 70px 0;
  z-index: 999;
}

.control-icon .more-dropdown .view-all {
  padding: 20px;
  color: #fff;
  color: var(--white-color);
}

.control-icon .more-dropdown .view-all:hover {
  color: #fff;
  color: var(--white-color);
}

.control-icon .more-dropdown .notification-list {
  padding: 0;
  max-height: 100%;
}

.control-icon .more-dropdown.loading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 999;
}

.control-icon .ui-block-title a {
  display: inline-block;
  float: right;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 0;
}

.control-icon .accept-request {
  padding: 0.5rem;
  font-size: 0.688rem;
  color: #fff;
  color: var(--white-color);
  display: inline-block;
  width: 35px;
  height: 35px;
}

.control-icon .accept-request:hover {
  color: #fff;
  color: var(--white-color);
}

.control-icon .notification-list .author-thumb {
  margin-right: 0;
  height: 34px;
  width: 34px;
  overflow: hidden;
}

.control-icon .notification-list .author-thumb img {
  height: 34px;
  width: 34px;
  overflow: hidden;
}

.control-icon .notification-list .notification-friend {
  padding: 0;
  font-size: 14px;
}

.control-icon .notification-list .notification-link {
  padding: 0;
  display: inline-block;
}

.control-icon .notification-list.friend-requests .accepted .notification-link {
  padding: 0;
  display: inline-block;
}

.control-icon .notification-list.friend-requests .accepted .notification-icon {
  margin-top: 0;
}

.control-icon .notification-list.notification-all > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.control-icon .notification-list.notification-all > li:hover .icons-action {
  opacity: 1;
}

.control-icon .notification-list.notification-all [data-bp-tooltip]::after {
  right: 0;
  left: auto;
  transform: none;
  top: 100%;
  margin-top: 3px;
}

.control-icon .notification-list.notification-all .notification-event a {
  padding: 0;
}

.control-icon .notification-list.notification-all .icons-action {
  margin-left: auto;
  margin-bottom: auto;
  padding-left: 5px;
  opacity: 0;
  transition: all 0.3s ease;
}

.control-icon .notification-list.notification-all .icons-action a {
  padding: 0;
  color: #d7d9e5;
  margin-bottom: 5px;
}

.control-icon .notification-list.notification-all .icons-action a:last-child {
  margin-bottom: 0;
}

.control-icon .notification-list.notification-all .icons-action a:after,
.control-icon .notification-list.notification-all .icons-action a:before {
  display: none;
}

.control-icon .notification-list.notification-all .icons-action a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.control-icon .notification-list.notification-all .icons-action .dashicons {
  width: 15px;
  height: 15px;
  font-size: 15px;
}

.control-icon
  .notification-list.notification-all
  .icons-action
  .dashicons.dashicons-visibility:before {
  content: "\e95c";
  font-family: olympus !important;
  font-weight: 400;
  font-size: 15px;
}

.control-icon
  .notification-list.notification-all
  .icons-action
  .dashicons.dashicons-trash:before {
  content: "\e97b";
  font-family: olympus !important;
  font-weight: 400;
  font-size: 15px;
}

.control-icon .notification-list .comment-photo {
  margin-top: 15px;
  max-width: 215px;
}

.control-icon .notification-list .comment-photo span {
  font-size: 11px;
}

.control-icon .notification-list li > * {
  vertical-align: top;
}

.control-icon .notification-list.friend-requests li > * {
  vertical-align: middle;
}

.control-icon .notification-list .notification-icon {
  margin-top: 0;
}

.control-icon .notification-list .notification-icon svg,
.control-icon .notification-list .notification-icon i {
  font-size: 16px;
  height: 16px;
  width: 16px;
  fill: #9a9fbf;
  fill: var(--icon-color);
  color: #9a9fbf;
  color: var(--icon-color);
}

.control-icon .chat-message li.chat-group .author-thumb {
  width: 36px;
}

.control-icon .notification-list.chat-message .notification-icon i,
.control-icon .notification-list.chat-message .notification-icon svg {
  font-size: 24px;
  height: 24px;
  width: 24px;
}

.control-icon .mCustomScrollbar {
  overflow: hidden;
  max-height: 300px;
}

.control-icon .ps > .ps__rail-y,
.control-icon .ps:hover > .ps__rail-y {
  top: 40px !important;
}

.view-all {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 20;
  padding: 20px;
  color: #fff;
  color: var(--white-color);
  font-size: 12px;
  font-weight: 700;
  display: block;
  text-align: center;
  border-radius: 0 0 4px 4px;
  margin-bottom: -1px;
}

.view-all:hover {
  color: #fff;
  color: var(--white-color);
}

.control-icon .more-dropdown .view-all-half-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  overflow: hidden;
}

.control-icon .more-dropdown .view-all-half-item > a {
  width: 50%;
  padding: 20px;
  color: #fff;
  color: var(--white-color);
}

.author-thumb img {
  border-radius: 100%;
  overflow: hidden;
  max-width: unset;
}

.author-thumb .icon-status {
  position: absolute;
  margin-right: 0;
  top: 0;
  left: 0;
  border: 1px solid #3f4257;
  border: 1px solid var(--secondary-color);
  width: 8px;
  height: 8px;
}

.author-page {
  margin-left: 50px;
  z-index: 51;
}

.author-page .author-thumb {
  margin-right: 8px;
  position: relative;
  width: 36px;
  height: 36px;
}

.author-page .author-thumb img {
  max-width: 100%;
}

.author-page .author-title {
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  color: var(--white-color);
}

.author-page .author-title > i {
  margin-left: 15px;
  color: currentColor;
  font-size: 4px;
}

.author-page .author-subtitle {
  display: block;
  font-weight: 700;
  color: #9a9fbf;
  color: var(--icon-color);
  font-size: 8px;
}

.author-page .more-dropdown {
  width: 230px;
  top: calc(100% + 15px);
  right: -30px;
  padding: 0;
  z-index: 21;
}

.author-page .account-settings {
  padding: 15px 25px;
  margin-bottom: 0;
}

.author-page .account-settings a {
  padding: 13px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.author-page .account-settings .items-round-little {
  background-color: transparent;
  color: #ff5e3a;
  color: var(--primary-accent-color);
  margin-left: 0;
}

.author-page .mCustomScrollbar {
  max-height: calc(100vh - 170px);
  position: relative;
}

.author-page .author-name {
  padding: 8px 0;
}

.account-settings {
  padding: 15px 25px;
  margin-bottom: 0;
  list-style: none;
}

.account-settings a {
  padding: 13px 0;
  font-size: 12px;
  color: #515365;
  color: var(--heading-font-color);
  display: block;
  font-weight: 700;
}

.account-settings a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.account-settings a > * {
  display: inline-block;
  vertical-align: middle;
}

.account-settings i,
.account-settings svg,
.account-settings img {
  margin-right: 12px;
  fill: #9a9fbf;
  fill: var(--icon-color);
  color: #9a9fbf;
  color: var(--icon-color);
  font-size: 18px;
  width: 20px;
  height: 20px;
}

/*--------TOP-HEADER--------*/
.member-header-actions > * {
  display: inline-block;
  margin-left: 20px;
}

.member-header-actions a {
  display: inline-block;
  background: #ff5e3a;
  background: var(--primary-accent-color);
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.top-header {
  position: relative;
}

.top-header.top-header-favorit .top-header-thumb #header-cover-image {
  border-radius: 5px 5px 0 0;
  height: 225px;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.top-header.top-header-favorit .top-header-author {
  transform: translate(0);
  left: 100px;
  bottom: -40px;
  z-index: 5;
  max-width: unset;
}

.top-header.top-header-favorit .author-thumb {
  float: left;
  margin-right: 30px;
}

.top-header.top-header-favorit .author-content {
  text-align: left;
  margin-top: 20px;
  float: left;
  color: #fff;
  color: var(--white-color);
}

.top-header.top-header-favorit .author-name {
  color: #fff;
  color: var(--white-color);
}

.archive.author .profile-section #item-nav {
  top: 50%;
  right: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.archive.author .profile-section #item-nav .profile-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
}

.archive.author .profile-section #item-nav #object-nav {
  flex: 0 0 100%;
  max-width: 100%;
}

.archive.author .profile-section #item-nav .profile-menu li {
  color: #fff;
  padding: 0 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 65px;
}

.archive.author .profile-section #item-nav .profile-menu li a {
  text-transform: uppercase;
  font-weight: 500;
  color: var(--body-font-color);
  font-size: 11px;
  line-height: 22px;
}

.archive.author .profile-section #item-nav .profile-menu li .count {
  display: block !important;
  color: var(--heading-font-color);
  font-weight: 400;
  line-height: 24px;
  margin-top: 5px;
  font-size: 20px;
  order: 1;
}

.top-header-thumb {
  position: relative;
}

.top-header-thumb img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.top-header-thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -120px 55px -30px rgba(0, 0, 0, 0.5);
}

.profile-menu {
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-left: 0;
  list-style: none;
}

.profile-menu li.current a {
  color: #515365;
  color: var(--heading-font-color);
}

.profile-menu li > div,
.profile-menu li a {
  font-size: 14px;
  font-weight: 700;
  color: #9a9fbf;
  display: block;
}

.profile-menu li > div:hover,
.profile-menu li a:hover {
  color: #515365;
  color: var(--heading-font-color);
}

.profile-menu li > div.active,
.profile-menu li a.active {
  color: #515365;
  color: var(--heading-font-color);
}

.profile-menu li > div span.count,
.profile-menu li > div span.no-count,
.profile-menu li a span.count,
.profile-menu li a span.no-count {
  background: transparent;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  color: #ff5e3a;
  color: var(--primary-accent-color);
  padding: 0;
  display: inline-block !important;
  font-size: 80%;
  margin-left: 4px;
}

.profile-menu .more-dropdown {
  width: 230px;
  top: calc(100% + 10px);
  right: -25px;
}

.profile-menu .more-dropdown li {
  display: block;
}

.profile-menu li .more-dropdown a {
  padding: 10px 0;
  font-size: 13px;
}

.top-header-author {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 15px;
  text-align: center;
  max-width: 200px;
  z-index: 4;
}

.top-header-author .author-thumb {
  border-radius: 100%;
  border: 6px solid #fff;
  border: 6px solid var(--white-color);
  margin: 0 auto;
  overflow: hidden;
  width: 132px;
  height: 132px;
  background-color: #fdfbee;
}

.top-header-author .author-thumb img {
  border-radius: 0;
}

.top-header-author .author-name {
  font-weight: 700;
}

.profile-section {
  position: relative;
  padding: 38px 0;
  z-index: 3;
}

.profile-section .control-block-button {
  position: absolute;
  right: 38px;
  top: -31px;
}

.admin-bar #site-header {
  top: 46px;
}

@media screen and (min-width: 783px) {
  .admin-bar #site-header {
    top: 32px;
  }
}

#site-header .header-menu {
  top: 46px;
}

@media screen and (min-width: 783px) {
  #site-header .header-menu {
    top: 32px;
  }
}

#site-header .control-icon i {
  color: inherit;
}

.header-fixed-active {
  position: fixed;
  z-index: 20;
}

/*------------- #Styles for svg-icons --------------*/
svg[class^="olymp-"],
svg[class*=" -icon"] {
  height: 24px;
  width: 24px;
  display: inline-block;
}

.post__likes-small {
  width: 16px;
  height: 14px;
}

.post__shared-small {
  width: 24px;
  height: 21px;
}

.post__comments-small {
  width: 18px;
  height: 16px;
}

.post__likes {
  width: 20px;
  height: 18px;
}

.post__comments {
  width: 22px;
  height: 20px;
}

.post__shared {
  width: 26px;
  height: 21px;
}

.fav-icon {
  width: 20px;
  height: 20px;
}

.arrow-down-icon {
  width: 6px;
  height: 4px;
}

.olymp-three-dots-icon {
  width: 16px;
  height: 4px;
}

.olymp-little-delete {
  width: 8px;
  height: 8px;
}

.olymp-trophy-icon {
  width: 18px;
  height: 16px;
}

.header-menu {
  height: 100%;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  background-color: #fff;
  background-color: var(--white-color);
}

.header-menu ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 0;
  height: 100%;
  list-style: none;
  padding-left: 0;
}

.header-menu a {
  font-weight: 700;
  font-size: 13px;
  position: relative;
  color: #515365;
  color: var(--heading-font-color);
  padding: 29px 30px;
  display: block;
  line-height: 1;
}

.header-menu .nav-link.active,
.header-menu .nav-item.show .nav-link {
  background-color: transparent;
  cursor: pointer;
  color: inherit;
}

.header-menu .nav-link:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.header-menu .dropdown:hover > .dropdown-menu {
  visibility: visible;
  opacity: 1;
}

.header-menu .dropdown-menu {
  visibility: hidden;
  opacity: 0;
  display: block;
  transition: all 0.3s ease;
  margin: 0;
  padding: 0;
  background-color: #3f4257;
  background-color: var(--secondary-color);
  border-color: #e6ecf5;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
}

.header-menu .dropdown-item:focus,
.header-menu .dropdown-item:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
  background-color: transparent;
}

.header-menu.open {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.header-menu .dropdown-toggle::after {
  right: 0;
}

.header--standard-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  min-height: 70px;
}

.header--standard {
  background-color: #fff;
  background-color: var(--white-color);
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  top: 0;
}

.header--standard .logo {
  color: #3f4257;
  color: var(--secondary-color);
  margin-right: auto;
}

.header--standard .logo .img-wrap {
  margin-right: 13px;
  transition: opacity 0.3s ease;
  max-width: 250px;
}

.header--standard .logo .img-wrap img {
  max-width: 100%;
}

.header--standard .logo .logo-colored {
  position: absolute;
  left: 0;
  opacity: 0;
}

.header--standard .logo:hover {
  color: inherit;
}

.header--standard .primary-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.header--standard .primary-menu li a {
  fill: currentColor;
}

.header--standard .dropdown-menu {
  background-color: #fff;
  background-color: var(--white-color);
}

.header--standard .ps {
  -ms-touch-action: unset;
  touch-action: unset;
  overflow: unset !important;
  -ms-overflow-style: unset;
}

.header--standard .ps:hover > .ps__rail-x,
.header--standard .ps:hover > .ps__rail-y {
  display: none;
}

.header--standard.header--standard-full-width {
  width: 100%;
  left: auto;
  top: 0;
}

.header--standard .header-menu .nav-item a,
.header--standard .header-menu li a {
  display: block;
}

.header--standard .header-menu .nav-item .dropdown-item,
.header--standard .header-menu li .dropdown-item {
  color: #888da8;
  color: var(--body-font-color);
}

.header--standard .header-menu .nav-item .dropdown-item:hover,
.header--standard .header-menu li .dropdown-item:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.header--standard .dropdown-menu {
  background-color: #fff;
  background-color: var(--white-color);
}

.header--standard .dropdown-menu.megamenu .dropdown-item:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.header--standard .header-menu li:first-child > a {
  padding-left: 0;
}

.header--standard .header-menu li:last-child > a {
  padding-right: 0;
}

.header--standard .more-dropdown a.btn {
  color: #fff;
  color: var(--white-color);
}

.open-responsive-menu {
  margin-left: auto;
  display: none;
  color: #9a9fbf;
  color: var(--icon-color);
  position: relative;
}

.open-responsive-menu:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.open-responsive-menu i {
  transition: all 0.3s ease;
  font-size: 16px;
}

.open-responsive-menu .olympus-icon-Close-Icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
}

.open-responsive-menu.open .olympus-icon-Menu-Icon {
  opacity: 0;
}

.open-responsive-menu.open .olympus-icon-Close-Icon {
  opacity: 1;
}

.dropdown-has-megamenu {
  position: static;
}

.dropdown-menu.megamenu {
  width: 100%;
  padding: 40px;
}

.dropdown-menu.megamenu .dropdown-item {
  border-radius: 5px;
  overflow: hidden;
  background-color: transparent;
}

.dropdown-menu.megamenu .dropdown-item:hover {
  padding-left: 25px;
  background-color: transparent;
}

.column-tittle {
  padding-left: 20px;
  padding-bottom: 15px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  color: #515365;
  color: var(--heading-font-color);
}

.column-tittle:after {
  content: "";
  display: block;
  height: 2px;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  width: 15%;
  position: absolute;
  bottom: 0;
  left: 20px;
  transition: width 0.3s ease;
}

.column-tittle:hover:after {
  width: 100%;
}

.header--standard .mCustomScrollbar {
  max-height: calc(100vh - 70px);
}

/*--------HEADER-LANDING--------*/
.landing-page {
  position: relative;
  min-height: 100vh;
}

.landing-page:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 94, 58, 0.95);
  opacity: 1;
  z-index: auto;
}

.landing-page .content-bg:before {
  background: url("../images/landing-users.png") repeat 0 0;
}

.landing-page .content-bg {
  background-color: rgba(255, 94, 58, 0.95);
  animation-name: sidedownscroll;
}

@keyframes sidedownscroll {
  0% {
    transform: translate3D(0%, 0%, 0);
  }
  50% {
    transform: translate3D(-50%, 100%, 0);
  }
  100% {
    transform: translate3D(-100%, 200%, 0);
  }
}

.landing-page .header-spacer--standard {
  margin-bottom: 40px;
}

.content-bg-wrap-row {
  background-size: auto 100%;
  background-repeat: repeat;
}

@media (max-width: 768px) {
  .content-bg-wrap.animate-left-to-right {
    animation: none !important;
  }
}

.content-bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
}

.content-bg-wrap.animate-right-to-left {
  animation: right-to-left 50s linear infinite;
}

.content-bg-wrap.animate-left-to-right {
  animation: left-to-right 50s linear infinite;
}

.content-bg-wrap.animate-diagonally-left-to-right {
  animation: diagonally-left-to-right 50s linear infinite;
}

.content-bg-wrap.animate-diagonally-right-to-left {
  animation: diagonally-right-to-left 50s linear infinite;
}

.content-bg-overlay {
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.inner-relative-wrapper {
  position: relative;
}

@keyframes right-to-left {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -4000px 0;
  }
}

@keyframes left-to-right {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 4000px 0;
  }
}

@keyframes diagonally-left-to-right {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 4000px 4000px;
  }
}

@keyframes diagonally-right-to-left {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -4000px 4000px;
  }
}

.without-animation {
  animation: none;
}

.tag-label {
  display: inline-block;
  border-radius: 3px;
  padding: 4px;
  color: #fff;
  color: var(--white-color);
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 800;
  margin-left: 12px;
  top: -3px;
  position: relative;
}

/*================= Styles for sticky-Header =========*/
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  will-change: transform, opacity;
}

@media (max-width: 480px) {
  .animated {
    animation-fill-mode: none;
    will-change: unset;
  }
}

.headers-demonstration .header--standard {
  margin-bottom: 50px;
  position: relative;
}

.headers-demonstration .footer {
  margin-bottom: 50px;
}

.page-has-left-panels {
  padding-left: 70px;
}

.page-has-left-panels .header--standard {
  left: 70px;
  right: 0;
}

.page-has-not-panels {
  padding: 0;
}

.page-has-not-panels .header--standard {
  left: 0;
  right: 0;
}

.olympus-theme [data-bp-tooltip]::after {
  border: 1px solid #e6ecf5;
  border-radius: 4px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  color: #888da8;
  color: var(--body-font-color);
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, sans-serif;
}

.page-content + .entry-footer {
  margin-top: 20px;
}

.crum-reaction-list .crum-reaction-ext li img,
.choose-reaction li img {
  max-width: 20px;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 1350px) {
  .search-bar.w-search {
    min-width: 270px;
  }
}

@media (max-width: 1200px) {
  .header-menu a {
    padding: 30px 15px;
  }

  .header--standard > .container {
    width: 100%;
    max-width: unset;
  }
}

@media (max-width: 1150px) {
  .author-page .more-dropdown {
    right: -8px;
    top: calc(100% + 10px);
  }
}

@media (max-width: 1080px) {
  .control-icon .more-dropdown {
    width: 320px;
    right: -140px;
  }

  .header .page-title {
    display: none;
  }

  .header.header--logout .header-content-wrapper {
    margin-left: 0;
    width: 100%;
  }

  .header-content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 1024px) {
  .control-icon {
    margin-right: 20px;
  }

  .author-page {
    margin-left: 10px;
  }

  .header-menu a {
    padding: 30px 10px;
  }
}

@media (max-width: 801px) {
  .search-bar.w-search {
    min-width: 200px;
  }

  .top-header-author {
    position: relative;
    bottom: 20px;
    color: #888da8;
    color: var(--body-font-color);
  }

  .top-header-author .author-name {
    color: #515365;
    color: var(--heading-font-color);
  }

  .top-header-author {
    margin-top: 20px;
  }

  .profile-section .control-block-button {
    right: auto;
    top: -30px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: auto;
    width: 100%;
    text-align: center;
  }

  .top-header.top-header-favorit .top-header-author {
    position: absolute;
    bottom: -25px;
  }

  .top-header.top-header-favorit .profile-section .control-block-button {
    right: 38px;
    top: -31px;
    left: auto;
    transform: none;
    width: auto;
  }
}

@media (max-width: 768px) {
  #site-header #notification-panel-top {
    display: none;
  }

  .search-bar.w-search {
    width: 100%;
  }

  .page-has-right-panels {
    padding-right: 0;
  }

  .page-has-left-panels {
    padding-left: 0;
  }

  .page-has-left-panels.page-has-standard-header
    #header--standard
    .header--standard-wrap {
    padding-left: 65px;
  }

  .page-has-left-panels.page-has-standard-header.page-has-header-social
    #header--standard
    .header--standard-wrap {
    padding-left: 15px;
  }

  .page-has-left-panels .header--standard {
    left: 0;
  }

  .page-has-standard-header .header {
    right: 0;
  }

  .header--standard .header-menu li:first-child > a {
    padding-left: 25px;
  }

  .header--standard .shoping-cart {
    fill: #9a9fbf;
    fill: var(--icon-color);
  }

  .header--standard .logo {
    margin-top: 0;
  }

  .header--standard .header-menu .nav-item {
    visibility: visible;
    opacity: 1;
  }

  .author-thumb .icon-status {
    border-color: #fff !important;
    border-color: var(--white-color) !important;
  }

  .notification-list .notification-event {
    padding-left: 10px;
  }

  .friend-requests .chat-message-item {
    font-size: 10px;
  }

  .notification-list .notification-friend {
    font-size: 13px;
  }

  .notification-list.chat-message .notification-event {
    width: auto;
  }

  .profile-section {
    padding: 30px 0;
  }

  .header--standard-wrap {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
  }

  .header-menu {
    margin: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    min-height: calc(100vh - 150px);
    right: 0;
    left: 0;
    top: 100%;
    text-align: center;
    padding: 20px 10px;
    border-top: 1px solid #e6ecf5;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    opacity: 0;
    transform: translateY(-100%);
    visibility: hidden;
  }

  .header-menu a {
    padding: 15px 25px;
    color: #888da8;
    color: var(--body-font-color);
  }

  .header-menu ul {
    display: block;
  }

  .header-menu .show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    position: relative;
    margin-bottom: 15px;
    display: block;
  }

  .header-menu > * {
    width: 100%;
  }

  .header-menu .dropdown:hover > .dropdown-menu {
    visibility: hidden;
    opacity: 0;
  }

  .header-menu .show.dropdown:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
  }

  .header-menu .dropdown.show > .dropdown-menu {
    margin-bottom: 10px;
    position: relative !important;
  }

  .dropdown-menu {
    width: 100%;
    top: auto;
    transform: none !important;
    text-align: center;
  }

  .header--standard .header-menu .dropdown-item {
    padding: 10px 30px;
  }

  .nav-item {
    width: 100%;
  }

  .open-responsive-menu {
    display: block;
  }

  .header--standard .logo .img-wrap img {
    max-height: 40px !important;
  }

  .header--standard {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
  }

  .header--standard .ps {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none;
  }

  .header--standard .ps:hover > .ps__rail-x,
  .header--standard .ps:hover > .ps__rail-y {
    display: block;
  }

  .header--standard > .container {
    height: 100%;
  }

  .header--standard > .container > .header--standard-wrap {
    height: 100%;
  }

  .megamenu .row > * {
    width: 100%;
    max-width: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }

  .megamenu .row > * + * {
    margin-top: 15px;
  }

  .dropdown-menu.megamenu {
    padding: 10px;
  }

  .dropdown-menu.megamenu .dropdown-item:hover {
    padding-left: 35px;
  }

  .header {
    height: 50px;
    padding: 0 50px 0 0;
  }

  .header .header-content-wrapper {
    padding-left: 50px;
  }

  .page-has-not-panels .header .header-content-wrapper {
    padding-left: 0;
  }

  .header--standard-wrap {
    min-height: 50px;
  }

  .profile-menu li > div,
  .profile-menu li a {
    font-size: 12px;
  }
}

@media (max-width: 570px) {
  .top-header.top-header-favorit .top-header-author {
    left: 20px;
  }

  .header--standard,
  .page-has-left-panels .header--standard {
    padding: 0;
  }

  .page-has-standard-header .header.header--logout {
    position: static;
  }

  #site-header .control-block {
    position: relative;
  }

  #site-header .control-icon {
    margin-right: 0;
  }

  #site-header .control-block {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }

  .more-with-triangle.triangle-top-center:before {
    display: none;
  }
}

@media (max-width: 460px) {
  .top-header.top-header-favorit .top-header-author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    bottom: 30px;
    top: auto;
    margin-top: 5px;
  }

  .top-header.top-header-favorit .top-header-author .author-thumb {
    width: 60px;
    height: 60px;
    border-width: 2px;
    margin-right: 10px;
  }

  .top-header.top-header-favorit .author-content {
    margin-top: 0;
  }

  .control-icon .mCustomScrollbar {
    max-height: 150px;
  }
  .archive.author .profile-section {
    padding: 10px 0;
  }
  .archive.author .profile-section #item-nav {
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .archive.author .profile-section #item-nav .profile-menu {
    justify-content: center;
  }
}

@media (max-width: 420px) {
  .header--standard {
    width: 100%;
    left: 0;
  }

  .top-header.top-header-favorit .author-name {
    font-size: 18px;
  }
}

/*------------- #FOOTER --------------*/
.footer {
  width: 100%;
  margin: 0 auto;
  margin-top: auto;
  background-color: #fff;
  background-color: var(--white-color);
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  position: relative;
}

.footer .footer-content {
  padding: 70px 0 60px;
}

.footer .footer-content > * {
  margin-bottom: 35px;
}

.footer .footer-content > *:last-child {
  margin-bottom: 0;
}

.footer .socials .soc-item {
  display: inline-block;
  color: #9a9fbf;
  color: var(--icon-color);
}

.footer .socials .soc-item:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.footer .socials .soc-item svg {
  height: 15px;
  width: 15px;
}

.footer .widget {
  margin-top: 0;
}

.footer .widget + .widget {
  margin-top: 0;
}

.footer .widget .title {
  margin-bottom: 25px;
  color: #515365;
  color: var(--heading-font-color);
}

.footer.footer-full-width {
  width: 100%;
}

.footer--dark {
  background-color: #3f4257;
  background-color: var(--secondary-color);
}

.footer--dark .w-about .logo {
  color: #fff;
  color: var(--white-color);
}

.footer--dark .w-about .logo .logo-title {
  color: #fff;
  color: var(--white-color);
}

.footer--dark .w-about .logo:hover {
  color: #fff;
  color: var(--white-color);
}

.footer--dark .widget .title {
  color: #fff;
  color: var(--white-color);
}

.footer--dark .socials .soc-item {
  color: #fff;
  color: var(--white-color);
}

.footer--dark .socials .soc-item:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.sub-footer-copyright {
  padding: 40px 0;
  text-align: center;
  border-top: 1px solid #e6ecf5;
}

.sub-footer-copyright span {
  font-size: 12px;
}

.sub-footer-copyright a {
  color: #ff5e3a;
  color: var(--primary-accent-color);
  opacity: 0.7;
  font-weight: 500;
}

.sub-footer-copyright a:hover {
  opacity: 1;
}

/*------------- Widgets in footer --------------*/
.olympus-theme
  .footer
  [class*="widget_nav_menu"]
  .menu-main-menu-container
  > ul.menu
  > li
  > a,
.olympus-theme .footer [class*="widget_nav_menu"] > div > ul.menu > li > a {
  padding-left: 0;
  padding-right: 0;
}

.olympus-theme .footer .widget_nav_menu ul.menu ul li a {
  padding: 12px 0 12px 10px;
}

.olympus-theme .footer .widget_nav_menu ul.menu ul ul li a {
  padding: 12px 0 12px 20px;
}

.olympus-theme .footer .widget_mc4wp_form_widget .subscribe-form {
  margin: 0;
}

.olympus-theme .footer .widget.w-contacts .section {
  margin-bottom: 10px;
}

.olympus-theme .footer .widget.w-contacts .ui-block-content {
  padding: 0;
}

.olympus-theme .footer .widget_display_replies ul,
.olympus-theme .footer .widget_display_topics ul,
.olympus-theme .footer .widget_display_views ul,
.olympus-theme .footer .widget_meta ul {
  padding-left: 0;
}

.olympus-theme .footer .widget_display_replies ul li,
.olympus-theme .footer .widget_display_topics ul li,
.olympus-theme .footer .widget_display_views ul li,
.olympus-theme .footer .widget_meta ul li {
  padding-left: 0;
  padding-right: 0;
}

.olympus-theme .footer .widget_display_stats dl dt {
  padding: 10px 0 0 0;
}

.olympus-theme .footer .widget_display_stats dl dd {
  padding: 0 0 10px 0;
}

.olympus-theme .footer .widget.buddypress.widget_bp_groups_widget li,
.olympus-theme .footer .widget.buddypress.widget_bp_core_members_widget li {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #e6ecf5;
}

.olympus-theme .footer .widget.buddypress.widget_bp_groups_widget li:last-child,
.olympus-theme
  .footer
  .widget.buddypress.widget_bp_core_members_widget
  li:last-child {
  border-bottom: none;
}

.olympus-theme
  .footer
  .widget.buddypress.widget_bp_groups_widget
  li:first-child,
.olympus-theme
  .footer
  .widget.buddypress.widget_bp_core_members_widget
  li:first-child {
  border-top: none;
}

.olympus-theme
  .footer
  .buddypress.widget.widget_bp_core_login_widget
  .bp-login-widget-user-avatar {
  padding: 0;
}

.olympus-theme
  .footer
  .buddypress.widget.widget_bp_core_login_widget
  .bp-login-widget-user-links {
  padding: 0;
}

.olympus-theme .footer .widget_archive select {
  margin: 0;
  max-width: unset;
}

.olympus-theme .footer [class*="widget_nav_menu"] ul.menu li a {
  color: #888da8;
  font-weight: 500;
  border: 0;
  font-size: 12px;
}

.olympus-theme .footer [class*="widget_nav_menu"] ul.menu li a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.olympus-theme .footer [class*="widget_nav_menu"] ul.menu .mega-menu-col {
  display: block;
  width: auto;
}

.olympus-theme .footer [class*="widget_pages"] li a {
  color: #888da8;
  color: var(--body-font-color);
  font-weight: 700;
  font-size: 12px;
}

.olympus-theme .footer [class*="widget_pages"] li a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.olympus-theme .footer [class*="widget_"] ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.olympus-theme .footer [class*="widget_pages"] li a {
  padding: 12px 0;
  position: relative;
  display: block;
  border-bottom: 1px solid #e6ecf5;
}

.olympus-theme .footer .widget_product_categories select {
  margin: 0;
  max-width: unset;
}

.olympus-theme .footer .widget_display_forums {
  border: none;
}

.olympus-theme .footer .widget_top_rated_products ul.product_list_widget li,
.olympus-theme .footer .widget_products ul.product_list_widget li,
.olympus-theme .footer .widget_recent_reviews ul.product_list_widget li,
.olympus-theme
  .footer
  .widget_recently_viewed_products
  ul.product_list_widget
  li,
.olympus-theme .footer .widget_recent_entries ul li,
.olympus-theme .footer .widget_recent_comments ul li,
.olympus-theme .footer .widget_archive ul li,
.olympus-theme .footer .widget_meta ul li,
.olympus-theme .footer .widget_display_forums ul li,
.olympus-theme .footer .widget_rss ul li,
.olympus-theme .footer .widget_olympus_latest_posts .blog-post .post-content,
.olympus-theme .footer .widget_categories ul li a {
  padding-left: 0;
  padding-right: 0;
}

.olympus-theme .footer .widget_search .w-search,
.olympus-theme .footer .widget_product_search .w-search,
.olympus-theme .footer .widget_tag_cloud .tagcloud,
.olympus-theme .footer .widget_text .textwidget,
.olympus-theme .footer .widget_media_video .wp-video,
.olympus-theme .footer .widget_media_image img,
.olympus-theme .footer .widget_media_gallery .gallery,
.olympus-theme .footer .widget_categories form,
.olympus-theme .footer .widget_calendar .calendar_wrap,
.olympus-theme
  .footer
  .widget_bp_core_recently_active_widget.buddypress.widget
  .avatar-block,
.olympus-theme
  .footer
  .widget_bp_core_whos_online_widget.buddypress.widget
  .avatar-block,
.olympus-theme .footer .bbp_widget_login .bbp-logged-in,
.olympus-theme .footer .bbp_widget_login > form,
.olympus-theme .footer .buddypress.widget.widget_bp_core_login_widget > form,
.olympus-theme .footer .widget_display_search .w-search,
.olympus-theme .footer .widget_product_tag_cloud .tagcloud {
  padding: 0;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 1024px) {
  .footer .footer-content {
    padding: 40px 0;
  }
}

@media (max-width: 768px) {
  .footer .widget .title {
    margin-bottom: 10px;
  }

  .sub-footer-copyright {
    padding: 20px 0;
  }

  .footer .footer-content {
    padding: 20px 0;
  }
}

/*------------- #SECTION --------------*/
.bg-section1 {
  background-image: url("../images/bg-section1.png");
}

.bg-section2:before {
  background-image: url("../images/bg-section2.png");
}

.bg-section3 {
  background-image: url("../images/bg-section3.png");
}

.bg-section4 {
  background-image: url("../images/bg-section4.png");
}

.bg-section5 {
  background-image: url("../images/bg-section5.png");
}

section {
  position: relative;
}

.section-move-bg .content-bg:before {
  background-position: bottom;
  background-repeat: repeat-x;
}

.section-move-bg .container {
  z-index: 5;
  position: relative;
}

.section-move-bg-top .content-bg:before {
  background-position: top;
  background-repeat: repeat-x;
  bottom: auto;
  top: 0;
}

.section-move-bg-top .container {
  z-index: 5;
  position: relative;
}

.call-to-action-animation .first-img {
  position: absolute;
  left: 15%;
  opacity: 0;
  transition: all 0.3s ease;
  bottom: -100%;
  transform: scale(0);
}

.call-to-action-animation .second-img {
  position: absolute;
  right: 80%;
  opacity: 0;
  transition: all 0.3s ease;
  bottom: -100%;
}

.img-scale-animation img {
  position: absolute;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  transform: scale(0);
  opacity: 0;
}

.img-scale-animation img.main-img {
  position: relative;
  box-shadow: none;
}

.img-scale-animation img.first-img1 {
  left: 2%;
  top: 5%;
}

.img-scale-animation img.second-img1 {
  left: 12%;
  top: 50%;
}

.img-scale-animation img.third-img1 {
  right: 2%;
  top: 8%;
}

.subscribe-animation {
  position: relative;
}

.subscribe-animation .plane {
  opacity: 0;
  position: absolute;
  bottom: -100%;
  transform: scale(0);
  left: 5%;
}

.planer-animation {
  position: relative;
}

.planer-animation .planer {
  position: absolute;
  top: 10%;
  left: 0;
  opacity: 0;
  transform: scale(0);
}

.contact-form-animation {
  position: relative;
}

.contact-form-animation .crew {
  opacity: 0;
  position: absolute;
  bottom: 20%;
  transform: scale(0);
  left: 0;
}

.block-action {
  padding: 60px 70px 40px;
  border-radius: 5px;
  min-height: 260px;
  display: -ms-flexbox;
  display: flex;
}

.block-action > * {
  margin-top: auto;
  min-width: 100%;
}

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

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*================= Responsive Mode ============*/
@media (max-width: 860px) {
  .img-scale-animation img.first-img1 {
    top: 0;
    max-height: 100%;
  }

  .img-scale-animation img.second-img1 {
    top: 0;
    max-height: 100%;
  }

  .img-scale-animation img.third-img1 {
    top: 0;
    max-height: 100%;
  }

  .subscribe-animation .plane {
    max-width: 200px;
    max-height: 100%;
  }

  .call-to-action-animation .first-img,
  .call-to-action-animation .second-img {
    max-width: 50%;
    max-height: 100%;
  }
}

@media (max-width: 460px) {
  .block-action {
    padding: 60px 50px 10px;
  }

  .subscribe-animation .plane {
    max-width: 100px;
  }
}

/*------------- #STUNNING-HEADER --------------*/
.bg-primary-opacity {
  background-color: rgba(255, 118, 58, 0.95);
}

.bg-purple-dark-opacity {
  background-color: rgba(98, 54, 178, 0.95);
}

.breadcrumbs {
  padding-left: 0;
}

.breadcrumbs-item {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 6px;
}

.breadcrumbs-item:first-child {
  margin-left: 0;
  margin-right: 6px;
}

.breadcrumbs-item a {
  opacity: 0.7;
}

.breadcrumbs-item a:hover {
  opacity: 1;
}

.breadcrumbs-item.active span {
  font-weight: 700;
}

.breadcrumbs-item .icon {
  margin-right: 6px;
}

.breadcrumbs-item:last-child .icon {
  display: none;
}

/*================= Responsive Mode ============*/
/*------------- #BOOTSTRAP-CUSTOMIZATION --------------*/
.btn-primary {
  background-color: #ff5e3a;
  border-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #ff5e3a;
  border-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
}

.btn-outline-primary {
  color: #ff5e3a;
  border-color: #ff5e3a;
  color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
}

.btn-outline-primary:hover {
  background-color: #ff5e3a;
  border-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #ff5e3a;
  border-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
}

.btn-link {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.page-link:hover {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.badge-primary {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.bg-primary {
  background-color: #ff5e3a !important;
  background-color: var(--primary-accent-color) !important;
}

.border-primary {
  border-color: #ff5e3a !important;
  border-color: var(--primary-accent-color) !important;
}

.text-primary {
  color: #ff5e3a !important;
  color: var(--primary-accent-color) !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #ff3407 !important;
  background-color: var(--primary-accent-color-darken) !important;
}

a.bg-blue:focus,
a.bg-blue:hover,
button.bg-blue:focus,
button.bg-blue:hover {
  background-color: #0593ff !important;
  background-color: var(--secondary-accent-color-darken) !important;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  background-color: #ff3407;
  background-color: var(--primary-accent-color-darken);
}

a.text-primary:hover,
a.text-primary:focus {
  color: #ff3407 !important;
  color: var(--primary-accent-color-darken) !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #ff3407;
  border-color: #ff3407;
  background-color: var(--primary-accent-color-darken);
  border-color: var(--primary-accent-color-darken);
}

body.olympus-theme {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  text-align: left;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, sans-serif;
  font-family: var(--body-font-family);
  font-size: 0.812rem;
  font-size: var(--body-font-size);
  font-weight: 400;
  font-weight: var(--body-font-weight);
  line-height: 1.5;
  line-height: --body-line-height;
  color: #888da8;
  color: var(--body-font-color);
}

body.olympus-theme.media {
  display: block;
  -ms-flex-align: normal;
  align-items: normal;
}

body.olympus-theme.bg-body {
  background-color: #edf2f6;
  background-color: var(--body-bg-color);
}

body.olympus-theme.bg-custom-color {
  background-color: #edf2f6;
  background-color: var(--body-bg-color);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #515365;
  color: var(--heading-font-color);
  font-weight: 500;
  word-wrap: break-word;
}

#content {
  -ms-flex: 1;
  flex: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #content {
    -ms-flex: auto;
    flex: auto;
  }
}

@supports (-ms-accelerator: true) {
  #content {
    -ms-flex: auto;
    flex: auto;
  }
}

@supports (-ms-ime-align: auto) {
  #content {
    -ms-flex: auto;
    flex: auto;
  }
}

a {
  transition: all 0.2s ease;
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

select,
input,
.form-control {
  background-color: transparent;
}

.olympus-theme input.form-control {
  margin: 0;
}

.form-control:focus {
  border-color: #ff5e3a;
  border-color: var(--primary-accent-color);
}

select,
input {
  display: inline-block;
  width: 100%;
  padding: 1.1rem 1.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #464a4c;
  background-color: transparent;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #e6ecf5;
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="submit"] {
  width: auto;
  line-height: 1;
}

body {
  font-size: 0.875rem;
}

.nav-tabs .nav-item {
  position: relative;
}

.form-group {
  position: relative;
  margin-bottom: 1.4rem;
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
  top: 18px;
  font-size: 14px;
  line-height: 1.42857;
  left: 20px;
}

.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.has-bootstrap-select label.control-label {
  top: 8px;
  left: 19px;
  font-size: 11px;
  line-height: 1.07143;
}

.form-group.label-static label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-floating label.control-label {
  position: absolute;
  pointer-events: none;
  transition: 0.3s ease all;
}

.card {
  border: none;
}

.card-header a {
  color: #515365;
  color: var(--heading-font-color);
  display: block;
}

.card-header a:hover,
.card-header a:focus {
  color: #515365;
  color: var(--heading-font-color);
}

.card-header i,
.card-header svg {
  float: right;
  transition: all 0.3s ease;
  margin-top: 8px;
}

.card-header .collapsed i {
  transform: rotate(-90deg);
}

blockquote {
  margin: 3em 0;
  padding: 15px 80px 15px 80px;
  position: relative;
}

blockquote h6 {
  font-size: 11px;
  font-weight: 400;
  color: #888da8;
  color: var(--body-font-color);
}

blockquote h6 span {
  font-weight: 700;
  display: block;
  color: #515365;
  color: var(--heading-font-color);
}

blockquote p {
  margin: 0 0 15px !important;
  font-size: 22px;
  line-height: 1.3em;
  font-weight: 300;
  position: relative;
  color: #515365;
  color: var(--heading-font-color);
}

blockquote p:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -80px;
  display: block;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

@media (max-width: 640px) {
  blockquote p {
    font-size: 16px;
  }
}

a.vc_btn3.btn,
button.vc_btn3.btn,
button.btn {
  padding: 0.5rem 1rem;
}

a.vc_btn3.btn-sm,
button.vc_btn3.btn-sm,
button.btn-sm {
  padding: 0.5rem 1.7rem;
  font-size: 0.688rem;
}

@media (max-width: 1200px) {
  a.vc_btn3.btn-sm,
  button.vc_btn3.btn-sm,
  button.btn-sm {
    padding: 0.5rem 1.5rem;
  }
}

a.vc_btn3.btn-md,
button.vc_btn3.btn-md,
button.btn-md {
  padding: 1rem 3.5rem;
  font-size: 0.75rem;
}

@media (max-width: 1200px) {
  a.vc_btn3.btn-md,
  button.vc_btn3.btn-md,
  button.btn-md {
    padding: 1rem 2rem;
  }
}

@media (max-width: 1024px) {
  a.vc_btn3.btn-md,
  button.vc_btn3.btn-md,
  button.btn-md {
    padding: 1rem 1.8rem;
  }
}

a.vc_btn3.btn-md-2,
button.vc_btn3.btn-md-2,
button.btn-md-2 {
  padding: 0.8rem 2.1rem;
  font-size: 0.688rem;
}

@media (max-width: 1200px) {
  a.vc_btn3.btn-md-2,
  button.vc_btn3.btn-md-2,
  button.btn-md-2 {
    padding: 0.8rem 1.8rem;
  }
}

a.vc_btn3.btn-lg,
button.vc_btn3.btn-lg,
button.btn-lg {
  padding: 1rem 3rem;
}

@media (max-width: 1200px) {
  a.vc_btn3.btn-lg,
  button.vc_btn3.btn-lg,
  button.btn-lg {
    padding: 1rem 2rem;
  }
}

.form-inline > * + * {
  margin-left: 16px;
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
  font-weight: 300;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.modal-dialog {
  pointer-events: auto;
  margin: 30px auto;
}

.was-validated .form-control:valid ~ .invalid-feedback,
.was-validated .form-control:valid ~ .invalid-tooltip {
  display: none;
}

.was-validated .form-control:valid ~ .material-input:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  font-size: 9px;
  background-color: #08ddc1;
  color: #fff;
  text-align: center;
  right: 20px;
  top: 50%;
  margin-top: -10px;
}

/*================= Styles for custom input type="number" ============*/
.number-spinner.input-group .form-group {
  margin-bottom: 0;
}

.number-spinner.input-group .form-control {
  width: 100%;
  padding: 0.5rem 1.1rem;
  max-width: 80px;
  text-align: center;
}

.number-spinner.input-group .input-group-btn > .btn {
  margin-bottom: 0;
  height: 100%;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  z-index: 5;
}

.number-spinner.input-group .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  color: var(--white-color);
}

.number-spinner.input-group .glyphicon:before {
  content: "\2212";
}

.number-spinner.input-group .glyphicon-plus:before {
  content: "\2b";
}

.number-spinner.input-group.number-spinner--secondary .input-group-btn > .btn {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
}

.number-spinner.input-group.number-spinner--breez .input-group-btn > .btn {
  background-color: #08ddc1;
}

.number-spinner.input-group.number-spinner--green .input-group-btn > .btn {
  background-color: #1ed760;
}

.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #e6f5fc;
  border-color: #e6f5fc;
}

.show > .btn-secondary.dropdown-toggle {
  background-color: transparent;
  border-color: #e6f5fc;
}

table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #888da8;
  color: var(--body-font-color);
  text-align: left;
}

th {
  text-align: left;
}

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 1px solid #e6ecf5;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #e6ecf5;
}

table,
th,
td {
  border: 1px solid #e6ecf5;
}

table > thead > tr > th {
  vertical-align: bottom;
}

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

table > tbody + tbody {
  border-top: 2px solid #e6ecf5;
}

table table {
  background-color: #fff;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

table > thead > tr > td.active,
table > tbody > tr > td.active,
table > tfoot > tr > td.active,
table > thead > tr > th.active,
table > tbody > tr > th.active,
table > tfoot > tr > th.active,
table > thead > tr.active > td,
table > tbody > tr.active > td,
table > tfoot > tr.active > td,
table > thead > tr.active > th,
table > tbody > tr.active > th,
table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

table > thead > tr > td.success,
table > tbody > tr > td.success,
table > tfoot > tr > td.success,
table > thead > tr > th.success,
table > tbody > tr > th.success,
table > tfoot > tr > th.success,
table > thead > tr.success > td,
table > tbody > tr.success > td,
table > tfoot > tr.success > td,
table > thead > tr.success > th,
table > tbody > tr.success > th,
table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

table > thead > tr > td.info,
table > tbody > tr > td.info,
table > tfoot > tr > td.info,
table > thead > tr > th.info,
table > tbody > tr > th.info,
table > tfoot > tr > th.info,
table > thead > tr.info > td,
table > tbody > tr.info > td,
table > tfoot > tr.info > td,
table > thead > tr.info > th,
table > tbody > tr.info > th,
table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

table > thead > tr > td.warning,
table > tbody > tr > td.warning,
table > tfoot > tr > td.warning,
table > thead > tr > th.warning,
table > tbody > tr > th.warning,
table > tfoot > tr > th.warning,
table > thead > tr.warning > td,
table > tbody > tr.warning > td,
table > tfoot > tr.warning > td,
table > thead > tr.warning > th,
table > tbody > tr.warning > th,
table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

table > thead > tr > td.danger,
table > tbody > tr > td.danger,
table > tfoot > tr > td.danger,
table > thead > tr > th.danger,
table > tbody > tr > th.danger,
table > tfoot > tr > th.danger,
table > thead > tr.danger > td,
table > tbody > tr.danger > td,
table > tfoot > tr.danger > td,
table > thead > tr.danger > th,
table > tbody > tr.danger > th,
table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.dropdown-menu {
  font-size: 0.75rem;
}

body.olympus-theme div.section-theme-padding {
  display: block;
  padding-top: 100px;
  padding-bottom: 65px;
}

body.olympus-theme .container > .row.section-theme-padding > .vc_row {
  margin-right: 0;
  margin-left: 0;
}

body.olympus-theme a.post-edit-link,
body.olympus-theme a.vc_inline-link {
  border: none;
  color: #fff;
  color: var(--white-color);
  padding: 0.8rem 2.1rem;
  font-weight: 700;
  opacity: 0.85;
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 0.25rem;
}

body.olympus-theme a.post-edit-link:hover,
body.olympus-theme a.vc_inline-link:hover {
  opacity: 1;
}

body.olympus-theme a.post-edit-link {
  background: #ff5e3a;
  background: var(--primary-accent-color);
}

body.olympus-theme a.vc_inline-link {
  background: #38a9ff;
  background: var(--secondary-accent-color);
}

body.olympus-theme .entry-footer {
  text-align: center;
  clear: both;
}

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .form-group.label-floating label.control-label,
  .form-group.label-placeholder label.control-label {
    top: 12px;
  }
}

@media (max-width: 1024px) {
  .form-group.label-floating label.control-label,
  .form-group.label-placeholder label.control-label {
    left: 15px;
  }

  .form-group.label-static label.control-label,
  .form-group.label-floating.is-focused label.control-label,
  .form-group.label-floating:not(.is-empty) label.control-label,
  .form-group.has-bootstrap-select label.control-label {
    left: 14px;
  }

  body.olympus-theme div.section-theme-padding {
    padding-top: 70px;
    padding-bottom: 35px;
  }

  .form-group.label-static label.control-label,
  .form-group.label-floating.is-focused label.control-label,
  .form-group.label-floating:not(.is-empty) label.control-label,
  .form-group.has-bootstrap-select label.control-label {
    top: 5px;
  }
}

@media (max-width: 768px) {
  body.olympus-theme div.section-theme-padding {
    padding-top: 40px;
    padding-bottom: 5px;
  }
}

@media (max-width: 600px) {
  .card-header a {
    font-size: 18px;
  }
}

@media (max-width: 585px) {
  .input-group span.input-group-btn,
  .input-group input,
  .input-group button {
    display: block;
    width: 100%;
    border-radius: 0;
    margin: 0;
  }

  .number-spinner.input-group span.input-group-btn {
    overflow: hidden;
  }

  .number-spinner.input-group span.data-up {
    position: relative;
    top: auto;
    width: auto;
    border-radius: 0 0.25rem 0.25rem 0;
  }

  .number-spinner.input-group span.data-dwn {
    position: relative;
    bottom: auto;
    width: auto;
    border-radius: 0.25rem 0 0 0.25rem;
  }

  .input-group {
    position: relative;
  }

  .input-group span.data-up {
    position: absolute;
    top: 0;
  }

  .input-group span.data-dwn {
    position: absolute;
    bottom: 0;
  }

  .form-control.text-center {
    margin: 34px 0;
  }

  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    margin-left: 0;
  }
}

@media (max-width: 360px) {
  .card-header a {
    font-size: 14px;
  }

  .form-group.label-floating label.control-label,
  .form-group.label-placeholder label.control-label {
    font-size: 12px;
  }
}

/*
Item name: primary-menu - Responsive Megamenu
Author: marcoarib - marco.arib@gmail.com
License: http://codecanyon.net/licenses
*/
/*
	CONTENTS:

	 1 - MENU CONTAINER
		- Scrollable menu
	 2 - BRAND
	 3 - MENU
		- Right alignment
		- Menu items
		- Active/hover state
	 4 - DROPDOWN
		- Dropdown items
		- Hover state
		- Dropdown left alignment
	 5 - DROPDOWN/MEGAMENU INDICATORS
	 6 - MEGAMENU
	 7 - MEGAMENU WIDTHS
		- Half width
		- Quarter width
	 8 - GRID SYSTEM
	 9 - SHOW/HIDE BUTTON (MOBILE MODE)
		- Icon
	10 - ICONS (parent menu items)
	11 - SEARCH FIELD
		- Form
		- Input
	12 - VERTICAL TABS
	13 - COLOR SCHEMES
	14 - MOBILE MODE (RESPONSIVE MODE)
		- Menu container
		- Brand
		- Show/hide button
		- Menu
		- Dropdown
		- Dropdown items
		- Dropdown/megamenu indicators
		- Megamenu
		- Search field
*/
/* 1 - MENU CONTAINER
======================================*/
.primary-menu,
.primary-menu * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.primary-menu {
  background-color: #fff;
  background-color: var(--white-color);
}

.primary-menu ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  background-color: inherit;
}

.primary-menu a {
  transition: all 0.15s linear;
}

/* scrollable menu */
.primary-menu-menu.scrollable > .scrollable-fix {
  display: none;
}

/* 2 - BRAND
======================================*/
.primary-menu-brand {
  margin: 18px 30px 0 0;
  float: left;
  color: #666;
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}

/* 3 - MENU
======================================*/
.primary-menu-menu {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}

/* Right alignment */
.primary-menu-menu.primary-menu-right {
  float: right;
}

/* Menu items */
.primary-menu-menu > li:not(.btn) {
  background-color: inherit;
}

.primary-menu-menu > li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.primary-menu-menu > li.btn {
  padding: 25px 30px;
  margin-bottom: 0;
  font-size: 14px;
  color: #fff;
  color: var(--white-color);
}

.primary-menu-menu > li.btn a {
  color: #fff !important;
  color: var(--white-color) !important;
  padding: 0;
}

.primary-menu-menu > li.btn:hover {
  color: #fff;
  color: var(--white-color);
}

.primary-menu-menu > li.btn:hover a {
  color: #fff;
  color: var(--white-color);
}

.primary-menu-menu > li.btn.btn-sm {
  padding: 0.5rem 1.7rem;
  font-size: 0.688rem;
}

.primary-menu-menu > li.btn.btn-md-2 {
  padding: 0.8rem 2.1rem;
}

.primary-menu-menu > li.btn.btn-md {
  font-size: 0.75rem;
}

.primary-menu-menu > li.btn.btn-lg {
  padding: 1rem 3rem;
  font-size: 14px;
}

.primary-menu-menu > li > a {
  vertical-align: middle;
  font-weight: 700;
  font-size: 13px;
  position: relative;
  color: #515365;
  color: var(--heading-font-color);
  /* padding: 25px; */
  padding: 25px 25px 25px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.primary-menu-menu > li > a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.primary-menu-menu > li > i {
  font-size: 10px;
}

.primary-menu-menu > li.menu-item-has-mega-menu {
  position: static;
}

.no-menu-box {
  font-size: 14px;
}

/* 4 - DROPDOWN
======================================*/
.primary-menu-menu ul.sub-menu,
.primary-menu-menu ul.sub-menu li ul.sub-menu {
  position: absolute;
  z-index: 9999;
  left: 0;
  margin: 0;
  padding: 0;
  min-width: 14rem;
  top: 100%;
  border-radius: 0.25rem;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  list-style: none;
  display: none;
  border: 1px solid #e6ecf5;
  background-color: inherit;
}

.primary-menu-menu ul.sub-menu .menu-item-has-children,
.primary-menu-menu ul.sub-menu li ul.sub-menu .menu-item-has-children {
  background-color: inherit;
}

.primary-menu-menu ul.sub-menu a:hover i.seoicon-right-arrow {
  opacity: 1;
}

.primary-menu-menu
  > li.menu-item-has-mega-menu
  .megamenu
  ul
  > li
  a:hover
  i.seoicon-right-arrow {
  opacity: 1;
}

.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a i {
  font-size: 24px;
  opacity: 1;
  margin-right: 15px;
  margin-left: 0;
  vertical-align: middle;
}

.primary-menu-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  top: -1px;
}

/* Dropdown items */
.primary-menu-menu ul.sub-menu li {
  clear: both;
  width: 100%;
  border: 0 none;
  font-size: 12px;
  position: relative;
}

.primary-menu-menu ul.sub-menu li a {
  padding: 10px 20px;
  font-weight: 500;
  font-size: 13px;
  position: relative;
  color: #888da8;
  transition: all 0.4s ease-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.primary-menu-menu ul.sub-menu.sub-menu-has-icons li i {
  font-size: 18px;
  margin-right: 10px;
  margin-left: 0;
  vertical-align: middle;
  position: relative;
}

.primary-menu-menu ul.sub-menu.sub-menu-has-icons .seoicon-right-arrow {
  display: none;
}

.primary-menu-menu
  ul.sub-menu.sub-menu-has-icons
  li.menu-item-has-children
  > a
  > i {
  opacity: 1;
}

.primary-menu-menu ul.sub-menu.sub-menu-has-icons li a:before {
  content: "";
  display: block;
  height: 100%;
  width: 3px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.primary-menu-menu ul.sub-menu.sub-menu-has-icons li a:hover:before {
  opacity: 1;
}

.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a {
  font-size: 13px;
  padding: 10px 20px;
  font-weight: 500;
  position: relative;
  color: #888da8;
  display: block;
  line-height: 1;
}

.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a:hover {
  background-color: transparent;
  color: #ff5e3a;
  color: var(--primary-accent-color);
  padding-left: 25px;
}

.primary-menu-menu
  > li.menu-item-has-mega-menu
  .megamenu
  ul
  > li.menu-item-has-children
  > a {
  font-weight: 700;
  color: #3f4257;
  color: var(--secondary-color);
  cursor: auto;
  margin-bottom: 5px;
}

.primary-menu-menu
  > li.menu-item-has-mega-menu
  .megamenu
  ul
  > li.menu-item-has-children
  > a:hover {
  color: #3f4257;
  background: var(--secondary-color);
  padding-left: 20px;
}

.primary-menu-menu ul.sub-menu li.menu-item-has-children > a > i {
  opacity: 0;
}

.primary-menu-menu ul.sub-menu li.menu-item-has-children.hover-ver2 > a > i {
  opacity: 1;
}

/* Hover state (sub-menu items) */
.primary-menu-menu ul.sub-menu li:hover > a {
  transition: all 0.3s ease;
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.primary-menu-menu ul.sub-menu li > a {
  position: relative;
}

/* Dropdown left alignment */
.primary-menu-menu ul.sub-menu.sub-menu-right {
  left: auto;
  right: 0;
}

.primary-menu-menu .megamenu--half-width .megamenu {
  left: 0;
}

.primary-menu-menu .megamenu--half-width .megamenu.sub-menu-right {
  left: auto;
  right: 0;
}

/* 5 - DROPDOWN/MEGAMENU INDICATORS
======================================*/
.primary-menu-menu > li.menu-item-has-children > a:hover:after,
.primary-menu-menu > li.menu-item-has-children > a:focus:after {
  transform: rotate(180deg);
  border-color: var(--primary-accent-color) transparent transparent transparent;
}

.primary-menu-menu > li.menu-item-has-children > a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: currentColor transparent transparent transparent;
  opacity: 0.7;
  position: absolute;
  right: 10px;
  transition: all 0.3s ease;
}

.primary-menu-menu
  > li.menu-item-has-children
  .sub-menu
  .menu-item-has-children
  > a:hover:after,
.primary-menu-menu
  > li.menu-item-has-children
  .sub-menu
  .menu-item-has-children
  > a:focus:after {
  border-color: transparent transparent transparent var(--primary-accent-color);
}

.primary-menu-menu
  > li.menu-item-has-children
  .sub-menu
  .menu-item-has-children
  > a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent currentColor;
  opacity: 0.7;
  position: absolute;
  right: 20px;
  margin: 0;
  transition: border-color 0.3s ease;
}

/* 6 - MEGAMENU
======================================*/
.primary-menu-menu > li > .megamenu {
  width: 100%;
  padding: 20px;
  left: 0;
  position: absolute;
  display: none;
  z-index: 1000;
  background-color: inherit;
  top: 100%;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  border-radius: 0.25rem;
  border: 1px solid #e6ecf5;
}

.primary-menu-menu > li.megamenu--half-width {
  position: relative;
}

.primary-menu-menu > li.megamenu--half-width > .megamenu {
  width: 630px;
  left: auto;
}

.primary-menu-menu > li > .megamenu ul {
  list-style: none;
}

.primary-menu-menu > li > .megamenu .google-logo {
  margin-bottom: 15px;
}

.primary-menu-menu > li > .megamenu .google-text {
  font-size: 14px;
  color: #acacac;
  margin-top: 20px;
  line-height: 1.7;
}

.megamenu-item-info-text {
  font-size: 13px;
  color: #888da8;
  line-height: 1.3;
}

.primary-menu-menu > li > .sub-menu .megamenu-item-info {
  padding: 10px 40px 0;
}

/* 7 - MEGAMENU WIDTHS
======================================*/
/* Half width */
.primary-menu-menu > li > .megamenu.megamenu-half-width {
  width: 50%;
  left: auto;
}

/* Quarter width */
.primary-menu-menu > li > .megamenu.megamenu-quarter-width {
  width: 25%;
  left: auto;
}

/* 8 - GRID SYSTEM
======================================*/
.primary-menu-menu > li > .megamenu .megamenu-row {
  width: 100%;
  margin-top: 15px;
}

.primary-menu-menu > li > .megamenu .megamenu-row:first-child {
  margin-top: 0;
}

.primary-menu-menu > li > .megamenu .megamenu-row:before,
.primary-menu-menu > li > .megamenu .megamenu-row:after {
  display: table;
  content: "";
  line-height: 0;
}

.primary-menu-menu > li > .megamenu .megamenu-row:after {
  clear: both;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col1,
.primary-menu-menu > li > .megamenu .megamenu-row .col2,
.primary-menu-menu > li > .megamenu .megamenu-row .col3,
.primary-menu-menu > li > .megamenu .megamenu-row .col4,
.primary-menu-menu > li > .megamenu .megamenu-row .col5,
.primary-menu-menu > li > .megamenu .megamenu-row .col6,
.primary-menu-menu > li > .megamenu .megamenu-row .col7,
.primary-menu-menu > li > .megamenu .megamenu-row .col8,
.primary-menu-menu > li > .megamenu .megamenu-row .col9,
.primary-menu-menu > li > .megamenu .megamenu-row .col10,
.primary-menu-menu > li > .megamenu .megamenu-row .col11,
.primary-menu-menu > li > .megamenu .megamenu-row .col12 {
  display: block;
  min-height: 20px;
  float: left;
  margin-left: 3%;
}

.primary-menu-menu > li > .megamenu .megamenu-row [class*="col"]:first-child {
  margin-left: 0;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col1 {
  width: 5.583333333333%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col2 {
  width: 14.166666666666%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col3 {
  width: 22.75%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col4 {
  width: 31.333333333333%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col5 {
  width: 39.916666666667%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col6 {
  width: 48.5%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col7 {
  width: 57.083333333333%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col8 {
  width: 65.666666666667%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col9 {
  width: 74.25%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col10 {
  width: 82.833333333334%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col11 {
  width: 91.416666666667%;
}

.primary-menu-menu > li > .megamenu .megamenu-row .col12 {
  width: 100%;
}

/* 9 - SHOW/HIDE BUTTON (MOBILE MODE)
======================================*/
.menu-icon-wrapper {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  pointer-events: none;
  transition: 0.1s;
}

.menu-icon-wrapper.scaled {
  transform: scale(0.5);
}

.menu-icon-wrapper svg {
  position: absolute;
  top: -33px;
  left: -33px;
}

.menu-icon-wrapper svg path {
  stroke: var(--heading-font-color);
  stroke-width: 30px;
  stroke-linecap: round;
  fill: transparent;
}

.menu-icon-wrapper .menu-icon-trigger {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  pointer-events: auto;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.menu-icon-wrapper svg {
  transform: scale(0.1);
  transform-origin: 0 0;
}

.showhide .mob-menu--title {
  position: relative;
  top: 2px;
  text-transform: uppercase;
  font-size: 18px;
  margin-right: 15px;
  font-weight: bold;
}

.primary-menu .showhide > span {
  display: inline-block;
  vertical-align: middle;
}

.primary-menu .showhide {
  cursor: pointer;
  text-align: center;
  padding: 0;
  display: none;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  line-height: 1;
}

/* 10 - ICONS (parent menu items)
======================================*/
.primary-menu-menu > li > a > i {
  margin: 0 5px 0 0;
  font-size: 15px;
  line-height: 15px;
  vertical-align: middle;
  width: auto;
  height: auto;
  top: -2px;
  position: relative;
}

.primary-menu-menu > li > a > img.menu-item-icon-img,
.primary-menu-menu > li > a > svg.menu-item-icon-img {
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
}

/* 11 - SEARCH FIELD
======================================*/
/* Form */
.primary-menu-menu > li.search form {
  float: left;
  padding: 22px 16px 17px;
}

/* Input */
.primary-menu-menu > li.search form input[type="text"] {
  width: 160px;
  padding: 5px 10px;
  border: none;
  background: #f0f0f0;
  border-radius: 2px;
  outline: 0;
  transition: width 1s ease-out;
}

.primary-menu-menu > li.search form:hover input[type="text"] {
  width: 160px;
}

/* 12 - VERTICAL TABS
======================================*/
.primary-menu-tabs {
  width: 100%;
  float: left;
}

.primary-menu-tabs-nav {
  width: 20%;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}

.primary-menu-tabs-nav > li > a {
  width: 100%;
  padding: 7px 16px;
  float: left;
  font-size: 13px;
  text-decoration: none;
  color: #666;
  border: solid 1px #f0f0f0;
  outline: 0;
}

.primary-menu-tabs-nav li.active a,
.primary-menu-tabs-nav li:hover a {
  background: #f0f0f0;
}

.primary-menu-tabs-content {
  width: 80%;
  min-height: 30px;
  padding: 20px;
  float: right;
  display: none;
  font-size: 13px;
  border: solid 1px #f0f0f0;
}

.primary-menu-tabs-content.active {
  display: block;
}

/* 14 - MOBILE MODE (RESPONSIVE MODE)
======================================*/
@media (max-width: 1200px) {
  .primary-menu-menu > li > a {
    /* padding: 25px 15px; */
    padding: 25px 15px 25px 10px;
  }

  .primary-menu-menu > li.menu-item-has-children > a::after {
    right: 0px;
  }
}

@media (max-width: 1023px) {
  /* Responsive menu container */
  .primary-menu ul {
    display: block;
  }

  .primary-menu-responsive.primary-menu .showhide {
    display: -ms-inline-flexbox;
    display: inline-flex;
    right: auto;
  }

  .primary-menu .primary-menu-menu {
    display: none;
  }

  .primary-menu-responsive.primary-menu .google-text {
    margin-bottom: 120px;
  }

  /* Brand */
  .primary-menu-responsive .primary-menu-brand {
    margin: 8px 30px 10px 20px;
    font-size: 20px;
    line-height: 1.55;
  }

  /* Show/hide button */
  /* Menu */
  .primary-menu-responsive .primary-menu-menu {
    background-color: #fff;
    background-color: var(--white-color);
  }

  .primary-menu-responsive .primary-menu-menu ul.sub-menu {
    top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  /* scrollable menu*/
  .primary-menu-responsive .primary-menu-menu.scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    max-height: calc(100vh - 150px) !important;
    top: 100%;
    left: 10px;
    width: calc(100% - 20px);
    box-shadow: 0 0 10px 0 rgba(63, 66, 87, 0.4);
    padding: 0;
    border-radius: 0 0 5px 5px;
    z-index: 20;
    background-color: inherit;
  }

  .primary-menu-responsive .primary-menu-menu.scrollable > .scrollable-fix {
    display: block;
  }

  /* Menu items */
  .primary-menu-responsive .primary-menu-menu > li {
    width: 100%;
    display: block;
    position: relative;
    clear: both;
    padding: 0;
  }

  .primary-menu-responsive .primary-menu-menu > li.btn a {
    border-bottom: 0;
  }

  .primary-menu-responsive .primary-menu-menu > li > a {
    width: 100%;
    padding: 12px 20px;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 1px #f0f0f0;
  }

  .primary-menu-responsive .primary-menu-menu > li > a:hover {
    color: #ff5e3a;
    color: var(--primary-accent-color);
  }

  .primary-menu-responsive .primary-menu-menu > li > a:after {
    right: 15px;
  }

  .primary-menu-responsive .primary-menu-menu > li:first-child > a {
    border-top: solid 1px #f0f0f0;
  }

  /* Dropdown */
  .primary-menu-responsive .primary-menu-menu ul.sub-menu,
  .primary-menu-responsive .primary-menu-menu ul.sub-menu li ul.sub-menu {
    width: 100%;
    left: 0;
    position: static;
    border: none;
    background: #fff;
    float: left;
  }

  .primary-menu-responsive .primary-menu-menu ul.sub-menu {
    position: relative;
    background-color: inherit;
  }

  .primary-menu-responsive .primary-menu-menu > li {
    padding-bottom: 0;
  }

  .primary-menu-responsive .primary-menu-menu > li.btn {
    padding: 0;
  }

  /* Dropdown items */
  .primary-menu-responsive .primary-menu-menu ul.sub-menu li {
    position: relative;
  }

  .primary-menu-responsive .primary-menu-menu ul.sub-menu li a {
    border-bottom: solid 1px #f0f0f0;
    padding: 12px 30px;
    font-size: 12px;
  }

  .primary-menu-responsive
    .primary-menu-menu.primary-menu-indented
    > li
    > ul.sub-menu
    > li
    > ul.sub-menu
    > li
    > ul.sub-menu
    > li
    > a {
    padding-left: 80px !important;
  }

  .primary-menu-responsive
    .primary-menu-menu.primary-menu-indented
    > li
    > ul.sub-menu
    > li
    > ul.sub-menu
    > li
    > ul.sub-menu
    > li:hover
    > a {
    padding-left: 90px !important;
  }

  /* Dropdown/megamenu indicators */
  .primary-menu-responsive .primary-menu-menu li .indicator {
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    text-align: center;
    line-height: 42px;
    border-left: solid 1px #f0f0f0;
    z-index: 50;
  }

  .primary-menu-responsive .primary-menu-menu li .indicator:after {
    margin-left: 0;
  }

  .primary-menu-responsive .primary-menu-menu li ul.sub-menu li .indicator {
    height: 100%;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 36px;
    transform: rotate(90deg);
    border-left: none;
  }

  /* Megamenu */
  .primary-menu-responsive .primary-menu-menu > li > .megamenu {
    width: 100% !important;
    position: relative;
    border-top: none;
    border-bottom: solid 1px #f0f0f0;
    box-shadow: none;
    padding: 10px;
    border-radius: 0;
  }

  .primary-menu-responsive
    .primary-menu-menu
    > li
    > .megamenu
    .megamenu-row
    [class*="col"],
  nav.primary-menu-responsive
    li.menu-item-has-mega-menu
    ul.mega-menu-row
    li.mega-menu-col {
    float: none;
    display: block;
    width: 100% !important;
    margin-left: 0;
    margin-top: 10px;
  }

  .primary-menu-responsive
    .primary-menu-menu
    > li
    > .megamenu
    .megamenu-row:first-child
    [class*="col"]:first-child {
    margin-top: 0;
  }

  .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row {
    margin-top: 0;
  }

  /* Search field */
  .primary-menu-responsive .primary-menu-menu > li.search form {
    width: 100%;
    margin: 4px 0;
    padding: 10px 16px !important;
  }

  .primary-menu-responsive
    .primary-menu-menu
    > li.search
    form
    input[type="text"] {
    width: 100%;
  }

  /* Tabs */
  .primary-menu-responsive .primary-menu-tabs-nav {
    width: 100%;
  }

  .primary-menu-responsive .primary-menu-tabs-content {
    width: 100%;
  }
}

@media (max-width: 980px) {
  .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a {
    font-size: 13px;
  }

  .primary-menu-menu ul.sub-menu li a {
    font-size: 13px;
  }

  .primary-menu-menu .column-tittle {
    font-size: 14px;
  }
}

@media (max-width: 640px) {
  .primary-menu-menu ul.sub-menu li a {
    padding: 10px;
  }
}

/* CSS3 ANIMATIONS */
.zoom-in {
  animation: zoomIn 400ms ease both;
}

@keyframes zoomIn {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

.zoom-out {
  animation: zoomOut 400ms ease both;
}

@keyframes zoomOut {
  0% {
    transform: scale(0.6);
  }
  100% {
    transform: scale(1);
  }
}

.drop-up {
  animation: drop-up 200ms ease both;
}

@keyframes drop-up {
  0% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}

.drop-left {
  animation: drop-left 400ms ease both;
}

@keyframes drop-left {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(0);
  }
}

.swing {
  transform-origin: top center;
  animation: swing 400ms ease-out both;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.flip {
  animation: flip 700ms ease both;
}

@keyframes flip {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.roll-in {
  animation: roll-in 400ms ease both;
}

@keyframes roll-in {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-15deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}

.stretch {
  animation: stretch 500ms ease both;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}

@keyframes stretch {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}

nav li.menu-item-has-mega-menu ul.mega-menu-row,
nav li.menu-item-has-mega-menu ul.mega-menu-row ul {
  position: static !important;
  margin: 0 !important;
  width: 100%;
  display: table !important;
  table-layout: fixed;
  padding: 0;
  float: none;
  left: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  -webkit-transform: none !important;
}

.mega-menu-col {
  display: table-cell;
  width: 1px;
}

nav li.menu-item-has-mega-menu ul.mega-menu-row .mega-menu-col ul {
  display: block !important;
  width: 100%;
}

nav li.menu-item-has-mega-menu ul.mega-menu-row li {
  padding: 0 !important;
  line-height: 1;
}

/*------------- #Gutenberg Customization --------------*/
.olympus-theme .wp-block-pullquote {
  border-top: 4px solid #555d66;
  border-bottom: 4px solid #555d66;
  color: #40464d;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0;
}

.olympus-theme .wp-block-pullquote blockquote {
  margin: 2em 0;
  padding: 15px 30px 15px 30px;
  position: relative;
}

.olympus-theme .wp-block-pullquote blockquote p:before {
  left: -30px;
}

.olympus-theme .wp-block-image,
.olympus-theme .wp-block-embed-vimeo {
  margin: 2em auto;
}

.olympus-theme .wp-block-gallery {
  margin: 2em;
  list-style: none;
  padding-left: 0;
}

.olympus-theme .wp-block-image figcaption {
  margin-bottom: 0;
}

.olympus-theme .wp-block-separator {
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 2px solid #8f98a1;
  margin: 1.65em auto;
}

.olympus-theme .wp-block-separator:after {
  content: "";
  display: block;
  clear: both;
}

.olympus-theme .wp-block-separator.is-style-dots {
  border: none;
}

.olympus-theme .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 100px;
}

.olympus-theme .wp-block-categories,
.olympus-theme .wp-block-archives,
.olympus-theme .wp-block-latest-posts,
.olympus-theme .wp-block-latest-posts {
  list-style: none;
  padding-left: 0;
}

.olympus-theme .wp-block-categories li a,
.olympus-theme .wp-block-archives li a,
.olympus-theme .wp-block-latest-posts li a,
.olympus-theme .wp-block-latest-posts li a {
  color: #515365;
  color: var(--heading-font-color);
}

.olympus-theme .wp-block-categories li a:hover,
.olympus-theme .wp-block-archives li a:hover,
.olympus-theme .wp-block-latest-posts li a:hover,
.olympus-theme .wp-block-latest-posts li a:hover {
  color: var(--primary-accent-color);
}

.olympus-theme .wp-block-latest-posts.is-grid li {
  margin: 0 16px 5px 0;
}

.olympus-theme .wp-block-quote.is-large,
.olympus-theme .wp-block-quote.is-style-large {
  margin: 3em 0;
  padding: 15px 80px 15px 80px;
}

.olympus-theme .wp-block-preformatted {
  overflow: auto;
}

.olympus-theme ol:not([class]) ol:not([class]),
.olympus-theme ul:not([class]) ul:not([class]),
.olympus-theme ol:not([class]) ul:not([class]) {
  padding-left: 20px;
}

.olympus-theme .wp-block-pullquote cite {
  font-style: italic;
  font-size: 0.875rem;
  text-align: right;
  color: #888da8;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 1024px) {
  .olympus-theme .wp-block-quote.is-large,
  .olympus-theme .wp-block-quote.is-style-large {
    margin: 1.5em 0;
    padding: 15px 30px 15px 30px;
  }
}

@media (max-width: 640px) {
  .wp-block-quote.is-large p,
  .wp-block-quote.is-style-large p,
  .wp-block-pullquote p {
    font-size: 16px;
  }

  .wp-block-quote.is-large cite,
  .wp-block-quote.is-large footer,
  .wp-block-quote.is-style-large cite,
  .wp-block-quote.is-style-large footer {
    font-size: 14px;
  }
}

.wp-block-button {
  clear: both;
  margin-bottom: 20px;
}

.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
  color: #fff;
}

.wp-block-cover,
.wp-block-cover-image {
  margin-bottom: 20px;
}

blockquote.has-very-dark-gray-color::before {
  color: inherit;
}

.wp-block-archives-dropdown {
  margin-bottom: 20px;
}

/*------------- #Elementor Customization --------------*/
.elementor-section:not(.elementor-inner-section) {
  padding-top: 45px;
  padding-bottom: 45px;
}

.elementor-page #content {
  margin: 0;
}

.elementor-page #primary.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.js-equal-child .elementor-container {
  width: 100%;
}

.js-equal-child .elementor-widget-container,
.js-equal-child .elementor-widget-wrap,
.js-equal-child .elementor-element {
  height: 100% !important;
}

.elementor-widget-olympus_button.elementor-widget__width-auto {
  margin-right: 15px;
}

.elementor-widget-olympus_button.elementor-widget__width-auto:last-child {
  margin-right: 15px;
}

.elementor-widget-text-editor .elementor-text-editor > * {
  color: inherit;
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
  .elementor-section:not(.elementor-inner-section) {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .contact-form-wrap .title span {
    font-size: 30px !important;
  }

  .js-equal-child .elementor-widget-container,
  .js-equal-child .elementor-widget-wrap,
  .js-equal-child .elementor-element {
    height: auto !important;
  }
}

/*------------- #Styles for preloader --------------*/
.olympus-preloader {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  opacity: 1;
}

.olympus-preloader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 150px;
}

html:root {
  --primary-accent-color: #ff5e3a;
  --primary-accent-color-darken: #ff3407;
  --secondary-accent-color: #38a9ff;
  --secondary-accent-color-darken: #0593ff;
  --third-accent-color: #7c5ac2;
  --secondary-color: #3f4257;
  --heading-font-color: #515365;
  --white-color: #fff;
  --body-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, sans-serif;
  --body-font-size: 0.812rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-font-color: #888da8;
  --body-bg-color: #edf2f6;
  --icon-color: #9a9fbf;
}

/*------------- #BLOCKS --------------*/
/*------------- #UI-BLOCK --------------*/
.ui-block {
  background-color: #fff;
  background-color: var(--white-color);
  border-radius: 5px;
  border: 1px solid #e6ecf5;
  margin-bottom: 15px;
}

.ui-block .ui-block-title:last-child {
  border-bottom: 0;
}

.ui-block-title {
  padding: 23px 25px 18px;
  line-height: 1;
  border-bottom: 1px solid #e6ecf5;
  border-top: 1px solid #e6ecf5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
  border-radius: 5px 5px 0 0;
}

.ui-block-title .more {
  padding-left: 25px;
  text-align: right;
  width: 16px;
}

.ui-block-title > * {
  margin-bottom: 0;
  width: 100%;
}

.ui-block-title.ui-block-title-small {
  padding: 10px 25px;
}

.ui-block-title.ui-block-title-small .title {
  font-size: 9px;
  text-transform: uppercase;
  color: #888da8;
  color: var(--body-font-color);
}

.ui-block-title:first-child {
  border-top: none;
}

.ui-block-title .btn {
  display: inline-block;
  margin-bottom: 0;
  white-space: nowrap;
}

.ui-block-title .btn + * {
  margin-left: 20px;
}

.ui-block-title.inline-items .more {
  float: right;
  margin-top: 6px;
  padding-left: 0;
  margin-left: auto;
}

.ui-block-title + .ui-block-title {
  border-bottom: none;
}

.ui-block-title .icon-add {
  margin-right: 0;
}

#accordion + .ui-block-title {
  border-top: none;
  border-bottom: none;
}

.ui-block-content {
  padding: 24px 23px 23px;
}

.post-block {
  border-radius: 7px;
  transition: background-color 0.3s ease;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 1200px) {
  .responsive-flex1200 .ui-block-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .responsive-flex1200 .ui-block-title > * {
    margin-bottom: 10px;
  }

  .responsive-flex1200 .ui-block-title .points {
    text-align: left;
  }

  .responsive-flex1200 .btn + * {
    margin-left: 0;
  }

  .responsive-flex1200 .w-search {
    width: auto;
  }

  .responsive-flex1200 form.w-search {
    width: 100%;
  }

  .responsive-flex1200 .w-select {
    padding: 0;
  }
}

@media (max-width: 860px) {
  .responsive-flex .w-search {
    width: auto;
  }
}

@media (max-width: 768px) {
  .responsive-flex .ui-block-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .responsive-flex .ui-block-title > * {
    margin-bottom: 10px;
  }

  .responsive-flex .ui-block-title .points {
    text-align: left;
  }

  .responsive-flex .block-btn {
    text-align: left;
    padding-right: 0;
  }

  .responsive-flex .more {
    padding-left: 0;
  }

  .responsive-flex .photo-gallery {
    position: relative;
    right: auto;
    -ms-flex-order: 5;
    order: 5;
    left: -26px;
    bottom: -29px;
    top: auto;
  }

  .responsive-flex .photo-gallery.nav-tabs .nav-item {
    border-top: 1px solid #e6ecf5;
    text-align: center;
  }

  .responsive-flex .w-search {
    width: auto;
  }

  .responsive-flex
    .bootstrap-select.without-border.btn-group
    .dropdown-toggle
    .filter-option {
    text-align: left;
  }

  .responsive-flex .align-right {
    text-align: left;
  }

  .responsive-flex .align-right * {
    display: block;
  }

  .responsive-flex .align-right > * + * {
    margin-top: 15px;
  }

  .responsive-flex .align-right .btn {
    margin-left: 0;
  }

  .responsive-flex .ui-block-title .btn + * {
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  .ui-block-content.display-flex.content-around {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ui-block-content.display-flex.content-around > * {
    margin-bottom: 15px;
  }
}

@media (max-width: 320px) {
  .ui-block-title .btn + .btn {
    margin-left: 0;
    margin-top: 15px;
  }
}

/*------------- #BUTTONS --------------*/
.btn {
  color: #fff;
  color: var(--white-color);
  position: relative;
  border: 2px solid;
}

.btn i {
  transition: all 0.15s ease-in-out;
}

.btn:hover {
  opacity: 0.8;
  color: #fff;
  color: var(--white-color);
}

.btn.c-grey {
  border-color: #d8dbe6;
}

.btn.c-grey:hover {
  color: inherit;
}

.btn.reset-btn {
  width: auto;
}

.btn.disabled,
.btn:disabled {
  background-color: var(--icon-color);
  border-color: var(--icon-color);
  cursor: not-allowed;
}

button:hover {
  cursor: pointer;
}

.btn--with-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
}

.btn--with-icon i {
  font-size: 18px;
}

.btn-icon-left i {
  margin-right: 10px;
}

.btn-icon-right i {
  margin-left: 10px;
}

.btn-lg i {
  font-size: 16px;
}

@media (max-width: 1080px) {
  .btn-lg {
    padding: 1rem;
  }
}

.btn-md {
  padding: 1rem 2.5rem;
  font-size: 0.75rem;
  border-radius: 0.3rem;
}

@media (max-width: 1080px) {
  .btn-md {
    padding: 0.6rem 0.5rem;
  }
}

.btn-md-2 {
  padding: 0.8rem 1.9rem;
  font-size: 0.688rem;
  border-radius: 0.3rem;
}

@media (max-width: 1080px) {
  .btn-md-2 {
    padding: 0.6rem 1.5rem;
  }
}

.btn-sm {
  padding: 0.5rem 1.7rem;
}

.btn-control {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  padding: 0;
  fill: #fff;
  fill: var(--white-color);
  font-size: 20px;
  border: none;
}

.btn-control:hover {
  opacity: 1;
}

.btn-control .more-dropdown {
  top: auto;
  bottom: 100%;
}

.btn-control .more-dropdown li {
  line-height: 1.3;
  font-size: 12px;
}

.btn-control > i {
  font-size: 20px;
}

.btn-control.has-i {
  font-size: unset;
}

.btn-control.has-i > svg,
.btn-control.has-i > i {
  font-size: 15px;
  width: 15px;
  height: 15px;
  margin: auto;
}

.btn-control-small {
  width: 34px;
  height: 34px;
}

.btn-control-small > i {
  font-size: 16px;
}

.btn-more {
  background-color: #ccd1e0;
  margin: 40px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 40px;
  transition: all 0.3s ease;
}

.btn-more:hover {
  fill: var(--primary-accent-color);
}

.control-block-button {
  position: absolute;
  z-index: 2;
}

.control-block-button .btn-control {
  margin-right: 20px;
  margin-bottom: 0;
  fill: var(--white-color);
}

.control-block-button .btn-control:last-child {
  margin-right: 0;
}

.control-block-button .btn-control .olymp-settings-icon {
  width: 17px;
  height: 21px;
}

.control-block-button .btn-control .olymp-happy-face-icon {
  width: 21px;
  height: 21px;
}

.control-block-button .btn-control .olymp-chat---messages-icon {
  width: 23px;
  height: 20px;
}

.control-block-button .btn-control .olymp-star-icon {
  height: 20px;
  width: 20px;
}

.control-block-button .btn-control .olymp-happy-faces-icon {
  height: 22px;
  width: 22px;
}

/*------------- #Color-scheme for buttons --------------*/
.btn-primary {
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
  color: var(--white-color);
}

.btn-primary:hover {
  color: var(--white-color);
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
}

.btn-primary .crumina-icon,
.btn-primary i {
  color: var(--white-color);
  fill: var(--white-color);
}

.btn-primary.btn--bordered {
  color: var(--primary-accent-color);
}

.btn-primary.btn--bordered .crumina-icon,
.btn-primary.btn--bordered i {
  color: var(--primary-accent-color);
  fill: var(--primary-accent-color);
}

.btn-primary.btn--bordered:hover {
  color: var(--white-color);
  border-color: var(--primary-accent-color);
  background-color: var(--primary-accent-color);
}

.btn-primary.btn--bordered:hover .crumina-icon,
.btn-primary.btn--bordered:hover i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-secondary {
  background-color: #ff5e3a;
  background-color: var(--secondary-accent-color);
  border-color: var(--secondary-accent-color);
  color: #fff;
  color: var(--white-color);
}

.btn-secondary:hover {
  color: #fff;
  color: var(--white-color);
  background-color: #38a9ff;
  border-color: #38a9ff;
  background-color: var(--secondary-accent-color);
  border-color: var(--secondary-accent-color);
}

.btn-secondary .crumina-icon,
.btn-secondary i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-secondary.btn--bordered {
  color: #38a9ff;
  color: var(--secondary-accent-color);
}

.btn-secondary.btn--bordered .crumina-icon,
.btn-secondary.btn--bordered i {
  color: #38a9ff;
  color: var(--secondary-accent-color);
  fill: #38a9ff;
  fill: var(--secondary-accent-color);
}

.btn-secondary.btn--bordered:hover {
  color: #fff;
  color: var(--white-color);
  border-color: #38a9ff;
  border-color: var(--secondary-accent-color);
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
}

.btn-secondary.btn--bordered:hover .crumina-icon,
.btn-secondary.btn--bordered:hover i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-purple {
  background-color: var(--third-accent-color);
  background-color: var(--third-accent-color);
  border-color: var(--third-accent-color);
  color: #fff;
  color: var(--white-color);
}

.btn-purple:hover {
  color: var(--white-color);
  background-color: var(--third-accent-color);
  border-color: var(--third-accent-color);
}

.btn-purple .crumina-icon,
.btn-purple i {
  color: var(--white-color);
  fill: var(--white-color);
}

.btn-purple.btn--bordered {
  color: var(--third-accent-color);
}

.btn-purple.btn--bordered .crumina-icon,
.btn-purple.btn--bordered i {
  color: var(--third-accent-color);
  fill: var(--third-accent-color);
}

.btn-purple.btn--bordered:hover {
  color: var(--white-color);
  border-color: var(--third-accent-color);
  background-color: var(--third-accent-color);
}

.btn-purple.btn--bordered:hover .crumina-icon,
.btn-purple.btn--bordered:hover i {
  color: var(--white-color);
  fill: var(--white-color);
}

.btn-breez {
  border-color: #08ddc1;
  background-color: #08ddc1;
  color: #fff;
}

.btn-breez:hover {
  color: #fff;
  color: var(--white-color);
  background-color: #08ddc1;
  border-color: #08ddc1;
}

.btn-breez .crumina-icon,
.btn-breez i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-breez.btn--bordered {
  color: #08ddc1;
}

.btn-breez.btn--bordered .crumina-icon,
.btn-breez.btn--bordered i {
  color: #08ddc1;
  fill: #08ddc1;
}

.btn-breez.btn--bordered:hover {
  color: var(--white-color);
  border-color: #08ddc1;
  background-color: #08ddc1;
}

.btn-breez.btn--bordered:hover .crumina-icon,
.btn-breez.btn--bordered:hover i {
  color: var(--white-color);
  fill: var(--white-color);
}

.btn-green {
  border-color: #1ed760;
  background-color: #1ed760;
  color: #fff;
}

.btn-green:hover {
  color: var(--white-color);
  background-color: #1ed760;
  border-color: #1ed760;
}

.btn-green .crumina-icon,
.btn-green i {
  color: var(--white-color);
  fill: var(--white-color);
}

.btn-green.btn--bordered {
  color: #1ed760;
}

.btn-green.btn--bordered .crumina-icon,
.btn-green.btn--bordered i {
  color: #1ed760;
  fill: #1ed760;
}

.btn-green.btn--bordered:hover {
  color: var(--white-color);
  border-color: #1ed760;
  background-color: #1ed760;
}

.btn-green.btn--bordered:hover .crumina-icon,
.btn-green.btn--bordered:hover i {
  color: var(--white-color);
  fill: var(--white-color);
}

.btn-grey {
  border-color: #515365;
  background-color: #515365;
  color: #fff;
}

.btn-grey:hover {
  color: #fff;
  color: var(--white-color);
  background-color: #515365;
  border-color: #515365;
}

.btn-grey .crumina-icon,
.btn-grey i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-grey.btn--bordered {
  color: #515365;
}

.btn-grey.btn--bordered .crumina-icon,
.btn-grey.btn--bordered i {
  color: #515365;
  fill: #515365;
}

.btn-grey.btn--bordered:hover {
  color: #fff;
  color: var(--white-color);
  border-color: #515365;
  background-color: #515365;
}

.btn-grey.btn--bordered:hover .crumina-icon,
.btn-grey.btn--bordered:hover i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-grey-light {
  border-color: #888da8;
  background-color: #888da8;
  color: #fff;
}

.btn-grey-light:hover {
  color: #fff;
  color: var(--white-color);
  background-color: #888da8;
  border-color: #888da8;
}

.btn-grey-light .crumina-icon,
.btn-grey-light i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-grey-light.btn--bordered {
  color: #888da8;
}

.btn-grey-light.btn--bordered .crumina-icon,
.btn-grey-light.btn--bordered i {
  color: #888da8;
  fill: #888da8;
}

.btn-grey-light.btn--bordered:hover {
  color: #fff;
  color: var(--white-color);
  border-color: #888da8;
  background-color: #888da8;
}

.btn-grey-light.btn--bordered:hover .crumina-icon,
.btn-grey-light.btn--bordered:hover i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-grey-lighter {
  border-color: #9a9fbf;
  background-color: #9a9fbf;
  color: #fff;
}

.btn-grey-lighter:hover {
  color: #fff;
  color: var(--white-color);
  background-color: #9a9fbf;
  border-color: #9a9fbf;
}

.btn-grey-lighter .crumina-icon,
.btn-grey-lighter i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-grey-lighter.btn--bordered {
  color: #9a9fbf;
}

.btn-grey-lighter.btn--bordered .crumina-icon,
.btn-grey-lighter.btn--bordered i {
  color: #9a9fbf;
  fill: #9a9fbf;
}

.btn-grey-lighter.btn--bordered:hover {
  color: #fff;
  color: var(--white-color);
  border-color: #9a9fbf;
  background-color: #9a9fbf;
}

.btn-grey-lighter.btn--bordered:hover .crumina-icon,
.btn-grey-lighter.btn--bordered:hover i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-breez-light {
  border-color: #2aebcb;
  background-color: #2aebcb;
  color: #fff;
}

.btn-breez-light:hover {
  color: #fff;
  color: var(--white-color);
  background-color: #2aebcb;
  border-color: #2aebcb;
}

.btn-breez-light .crumina-icon,
.btn-breez-light i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-breez-light.btn--bordered {
  color: #2aebcb;
}

.btn-breez-light.btn--bordered .crumina-icon,
.btn-breez-light.btn--bordered i {
  color: #2aebcb;
  fill: #2aebcb;
}

.btn-breez-light.btn--bordered:hover {
  color: #fff;
  color: var(--white-color);
  border-color: #2aebcb;
  background-color: #2aebcb;
}

.btn-breez-light.btn--bordered:hover .crumina-icon,
.btn-breez-light.btn--bordered:hover i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-yellow {
  border-color: #ffdc1b;
  background-color: #ffdc1b;
  color: #fff;
}

.btn-yellow:hover {
  color: #fff;
  color: var(--white-color);
  background-color: #ffdc1b;
  border-color: #ffdc1b;
}

.btn-yellow .crumina-icon,
.btn-yellow i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-yellow.btn--bordered {
  color: #ffdc1b;
}

.btn-yellow.btn--bordered .crumina-icon,
.btn-yellow.btn--bordered i {
  color: #ffdc1b;
  fill: #ffdc1b;
}

.btn-yellow.btn--bordered:hover {
  color: #fff;
  color: var(--white-color);
  border-color: #ffdc1b;
  background-color: #ffdc1b;
}

.btn-yellow.btn--bordered:hover .crumina-icon,
.btn-yellow.btn--bordered:hover i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-smoke {
  border-color: #e6ecf5;
  background-color: #e6ecf5;
  color: #000;
}

.btn-smoke:hover {
  color: #000;
  background-color: #e6ecf5;
  border-color: #e6ecf5;
}

.btn-smoke .crumina-icon,
.btn-smoke i {
  color: #000;
  fill: #000;
}

.btn-smoke.btn--bordered {
  color: #000;
}

.btn-smoke.btn--bordered .crumina-icon,
.btn-smoke.btn--bordered i {
  color: #000;
  fill: #000;
}

.btn-smoke.btn--bordered:hover {
  color: #000;
  border-color: #e6ecf5;
  background-color: #e6ecf5;
}

.btn-smoke.btn--bordered:hover .crumina-icon,
.btn-smoke.btn--bordered:hover i {
  color: #000;
  fill: #000;
}

.btn-white {
  border-color: #fff;
  border-color: var(--white-color);
  background-color: #fff;
  background-color: var(--white-color);
  color: #000;
}

.btn-white:hover {
  color: #000;
  background-color: #fff;
  background-color: var(--white-color);
  border-color: #fff;
  border-color: var(--white-color);
}

.btn-white .crumina-icon,
.btn-white i {
  color: #000;
  fill: #000;
}

.btn-white.btn--bordered {
  color: #000;
}

.btn-white.btn--bordered .crumina-icon,
.btn-white.btn--bordered i {
  color: #000;
  fill: #000;
}

.btn-white.btn--bordered:hover {
  color: #000;
  border-color: #fff;
  border-color: var(--white-color);
  background-color: #fff;
  background-color: var(--white-color);
}

.btn-white.btn--bordered:hover .crumina-icon,
.btn-white.btn--bordered:hover i {
  color: #000;
  fill: #000;
}

.btn-dark {
  border-color: #000;
  background-color: #000;
  color: #fff;
  color: var(--white-color);
}

.btn-dark:hover {
  color: #fff;
  color: var(--white-color);
  background-color: #000;
  border-color: #000;
}

.btn-dark .crumina-icon,
.btn-dark i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn-dark.btn--bordered {
  color: #000;
}

.btn-dark.btn--bordered .crumina-icon,
.btn-dark.btn--bordered i {
  color: #000;
  fill: #000;
}

.btn-dark.btn--bordered:hover {
  color: #fff;
  color: var(--white-color);
  border-color: #000;
  background-color: #000;
}

.btn-dark.btn--bordered:hover .crumina-icon,
.btn-dark.btn--bordered:hover i {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.btn--bordered {
  background-color: transparent;
}

.btn-blue {
  border-color: #38a9ff;
  border-color: var(--secondary-accent-color);
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
}

/*------------- ... end #Color-scheme for buttons --------------*/
.with--icon {
  text-align: left;
}

.with--icon .icon {
  margin-right: 12px;
  height: 35px;
  width: 35px;
  font-size: 35px;
  fill: #fff;
  fill: var(--white-color);
}

.with--icon > * {
  display: inline-block;
  vertical-align: middle;
}

.with--icon .text {
  overflow: hidden;
}

.with--icon span {
  display: block;
}

.with--icon .sup-title {
  font-size: 8px;
  font-weight: 700;
}

.with--icon .title {
  font-size: 14px;
  font-weight: 700;
}

.with--icon:after {
  box-shadow: 10px 0 15px 0 rgba(18, 25, 33, 0.3);
}

.with--icon.btn-md .icon {
  margin-right: 15px;
  height: 22px;
  width: 22px;
  font-size: 22px;
}

/*------------- #BUTTONS-action with icons --------------*/
.icon-add {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}

.icon-add:after {
  content: "\f067";
  display: block;
  position: absolute;
  right: -4px;
  top: -4px;
  color: inherit;
  font-size: 7px;
  font-family: "Font Awesome 5 Free";
}

.icon-add.without-text {
  margin-right: 0;
}

.icon-minus {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.icon-minus:after {
  content: "\f068";
  display: block;
  position: absolute;
  right: -4px;
  top: -4px;
  color: inherit;
  font-size: 7px;
  font-family: "Font Awesome 5 Free";
}

.accept-request {
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem;
  font-size: 0.688rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.accept-request:hover,
.accept-request:focus {
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
  opacity: 0.9;
}

.accept-request + .accept-request {
  margin-left: 8px;
}

.accept-request svg,
.accept-request i {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.request-del {
  background-color: #9a9fbf;
}

/*------------- #Button back-to-top --------------*/
.back-to-top {
  position: fixed;
  z-index: 19;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  stroke: inherit;
  transition: all 0.3s ease;
  bottom: 80px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0 0 10px 0 rgba(63, 66, 87, 0.4);
  border-radius: 100%;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  text-align: center;
  opacity: 0;
  visibility: hidden;
}

.back-to-top.btt-visible {
  opacity: 0.3;
  visibility: visible;
}

.back-to-top.btt-visible:hover {
  opacity: 1;
}

.back-to-top .back-icon {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  fill: var(--white-color);
  color: #fff;
  color: var(--white-color);
}

.btn-transparent {
  background-color: transparent;
}

/*================= Responsive Mode ============*/
@media (max-width: 1080px) {
  .btn--with-icon i {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .back-to-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    right: 20px;
  }

  .back-to-top .back-icon {
    height: 15px;
    width: 15px;
    font-size: 15px;
  }
}

@media (max-width: 360px) {
  .btn-control .more-dropdown {
    top: 100%;
    bottom: auto;
  }
}

/*------------- #VC_BUTTONS --------------*/
a.vc_btn3,
button.vc_btn3 {
  font-weight: bold;
}

a.vc_btn3.btn-primary,
button.vc_btn3.btn-primary {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  color: #fff;
}

a.vc_btn3.btn-primary:focus,
a.vc_btn3.btn-primary:hover,
button.vc_btn3.btn-primary:focus,
button.vc_btn3.btn-primary:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-purple,
button.vc_btn3.btn-purple {
  background-color: var(--third-accent-color);
  color: #fff;
}

a.vc_btn3.btn-purple:focus,
a.vc_btn3.btn-purple:hover,
button.vc_btn3.btn-purple:focus,
button.vc_btn3.btn-purple:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-blue,
button.vc_btn3.btn-blue {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
  color: #fff;
}

a.vc_btn3.btn-blue:focus,
a.vc_btn3.btn-blue:hover,
button.vc_btn3.btn-blue:focus,
button.vc_btn3.btn-blue:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-breez,
button.vc_btn3.btn-breez {
  background-color: #08ddc1;
  color: #fff;
}

a.vc_btn3.btn-breez:focus,
a.vc_btn3.btn-breez:hover,
button.vc_btn3.btn-breez:focus,
button.vc_btn3.btn-breez:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-green,
button.vc_btn3.btn-green {
  background-color: #1ed760;
  color: #fff;
}

a.vc_btn3.btn-green:focus,
a.vc_btn3.btn-green:hover,
button.vc_btn3.btn-green:focus,
button.vc_btn3.btn-green:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-grey,
button.vc_btn3.btn-grey {
  background-color: #515365;
  color: #fff;
}

a.vc_btn3.btn-grey:focus,
a.vc_btn3.btn-grey:hover,
button.vc_btn3.btn-grey:focus,
button.vc_btn3.btn-grey:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-grey-light,
button.vc_btn3.btn-grey-light {
  background-color: #888da8;
  color: #fff;
}

a.vc_btn3.btn-grey-light:focus,
a.vc_btn3.btn-grey-light:hover,
button.vc_btn3.btn-grey-light:focus,
button.vc_btn3.btn-grey-light:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-grey-lighter,
button.vc_btn3.btn-grey-lighter {
  background-color: #9a9fbf;
  color: #fff;
}

a.vc_btn3.btn-grey-lighter:focus,
a.vc_btn3.btn-grey-lighter:hover,
button.vc_btn3.btn-grey-lighter:focus,
button.vc_btn3.btn-grey-lighter:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-breez-light,
button.vc_btn3.btn-breez-light {
  background-color: #2aebcb;
  color: #fff;
}

a.vc_btn3.btn-breez-light:focus,
a.vc_btn3.btn-breez-light:hover,
button.vc_btn3.btn-breez-light:focus,
button.vc_btn3.btn-breez-light:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-yellow,
button.vc_btn3.btn-yellow {
  background-color: #ffdc1b;
  color: #fff;
}

a.vc_btn3.btn-yellow:focus,
a.vc_btn3.btn-yellow:hover,
button.vc_btn3.btn-yellow:focus,
button.vc_btn3.btn-yellow:hover {
  color: #fff;
  opacity: 0.8;
}

a.vc_btn3.btn-smoke,
button.vc_btn3.btn-smoke {
  background-color: #e6ecf5;
  color: #000;
}

a.vc_btn3.btn-smoke:focus,
a.vc_btn3.btn-smoke:hover,
button.vc_btn3.btn-smoke:focus,
button.vc_btn3.btn-smoke:hover {
  color: #000;
  opacity: 0.8;
}

a.vc_btn3.btn-bg-secondary,
a.vc_btn3.btn-secondary,
button.vc_btn3.btn-bg-secondary,
button.vc_btn3.btn-secondary {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
  color: #fff;
}

a.vc_btn3.btn-bg-secondary:focus,
a.vc_btn3.btn-bg-secondary:hover,
a.vc_btn3.btn-secondary:focus,
a.vc_btn3.btn-secondary:hover,
button.vc_btn3.btn-bg-secondary:focus,
button.vc_btn3.btn-bg-secondary:hover,
button.vc_btn3.btn-secondary:focus,
button.vc_btn3.btn-secondary:hover {
  color: #fff;
  opacity: 0.8;
}

.olympus-theme .vc_btn3.vc_btn3-icon-left .vc_btn3-icon,
.olympus-theme .vc_btn3.vc_btn3-icon-right .vc_btn3-icon {
  display: inline-block;
  position: relative;
  top: auto;
  transform: translate(0);
}

.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-sm,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-sm {
  padding: 6px 1.7rem;
}

@media (max-width: 1200px) {
  .olympus-theme .vc_btn3.vc_btn3-style-outline.btn-sm,
  .olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-sm {
    padding: 4px 1.5rem;
  }
}

.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-lg,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-lg {
  padding: 14px 4rem;
}

@media (max-width: 1080px) {
  .olympus-theme .vc_btn3.vc_btn3-style-outline.btn-lg,
  .olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-lg {
    padding: 1rem;
  }
}

.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md {
  padding: 14px 2.5rem;
}

@media (max-width: 1200px) {
  .olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md,
  .olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md {
    padding: 12px 2rem;
  }
}

@media (max-width: 1024px) {
  .olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md,
  .olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md {
    padding: 11px 1.8rem;
  }
}

.olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md-2,
.olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md-2 {
  padding: 11px 2.1rem;
}

@media (max-width: 1200px) {
  .olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md-2,
  .olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md-2 {
    padding: 9px 1.8rem;
  }
}

@media (max-width: 1024px) {
  .olympus-theme .vc_btn3.vc_btn3-style-outline.btn-md-2,
  .olympus-theme button.vc_btn3.vc_btn3-style-outline.btn-md-2 {
    padding: 8px 1.6rem;
  }
}

.olympus-theme
  .vc_btn3-container.vc_btn3-inline
  + .vc_btn3-container.vc_btn3-inline {
  margin-left: 20px;
}

.olympus-theme .vc_btn3.vc_btn3-icon-left .vc_btn3-icon {
  margin-right: 5px;
}

.olympus-theme .vc_btn3.vc_btn3-icon-right .vc_btn3-icon {
  margin-left: 5px;
}

.olympus-theme .vc_general.vc_btn3 {
  line-height: 1.5;
}

.olympus-theme .vc_general.vc_btn3 .vc_btn3-icon {
  vertical-align: initial;
  height: auto;
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink:hover,
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink:focus {
  background-color: #ff3407;
  background-color: var(--primary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover,
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus {
  background-color: #ff3407;
  background-color: var(--primary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-3d {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  box-shadow: 0 5px 0 #ff3407;
  box-shadow: 0 5px 0 var(--primary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-3d:hover,
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-3d:focus {
  background-color: #ff3407;
  background-color: var(--primary-accent-color-darken);
  box-shadow: 0 2px 0 #ff3407;
  box-shadow: 0 2px 0 var(--primary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern {
  background-color: #ff5e3a;
  border-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern:hover,
.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern:focus {
  background-color: #ff3407;
  border-color: #ff3407;
  background-color: var(--primary-accent-color-darken);
  border-color: var(--primary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-outline {
  color: #ff5e3a;
  border-color: #ff5e3a;
  color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
}

.olympus-theme .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-outline:hover {
  background-color: #ff3407;
  border-color: #ff3407;
  background-color: var(--primary-accent-color-darken);
  border-color: var(--primary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky:hover,
.olympus-theme .vc_btn3.vc_btn3-color-sky:focus {
  background-color: #0593ff;
  background-color: var(--secondary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:hover,
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:focus {
  background-color: #0593ff;
  border-color: #0593ff;
  background-color: var(--secondary-accent-color-darken);
  border-color: var(--secondary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-3d {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
  box-shadow: 0 5px 0 #0593ff;
  box-shadow: 0 5px 0 var(--secondary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-3d:hover,
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-3d:focus {
  background-color: #0593ff;
  box-shadow: 0 2px 0 #0593ff;
  background-color: var(--secondary-accent-color-darken);
  box-shadow: 0 2px 0 var(--secondary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-modern {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
  border-color: #38a9ff;
  border-color: var(--secondary-accent-color);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-modern:hover,
.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-modern:focus {
  background-color: #0593ff;
  border-color: #0593ff;
  background-color: var(--secondary-accent-color-darken);
  border-color: var(--secondary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-outline {
  color: #38a9ff;
  border-color: #38a9ff;
  color: var(--secondary-accent-color);
  border-color: var(--secondary-accent-color);
}

.olympus-theme .vc_btn3.vc_btn3-color-sky.vc_btn3-style-outline:hover {
  background-color: #0593ff;
  border-color: #0593ff;
  background-color: var(--secondary-accent-color-darken);
  border-color: var(--secondary-accent-color-darken);
}

.olympus-theme .vc_btn3.vc_btn3-color-violet:hover,
.olympus-theme .vc_btn3.vc_btn3-color-violet:focus {
  background-color: #623faa;
}

.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat {
  background-color: #7c5ac2;
}

.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat:hover,
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat:focus {
  background-color: #623faa;
  border-color: #623faa;
}

.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-3d {
  background-color: #7c5ac2;
  box-shadow: 0 5px 0 #623faa;
}

.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-3d:hover,
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-3d:focus {
  background-color: #623faa;
  box-shadow: 0 2px 0 #623faa;
}

.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern {
  background-color: #7c5ac2;
  border-color: #7c5ac2;
}

.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern:hover,
.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern:focus {
  background-color: #623faa;
  border-color: #623faa;
}

.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-outline {
  color: #7c5ac2;
  border-color: #7c5ac2;
}

.olympus-theme .vc_btn3.vc_btn3-color-violet.vc_btn3-style-outline:hover {
  background-color: #623faa;
  border-color: #623faa;
}

/*================= Responsive Mode ============*/
@media (max-width: 840px) {
  .olympus-theme
    .vc_btn3-container.vc_btn3-inline
    + .vc_btn3-container.vc_btn3-inline {
    margin-left: 5px;
  }
}

@media (max-width: 630px) {
  .olympus-theme
    .page-content
    > .row.section-theme-padding
    .vc_row.vc_row-fluid {
    margin-right: 0;
    margin-left: 0;
  }
}

/*------------- #FORMS --------------*/
label.control-label {
  color: #888da8;
  color: var(--body-font-color);
}

input[type="radio"],
input[type="checkbox"] {
  width: auto;
  display: inline-block;
  margin-right: 5px;
}

textarea {
  min-height: 132px;
}

.form-group.label-floating textarea {
  padding: 1.3rem 1.1rem 0.2rem;
}

input,
.form-control {
  color: #515365;
  color: var(--heading-font-color);
  line-height: 1;
  font-size: 0.875rem;
}

.label-floating.has-success:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  font-size: 9px;
  background-color: #08ddc1;
  color: #fff;
  color: var(--white-color);
  text-align: center;
  right: 20px;
  top: 50%;
  margin-top: -10px;
}

.has-success .form-control-success,
.has-error .form-control-danger {
  background-image: none;
}

.fw-flash-message {
  list-style: none;
}

.form-group.with-icon-right .form-control,
.form-group.with-icon-right input,
.form-group.with-icon-right textarea {
  padding-right: 60px;
}

.label-floating .form-control,
.label-floating input,
.label-floating select {
  padding: 1.3rem 1.1rem 1.1rem;
  line-height: 1;
}

.label-floating textarea.form-control {
  padding: 1.5rem 1.1rem 0.2rem;
}

.label-floating.with-icon .form-control,
.label-floating.with-icon input,
.label-floating.with-icon textarea {
  padding-left: 70px;
}

.form-group.has-error:after {
  content: "\f00d";
  font-weight: 900;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 100%;
  background-color: #f92552;
  color: #fff;
  color: var(--white-color);
  font-size: 9px;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  font-family: "Font Awesome 5 Free";
}

select.form-control {
  padding-left: 0.875rem;
}

.nice-select .list {
  max-height: 30vh;
}

.form-group.with-icon i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50px;
  text-align: center;
  line-height: 3.5rem;
  border-right: 1px solid #e6ecf5;
  font-size: 20px;
}

.form-group.with-icon input {
  padding-left: 70px;
}

.form-group.with-button button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 35px;
  text-align: center;
  line-height: 100%;
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
  background-color: #d7d9e5;
  border: none;
}

.form-group.with-button input {
  padding-right: 50px;
  padding-left: 15px;
}

.label-floating.with-icon label.control-label,
.label-placeholder.with-icon label.control-label {
  left: 70px;
}

.date-time-picker input {
  position: relative;
  z-index: 5;
}

.input-group-addon {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  border: none;
  height: 100%;
}

.input-group-addon svg,
.input-group-addon i {
  fill: #9a9fbf;
  fill: var(--icon-color);
  color: #9a9fbf;
  color: var(--icon-color);
  width: 22px;
  font-size: 22px;
}

.custom-control-description {
  padding-left: 7px;
  color: #888da8;
  color: var(--body-font-color);
  line-height: 2;
}

.tooltip-inner {
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid #3f4257 !important;
  border: 1px solid var(--secondary-color) !important;
}

.tooltip-secondary .tooltip-inner {
  background-color: #38a9ff;
}

.tooltip-primary .tooltip-inner {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.tooltip-completed .tooltip-inner {
  background-color: #08ddc1;
}

.search-help-result-list {
  padding-left: 0;
}

/*------------- Toggle Button --------------*/
.togglebutton {
  vertical-align: middle;
  margin-bottom: 20px;
}

.togglebutton,
.togglebutton label,
.togglebutton input,
.togglebutton .toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.togglebutton label {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .togglebutton label,
.form-group.has-bootstrap-select .togglebutton label {
  color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .togglebutton label:hover,
.form-group.is-focused .togglebutton label:focus {
  color: rgba(0, 0, 0, 0.54);
}

fieldset[disabled] .form-group.is-focused .togglebutton label {
  color: rgba(0, 0, 0, 0.26);
}

.togglebutton label input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
}

.togglebutton label .toggle {
  text-align: left;
  margin-left: 5px;
}

.togglebutton label .toggle,
.togglebutton label input[type="checkbox"][disabled] + .toggle {
  content: "";
  display: inline-block;
  width: 66px;
  height: 30px;
  background-color: rgba(80, 80, 80, 0.7);
  border-radius: 15px;
  margin-right: 0;
  transition: background 0.3s ease;
  vertical-align: middle;
}

.togglebutton label .toggle:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 26px;
  background-color: #ffffff;
  border-radius: 20px;
  position: relative;
  left: 3px;
  top: 3px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
  text-align: center;
}

.togglebutton label input[type="checkbox"][disabled] + .toggle:after,
.togglebutton label input[type="checkbox"][disabled]:checked + .toggle:after {
  background-color: #bdbdbd;
}

.togglebutton label input[type="checkbox"] + .toggle:active:after,
.togglebutton label input[type="checkbox"][disabled] + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}

.togglebutton label input[type="checkbox"]:checked + .toggle:after {
  left: 39px;
}

.togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.togglebutton.blue label input[type="checkbox"]:checked + .toggle {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
}

.togglebutton label input[type="checkbox"]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(156, 39, 176, 0.1);
}

.description-toggle {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}

.description-toggle > * {
  display: table-cell;
  vertical-align: middle;
}

.description-toggle .togglebutton {
  text-align: right;
}

.description-toggle p {
  margin-bottom: 0;
}

.add-field {
  display: table;
  color: #888da8;
  color: var(--body-font-color);
  fill: #888da8;
  fill: var(--body-font-color);
  margin-bottom: 1rem;
  line-height: 100%;
}

.add-field svg,
.add-field i {
  margin-right: 10px;
  width: 12px;
  height: 12px;
  font-size: 12px;
}

.add-field > * {
  display: table-cell;
  vertical-align: middle;
}

.switcher-block {
  margin: 19px 0;
  display: table;
  width: 100%;
}

.switcher-block .title {
  font-size: 13px;
}

.switcher-block > * {
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
}

.switcher-block > *:last-child {
  text-align: right;
}

/*****************************************
  upload button styles
******************************************/
.file-upload {
  position: relative;
  display: inline-block;
}

.file-upload:hover {
  cursor: pointer;
}

.file-upload__label {
  background-color: #38a9ff;
  display: block;
  color: #fff;
  color: var(--white-color);
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  padding: 0.5rem 1rem;
  font-size: 0.812rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
}

.file-upload__label:hover {
  cursor: pointer;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.file-upload__label.bg-green:hover,
.file-upload__label.bg-blue:hover,
.file-upload__label.bg-breez:hover {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.file-upload__input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  width: 0;
  height: 100%;
  opacity: 0;
  padding: 0;
}

.file-upload__input:hover {
  cursor: pointer;
}

.subscribe-form {
  margin: 40px 0 20px;
}

.subscribe-form .form-group {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: 0;
}

.subscribe-form .form-control {
  width: 100%;
}

.subscribe-form.form-inline {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: initial;
  align-items: initial;
}

.list--styled {
  margin: 35px 0;
}

.list--styled li {
  color: #515365;
  color: var(--heading-font-color);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.list--styled li + li {
  margin-top: 30px;
}

.list--styled i {
  color: #ff5e3a;
  color: var(--primary-accent-color);
  font-size: 25px;
  margin-right: 17px;
}

.list--styled.small-icon i {
  font-size: 8px;
}

.list--styled.smallest-icon i {
  font-size: 6px;
}

.list--styled.icon-blue i {
  color: #38a9ff;
  color: var(--secondary-accent-color);
}

.elementor-icon-list-icon {
  color: #ff5e3a;
  color: var(--primary-accent-color);
  font-size: 25px;
  margin-right: 10px;
}

.search-form {
  padding: 20px 40px;
  background-color: #fff;
  background-color: var(--white-color);
  border-radius: 5px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
}

.search-form .form-group {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: 0;
}

.search-form .form-control {
  width: 100%;
}

.search-form > * + * {
  margin-left: -5px;
}

.search-form .btn {
  border-radius: 0 5px 5px 0;
}

.stunning-search .search-page-panel {
  transform: translateY(50%);
  margin-bottom: 0;
}

.search-page-panel {
  margin-bottom: 40px;
}

.radio-button {
  margin-bottom: 1rem;
}

.radio-button label {
  cursor: pointer;
  padding-left: 35px;
  position: relative;
}

.radio-button label span {
  display: block;
  position: absolute;
  left: 10px;
  top: 0;
  transition-duration: 0.2s;
}

.radio-button label .circle {
  border: 1px solid #dde0e9;
  height: 18px;
  width: 18px;
  border-radius: 100%;
}

.radio-button label .check {
  height: 18px;
  width: 18px;
  border-radius: 100%;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  transform: scale3d(0, 0, 0);
}

.radio-button label .check:after {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.87);
  left: -18px;
  top: -18px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(1.5, 1.5, 1);
}

.radio-button input[type="radio"] {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
  display: none;
}

.radio-button input[type="radio"]:checked ~ .check,
.radio-button input[type="radio"]:checked ~ .circle {
  opacity: 1;
}

.radio-button input[type="radio"]:checked ~ .check {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.radio-button input[type="radio"]:checked ~ .circle {
  border-color: #ff5e3a;
  border-color: var(--primary-accent-color);
}

.radio-button input[type="radio"]:checked ~ .check {
  transform: scale3d(0.45, 0.45, 1);
}

.radio-button input[type="radio"][disabled] ~ .check,
.radio-button input[type="radio"][disabled] ~ .circle {
  opacity: 0.26;
}

.radio-button input[type="radio"][disabled] ~ .check {
  background-color: #000000;
}

.radio-button input[type="radio"][disabled] ~ .circle {
  border-color: #000000;
}

@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

.checkbox {
  margin-bottom: 1rem;
}

.checkbox label {
  cursor: pointer;
  padding-left: 0;
  margin-bottom: 0;
}

.form-group.is-focused .checkbox label {
  color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .checkbox label:hover,
.form-group.is-focused .checkbox label:focus {
  color: rgba(0, 0, 0, 0.54);
}

fieldset[disabled] .form-group.is-focused .checkbox label {
  color: rgba(0, 0, 0, 0.26);
}

.checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}

.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 1px;
  padding-right: 5px;
  display: inline-block;
}

.checkbox .checkbox-material:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  top: 0;
  transform: scale3d(2.3, 2.3, 1);
}

.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #e6ecf5;
  overflow: hidden;
  z-index: 1;
}

.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -3px;
  margin-left: 7px;
  width: 0;
  height: 0;
  background: red;
  box-shadow: 0 0 0 0 inset;
  animation: checkbox-off 0.3s forwards;
}

.checkbox input[type="checkbox"]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check {
  background: #ff5e3a;
  background: var(--primary-accent-color);
}

.checkbox input[type="checkbox"]:focus + .checkbox-material .check {
  border-color: #ff5e3a;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check:before {
  color: #ffffff;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
    -5px 5px 0 10px, 20px -12px 0 11px;
  animation: checkbox-on 0.3s forwards;
}

.checkbox.clicked input[type="checkbox"]:checked + .checkbox-material:before {
  animation: rippleOn 500ms;
}

.checkbox.clicked
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:after {
  animation: rippleOn 500ms forwards;
}

.checkbox.clicked
  input[type="checkbox"]:not(:checked)
  + .checkbox-material:before {
  animation: rippleOff 500ms;
}

.checkbox.clicked
  input[type="checkbox"]:not(:checked)
  + .checkbox-material
  .check:after {
  animation: rippleOff 500ms;
}

fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox input[type="checkbox"],
.checkbox input[type="checkbox"][disabled] ~ .checkbox-material .check,
.checkbox input[type="checkbox"][disabled] + .circle {
  opacity: 0.5;
}

.checkbox input[type="checkbox"][disabled] ~ .checkbox-material .check {
  border-color: #000000;
  opacity: 0.26;
}

.checkbox input[type="checkbox"][disabled] + .checkbox-material .check:after {
  background-color: rgba(0, 0, 0, 0.87);
  transform: rotate(-45deg);
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px;
  }
}

@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

.error-box {
  border-radius: 5px;
  background-color: #fff;
  background-color: var(--white-color);
  border: 1px solid #e6ecf5;
  padding: 30px;
  text-align: center;
  position: absolute;
  right: -135px;
  bottom: 70%;
  width: 270px;
  z-index: 999;
}

.error-box .danger {
  margin: 0 auto 20px;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 37px;
  text-align: center;
  border-radius: 100%;
  background-color: #f92552;
}

.error-box .danger i {
  color: #fff;
  color: var(--white-color);
  font-size: 12px;
}

.error-box .title {
  margin-bottom: 13px;
}

.error-box p {
  font-size: 13px;
  color: #888da8;
  color: var(--body-font-color);
}

.fw_form_fw_form .wrap-forms .header.title {
  background-color: initial;
  position: static;
  display: block;
  height: auto;
  padding: 0;
}

.fw_form_fw_form .wrap-forms .row > .form-builder-item {
  padding-left: 15px;
  padding-right: 15px;
}

/*================= Styles for standard forms ============*/
.olympus-theme.js .registration-login-form .tmce-active .wp-editor-area {
  color: #495057;
}

.olympus-theme .registration-login-form .wp-editor-container {
  border: none;
}

.olympus-theme .registration-login-form .wp-editor-tools button[type="button"] {
  padding: 0.5rem 3.5rem;
  margin-bottom: 15px;
}

.olympus-theme .wrap-forms input[type="radio"],
.olympus-theme .wrap-forms input[type="checkbox"] {
  width: auto;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.olympus-theme .wrap-forms input[type="radio"] + label,
.olympus-theme .wrap-forms input[type="checkbox"] + label {
  position: relative;
  top: 1px;
}

.olympus-theme .wrap-forms label sup {
  color: #ec0f31;
}

.olympus-theme .standart-form-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.olympus-theme .standart-form-flex > form {
  -ms-flex-order: 1;
  order: 1;
}

.olympus-theme .standart-form-flex > ul.fw-form-errors {
  -ms-flex-order: 2;
  order: 2;
  color: #ff5e3a;
  color: var(--primary-accent-color);
  font-weight: 400;
  font-style: italic;
}

/*================= Responsive Mode ============*/
@media (max-width: 860px) {
  .search-form {
    padding: 25px;
  }

  .wrap-forms label {
    font-size: 13px;
  }
}

@media (max-width: 360px) {
  .subscribe-form .btn {
    margin-left: -5px;
    border-radius: 0 5px 5px 0;
  }

  .search-form {
    padding: 0;
  }
}

.fixed-sidebar {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 22;
  width: 70px;
  left: 0;
  position: fixed;
}

.fixed-sidebar .ui-block-title {
  margin: 15px 0 5px 0;
  border-radius: 0;
}

.fixed-sidebar .search-friend i,
.fixed-sidebar .search-friend svg {
  height: 20px;
  width: 20px;
  font-size: 20px;
}

.fixed-sidebar .search-friend i:hover,
.fixed-sidebar .search-friend svg:hover {
  fill: #ff5e3a;
  fill: var(--primary-accent-color);
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.fixed-sidebar .ui-block-title a {
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 0;
}

.fixed-sidebar .ui-block-title a + a {
  float: right;
  color: #515365;
  color: var(--heading-font-color);
}

.fixed-sidebar .mCustomScrollbar {
  max-height: calc(100vh - 70px);
  overflow: hidden;
}

.fixed-sidebar .ps {
  overflow: hidden !important;
}

.fixed-sidebar .ps > .ps__rail-y,
.fixed-sidebar .ps:hover > .ps__rail-y {
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}

.fixed-sidebar.menu-open .fixed-sidebar-left {
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}

.fixed-sidebar.menu-open .fixed-sidebar-left.sidebar--small {
  transform: translateX(-100%);
}

.fixed-sidebar.menu-open .fixed-sidebar-left.sidebar--large {
  transform: translateX(0);
  transition-delay: 0.3s;
}

.fixed-sidebar.menu-open .fixed-sidebar-right {
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transform: translateX(0);
  transition-delay: 0.3s;
}

.fixed-sidebar.right {
  right: -70px;
  left: auto;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.fixed-sidebar.right.menu-open {
  z-index: 22;
}

.fixed-sidebar-left {
  position: absolute;
  height: 100%;
  background-color: #fff;
  background-color: var(--white-color);
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  min-height: 1000vh;
  z-index: 22;
}

.fixed-sidebar-left.sidebar--small {
  width: 70px;
  transition-delay: 0.3s;
}

.fixed-sidebar-left.sidebar--small .left-menu li {
  text-align: center;
  list-style: none;
}

.fixed-sidebar-left.sidebar--small .left-menu li a {
  padding: 14px 0;
  display: block;
}

.fixed-sidebar-left.sidebar--small .left-menu li a .universal-olympus-icon {
  margin-right: 0;
}

.fixed-sidebar-left.sidebar--small .left-menu li a.side-menu-open {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.fixed-sidebar-left.sidebar--small .left-menu li a.side-menu-open:hover i {
  color: #fff;
  color: var(--white-color);
}

.fixed-sidebar-left.sidebar--large {
  width: 270px;
  transform: translateX(-100%);
}

.fixed-sidebar-right {
  position: absolute;
  z-index: 20;
  right: 0;
  top: 70px;
  bottom: 0;
  background-color: #fff;
  background-color: var(--white-color);
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  border-left: 1px solid #e6ecf5;
  width: 270px;
  transform: translateX(100%);
  min-height: 1000vh;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.fixed-sidebar-right .author-page {
  padding: 15px 20px 0;
  margin-left: 0;
}

.fixed-sidebar-right .author-page .author-thumb {
  position: relative;
}

.fixed-sidebar-right .author-page .author-title {
  color: #515365;
  color: var(--heading-font-color);
}

.fixed-sidebar-right .author-page .author-title:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.fixed-sidebar-right .account-settings {
  /* padding: 0 25px 15px; */
  padding: 0 20px 15px;
}

.fixed-sidebar-right .account-settings .account-settings i {
  font-size: 16px;
}

.fixed-sidebar-right .account-settings a {
  padding: 10px 0;
}

.logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  color: var(--white-color);
}

.logo img {
  transition: opacity 0.3s ease;
}

.logo .logo-title {
  margin: 0;
  color: inherit;
  transition: all 0.3s ease;
}

.logo .sub-title {
  font-size: 9px;
}

.logo:hover {
  color: #fff;
  color: var(--white-color);
}

.logo .img-wrap {
  position: relative;
}

.left-menu {
  padding: 10px 0 20px 0;
}

.left-menu .left-menu-title {
  font-weight: 500;
  transition: inherit;
}

.left-menu .universal-olympus-icon {
  margin-right: 10px;
  transition: inherit;
}

.left-menu .universal-olympus-icon * {
  fill: currentColor;
}

.left-menu .sub-menu {
  list-style: none;
  padding-left: 20px;
}

.left-menu .sub-menu a {
  padding: 5px 0 5px 25px;
}

.left-menu .no-menu-box {
  padding: 16px 25px;
}

.left-menu .no-menu-box a {
  display: inline;
  padding: initial;
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.left-menu a {
  padding: 15px 0 15px 25px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  color: #9a9fbf;
  color: var(--icon-color);
}

.left-menu a > span {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.left-menu a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.left-menu a:hover * {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.left-menu a:hover svg {
  fill: #ff5e3a;
  fill: var(--primary-accent-color);
}

.left-menu a:hover svg * {
  fill: #ff5e3a;
  fill: var(--primary-accent-color);
}

.profile-completion {
  padding: 15px 25px 25px;
  transition: all 0.3s ease;
}

.profile-completion .skills-item-info {
  font-size: 14px;
}

.accordion-menu .card-header {
  padding: 0;
}

.accordion-menu .card-header a > .olymp-dropdown-arrow-icon {
  margin-left: 15px;
  margin-top: 4px;
}

.accordion-menu .card-header svg,
.accordion-menu .card-header i {
  margin-top: 0;
}

.accordion-menu .card-header a {
  color: inherit;
  font-size: 13px;
}

#notification-panel-bottom {
  height: 50px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: inherit;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 15;
  transition: all 0.3s ease;
}

#notification-panel-bottom.anim {
  opacity: 0;
  visibility: hidden;
  transform: translateY(200px);
}

#notification-panel-bottom .control-block {
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  position: relative;
}

#notification-panel-bottom .control-block .control-icon {
  margin-top: 0;
  position: unset;
  min-height: 100%;
}

#notification-panel-bottom .control-block .control-icon .label-avatar {
  right: 1px;
}

#notification-panel-bottom .control-block .control-icon:last-child {
  margin-right: 0;
}

#notification-panel-bottom .control-block .control-icon .icon-status-wrap {
  padding: 0 10px;
}

#notification-panel-bottom .control-block .control-icon .icon-status-wrap i {
  display: block;
  margin-top: 18px;
}

#notification-panel-bottom .more-dropdown {
  top: auto;
  bottom: 100%;
  left: 15px;
  width: calc(100vw - 30px);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

#notification-panel-bottom .more-with-triangle:before {
  display: none;
}

#notification-panel-bottom .view-all {
  border-radius: 0;
}

/*------------- Styles for Options "Left panel always Open" --------------*/
body.left-panel-always-open {
  padding-left: 270px;
}

body.left-panel-always-open #fixed-sidebar-left .side-menu-open {
  display: none;
}

body.left-panel-always-open .fixed-sidebar-left.sidebar--large {
  transform: translateX(0);
  transition-delay: 0.3s;
}

/*------------- ... end Styles for Options "Left panel always Open" --------------*/
/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  body.has-social-panel-bottom {
    padding-bottom: 50px;
  }

  #notification-panel-bottom {
    opacity: 1;
    visibility: visible;
  }

  .fixed-sidebar.right {
    visibility: visible;
    opacity: 1;
    right: -50px;
  }

  .side-menu-open {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
  }

  .fixed-sidebar .mCustomScrollbar {
    max-height: calc(100vh - 80px);
  }

  .fixed-sidebar-left.sidebar--small {
    display: none;
  }

  .fixed-sidebar {
    width: 50px;
  }

  .fixed-sidebar-left {
    min-height: unset;
    height: calc(100vh - 50px);
  }

  .fixed-sidebar.left {
    position: absolute;
  }

  .fixed-sidebar-right {
    top: 50px;
    opacity: 1;
    visibility: visible;
    display: block;
    min-height: unset;
    height: calc(100vh - 50px);
    width: 200px;
  }

  .left-menu .universal-olympus-icon {
    margin-right: 15px;
  }

  .fixed-sidebar .logo {
    height: 50px;
    text-align: center;
  }

  .left-menu {
    padding: 0;
  }

  .left-menu a {
    padding: 15px 0 15px 15px;
  }

  .left-menu .sub-menu a {
    padding: 5px 0 5px 15px;
  }

  .fixed-sidebar-left.sidebar--large {
    width: 170px;
  }

  body.left-panel-always-open {
    padding-left: 0;
  }

  body.left-panel-always-open #fixed-sidebar-left .side-menu-open {
    display: -ms-flexbox;
    display: flex;
  }

  body.left-panel-always-open .fixed-sidebar-left.sidebar--large {
    transform: translateX(-100%);
  }
}

/*------------- #FRIENDS --------------*/
.more-dropdown {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  width: 180px;
  /*border: 1px solid $border-color;*/
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  background-color: #fff;
  background-color: var(--white-color);
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  text-align: left;
  padding: 15px 20px;
  z-index: 5;
}

.more-dropdown ul {
  padding: 15px 25px;
  margin-bottom: 0;
}

.more-dropdown li a > * {
  display: inline-block;
  vertical-align: middle;
}

.more-dropdown a {
  padding: 7px 0;
  font-size: 12px;
  color: #515365;
  color: var(--heading-font-color);
  display: block;
  font-weight: 700;
}

.more-dropdown a.btn-sm {
  padding: 0.5rem 1.7rem;
  font-size: 0.688rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.more-dropdown a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.more-dropdown a.btn {
  color: #fff;
  color: var(--white-color);
}

.more:hover .more-dropdown {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.more {
  position: relative;
  transition: all 0.3s ease;
  color: #888da8;
  color: var(--body-font-color);
  fill: #c0c4d8;
}

.more .more {
  cursor: pointer;
}

.more > svg .more > svg {
  cursor: pointer;
}

.more-with-triangle:before {
  position: absolute;
  display: inline-block;
  content: "";
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-bottom: 7px solid var(--white-color);
  right: 25px;
}

.more-with-triangle.triangle-bottom-right:before {
  top: auto;
  bottom: -7px;
  right: 15px;
  border-bottom: none;
  border-top: 7px solid #fff;
  border-top: 7px solid var(--white-color);
}

.more-with-triangle.triangle-top-center:before {
  margin-right: -3px;
  right: 50%;
}

.more-with-triangle.triangle-top-left:before {
  right: auto;
  left: 15px;
}

/*------------- #SLIDERS --------------*/
.swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  background-color: var(--white-color);
  margin: auto 10px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid #d9dbe7;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-color: transparent;
}

.pagination-blue .page-link:focus,
.pagination-blue .page-link:hover {
  background-color: #38a9ff;
  border-color: #38a9ff;
  background-color: var(--secondary-accent-color);
  border-color: var(--secondary-accent-color);
}

.pagination-blue .page-link.active {
  background-color: #38a9ff;
  border-color: #38a9ff;
  background-color: var(--secondary-accent-color);
  border-color: var(--secondary-accent-color);
  color: #fff;
  color: var(--white-color);
}

.pagination-blue .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
}

.swiper-pagination {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.pagination-bottom {
  padding-bottom: 55px;
}

.pagination-bottom .swiper-pagination {
  bottom: 15px;
}

.btn-next,
.btn-prev,
.btn-next-without,
.btn-prev-without {
  position: absolute;
  cursor: pointer;
  width: 10px;
  height: 18px;
  display: block;
  z-index: 10;
  transition: all 0.2s ease-in;
  fill: #fff;
  fill: var(--white-color);
  stroke: inherit;
  top: 50%;
  transform: translate(0, -50%);
}

.btn-next:hover,
.btn-prev:hover,
.btn-next-without:hover,
.btn-prev-without:hover {
  fill: #ff5e3a;
  fill: var(--primary-accent-color);
}

.btn-next,
.btn-next-without {
  right: 40px;
}

.btn-prev,
.btn-prev-without {
  left: 40px;
}

/*------------- #PAGINATION --------------*/
.pagination {
  margin-top: 40px;
  margin-bottom: 40px;
}

.pagination .page-item {
  font-size: 12px;
  font-weight: 700;
  padding: 0 4px;
}

.pagination .page-link {
  border-radius: 0.25rem;
  color: #515365;
  color: var(--heading-font-color);
}

.pagination .page-link.active {
  background-color: #ff5e3a;
  border-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
  color: #fff;
  color: var(--white-color);
}

.pagination .page-link:focus,
.pagination .page-link:hover {
  border-color: #ff5e3a;
  border-color: var(--primary-accent-color);
}

.pagination .page-link:hover {
  color: #fff;
  color: var(--white-color);
}

.page-links {
  margin: 15px 0;
  clear: both;
}

.page-links a {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  line-height: 1.25;
  color: #515365;
  color: var(--heading-font-color);
  background-color: #fff;
  border: 1px solid #e6ecf5;
  margin-left: 5px;
  border-radius: 3px;
}

.page-links a:focus,
.page-links a:hover {
  border-color: #ff5e3a;
  background-color: #ff5e3a;
  border-color: var(--primary-accent-color);
  background-color: var(--primary-accent-color);
  color: #fff;
  color: var(--white-color);
}

.page-links span {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  line-height: 1.25;
  border: 1px solid #ff5e3a;
  border: 1px solid var(--primary-accent-color);
  margin-left: 5px;
  border-radius: 3px;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  color: #fff;
  color: var(--white-color);
}

.page-links span:hover {
  color: #fff;
  color: var(--white-color);
}

/*------------- #REGISTRATION-LOGIN-FORM --------------*/
.registration-login-form {
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  border: 1px solid #e6ecf5;
  background-color: #fff;
  background-color: var(--white-color);
  padding-left: 71px;
  margin-bottom: 20px;
  min-height: 610px;
}

.registration-login-form.selected-forms-single {
  padding-left: 0;
  min-height: unset;
}

.registration-login-form .nav-tabs {
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  border: none;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 71px;
  top: 0;
  bottom: 0;
  left: 0;
}

.registration-login-form .nav-item {
  margin-bottom: 0;
  height: 50%;
  width: 100%;
}

.registration-login-form .nav-item:last-child .nav-link {
  border-bottom: 0;
}

.registration-login-form .nav-link {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e6ecf5;
  border-right: 1px solid #e6ecf5;
  padding: 22px;
  color: #c0c4d8;
  fill: #c0c4d8;
  background-color: #fafbfd;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}

.registration-login-form .nav-link.active {
  fill: #ff5e3a;
  fill: var(--primary-accent-color);
  color: #ff5e3a;
  color: var(--primary-accent-color);
  background-color: #fff;
  background-color: var(--white-color);
  border-color: #e6ecf5;
}

.registration-login-form .nav-link svg,
.registration-login-form .nav-link i {
  width: 21px;
  height: 21px;
  font-size: 21px;
  margin: auto;
}

.registration-login-form .tab-content {
  overflow: hidden;
}

.registration-login-form .content {
  padding: 35px 25px;
}

.registration-login-form .content .btn-primary {
  margin-bottom: 20px;
}

.registration-login-form .title {
  padding: 25px;
  border-bottom: 1px solid #e6ecf5;
  margin-bottom: 0;
}

.registration-login-form p {
  margin-bottom: 0;
  font-size: 13px;
}

.registration-login-form .remember {
  margin: 35px 0 25px;
}

.registration-login-form.can-not-register {
  min-height: unset;
}

.registration-login-form.can-not-register .nav-item {
  height: 100%;
}

.registration-login-form .modal-content {
  border: none;
}

.registration-login-form .logy-social-buttons .logy-social-title {
  border-bottom: 1px solid #e6ecf5;
}

.registration-login-form .logy-social-buttons .logy-social-title span {
  color: #888da8;
  color: var(--body-font-color);
}

.registration-login-form .logy-social-buttons.logy-only-icons ul {
  padding-left: 0;
}

.registration-login-form .logy-social-buttons.logy-only-icons ul li a {
  display: block;
  color: #fff;
  color: var(--white-color);
  font-size: 18px;
}

.remember {
  margin-bottom: 1rem;
}

.remember .checkbox {
  display: inline-block;
  margin-bottom: 0;
}

.remember a {
  line-height: 2;
}

.remember .forgot {
  float: right;
  color: #888da8;
  color: var(--body-font-color);
}

.or {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 1rem 0 2rem 0;
  background-color: #e6ecf5;
}

.or:after {
  content: "OR";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  background-color: var(--white-color);
  padding: 0 25px;
  font-size: 10px;
  z-index: 5;
}

/*================= Responsive Mode ============*/
@media (max-width: 1023px) {
  .registration-login-form {
    padding-top: 87px;
    padding-left: 0;
    min-height: unset;
  }

  .registration-login-form .title {
    font-size: 14px;
  }

  .registration-login-form.selected-forms-single {
    padding-top: 0;
  }

  .registration-login-form .nav-tabs {
    -ms-flex-direction: row;
    flex-direction: row;
    bottom: auto;
    width: 100%;
    height: auto;
  }

  .registration-login-form .nav-item {
    display: block;
    text-align: center;
  }

  .registration-login-form .nav-link {
    display: block;
  }

  .registration-login-form .nav-item:last-child .nav-link {
    border-bottom: 1px solid #e6ecf5;
    border-right: none;
  }
}

@media (max-width: 480px) {
  .registration-login-form .title {
    padding: 15px 25px;
  }
  .registration-login-form .content {
    padding: 20px 25px;
  }
  .registration-login-form .nav-link {
    padding: 10px 22px;
  }
  .registration-login-form {
    padding-top: 60px;
  }
}

/*------------- #YOUR-PROFILE--------------*/
.profile-settings-open {
  cursor: pointer;
  position: absolute;
  left: 100%;
  top: calc(50% - 25px);
  background-color: #fff;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 0 100px 100px 0;
  line-height: 1;
  padding: 20px 8px 20px 8px;
  font-size: 20px;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .profile-settings-responsive {
    visibility: visible;
    opacity: 1;
  }

  .responsive-display-none {
    display: none;
  }
}

/*------------- #NOTIFICATION --------------*/
.notification-list {
  margin-bottom: 0;
}

.notification-list .selectize-dropdown-content > *,
.notification-list li {
  padding: 25px;
  border-bottom: 1px solid #e6ecf5;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  text-align: left;
}

.notification-list .selectize-dropdown-content > *.btn,
.notification-list li.btn {
  padding: 0.5rem 1.7rem;
  display: inline-block;
  margin: 15px auto;
}

.notification-list .selectize-dropdown-content > * > *,
.notification-list li > * {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}

.notification-list .selectize-dropdown-content > *:hover:not(a.btn),
.notification-list li:hover:not(a.btn) {
  background-color: #fafbfd;
}

.notification-list .selectize-dropdown-content > *:hover .more,
.notification-list li:hover .more {
  opacity: 1;
}

.notification-list .selectize-dropdown-content > *.un-read,
.notification-list li.un-read {
  background-color: #f7f9fc;
}

.notification-list .selectize-dropdown-content > *.un-read .notification-icon,
.notification-list li.un-read .notification-icon {
  color: #9da2c1;
  fill: #9da2c1;
}

.notification-list .selectize-dropdown-content > * {
  cursor: pointer;
}

.notification-list .selectize-dropdown-content > *:last-child {
  border-bottom: none;
}

.notification-list .notification-friend {
  display: inline-block;
}

.notification-list .comment-photo {
  margin: 30px 0 0 60px;
  max-width: 280px;
  border-radius: 10px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.notification-list .comment-photo span {
  background-color: #f5f7fb;
  padding: 0 15px;
}

.notification-list .author-thumb {
  height: 40px;
  width: 40px;
}

.notification-list .notification-event {
  padding-left: 15px;
}

.notification-list .notification-date {
  font-size: 11px;
  display: block;
  margin-top: 5px;
  color: #888da8;
  color: var(--body-font-color);
}

.notification-list .notification-link {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.notification-list .notification-icon {
  color: #d7d9e5;
  fill: #d7d9e5;
  margin-top: 10px;
}

.notification-list .notification-icon svg,
.notification-list .notification-icon i {
  width: 22px;
  height: 20px;
  font-size: 20px;
}

.notification-list .more {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 10px;
  color: #d6d9e6;
  opacity: 0;
}

.notification-list .more i + i {
  margin-left: 5px;
}

.notification-list .more svg + i {
  margin-left: 5px;
}

.notification-list .more i + svg {
  margin-left: 5px;
}

.notification-list .more svg + svg {
  margin-left: 5px;
}

.notification-list.friend-requests li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.notification-list.friend-requests li .notification-icon {
  margin-left: auto;
}

.selectize-dropdown.ps {
  max-height: 50vh;
}

.selectize-dropdown.ps > .ps__rail-y,
.selectize-dropdown.ps:hover > .ps__rail-y {
  display: none;
}

.selectize-dropdown .selectize-dropdown-content > * {
  padding: 15px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.selectize-dropdown .selectize-dropdown-content > * .author-thumb {
  min-height: 40px;
  min-width: 40px;
}

.selectize-dropdown .ui-block-title.ui-block-title-small .title {
  font-size: 14px;
  color: #515365;
  color: var(--heading-font-color);
}

.selectize-dropdown-content {
  text-align: center;
  height: 100%;
  max-height: 100%;
}

.selectize-dropdown-content .author-thumb img {
  height: 100%;
  width: 100%;
  max-width: 100%;
}

.selectize-dropdown-content .chat-message-item {
  color: #888da8;
  color: var(--body-font-color);
}

.notification-friend {
  margin-bottom: 0;
}

.chat-message .notification-event {
  font-size: 12px;
}

.chat-message .notification-friend {
  display: block;
}

.chat-message li > * {
  vertical-align: top;
}

.chat-message .full-block {
  padding: 0;
}

.chat-message .author-thumb {
  height: 36px;
  width: 36px;
}

.chat-message li.chat-group .author-thumb {
  border-radius: 0;
}

.chat-message li.chat-group .author-thumb img {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
  border-radius: 100%;
  overflow: hidden;
}

.chat-message li.chat-group .last-message-author {
  color: #515365;
  color: var(--heading-font-color);
  font-weight: 700;
}

.chat-message li.message-unread {
  background-color: #f7f9fc;
}

.chat-message li.message-unread .notification-icon {
  fill: #9a9fbf;
  fill: var(--icon-color);
}

.icon-status {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 8px;
}

.icon-status.online {
  background-color: #08ddc1;
}

.icon-status.status-invisible {
  background-color: #cbdfee;
}

.friend-requests .notification-icon {
  margin-top: 0;
}

.friend-requests .notification-friend {
  display: block;
}

.friend-requests .accepted .notification-friend {
  display: inline-block;
}

.friend-requests .accepted .notification-link {
  color: #00b7ff;
}

.friend-requests .accepted .notification-icon {
  margin-top: 10px;
}

.friend-requests .chat-message-item {
  font-size: 12px;
}

.label-avatar {
  position: absolute;
  top: -1px;
  right: -4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  color: var(--white-color);
  font-size: 10px;
  font-weight: 700;
  border-radius: 100%;
  overflow: hidden;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 980px) {
  .col-xl-5.col-lg-6.col-md-12.col-sm-12.col-xs-12.padding-r-0 {
    padding-right: 15px;
  }

  .col-xl-7.col-lg-6.col-md-12.col-sm-12.col-xs-12.padding-l-0 {
    padding-left: 15px;
  }

  .selectize-dropdown.ps {
    max-height: calc(100vh - 100px);
  }
}

@media (max-width: 768px) {
  .notification-list li {
    padding: 15px 10px;
  }
}

@media (max-width: 480px) {
  .add-options-message .options-message + .options-message {
    margin-left: 15px;
  }

  .add-options-message button {
    float: none;
    margin-left: 0;
    display: block;
    margin-top: 10px;
  }

  .add-options-message button + button {
    margin-right: 0;
  }
}

/*------------- #OVERLAY-MENU --------------*/
body {
  overflow-x: hidden;
}

body:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(43, 45, 59, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -999;
}

body.overlay-enable {
  overflow: hidden;
}

body.overlay-enable:before {
  opacity: 1;
  z-index: 500;
}

body.body--fixed {
  position: fixed;
  width: 100%;
}

/*------------- #POPUP-WINDOWS --------------*/
body.admin-bar .modal-dialog {
  margin-top: 60px;
}

.window-popup,
.modal-dialog {
  max-width: calc(100% - 30px);
}

.window-popup .icon-close,
.modal-dialog .icon-close {
  opacity: 1;
  margin-top: 0;
  margin-right: 0;
  font-size: 18px;
}

.window-popup .icon,
.modal-dialog .icon {
  fill: #888da8;
  fill: var(--body-font-color);
  float: right;
  margin-top: 7px;
  padding: 0;
}

.window-popup .input-group-addon .icon,
.modal-dialog .input-group-addon .icon {
  margin-top: 0;
}

.window-popup .form-group,
.modal-dialog .form-group {
  margin-bottom: 25px;
}

.window-popup .form-group.with-button button,
.modal-dialog .form-group.with-button button {
  width: 50px;
  border-radius: 0 5px 5px 0;
}

.window-popup .olymp-computer-icon,
.modal-dialog .olymp-computer-icon {
  width: 22px;
  height: 20px;
}

.close {
  transition: all 0.3s ease;
  cursor: pointer;
}

.icon-close {
  position: absolute;
  top: -25px;
  right: -25px;
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
}

.icon-close:hover {
  color: #ff5e3a;
  fill: #ff5e3a;
  color: var(--primary-accent-color);
  fill: var(--primary-accent-color);
}

figcaption {
  padding: 10px 15px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #515365;
  color: var(--heading-font-color);
}

figcaption a {
  color: #515365;
  color: var(--heading-font-color);
}

figcaption a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

figcaption span {
  font-size: 10px;
  color: #888da8;
  color: var(--body-font-color);
  font-weight: 400;
  display: block;
}

figure {
  margin: 0;
}

.modal-dialog-fixed-width {
  width: 670px;
}

.modal-dialog-fixed-width .modal-content {
  border: none;
}

.modal-body .ui-block {
  padding: 0;
  margin: 0;
}

.registration-login-form-popup {
  width: 520px;
}

.registration-login-form-popup .registration-login-form {
  margin-bottom: 0;
}

.registration-login-form-popup .modal-content {
  border: none;
}

.registration-login-form-popup .modal-body {
  padding: 0;
  border-radius: 0.3rem;
  overflow: hidden;
}

.event-description {
  padding-left: 30px;
  border-left: 1px solid #e6ecf5;
  margin-bottom: 40px;
}

.event-description .event-description-title {
  font-weight: 700;
  margin-bottom: 40px;
}

.event-description .place {
  margin-bottom: 20px;
}

.event-description .friends-harmonic {
  margin-bottom: 35px;
}

.relative {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

.modal.show {
  padding-right: 0 !important;
}

.modal.show .modal-dialog {
  display: block !important;
}

.popup-write-rewiev {
  width: 470px;
}

.popup-write-rewiev .must-log-in {
  margin: 0;
  padding: 23px 25px 18px;
}

.crumina-window-popup {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  overflow-y: auto;
  outline: none;
}

.window-popup {
  position: relative;
  margin: auto;
  border-radius: 5px;
  background-color: #fff;
  background-color: var(--white-color);
  width: 520px;
  max-width: calc(100% - 30px);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.modal-active {
  overflow: hidden;
}

[x-cloak] {
  display: none;
}

/*================= Responsive Mode ============*/
@media (max-width: 1080px) {
  .icon-close,
  .window-popup .icon-close {
    right: 50%;
    margin-right: -9px;
  }
}

@media (max-width: 768px) {
  .icon-close,
  .window-popup .icon-close {
    right: 50%;
    margin-right: -9px;
  }

  .photo-album-item.create-album .btn-control {
    width: 50px;
  }
}

@media (max-width: 480px) {
  .remember a {
    float: none;
    display: block;
  }

  .page-link {
    padding: 5px 10px;
  }
}

/*------------- #FRIENDS-HARMONIC --------------*/
.friends-harmonic {
  margin-bottom: 0;
  overflow: hidden;
  padding-left: 0;
  list-style: none;
}

.friends-harmonic a {
  width: auto;
  height: auto;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid #fff;
  border: 2px solid var(--white-color);
  display: block;
  margin-left: -3px;
}

.friends-harmonic li {
  float: left;
}

.friends-harmonic li:first-child a {
  margin-left: 0;
}

.friends-harmonic li img {
  vertical-align: sub;
}

.friends-harmonic .with-text {
  margin-top: 5px;
  margin-left: 15px;
}

.friends-harmonic .all-users {
  line-height: 26px;
  opacity: 0.8;
}

.friends-harmonic .all-users:hover {
  color: #fff;
  color: var(--white-color);
}

/*------------- #COMMENTS-LIST --------------*/
.comments-list {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
}

.comments-list .comment-item {
  padding: 25px;
  border-bottom: 1px solid #e6ecf5;
  background-color: #fafbfd;
  position: relative;
}

.comments-list .comment-item.has-children {
  padding-bottom: 0;
}

.comments-list .comment-item .no-comments {
  margin-bottom: 0;
}

.comments-list .post-add-icon {
  margin-right: 20px;
}

.comments-list .post__author img {
  width: 26px;
  height: 26px;
}

.comments-list.style-2 .comment-item .post__author img {
  float: left;
}

.comments-list.style-2 .reply {
  margin-right: 20px;
}

.comments-list.style-2 .post__date {
  display: inline-block;
  margin-right: 20px;
}

.comments-list.style-2 .author-date {
  overflow: hidden;
}

.comments-list.style-2 .post__author .more {
  float: none;
}

.comments-list.style-2 .post__author {
  margin-bottom: 0;
}

.comments-list.style-3 .comment-item {
  background-color: transparent;
}

.comments-list.style-3 .reply {
  margin-right: 20px;
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.comments-list.style-3 .post__author-thumb {
  margin-right: 20px;
  float: left;
}

.comments-list.style-3 .post__author-thumb img {
  width: 56px;
  height: 56px;
  border-radius: 100%;
}

.comments-list.style-3 .comments-content {
  overflow: hidden;
}

.comments-list.style-3 .children .comment-item {
  border-left: none;
}

.comments-list.style-3 .children .comment-item:before {
  display: none;
}

.comments-list .children {
  border-top: 1px solid #e6ecf5;
  margin: 25px -25px -25px;
  padding-left: 35px;
  list-style: none;
}

.comments-list .children .comment-item {
  border-left: 1px solid #e6ecf5;
}

.comments-list .children .comment-item:last-child {
  border-bottom: none;
}

.comments-list .children .comment-item:before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 40px;
  left: -5px;
  background-color: #fafbfd;
  border-radius: 100%;
  border: 2px solid #c2c5d9;
  z-index: 13;
}

.comments-list .children.single-children {
  border-top: 0;
  margin: -3px 0 25px;
  padding-left: 0;
}

.comments-list .children.single-children .comment-item {
  padding: 25px;
  position: relative;
}

.comments-list .children.single-children .comment-item:last-child {
  padding-bottom: 0;
}

.comment-reply-link {
  display: inline-block;
  margin-right: 15px;
}

.comment-edit-link {
  display: inline-block;
}

.reply {
  font-size: 12px;
  color: #888da8;
  color: var(--body-font-color);
}

.report {
  font-size: 12px;
  color: #888da8;
  color: var(--body-font-color);
}

.more-comments {
  text-align: center;
  padding: 15px 0;
  font-size: 12px;
  color: #515365;
  color: var(--heading-font-color);
  display: block;
  font-weight: 700;
  margin: 0 auto;
}

.must-log-in {
  text-align: center;
}

.more-comments span {
  transition: all 0.3s ease;
}

.more-comments:hover {
  color: #515365;
  color: var(--heading-font-color);
}

.more-comments:hover span {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.comment-form {
  padding: 25px;
  border-top: 1px solid #e6ecf5;
  overflow: hidden;
}

.comment-form .add-options-message {
  position: absolute;
  right: 20px;
  bottom: 15px;
  width: auto;
  padding: 0;
}

.comment-form .post__author {
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.comment-form .post__author img {
  margin-right: 10px;
  min-width: 28px;
  max-width: 28px;
  height: 28px;
}

.comment-form .form-group {
  margin-bottom: 0;
  width: 100%;
  margin-left: auto;
}

.comment-form textarea {
  min-height: 60px;
  height: 60px;
  transition: all 0.3s ease;
}

.comment-form textarea:focus {
  min-height: 100px;
}

.comment-form button {
  float: right;
  margin-bottom: 0;
  margin-top: 15px;
}

.comment-form button + button {
  margin-right: 15px;
}

.comment-form.comment-form--without-author .form-group {
  margin-bottom: 1.4rem;
}

.comment-form.comment-form--without-author textarea {
  min-height: unset;
  height: unset;
}

.comment-form.comment-form--without-author textarea:focus {
  min-height: unset;
}

.comments-area {
  margin-top: 30px;
}

.comment + .comment-respond {
  margin-top: 20px;
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
  .comments-list .comment-item {
    padding: 10px;
  }

  .comments-list .children {
    margin: 25px -10px -10px;
    padding-left: 20px;
  }

  .children {
    margin-right: -10px;
  }

  .comments-list .comment-item .post__author .more {
    margin-right: 0;
  }

  .comments-list.style-3 .post__author-thumb img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 480px) {
  .comment-form .form-group {
    width: 80%;
  }

  .comment-form.comment-form--without-author .form-group {
    width: 100%;
  }
}

/*------------- #POST-VIDEO --------------*/
.post-video {
  border: 1px solid #e6ecf5;
  border-radius: 3px;
  overflow: hidden;
  margin: 20px 0;
}

.post-video .video-content {
  padding: 20px;
  overflow: hidden;
}

.post-video .video-content .title {
  display: block;
}

.post-video .video-content p {
  margin: 10px 0;
  font-size: 13px;
}

.post-video .video-content .link-site {
  font-size: 10px;
  color: #9a9fbf;
}

.post-video .video-content .link-site:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.video-thumb {
  position: relative;
  float: left;
}

.video-thumb img {
  width: 100%;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 480px) {
  .video-thumb {
    float: none;
  }
}

/*------------- #VIDEO-PLAYER --------------*/
.video-player {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  margin: 20px 0;
}

.video-player img {
  width: 100%;
}

.video-player .video-content {
  position: absolute;
  bottom: 25px;
  left: 25px;
  color: #fff;
  color: var(--white-color);
  z-index: 5;
  opacity: 0;
  transition: all 0.3s ease;
  padding: 0;
}

.video-player .video-content .title {
  color: #fff;
  color: var(--white-color);
  display: block;
}

.video-player .play-video {
  opacity: 0;
}

.video-player:hover .video-content {
  opacity: 1;
}

.video-player:hover .play-video {
  opacity: 1;
}

.video-player:hover .overlay {
  opacity: 1;
}

.video-player:hover:after {
  opacity: 1;
}

.video-player:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -120px 55px -30px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s ease;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 480px) {
  .video-player .video-content .title {
    display: none;
  }
}

/*------------- #NEWS-FEED-Masonry --------------*/
.cat-list-bg-style {
  margin: 50px 0 46px;
  padding: 0;
  list-style: none;
}

.cat-list-bg-style.cat-list__item-bg-blue .cat-list__item {
  display: inline-block;
}

.cat-list-bg-style.cat-list__item-bg-blue .cat-list__item a:hover {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
}

.cat-list-bg-style.cat-list__item-bg-blue .cat-list__item.active {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
}

.cat-list__item {
  display: inline-block;
  background-color: #dee4ec;
  margin: 0 10px;
  border-radius: 30px;
  overflow: hidden;
}

.cat-list__item a {
  font-size: 14px;
  color: #888da8;
  color: var(--body-font-color);
  position: relative;
  text-transform: uppercase;
  transition: all 0.3s ease;
  padding: 8px 20px;
  display: block;
}

.cat-list__item a:hover {
  color: #fff;
  color: var(--white-color);
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.cat-list__item.active {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.cat-list__item.active a {
  color: #fff;
  color: var(--white-color);
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
  .cat-list-bg-style {
    margin: 30px 0;
  }

  .cat-list-bg-style.cat-list__item-bg-blue .cat-list__item {
    display: block;
    margin-top: 10px;
  }
}

/*------------- #PHOTO-GALLERY --------------*/
.photo-item {
  display: inline-block;
  padding: 0 12px 12px 0;
  margin-right: -3px;
  position: relative;
  overflow: hidden;
}

.photo-item .overlay {
  bottom: 12px;
  right: 12px;
  border-radius: 5px;
}

.photo-item img {
  border-radius: 5px;
  width: 100%;
}

.photo-item:last-child {
  margin-right: 0;
}

.photo-item .more {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
  opacity: 0;
  transition: all 0.3s ease;
}

.photo-item .content {
  position: absolute;
  bottom: 25px;
  left: 20px;
  opacity: 0;
  transition: all 0.3s ease;
}

.photo-item .content .title {
  color: #fff;
  color: var(--white-color);
  display: block;
  margin-bottom: 0;
}

.photo-item .content time {
  font-size: 12px;
  color: #b6bbd7;
}

.photo-item .post-add-icon {
  fill: #fff;
  fill: var(--white-color);
  position: absolute;
  right: 25px;
  bottom: 30px;
  opacity: 0;
  transition: all 0.3s ease;
}

.photo-item:hover .more,
.photo-item:hover .content,
.photo-item:hover .post-add-icon,
.photo-item:hover .overlay {
  opacity: 1;
}

.photo-album-item-wrap {
  display: inline-block;
  margin-right: -3px;
  padding: 0 12px 12px 0;
  vertical-align: top;
}

.photo-album-item {
  position: relative;
  border-radius: 5px;
  border: 1px solid #e6ecf5;
  background-color: #fff;
  background-color: var(--white-color);
}

.photo-album-item:last-child {
  margin-right: 0;
}

.photo-album-item .photo-item {
  float: none;
  margin: 0;
  border-radius: 3px 3px 0 0;
  display: block;
  padding: 0;
}

.photo-album-item .photo-item img {
  width: 100%;
  border-radius: 0;
}

.photo-album-item .photo-item .overlay {
  bottom: 0;
  right: 0;
  border-radius: 0;
  opacity: 0.05;
}

.photo-album-item .content {
  padding: 25px 25px 20px;
  text-align: center;
}

.photo-album-item .title {
  display: block;
  margin-bottom: 0;
}

.photo-album-item .sub-title {
  margin-bottom: 30px;
  display: block;
}

.photo-album-item .friends-harmonic {
  display: inline-block;
}

.photo-album-item.create-album {
  background-color: transparent;
  border: 2px dashed #bbc0d5;
}

.photo-album-item.create-album .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.photo-album-item.create-album .btn-control {
  margin-bottom: 20px;
  float: none;
}

.photo-album-item.create-album svg,
.photo-album-item.create-album i {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.photo-album-item .form-group {
  margin-bottom: 0;
}

.photo-album-item .form-group > img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 480px) {
  .photo-item .post-add-icon {
    right: auto;
    bottom: auto;
    left: 25px;
    top: 25px;
  }

  .block-btn .btn + .btn {
    margin-left: 0;
    margin-top: 10px;
  }

  .photo-album-item.create-album .content {
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    width: 100%;
  }
}

/*------------- #EVENT-ITEM --------------*/
.event-item {
  padding: 30px;
  border-bottom: 1px solid #e6ecf5;
}

.event-item:last-child {
  border-bottom: 0;
}

.event-item .place {
  font-size: 12px;
}

.event-item .description {
  max-width: 260px;
  font-size: 12px;
  margin-bottom: 0;
}

.date-event {
  text-align: center;
}

.date-event > * {
  display: block;
  line-height: 1;
}

.date-event .olymp-small-calendar-icon {
  width: 14px;
  height: 18px;
}

.date-event i {
  margin: 0 auto 5px;
  color: #c2c5d9;
}

.date-event .day {
  font-size: 14px;
  color: #515365;
  color: var(--heading-font-color);
  font-weight: 700;
  margin-bottom: 3px;
}

.date-event .month {
  font-size: 9px;
  text-transform: uppercase;
}

.event-author .author-thumb {
  margin-right: 12px;
}

.event-author .author-name {
  margin-bottom: 0;
}

.event-author time {
  font-size: 11px;
  display: block;
}

.place i,
.place svg {
  margin-right: 10px;
  fill: #c6c9db;
  color: #c6c9db;
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.place {
  font-size: 11px;
}

.no-past-events {
  color: #d7d9e5;
  padding: 65px 30px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.no-past-events .control-block-button {
  right: 25px;
  top: -25px;
  z-index: 5;
}

.no-past-events .btn-control i,
.no-past-events .btn-control svg {
  fill: #fff;
  fill: var(--white-color);
  color: #fff;
  color: var(--white-color);
  margin-bottom: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.no-past-events a:hover {
  color: #08ddc1;
  font-weight: 500;
}

.no-past-events svg,
.no-past-events i {
  fill: #d7d9e5;
  color: #d7d9e5;
  margin-bottom: 20px;
}

.no-past-events span {
  font-size: 14px;
  display: block;
}

.event-item-table {
  width: 100%;
}

.event-item-table td {
  padding: 25px 12px;
}

.event-item-table td:first-child {
  padding-left: 30px;
}

.event-item-table td:last-child {
  padding-right: 30px;
}

.event-item-table .add-event {
  text-align: right;
}

.event-item-table thead {
  border-bottom: 1px solid #e6ecf5;
}

.event-item-table thead th {
  font-size: 9px;
  font-weight: 700;
  padding: 12px;
}

.event-item-table thead th:first-child {
  padding-left: 25px;
}

.event-item-table thead th:last-child {
  padding-right: 25px;
}

.event-item-table .author-date a {
  color: #08ddc1;
}

.event-item-table .author-date .author-name {
  color: #515365;
  color: var(--heading-font-color);
}

.event-item-table-fixed-width .author-date {
  font-size: 12px;
}

.event-item-table-fixed-width .author-date .author-name {
  font-size: 12px;
}

.event-item-table-fixed-width .event-item .btn {
  display: block;
}

.event-item-table-fixed-width .event-item .btn + .btn {
  margin-top: 8px;
}

.event-item-table-fixed-width .date-event i {
  margin: 0 10px 0 0;
  font-size: 20px;
}

/*================= Responsive Mode ============*/
@media (max-width: 640px) {
  .event-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 0 10px;
  }

  .event-item .description {
    max-width: 100%;
  }

  .event-item .friends-harmonic {
    display: inline-block;
  }

  .event-item .add-event {
    text-align: center;
  }

  .event-item-table td {
    padding: 12px;
  }

  .event-item-table td:last-child {
    padding-right: 12px;
  }

  .event-item-table td:first-child {
    padding-left: 12px;
  }

  .date-event.align-left {
    text-align: center;
  }

  .event-item-table thead {
    display: none;
  }
}

/*------------- #BLOG-POSTS --------------*/
.social-post {
  position: relative;
  padding: 25px;
  border-bottom: 1px solid #e6ecf5;
}

.social-post p {
  margin: 25px 0;
}

.social-post .control-block-button {
  top: 20px;
  right: -17px;
}

.social-post.thumb-full-width .post-thumb {
  border-radius: 0;
  margin: 0 -25px 25px;
}

.social-post .btn {
  margin-bottom: 25px;
}

.social-post h1,
.social-post h2,
.social-post h3,
.social-post h4,
.social-post h5,
.social-post h6,
.social-post .h1,
.social-post .h2,
.social-post .h3,
.social-post .h4,
.social-post .h5,
.social-post .h6 {
  display: inline-block;
  margin-bottom: 1rem;
}

.social-post .post__author-name {
  font-weight: 700;
  margin-bottom: 0;
}

.social-post .more-photos span {
  font-weight: 700;
}

.social-post.shared-photo .post-thumb {
  border: 1px solid #e6ecf5;
  margin-bottom: 0;
}

.social-post .author-date a {
  font-weight: 700;
}

.post-list article {
  padding: 30px 30px 20px;
}

.post-list article.post_format-post-format-link,
.post-list article.post_format-post-format-quote,
.post-list article.blog-post {
  padding: 0;
}

.post-list
  > *
  > *:not(.post-thumb):not(.entry-header):not(.entry-footer):not(.entry-content) {
  height: 100%;
}

.post-list > * {
  margin-bottom: 30px;
}

.post-list > * .ui-block,
.post-list > * .blog-post.format-quote,
.post-list > * .post.format-quote {
  margin-bottom: 0;
}

.ui-block.post {
  padding: 30px 30px 20px;
}

.blog-post-wrap .blog-post {
  margin-bottom: 30px;
}

.blog-post-wrap .ui-block {
  margin-bottom: 30px;
}

.blog-post-wrap .ui-block .blog-post {
  margin-bottom: 0;
}

.post-thumb {
  border-radius: 5px;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
}

.post-thumb img {
  margin: 0 auto;
  display: block;
}

.post-thumb iframe {
  max-width: 100%;
}

.post__author {
  margin-bottom: 20px;
}

.post__author img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 12px;
}

.post__author .more {
  float: right;
  font-size: 16px;
  margin-right: 20px;
}

.post-additional-info {
  padding: 20px 0 0;
  border-top: 1px solid #e6ecf5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.post-additional-info.no-border {
  border-top: 0;
  padding-top: 0;
}

.post-additional-info > * {
  margin-right: 15px;
}

.post-additional-info > *:last-child {
  margin-right: 0;
  margin-left: auto;
}

.comments-shared > * {
  margin-right: 15px;
}

.comments-shared > *:last-child {
  margin-right: 0;
}

.comments-shared span {
  color: #888da8;
  color: var(--body-font-color);
}

.post-add-icon {
  fill: #9a9fbf;
  fill: var(--icon-color);
  color: #9a9fbf;
  color: var(--icon-color);
  transition: all 0.3s ease;
}

.post-add-icon > * {
  vertical-align: middle;
}

.post-add-icon > svg,
.post-add-icon > img,
.post-add-icon > i,
.filter-icons img,
.crum-reaction-list .crum-reaction-ext li img,
.choose-reaction li img {
  margin-right: 8px;
  width: 20px;
  height: 18px;
  font-size: 18px;
}

.post-add-icon .olymp-speech-balloon-icon {
  width: 20px;
  height: 20px;
}

.post-add-icon .olymp-share-icon {
  width: 26px;
  height: 21px;
}

.post-add-icon:hover {
  fill: #ff5e3a;
  color: #ff5e3a;
  fill: var(--primary-accent-color);
  color: var(--primary-accent-color);
}

.post-add-icon:hover span {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.post-add-icon:active,
.post-add-icon:focus {
  fill: #c2c5d9;
  color: #c2c5d9;
}

.names-people-likes a {
  color: #515365;
  color: var(--heading-font-color);
  font-weight: 700;
}

.post-control-button .btn-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 6px;
  margin-right: 0;
  width: 34px;
  height: 34px;
}

.post-control-button .btn-control:hover {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.post-control-button .btn-control.sharer {
  padding: 0;
}

.post-control-button .btn-control svg {
  width: 15px;
  height: 15px;
  margin: auto;
}

.post-control-button .btn-control i {
  font-size: 18px;
  margin: auto;
}

.post-control-button .btn-control .olympus-icon-Share-Icon,
.post-control-button .btn-control .olymp-share-icon {
  width: 24px;
}

.blog-post .post-content.ajax-col-content-equal-height {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.blog-post .post-content.ajax-col-content-equal-height .author-date {
  margin-top: auto;
}

.comment-content h5 a {
  margin-left: 10px;
}

.type-post a.post-title {
  color: #515365;
  color: var(--heading-font-color);
}

.type-post a.post-title:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.type-post .post-title > a {
  color: inherit;
}

.type-post .post-title > a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.post .post-title {
  display: block;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  margin-bottom: 1rem;
}

.post .post-title:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.post .post-title a {
  color: inherit;
}

.post .post-title a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.post .friends-harmonic a {
  border: none;
  border-radius: 0;
}

.post .friends-harmonic a img {
  border-left: 2px solid #fff;
  border-left: 2px solid var(--white-color);
}

.post .post__author-name {
  display: block;
  margin-bottom: 0;
}

.post-content .more-link {
  margin-top: 1em;
}

.post-content .tags-list {
  clear: both;
}

.blog-post .choose-reaction {
  padding: 30px 0 20px;
}

.blog-post .post-thumb {
  border-radius: 5px 5px 0 0;
  margin-bottom: 0;
}

.blog-post .post-content {
  padding: 20px 25px;
}

.blog-post .post-title {
  display: block;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  margin-bottom: 1rem;
}

.blog-post .post-title:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.blog-post .post-title a {
  color: inherit;
}

.blog-post .post-title a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.blog-post .author-date {
  text-transform: uppercase;
  font-size: 10px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
}

.blog-post .author-date .avatar {
  display: inline-block;
  border-radius: 100%;
  margin: 0;
}

.blog-post .author-date .post__author-name {
  margin: 0 3px;
}

.blog-post .post__date {
  display: inline-block;
}

.blog-post .post__author-name {
  font-size: 10px;
}

.blog-post .post-additional-info {
  margin-top: 15px;
}

.blog-post .post-additional-info > * {
  margin-right: 0;
}

.blog-post .friends-harmonic a {
  border: none;
  border-radius: 0;
  margin-left: 3px;
}

.blog-post .friends-harmonic a img {
  border-left: 0;
}

.blog-post.format-link,
.post.format-link {
  margin-bottom: 15px;
}

.blog-post.format-link .overlay,
.post.format-link .overlay {
  opacity: 1;
}

.blog-post.format-link .post-link,
.post.format-link .post-link {
  position: absolute;
  bottom: 0;
  right: 0;
}

.blog-post.format-link .post-link i,
.post.format-link .post-link i {
  font-size: 42px;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
}

.blog-post.format-link .post-link i:hover,
.post.format-link .post-link i:hover {
  color: white;
}

.blog-post.format-link .site-link:hover,
.post.format-link .site-link:hover {
  color: #fff;
  color: var(--white-color);
}

.blog-post.format-link .bg-link,
.post.format-link .bg-link {
  background-image: url("../images/post6.jpg");
}

.blog-post.format-link .post-thumb,
.post.format-link .post-thumb {
  border-radius: 5px;
  padding: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.blog-post.format-link .post-thumb .post-content,
.post.format-link .post-thumb .post-content {
  padding: 0;
  z-index: 5;
  position: relative;
}

.blog-post.format-link .post-title,
.post.format-link .post-title {
  color: rgba(255, 255, 255, 0.8);
}

.blog-post.format-link .post-title:hover,
.post.format-link .post-title:hover {
  color: white;
}

.blog-post.format-gallery .post-thumb,
.post.format-gallery .post-thumb {
  padding-bottom: 10px;
}

.blog-post.format-gallery .swiper-container,
.post.format-gallery .swiper-container {
  overflow: visible;
}

.blog-post.format-gallery .swiper-slide,
.post.format-gallery .swiper-slide {
  position: relative;
}

.blog-post.format-gallery .swiper-pagination,
.post.format-gallery .swiper-pagination {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color);
  padding: 0 5px;
  border-radius: 30px;
  bottom: 10px;
  width: auto;
}

.blog-post.format-gallery .swiper-pagination-bullet,
.post.format-gallery .swiper-pagination-bullet {
  background-color: #8c8e9a;
  border-color: transparent;
}

.blog-post.format-gallery
  .swiper-pagination-bullet.swiper-pagination-bullet-active,
.post.format-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
  background-color: var(--white-color);
}

.blog-post.format-video .post-type-icon i,
.post.format-video .post-type-icon i {
  font-size: 16px;
}

.blog-post.format-quote,
.post.format-quote {
  text-align: center;
  margin-bottom: 30px;
}

.blog-post.format-quote .quote-icon i,
.post.format-quote .quote-icon i {
  font-size: 30px;
  color: #fff;
  color: var(--white-color);
}

.blog-post.format-quote .overlay,
.post.format-quote .overlay {
  background-color: var(--third-accent-color);
  opacity: 0.95;
}

.blog-post.format-quote .post-thumb,
.post.format-quote .post-thumb {
  padding: 60px 50px;
  background-image: url("../images/quote-bg.png");
  border-radius: 5px;
  min-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.blog-post.format-quote .post-thumb.custom-bg,
.post.format-quote .post-thumb.custom-bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-post.format-quote .post-thumb .post-title,
.post.format-quote .post-thumb .post-title {
  font-size: 2rem;
  margin: 20px auto;
  color: #fff;
  color: var(--white-color);
  font-weight: 300;
}

.blog-post.format-quote .post-thumb .post-title a,
.post.format-quote .post-thumb .post-title a {
  color: inherit;
}

.blog-post.format-quote .post-thumb .post-title a:hover,
.post.format-quote .post-thumb .post-title a:hover {
  color: var(--primary-accent-color);
}

.blog-post.format-quote .post-thumb .post__author,
.post.format-quote .post-thumb .post__author {
  margin-bottom: 0;
}

.blog-post.format-quote .post-thumb .post__author img,
.post.format-quote .post-thumb .post__author img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin: 0 auto 15px;
}

.blog-post.format-quote .post-thumb .post__author-name,
.post.format-quote .post-thumb .post__author-name {
  font-size: 12px;
  color: #fff;
  color: var(--white-color);
}

.blog-post.format-quote .post-thumb .author-prof,
.post.format-quote .post-thumb .author-prof {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 700;
}

.blog-post.format-quote .post-thumb blockquote,
.post.format-quote .post-thumb blockquote {
  padding: 0;
  margin: 0;
}

.blog-post.format-quote .post-thumb .post-content,
.post.format-quote .post-thumb .post-content {
  position: relative;
  z-index: 2;
  padding: 0;
  margin: 0 auto;
}

.blog-post.format-quote blockquote,
.post.format-quote blockquote {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.blog-post.format-quote blockquote cite,
.post.format-quote blockquote cite {
  display: block;
  font-size: 20px;
  margin-top: 30px;
}

.blog-post .post-type-icon,
.post .post-type-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  left: auto;
  width: 40px;
  height: 40px;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-radius: 100%;
  border: none;
  transform: none;
}

.blog-post .post-type-icon i,
.post .post-type-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  color: var(--white-color);
  font-size: 20px;
}

.blog-post.format-link {
  margin-bottom: 30px;
}

.ui-block > .format-quote {
  margin-bottom: 0;
}

.categories-and-reactions-wrap > * {
  display: inline-block;
  vertical-align: top;
}

.post-category-list {
  position: relative;
}

.post-category-list a.post-category:not(.bg-transparent) {
  color: #fff;
  color: var(--white-color);
}

.post-category {
  display: inline-block;
  border-radius: 3px;
  padding: 4px 9px;
  color: #fff;
  color: var(--white-color);
  font-size: 9px;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing: 0.025em;
  line-height: 1.3;
  vertical-align: middle;
  margin-right: 3px;
}

.post-category:last-child {
  margin-right: 3px;
}

.post-category.bg-transparent {
  background-color: transparent;
  color: #ff5e3a;
  color: var(--primary-accent-color);
  padding: 0;
  font-size: 10px;
}

.post-category.bg-transparent:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.post-category:hover {
  color: #fff;
  color: var(--white-color);
}

.ajax-post-full-height {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ajax-post-full-height .post-additional-info {
  margin: auto 25px 20px;
}

.ajax-post-full-height .author-date {
  display: none;
}

.blog-post-v1:hover .post-title {
  opacity: 1;
  color: #fff;
  color: var(--white-color);
}

.blog-post-v1 .post-thumb {
  position: relative;
}

.blog-post-v1 .post-thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 -170px 55px -30px rgba(0, 0, 0, 0.5);
}

.blog-post-v1 .post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.blog-post-v1 .post-additional-info {
  margin-top: 0;
  border-top: none;
  padding: 20px 25px;
}

.blog-post-v1 .post-title {
  color: #fff;
  color: var(--white-color);
  opacity: 0.7;
}

.blog-post-v1 .author-date {
  color: #888da8;
  color: var(--body-font-color);
}

.blog-post-v1 .post__author-name {
  color: #fff;
  color: var(--white-color);
}

.ui-block .post.format-link {
  margin-bottom: 0;
}

/*------------- Single-POST --------------*/
.main-header-post {
  position: relative;
  height: 460px;
  background-position: center;
  background-size: cover;
}

.main-header-post.with-gradient:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 -170px 55px -30px rgba(0, 0, 0, 0.4);
}

.main-header-post.no-image {
  background-color: #d7d9e5;
}

.single-post-olympus {
  position: relative;
}

.single-post-olympus h1,
.single-post-olympus h2,
.single-post-olympus h3,
.single-post-olympus h4,
.single-post-olympus h5,
.single-post-olympus h6,
.single-post-olympus .h1,
.single-post-olympus .h2,
.single-post-olympus .h3,
.single-post-olympus .h4,
.single-post-olympus .h5,
.single-post-olympus .h6,
.single-post-olympus p {
  line-height: 1.5;
  margin-bottom: 1rem;
}

.single-post-olympus .control-block-button {
  top: 20px;
  right: -17px;
}

.single-post-olympus .post-title {
  font-size: 46px;
  margin-bottom: 2rem;
}

.single-post-olympus .post-title:hover {
  color: #515365;
  color: var(--heading-font-color);
}

.single-post-olympus .post-thumb {
  border-radius: 0;
  margin: 20px -40px 50px;
}

.single-post-olympus .post__author-name {
  font-weight: 700;
  color: #515365;
  color: var(--heading-font-color);
}

.single-post-olympus .post__author-name:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.single-post-olympus .post-content-wrap {
  margin: 30px 0;
}

.single-post-olympus.post_format-post-format-link .post-thumb,
.single-post-olympus.post_format-post-format-quote .post-thumb {
  border-radius: 0;
}

.single-post-olympus.post_format-post-format-link .post-thumb .post-title,
.single-post-olympus.post_format-post-format-quote .post-thumb .post-title {
  color: rgba(255, 255, 255, 0.8);
}

.single-post-olympus.post_format-post-format-link .post-thumb .post-title:hover,
.single-post-olympus.post_format-post-format-quote
  .post-thumb
  .post-title:hover {
  color: white;
}

.single-post-olympus.post_format-post-format-link .post-title,
.single-post-olympus.post_format-post-format-quote .post-title {
  color: #515365;
  color: var(--heading-font-color);
}

.single-post-olympus.post_format-post-format-link .post-title:hover,
.single-post-olympus.post_format-post-format-quote .post-title:hover {
  color: #515365;
  color: var(--heading-font-color);
}

.single-post-olympus.post_format-post-format-quote .post-thumb .post-content {
  text-align: center;
}

.ui-block.single-post-v1 {
  padding: 60px 40px;
}

.single-post-v1 {
  padding: 60px 40px;
  background-color: #fff;
  background-color: var(--white-color);
}

.single-post-v1 .post-comments-cont {
  margin: 5px 5px 25px 5px;
  display: block;
}

.single-post-v1 .post-content-wrap {
  padding: 20px 0;
  overflow: hidden;
}

.single-post-v1 .post-content {
  padding: 0 0 0 40px;
  overflow: hidden;
}

.single-post-v1 .reactions-cont-wrap {
  float: left;
}

.single-post-v1 .filter-icons {
  display: block;
}

.single-post-v1 .filter-icons li {
  display: block;
}

#primary.container-fluid .single-post-v1 .filter-icons li {
  display: inline-block;
}

.single-post-v1 .filter-icons li + li {
  margin-top: 25px;
}

#primary.container-fluid .single-post-v1 .filter-icons li + li {
  margin-top: 0;
}

.single-post-v1 .filter-icons.crum-reaction-ext {
  display: inline-block;
}

.single-post-v1 .filter-icons.crum-reaction-ext li {
  display: inline-block;
  margin-top: 5px;
}

.author-date .author-thumb {
  margin-right: 13px;
}

.author-date.not-uppercase {
  text-transform: none;
  font-size: 12px;
}

.author-date.not-uppercase .post__author-name {
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
}

#ajax-filter-panel .filter-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px;
}

#ajax-filter-panel .filter-icons li {
  min-width: 20px;
  min-height: 20px;
}

.filter-icons {
  padding-left: 0;
}

.filter-icons li {
  display: inline-block;
  transition: all 0.3s ease;
  margin: 5px;
}

.filter-icons li a {
  display: inline-block;
}

.filter-icons li a.selected,
.filter-icons li a:not(.disabled):hover {
  filter: saturate(500%);
}

.blog-post-v2 {
  text-align: center;
}

.blog-post-v2 .post__author img {
  width: 28px;
  height: 28px;
}

.blog-post-v2 .post__date {
  display: block;
  font-size: 11px;
}

.blog-post-v2 .post__date time {
  margin-left: 0;
}

.blog-post-v2 .author-date {
  text-align: left;
  display: inline-block;
}

.blog-post-v2 .post__author-name {
  margin-bottom: 0;
}

.blog-post-v2 .post-additional-info {
  margin-top: 0;
  width: 100%;
}

.ui-block.single-post-v2 {
  padding: 60px 40px;
}

.single-post-v2 {
  padding: 60px 40px 0;
  text-align: center;
}

.single-post-v2 .post-content {
  text-align: left;
  padding: 10px;
}

.single-post-v2 .author-date {
  text-align: left;
}

.single-post-v2 .post-content-wrap {
  margin-bottom: 0;
}

.single-post-v2 .post-thumb {
  margin-top: -60px;
  border-radius: 5px 5px 0 0;
}

.single-post-additional {
  margin-bottom: 50px;
}

.single-post-additional > * {
  padding: 20px 30px;
}

.single-post-additional > * + * {
  border-left: 1px solid #e6ecf5;
}

.single-post-additional .post__author {
  margin-bottom: 0;
}

.single-post-additional .author_prof {
  font-size: 11px;
}

.single-post-additional a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.post-date-wrap i {
  font-size: 22px;
  color: #9a9fbf;
  color: var(--icon-color);
  margin-right: 12px;
}

.post-date-wrap .post-date {
  text-align: left;
  font-size: 12px;
}

.post-date-wrap .post-date span {
  font-size: 11px;
  display: block;
}

.post-date-wrap .date {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
}

.post-comments-wrap i {
  font-size: 22px;
  color: #9a9fbf;
  color: var(--icon-color);
  margin-right: 12px;
}

.post-comments-wrap .post-comments {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
}

.post-comments-wrap .post-comments span {
  font-size: 11px;
  display: block;
}

.post-comments-wrap .comments {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
}

.blog-post-v3 {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.blog-post-v3 .post-thumb {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  border-radius: 5px 0 0 5px;
  padding-bottom: 0 !important;
}

.blog-post-v3 .post-thumb img {
  width: 100%;
}

.blog-post-v3 .post-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 25px 30px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.blog-post-v3 .post-category-list {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.blog-post-v3 .post-category {
  margin-bottom: 3px;
  margin-right: 3px;
}

.blog-post-v3 .post-category:last-child {
  margin-right: 0;
}

.blog-post-v3 .author-date {
  margin-bottom: 13px;
}

.blog-post-v3 .author-date .post__author-name {
  margin-right: 7px;
}

.blog-post-v3 .author-date .post__date {
  margin-left: 3px;
}

.blog-post-v3 .author-date .author-thumb {
  margin: 0 7px 0 10px;
}

.blog-post-v3 .post-additional-info {
  border-top: none;
  margin-top: 0;
}

.blog-post-v3 .post-additional-info .comments-shared {
  float: none;
  margin-top: 0;
  margin-left: 0;
}

.blog-post-v3 .post-additional-info * + .comments-shared {
  margin-left: 22px;
}

.blog-post-v3.featured-post-item {
  display: block;
}

.blog-post-v3.featured-post-item .post-thumb {
  border-radius: 5px 5px 0 0;
  width: auto;
}

.blog-post-v3.featured-post-item .post-content {
  width: auto;
  padding: 25px;
}

.blog-post-v3.featured-post-item .post-additional-info {
  padding: 0;
}

.single-post-v3 {
  padding: 60px 40px 0;
}

.single-post-v3 .filter-icons {
  vertical-align: middle;
  display: inline-block;
  margin: 0 0 0 25px;
}

.single-post-v3 .post-thumb {
  border-radius: 5px 5px 0 0;
  margin: -60px -40px 50px;
}

.single-post-v3 .control-block-button {
  position: relative;
  top: auto;
  right: auto;
}

.single-post-v3 .control-block-button > a {
  margin-bottom: 18px;
}

.single-post-v3 .control-block-button .post-add-icon {
  display: block;
  text-align: center;
}

.single-post-v3 .control-block-button .post-add-icon svg,
.single-post-v3 .control-block-button .post-add-icon i {
  margin-right: 0;
  margin-bottom: 5px;
}

.single-post-v3 .control-block-button .post-add-icon span {
  display: block;
}

.single-post-v3 .post-content {
  padding: 0 0 0 40px;
  max-width: 100%;
}

.single-post-v3 .video-thumb {
  float: none;
  padding: 65px 0;
  margin: 45px 0;
}

.single-post-v3 .video-thumb img {
  width: auto;
  margin: 0 auto;
  display: block;
}

.single-post-v3 .video-thumb:hover .overlay {
  opacity: 1;
}

.single-post-v3 .post-content-wrap {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
}

.single-post-v3 .post__date {
  margin-left: 3px;
}

.related-posts .row > * {
  margin-bottom: 15px;
}

.related-posts .row > * .ui-block {
  margin-bottom: 0;
  height: 100%;
}

.post-page-modern #content {
  margin: 40px 0;
}

/*------------- #Styles for standard WP-classes for elements on blog pages --------------*/
.gallery {
  margin: 1.6em auto;
}

.gallery .gallery-icon img {
  padding: 0 5px;
}

.gallery-item {
  display: inline-block;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.gallery-item a {
  padding: 0 5px;
  display: inline-block;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

@media (max-width: 768px) {
  .gallery-columns-3 .gallery-item {
    max-width: 50%;
  }
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

@media (max-width: 768px) {
  .gallery-columns-4 .gallery-item {
    max-width: 50%;
  }
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

@media (max-width: 768px) {
  .gallery-columns-5 .gallery-item {
    max-width: 50%;
  }
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

@media (max-width: 768px) {
  .gallery-columns-6 .gallery-item {
    max-width: 50%;
  }
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

@media (max-width: 768px) {
  .gallery-columns-7 .gallery-item {
    max-width: 50%;
  }
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

@media (max-width: 768px) {
  .gallery-columns-8 .gallery-item {
    max-width: 50%;
  }
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

@media (max-width: 768px) {
  .gallery-columns-9 .gallery-item {
    max-width: 50%;
  }
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  display: block;
  font-size: 0.8rem;
  line-height: 1.5;
  background-color: #edf2f6;
  margin: 0 5px 10px;
  border-radius: 5px;
  padding: 8px;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

figure.gallery-item {
  margin-right: 0;
  margin-left: 0;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 20px auto 5px auto;
}

.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}

a img.alignnone {
  margin: 20px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
  clear: both;
}

.wp-caption.alignnone {
  margin: 20px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 20px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 20px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.wp-caption {
  border: 1px solid #e6ecf5;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 20px;
  background: #fff;
  text-align: center;
  max-width: 100%;
}

.wp-caption img {
  margin-bottom: 15px;
}

.wp-caption.wp-caption-text {
  font-size: 14px;
  margin-bottom: 0;
}

.wp-caption figcaption {
  padding: 0;
}

.page-content:after {
  content: "";
  display: table;
  clear: both;
}

.post_format-post-format-chat .post-content p:nth-child(odd) {
  color: #515365;
  color: var(--heading-font-color);
  font-weight: 700;
}

.format-standard .post__author {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
}

.format-standard .post__author img {
  min-width: 40px;
  min-height: 40px;
}

/*
body.olympus-theme .entry-footer.post-additional-info {
    margin-top: 0;
}*/
body.olympus-theme .post-password-form {
  margin-bottom: 40px;
}

body.olympus-theme .post-password-form label {
  display: block;
  margin-bottom: 20px;
}

body.olympus-theme .post-password-form label > input {
  margin-top: 20px;
}

body.olympus-theme .post-password-form [type="submit"] {
  display: inline-block;
  background: #ff5e3a;
  background: var(--primary-accent-color);
  border: none;
  color: #fff;
  color: var(--white-color);
  padding: 0.8rem 2.1rem;
  font-size: 0.688rem;
  opacity: 0.85;
  transition: all 0.3s ease;
  font-weight: 700;
  width: auto;
}

body.olympus-theme .post-password-form [type="submit"]:hover {
  background: #ff5e3a;
  background: var(--primary-accent-color);
  border: none;
  opacity: 1;
  color: #fff;
  color: var(--white-color);
  cursor: pointer;
}

.navigation.comment-navigation {
  padding: 20px 25px;
  border-top: 1px solid #e6ecf5;
  border-bottom: 1px solid #e6ecf5;
  margin-top: -1px;
}

.navigation.comment-navigation .nav-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navigation.comment-navigation .nav-links > * a {
  display: inline-block;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0.5rem 1.1rem;
  color: #fff;
  color: var(--white-color);
  transition: opacity 0.15s ease;
  border-radius: 0.3rem;
  font-size: 11px;
  background-color: #ff5e3a;
  border-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
}

.navigation.comment-navigation .nav-links > * a:hover {
  opacity: 1;
}

h1.entry-title,
h2.entry-title,
h3.entry-title,
h4.entry-title,
h5.entry-title,
h6.entry-title {
  margin-bottom: 1rem;
}

/*================= Fix for elementor-section-paddings in posts ============*/
.post .elementor-section:not(.elementor-inner-section) {
  padding-top: initial;
  padding-bottom: initial;
}

.post
  .elementor-column-gap-default
  > .elementor-row
  > .elementor-column
  > .elementor-element-populated {
  padding: initial;
}

/*================= ... end Fix for elementor-section-paddings in posts ============*/
/*================= Responsive Mode ============*/
@media (max-width: 1024px) {
  .single-post-olympus .post-title {
    font-size: 30px;
  }

  .ui-block.single-post-v1 {
    padding: 30px;
  }

  .ui-block.single-post-v1 .post-content {
    padding: 0 0 0 30px;
  }

  .single-post-v3 {
    padding: 20px 10px;
  }

  .single-post-v3 .post-content {
    padding: 0 0 0 30px;
  }

  .single-post-v3 .post-thumb {
    margin: -30px -30px 30px;
  }

  .ui-block.single-post-v2,
  .single-post-v2 {
    padding: 30px;
  }

  .ui-block.single-post-v2 .post-content,
  .single-post-v2 .post-content {
    padding: 10px 0;
  }

  .ui-block.single-post-v2 .post-thumb,
  .single-post-v2 .post-thumb {
    margin: -10px -10px 50px;
  }

  .single-post-additional > * {
    padding: 10px;
  }

  blockquote,
  .olympus-theme .wp-block-pullquote {
    margin: 1.5em 10px;
    padding: 15px 30px 15px 30px;
  }

  blockquote p:before,
  .olympus-theme .wp-block-pullquote p:before {
    left: -30px;
  }
}

@media (max-width: 768px) {
  .ajax-post-full-height .post-additional-info {
    margin: auto 15px 20px;
  }

  .post-control-button .btn-control {
    display: inline-block;
  }

  .social-post .control-block-button {
    right: 20px;
    top: -13px;
  }

  .post__author .more {
    margin-right: -16px;
  }

  .blog-post .post-control-button .btn-control {
    display: block;
  }

  .author-date .author-thumb {
    margin-right: 8px;
  }

  .choose-reaction {
    padding: 15px;
  }

  .single-post-v1 .post-content-wrap {
    padding: 20px 0;
    margin-bottom: 0;
  }

  .ui-block.single-post-v2,
  .single-post-v2 {
    padding: 10px;
  }

  .single-post-v3-wrap {
    margin: 0 -15px 30px;
  }

  .single-post-v2-wrap {
    margin: 0 -15px;
  }

  .single-post-v3 .filter-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
  }

  .single-post-v3 .categories-and-reactions-wrap {
    margin-bottom: 15px;
  }

  .blog-post .post-content {
    font-size: 13px;
    padding: 15px;
  }

  .single-post-v2 .post-content {
    padding: 0;
  }
}

@media (max-width: 560px) {
  .post-additional-info .comments-shared {
    float: none;
  }

  .single-post-v1 .filter-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
  }

  .single-post-v1 .filter-icons li {
    text-align: center;
  }

  .single-post-v1 .filter-icons li:last-child {
    margin-right: 0;
  }

  .post-additional-info > * {
    margin-right: 0;
    display: block !important;
  }

  .blog-post .post-additional-info .comments-shared {
    float: right;
  }

  .single-post-olympus .post-title {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .blog-post .post-additional-info > * {
    display: inline-block !important;
    margin-top: 0;
  }

  .single-post-v1 .reactions-cont-wrap {
    float: none;
  }

  .single-post-v1 .reactions-cont-wrap li {
    display: inline-block;
  }

  .single-post-v1 .reactions-cont-wrap li + li {
    margin-top: 5px;
  }

  .post-add-icon i,
  .post-add-icon svg,
  .post-add-icon img {
    margin-right: 2px;
  }

  .single-post-v1 {
    padding: 10px;
  }

  .single-post-v1 .post-content {
    padding: 0;
  }

  .single-post-v1 .post-thumb {
    margin: 10px -10px 20px;
  }

  .single-post-additional {
    text-align: left;
    margin-bottom: 15px;
  }

  .single-post-additional.inline-items > * {
    display: block;
  }

  .single-post-additional.inline-items > * + * {
    border-left: none;
  }

  .blog-post-v3 {
    display: block;
  }

  .blog-post-v3 .post-thumb {
    border-radius: 5px 5px 0 0;
  }

  .single-post-v3 .video-thumb {
    margin: 20px 0;
  }

  .single-post-v3 .post-content-wrap {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .single-post-v3 .control-block-button {
    margin-bottom: 20px;
  }

  .single-post-v3 .control-block-button > a,
  .single-post-v3 .control-block-button > button {
    display: inline-block;
  }

  .single-post-v3 .control-block-button > a + a,
  .single-post-v3 .control-block-button > a + button,
  .single-post-v3 .control-block-button > button + a,
  .single-post-v3 .control-block-button > button + button {
    margin: 5px;
  }

  .single-post-v3 .control-block-button .btn-control {
    display: inline-block;
    vertical-align: top;
  }

  .single-post-v3 .control-block-button .post-add-icon {
    display: block;
    text-align: left;
    margin: 5px;
  }

  .single-post-v3 .post-content {
    padding: 0;
  }
}

/*------------- #CLIENTS --------------*/
.crumina-clients {
  text-align: center;
}

.crumina-clients .btn-next {
  right: 0;
  fill: var(--primary-accent-color);
}

.crumina-clients .btn-prev {
  left: 0;
  fill: var(--primary-accent-color);
}

.clients-item {
  position: relative;
  display: inline-block;
}

.clients-item:hover img {
  opacity: 0.3;
  filter: grayscale(100%);
}

.clients-item img {
  transition: all 0.3s linear;
  opacity: 1;
  filter: grayscale(0);
  transform-style: preserve-3d;
  max-width: 100%;
}

.clients-item .clients-images {
  position: relative;
  display: block;
  margin: auto;
}

/*================= Responsive Mode ============*/
@media (max-width: 1024px) {
  .clients-item {
    margin-bottom: 20px;
  }
}

/*------------- #HEADING --------------*/
.crumina-heading {
  position: relative;
  z-index: 5;
  margin-bottom: 0;
  display: inline-block;
}

.crumina-heading > *:last-child {
  margin-bottom: 0;
}

.crumina-heading > *:first-child {
  margin-top: 0;
}

.crumina-heading + * {
  margin-top: 25px;
}

.crumina-heading:hover .heading-decoration {
  width: 100%;
}

.heading-title {
  margin-bottom: 0;
  line-height: 1.3em;
}

.heading-text {
  margin-top: 20px;
  line-height: 1.75;
}

.heading-text.small {
  font-size: 14px;
}

.heading-text a {
  font-weight: 700;
}

.heading-sup-title {
  color: #ff5e3a;
  color: var(--primary-accent-color);
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.with-title-decoration .heading-title {
  position: relative;
  padding-bottom: 30px;
}

.with-title-decoration .heading-title:after,
.with-title-decoration .heading-title:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
}

.with-title-decoration .heading-title:after {
  height: 1px;
  background-color: #e6ecf5;
  width: 100%;
}

.with-title-decoration .heading-title:before {
  height: 1px;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  width: 10%;
  z-index: 1;
}

.with-title-decoration:hover .heading-title:before {
  width: 100%;
}

.heading-decoration {
  display: inline-block;
  width: 65px;
  height: 2px;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  transition: width 0.3s ease-in-out;
  margin-top: 17px;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .heading-title {
    margin-bottom: 0;
  }

  .with-title-decoration .heading-title {
    padding-bottom: 15px;
  }
}

/*------------- #TESTIMONIALS --------------*/
.rait-stars {
  transition: all 0.3s ease;
  padding-left: 0;
}

.rait-stars .star-icon {
  font-size: 9px;
}

.rait-stars li {
  display: inline-block;
  color: #9a9fbf;
  color: var(--icon-color);
}

.rait-stars li + li {
  margin-left: 2px;
}

.rait-stars li.numerical-rating {
  margin-left: 10px;
  font-weight: 700;
  font-size: 12px;
  color: #515365;
  color: var(--heading-font-color);
}

.crumina-testimonial-item {
  text-align: center;
  overflow: hidden;
}

.crumina-testimonial-item .author-thumb {
  height: 98px;
  width: 98px;
  margin: 0 auto;
  border-radius: 100%;
  overflow: hidden;
  background-color: #515365;
  border: 4px solid #fff;
  border: 4px solid var(--white-color);
  top: 50%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.crumina-testimonial-item .rait-stars {
  margin: 10px auto 20px;
}

.crumina-testimonial-item .rait-stars .star-icon {
  font-size: 11px;
  color: #ffce08;
}

.crumina-testimonial-item .rait-stars .fa-star-o {
  font-weight: 400;
}

.crumina-testimonial-item .rait-stars .fa-star-o:before {
  content: "\f005";
}

.crumina-testimonial-item .author-content {
  margin-top: auto;
  margin-bottom: 15px;
}

.crumina-testimonial-item .author-content .author-name {
  margin-bottom: 0;
}

.crumina-testimonial-item .testimonial-message {
  margin-bottom: 30px;
}

.testimonial-header-thumb {
  height: 98px;
  margin-bottom: 49px;
  background-image: url("../images/testimonial-header.png");
  background-size: cover;
  position: relative;
}

.testimonial-header-thumb .testimonial-header-thumb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.95;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.testimonial-header-thumb .author-thumb img {
  max-width: 100%;
}

.testimonial-item-content {
  padding: 20px 30px 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .crumina-testimonial-item .testimonial-message {
    margin-bottom: 20px;
  }
}

/*------------- #INFO-BOXES --------------*/
.crumina-info-box {
  text-align: center;
}

.info-box-image {
  margin-bottom: 20px;
}

.info-box-wrap .crumina-info-box {
  margin-bottom: 90px;
}

.info-box-title {
  margin-bottom: 20px;
}

.crumina-info-box--thumb-left {
  text-align: left;
  display: -ms-flexbox;
  display: flex;
}

.crumina-info-box--thumb-left .info-box-image {
  margin-bottom: 0;
  margin-right: 30px;
}

.crumina-info-box--thumb-left .info-box-title {
  margin-bottom: 30px;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .info-box-image {
    margin-bottom: 20px;
  }

  .info-box-title {
    margin-bottom: 20px;
  }

  .info-box-wrap .crumina-info-box {
    margin-bottom: 30px;
  }
}

/*------------- #COUNTERS --------------*/
.crumina-counter-item {
  text-align: center;
  position: relative;
}

.crumina-counter-item .element-icon {
  display: inline-block;
  vertical-align: middle;
}

.crumina-counter-item .counter-numbers {
  font-size: 54px;
  line-height: 1;
}

.crumina-counter-item .counter-numbers i {
  font-size: 44px;
  vertical-align: top;
}

.crumina-counter-item .counter-title {
  margin: 20px 0 0;
  line-height: 1.1;
}

.crumina-counter-item .units {
  display: inline-block;
}

.crumina-counter-item .units div {
  color: #ff5e3a;
  color: var(--primary-accent-color);
  display: inline-block;
}

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .crumina-counter-item {
    margin-bottom: 40px;
  }

  .crumina-counter-item .counter-numbers {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

/*------------- #TEAMMEMBERS --------------*/
.crumina-teammembers-item {
  text-align: center;
}

.crumina-teammembers-item:hover img.hover {
  top: 0;
  left: 0;
  transform: scale(2) translate(0, 0);
  opacity: 0;
  filter: grayscale(100%);
  visibility: hidden;
}

.crumina-teammembers-item:hover img.main {
  filter: grayscale(100%);
}

.teammembers-item-prof {
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 30px;
}

.teammembers-item-name {
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
}

.teammembers-item-name a {
  color: #515365;
  color: var(--heading-font-color);
}

.teammembers-item-name a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.teammembers-thumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  display: inline-block;
}

.teammembers-thumb img {
  transition: all 1s ease-out;
  filter: grayscale(0);
  display: block;
  margin: 0 auto;
}

.teammembers-thumb img.hover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.teammembers-wrap .crumina-teammembers-item {
  margin-bottom: 60px;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .teammembers-wrap .crumina-teammembers-item {
    margin-bottom: 30px;
  }
}

/*------------- #SOCIALS --------------*/
.socials {
  padding: 0;
}

.socials i,
.socials svg {
  transition: all 0.3s ease;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.socials li {
  display: inline-block;
}

.socials li a {
  color: #9a9fbf;
  color: var(--icon-color);
}

.socials li a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.socials li + li {
  margin-left: 20px;
}

.socials--colored-bg .social-item.olympus {
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
}

.socials--colored-bg .social-item.rss {
  background-color: #f4b459;
}

.socials--colored-bg .social-item.mail {
  background: #996dd1;
}

.socials--colored-bg .social-item.pinterest {
  background: #cc2127;
}

.socials--colored-bg .social-item.google-plus {
  background: #dd4b39;
}

.socials--colored-bg .social-item.facebook {
  background: #3b5998;
}

.socials--colored-bg .social-item.twitter {
  background: #55acee;
}

.socials--colored-bg .social-item.amazon {
  background-color: #f69b06;
}

.socials--colored-bg .social-item.behance {
  background-color: #2d2d2d;
}

.socials--colored-bg .social-item.bing {
  background-color: #ffa616;
}

.socials--colored-bg .social-item.creative-market {
  background-color: #8da741;
}

.socials--colored-bg .social-item.deviantart {
  background-color: #1b1b1b;
}

.socials--colored-bg .social-item.dribbble {
  background-color: #f74881;
}

.socials--colored-bg .social-item.dropbox {
  background-color: #0ba4e0;
}

.socials--colored-bg .social-item.envato {
  background-color: #6d9c3e;
}

.socials--colored-bg .social-item.flickr {
  background-color: #26a9e1;
}

.socials--colored-bg .social-item.instagram {
  background-color: #e75351;
}

.socials--colored-bg .social-item.kickstarter {
  background-color: #14e06e;
}

.socials--colored-bg .social-item.linkedin {
  background-color: #4a8f9e;
}

.socials--colored-bg .social-item.medium {
  background-color: #00e56b;
}

.socials--colored-bg .social-item.periscope {
  background-color: #3fa4c4;
}

.socials--colored-bg .social-item.quora {
  background-color: #f85f62;
}

.socials--colored-bg .social-item.reddit {
  background-color: #f05825;
}

.socials--colored-bg .social-item.shutterstock {
  background-color: #008ec0;
}

.socials--colored-bg .social-item.skype {
  background-color: #00aaf1;
}

.socials--colored-bg .social-item.snapchat {
  background-color: #ffed45;
}

.socials--colored-bg .social-item.soundcloud {
  background-color: #ff3300;
}

.socials--colored-bg .social-item.spotify {
  background-color: #1ed760;
}

.socials--colored-bg .social-item.trello {
  background-color: #0079bf;
}

.socials--colored-bg .social-item.tumblr {
  background-color: #36465d;
}

.socials--colored-bg .social-item.vimeo {
  background-color: #1ab7ea;
}

.socials--colored-bg .social-item.vk {
  background-color: #6383a8;
}

.socials--colored-bg .social-item.whatsapp {
  background-color: #25d366;
}

.socials--colored-bg .social-item.wikipedia {
  background-color: #000000;
}

.socials--colored-bg .social-item.wordpress {
  background-color: #21759b;
}

.socials--colored-bg .social-item.youtube {
  background-color: #cd201f;
}

.socials--colored-bg .social-item.fiverr {
  background-color: #2e6a3c;
}

.svg-inline-inside svg,
.svg-inline-inside i {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
  margin-right: 10px;
}

.socials--round .social-item {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  color: #fff;
  color: var(--white-color);
  fill: #fff;
  fill: var(--white-color);
  display: block;
  position: relative;
  opacity: 0.9;
}

.socials--round .social-item:hover {
  color: #fff;
  color: var(--white-color);
  opacity: 1;
}

.socials--round svg,
.socials--round i {
  font-size: 15px;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.socials-shared {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.socials-shared .social-item {
  padding: 15px 50px;
  margin: 5px;
  margin-bottom: 0;
  line-height: 1;
}

.socials-shared .social-item i {
  font-size: 15px;
  margin-right: 0;
}

.socials-shared .social-item .crumina-icon {
  width: 15px;
  height: 15px;
  fill: #fff;
  fill: var(--white-color);
}

.social_share_icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  list-style: none;
  bottom: 100%;
  top: auto;
  width: auto;
}

.social_share_icons.more-dropdown {
  display: -ms-flexbox;
  display: flex;
  right: -40px;
  border: 1px solid #e6ecf5;
  margin-bottom: 0;
}

.social_share_icons button {
  background-color: transparent;
  box-shadow: none;
  border: none;
  transition: all 0.3s ease;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.social_share_icons button svg {
  transition: inherit;
  fill: #9a9fbf;
  fill: var(--icon-color);
  width: 20px;
  height: 20px;
}

.social_share_icons li {
  transition: all 0.3s ease;
  border-right: 1px solid #e6ecf5;
}

.social_share_icons li:last-child {
  border-right: 0;
}

.social_share_icons li:hover {
  box-shadow: inset 0 -40px 0 0 #ff5e3a;
  box-shadow: inset 0 -40px 0 0 var(--primary-accent-color);
}

.social_share_icons li:hover button svg {
  fill: #fff;
  fill: var(--white-color);
}

.comments-shared .post-add-icon.more {
  padding: 10px 0;
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
  .socials-shared .social-item {
    padding: 10px 30px;
  }

  .socials-shared {
    padding: 30px;
  }
}

@media (max-width: 560px) {
  .socials-shared {
    padding: 10px;
  }
}

/*------------- #CONTACTS --------------*/
.contact-item-wrap {
  margin-bottom: 30px;
}

.contact-item-wrap:hover .contact-title:after {
  width: 100%;
}

.contact-title {
  position: relative;
  padding-bottom: 27px;
  margin-bottom: 56px;
  letter-spacing: -0.9px;
}

.contact-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 12%;
  height: 2px;
  background-color: #ff5e3a;
  background-color: var(--primary-accent-color);
  transition: width 0.3s ease-in-out;
}

.contact-item .sub-title {
  font-weight: 400;
  margin-bottom: 7px;
}

.contact-item a {
  color: #888da8;
  color: var(--body-font-color);
  display: block;
}

.contact-item a:hover {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.contact-item + .contact-item {
  margin-top: 27px;
}

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .contact-title {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .contact-item + .contact-item {
    margin-top: 15px;
  }
}

/*------------- #CONTACT-FORM --------------*/
.contact-form-wrap {
  position: relative;
  background-color: #fff;
  background-color: var(--white-color);
  border: 1px solid #e6ecf5;
  border-radius: 5px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  overflow: hidden;
}

.contact-form-wrap .contact-form {
  width: 60%;
}

.contact-form-wrap > .wpb_column:first-child {
  width: 40%;
}

.contact-form-wrap > .wpb_column:last-child {
  width: 60%;
}

.contact-form-wrap > .wpb_column > .vc_column-inner {
  padding: 50px 40px 30px;
}

.contact-form-thumb {
  position: relative;
  padding: 50px 40px;
  color: #fff;
  color: var(--white-color);
  background-image: url("../images/contact-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 40%;
}

.contact-form-thumb .title {
  color: inherit;
  font-size: 34px;
  margin-bottom: 40px;
  line-height: 1;
}

.contact-form-thumb .title span {
  font-size: 64px;
  display: block;
}

.contact-form {
  padding: 50px 40px 30px;
}

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .contact-form-thumb .title span {
    font-size: 34px;
  }

  .contact-form-thumb .title {
    margin-bottom: 20px;
  }

  .contact-form-thumb {
    padding: 30px;
  }

  .contact-form-wrap .contact-form {
    padding: 30px;
  }
}

@media (max-width: 860px) {
  .contact-form-thumb .title,
  .contact-form-thumb .title span {
    font-size: 22px;
  }

  .contact-form-wrap > .wpb_column > .vc_column-inner {
    padding: 20px;
  }
}

@media (max-width: 600px) {
  .contact-form-wrap {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contact-form-thumb {
    width: 100%;
  }

  .contact-form-wrap .contact-form {
    width: 100%;
  }

  .contact-form-wrap > .wpb_column:last-child {
    width: 100%;
  }

  .contact-form-wrap > .wpb_column:first-child {
    width: 100%;
  }
}

/*------------- #ACCORDION-FAQS WP-B --------------*/
.olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #515365;
  color: var(--heading-font-color);
}

.olympus-theme.wpb-js-composer
  .vc_tta.vc_general
  .vc_tta-panel-title
  > a
  .vc_tta-title-text {
  font-size: 1.75rem;
}

.olympus-theme.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-flat:not(.vc_tta-o-no-fill)
  .vc_tta-panel-body {
  color: #888da8;
  color: var(--body-font-color);
}

.olympus-theme.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-flat
  .vc_active
  .vc_tta-panel-heading
  .vc_tta-controls-icon::after,
.olympus-theme.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-flat
  .vc_active
  .vc_tta-panel-heading
  .vc_tta-controls-icon:before,
.olympus-theme.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-flat
  .vc_tta-controls-icon::after,
.olympus-theme.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-flat
  .vc_tta-controls-icon:before {
  border-color: #ff5e3a;
  border-color: var(--primary-accent-color);
}

.olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel {
  border-bottom: 1px solid #e6ecf5;
}

.olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel:last-child {
  border-bottom: none;
}

.olympus-theme.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-flat
  .vc_tta-panel
  .vc_tta-panel-heading {
  background-color: transparent;
}

.olympus-theme.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-flat
  .vc_tta-panel
  .vc_tta-panel-heading:focus,
.olympus-theme.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-flat
  .vc_tta-panel
  .vc_tta-panel-heading:hover {
  background-color: transparent;
}

.olympus-theme.wpb-js-composer
  .vc_tta-shape-rounded:not(.vc_tta-o-no-fill)
  .vc_tta-panel.vc_active
  .vc_tta-panel-body {
  margin-bottom: 60px;
}

/*------------- #ACCORDION-FAQS ELEMENTOR --------------*/
.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-accordion-item {
  border: none;
  border-bottom: 1px solid #e6ecf5;
}

.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-tab-content {
  border-top: 0;
  margin-bottom: 60px;
  padding: 14px 20px;
}

.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-tab-title {
  padding: 50px 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-accordion-title {
  font-weight: 300;
  font-size: 1.75rem;
  color: #666;
}

.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-active
  .elementor-accordion-icon,
.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-active
  .elementor-accordion-title {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-accordion-icon,
.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-accordion-title {
  color: #9a9fbf;
  color: var(--icon-color);
}

.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-accordion-icon {
  font-size: 18px;
}

.olympus-theme
  .elementor-widget-accordion
  .elementor-accordion
  .elementor-tab-content {
  color: #888da8;
  color: var(--body-font-color);
  font-size: 0.875rem;
}

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .olympus-theme
    .elementor-widget-accordion
    .elementor-accordion
    .elementor-tab-title {
    padding: 20px 14px;
  }

  .olympus-theme
    .elementor-widget-accordion
    .elementor-accordion
    .elementor-tab-content {
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .olympus-theme
    .elementor-widget-accordion
    .elementor-accordion
    .elementor-accordion-icon {
    font-size: 14px;
  }
}

@media (max-width: 600px) {
  .olympus-theme.wpb-js-composer
    .vc_tta.vc_general
    .vc_tta-panel-title
    > a
    .vc_tta-title-text {
    font-size: 1.25rem;
  }

  .olympus-theme
    .elementor-widget-accordion
    .elementor-accordion
    .elementor-accordion-title {
    font-size: 1.05rem;
  }

  .olympus-theme
    .elementor-widget-accordion
    .elementor-accordion
    .elementor-tab-title {
    padding: 10px;
  }

  .olympus-theme
    .elementor-widget-accordion
    .elementor-accordion
    .elementor-tab-content {
    padding: 10px;
  }
}

/*------------- #SEARCH-HELP-RESULT --------------*/
body.no-stunning-header .search-page-panel.negative-margin-top50 {
  margin-top: 50px;
}

.search-help-result {
  padding: 25px;
  border-radius: 5px;
  border: 1px solid #e6ecf5;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  background-color: #fff;
  background-color: var(--white-color);
  overflow: hidden;
}

.search-help-result #youzify-members-list li .youzify-user-data,
.search-help-result #youzify-groups-list li .youzify-group-data {
  border: 1px solid #e6ecf5;
}

.search-help-result #search-fail {
  border: none;
}

.search-help-result #youzify-members-list,
.search-help-result #youzify-groups-list {
  padding-left: 0;
  float: left;
  width: 100%;
}

.search-help-result #bbpress-forums li.bbp-body ul.forum,
.search-help-result #bbpress-forums li.bbp-body ul.topic {
  border-bottom: 1px solid #e6ecf5;
}

.search-help-result #bbpress-forums ul.bbp-topics {
  border: 1px solid #e6ecf5;
  border-bottom: none;
}

.search-help-result-title {
  text-align: center;
  margin: 50px 0;
}

.search-help-result-title .count-result {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.search-help-result-title .search-query {
  font-style: italic;
  color: #888da8;
  color: var(--body-font-color);
}

.search-help-result-list {
  padding-left: 0;
  list-style: none;
}

.search-help-result-list > li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6ecf5;
}

.search-help-result-list > li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.search-help-result-list > li .friends-harmonic a {
  border-radius: 0;
}

.search-help-result-list > li .main-content-wrap {
  margin-bottom: 20px;
}

.search-help-result-list .title {
  margin-bottom: 40px;
}

.search-help-result-list .single-post-additional {
  margin-bottom: 20px;
}

.search-help-result-list .single-post-additional > * + * {
  border-left: none;
  margin-left: 30px;
}

.search-help-result-list .single-post-additional > * {
  padding: 20px 0;
}

.search-help-result-list .post__author img {
  width: 26px;
  height: 26px;
}

.search-help-result-list .main-content-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.search-help-result-list .main-content-wrap .product-price {
  font-size: 1.8rem;
  margin-right: 0;
}

.highlight-searched {
  color: #fff;
  color: var(--white-color);
  padding: 5px;
}

.user-raiting {
  margin-top: 30px;
  font-size: 12px;
  color: #515365;
  color: var(--heading-font-color);
  font-weight: 700;
}

.user-raiting img {
  margin-right: 20px;
}

.page-404-content {
  text-align: center;
}

.page-404-content img {
  margin-bottom: 70px;
}

.search-no-results .search-help-result-title {
  margin: 50px 0;
}

.search-help-result-title.text-danger {
  margin: 100px 0;
  color: #ff5e3a !important;
  color: var(--primary-accent-color) !important;
}

#search-fail .entry-content > strong {
  color: #ff5e3a;
  color: var(--primary-accent-color);
  font-size: 1.75rem;
  display: block;
  font-weight: 300;
}

#search-fail .sup-title {
  font-size: 1.2rem;
  font-weight: 300;
}

#search-fail ul {
  padding-left: 20px;
}

#search-fail ul li {
  font-weight: 500;
}

/*================= Responsive Mode ============*/
@media (max-width: 860px) {
  .search-help-result-title {
    margin: 30px 0;
  }

  .search-help-result-list > li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .page-404-content img {
    margin-bottom: 30px;
  }

  .search-help-result-list .single-post-additional > * {
    padding: 10px 0;
  }
}

@media (max-width: 560px) {
  .search-help-result-list .title {
    margin: 20px 0;
  }

  .search-help-result-list .single-post-additional > * {
    display: inline-block;
  }
}

@media (max-width: 360px) {
  .search-help-result-list .single-post-additional > * {
    display: block;
  }

  .search-help-result-list .single-post-additional > * + * {
    margin-left: 0;
  }
}

/*------------- #HELPERS --------------*/
.universal-olympus-icon {
  width: 24px;
  height: 24px;
  font-size: 20px;
  color: currentColor;
  fill: currentColor;
}

.universal-olympus-icon.svg-mask {
  background: currentColor;
}

svg {
  transition: all 0.3s ease;
}

.ovh {
  overflow: hidden;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.f-none {
  float: none;
}

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

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

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

.align-right .btn {
  margin-left: 20px;
}

.align-right .w-search {
  display: inline-block;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(43, 45, 59, 0.2);
  transition: all 0.3s ease;
  opacity: 0;
}

.overlay.overlay-dark {
  background: rgba(43, 45, 59, 0.8);
}

.gray_hover {
  transition: filter 0.15s linear;
  filter: grayscale(0);
  transform-style: preserve-3d;
}

.gray_hover:hover {
  filter: grayscale(100%);
}

.table {
  display: table;
}

.inline-items > * {
  display: inline-block;
  vertical-align: middle;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

@media (max-width: 640px) {
  .table-cell {
    display: block;
    float: left;
  }
}

.text-t-none {
  text-transform: none;
}

@media (max-width: 480px) {
  .centered-on-mobile {
    text-align: center;
  }
}

#content {
  position: relative;
  margin: 40px 0;
}

.post-post-modern #content {
  margin-top: 0;
}

.olymp-page-with-builder #content {
  margin: 0;
}

.vc_custom_heading a.btn-primary,
.vc_custom_heading a.btn-primary:focus,
.vc_custom_heading a.btn-primary:hover,
.vc_custom_heading a.btn-primary:visited {
  color: #fff;
  color: var(--white-color);
}

.no-stunning-title {
  margin: 35px 0;
  padding: 35px 40px 25px 40px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
}

.no-padding {
  padding: 0;
}

.padding-r-0 {
  padding-right: 0;
}

.padding-l-0 {
  padding-left: 0;
}

.mt50 {
  margin-top: 50px;
}

.no-margin {
  margin: 0;
}

.negative-margin-top150 {
  margin-top: -150px;
}

@media (max-width: 1024px) {
  .negative-margin-top150 {
    margin-top: 0;
  }
}

.negative-margin-top50 {
  margin-top: -115px;
}

.negative-margin-right150 {
  margin-right: -150px;
}

@media (max-width: 768px) {
  .negative-margin-right150 {
    margin-right: 0;
  }
}

.mobile-margin-25 {
  margin: 0 25px;
}

.presentation-margin {
  margin: 40px 0 20px;
}

.full-block {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.display-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.display-flex.content-center {
  -ms-flex-pack: center;
  justify-content: center;
}

.display-flex.content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.inline-block {
  display: inline-block;
}

.padding40 {
  padding: 40px;
}

.padding80 {
  padding: 80px;
}

.bg-violet {
  background-color: #7442ce;
}

.bg-primary {
  background-color: var(--primary-accent-color);
}

.bg-secondary {
  background-color: var(--secondary-color);
}

.bg-purple {
  background-color: var(--third-accent-color);
}

.bg-linkedin {
  background-color: #4a8f9e;
}

.bg-blue {
  background-color: var(--secondary-accent-color);
}

.bg-blue-light {
  background-color: #38a9ff;
  background-color: var(--secondary-accent-color) -light;
}

.bg-breez {
  background-color: #08ddc1;
}

.bg-breez-light {
  background-color: #2aebcb;
}

.bg-grey {
  background-color: #515365;
}

.bg-grey-light {
  background-color: #888da8;
}

.bg-grey-lighter {
  background-color: #9a9fbf;
}

.bg-telegram {
  background-color: #3d87c4;
}

.bg-blogger {
  background-color: #f66501;
}

.bg-reddit {
  background-color: #f05825;
}

.bg-viber {
  background-color: #7c4d9c;
}

.bg-pinterest {
  background-color: #cc2127;
}

.bg-tumblr {
  background-color: #36465d;
}

.bg-xing {
  background-color: #00575c;
}

.bg-myspace {
  background-color: #1f63a9;
}

.bg-orange {
  background-color: #ff763a;
}

.bg-yellow {
  background-color: #ffdc1b;
}

.bg-smoke {
  background-color: #e6ecf5;
}

.bg-smoke-light {
  background-color: #fafbfd;
}

.bg-green {
  background-color: #1ed760;
}

.bg-facebook {
  background-color: #2f5b9d;
}

.bg-twitter {
  background-color: #38bff1;
}

.bg-dribbble {
  background-color: #f74881;
}

.bg-google {
  background-color: #ea4235;
}

.c-primary {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.c-white {
  color: #fff;
  color: var(--white-color);
}

.c-grey {
  color: #888da8;
  color: var(--body-font-color);
}

.c-orange {
  color: #ff763a;
}

.c-secondary {
  color: #38a9ff;
  color: var(--secondary-accent-color);
}

.c-yellow {
  color: #ffdc1b;
}

.c-purple {
  color: #7c5ac2;
}

.c-green {
  color: #1ed760;
  fill: #1ed760;
}

.c-facebook {
  color: #2f5b9d;
}

.c-twitter {
  color: #38bff1;
}

.c-dribbble {
  color: #f74881;
}

.c-rss {
  color: #fab819;
}

.c-spotify {
  color: #1ed760;
}

.bold {
  font-weight: 800;
}

.weight-normal {
  font-weight: 400;
}

.weight-light {
  font-weight: 300;
}

.custom-color * {
  color: inherit;
}

.flip-button {
  box-sizing: content-box;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: relative;
  transform: scale(1) rotate(360deg);
  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
}

.flip-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}

.flip-icon > * {
  left: 0;
  position: absolute;
  top: -3px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.flip-icon svg:last-of-type,
.flip-button.active .flip-icon svg:first-of-type {
  opacity: 0;
  transform: rotate(225deg);
}

.flip-button.active .flip-icon svg:last-of-type {
  opacity: 1;
  visibility: visible;
  transform: rotate(360deg);
}

.medium-padding80 {
  padding: 80px 0;
}

input.form-control {
  margin-left: 0;
  margin-top: 0;
}

div[class^="mycred"] input.form-control,
div[class*=" mycred"] input.form-control,
div[class^="myCRED"] input.form-control,
div[class*=" myCRED"] input.form-control,
div[id^="mycred"] input.form-control,
div[id*=" mycred"] input.form-control {
  margin-left: 28px;
  margin-top: 10px;
}

@media (max-width: 1024px) {
  .medium-padding80 {
    padding: 45px 0;
  }
}

@media (max-width: 800px) {
  .medium-padding80 {
    padding: 35px 0;
  }
}

.medium-padding100 {
  padding: 100px 0;
}

@media (max-width: 1024px) {
  .medium-padding100 {
    padding: 50px 0;
  }
}

@media (max-width: 800px) {
  .medium-padding100 {
    padding: 35px 0;
  }
}

.medium-padding120 {
  padding: 120px 0;
}

@media (max-width: 1024px) {
  .medium-padding120 {
    padding: 50px 0;
  }
}

@media (max-width: 800px) {
  .medium-padding120 {
    padding: 35px 0;
  }
}

.medium-padding180 {
  padding: 180px 0;
}

@media (max-width: 1024px) {
  .medium-padding180 {
    padding: 60px 0;
  }
}

@media (max-width: 800px) {
  .medium-padding180 {
    padding: 40px 0;
  }
}

.pb100 {
  padding-bottom: 100px;
}

@media (max-width: 1024px) {
  .pb100 {
    padding-bottom: 50px;
  }
}

@media (max-width: 800px) {
  .pb100 {
    padding-bottom: 35px;
  }
}

.pt80 {
  padding-top: 80px;
}

@media (max-width: 1024px) {
  .pt80 {
    padding-top: 45px;
  }
}

@media (max-width: 800px) {
  .pt80 {
    padding-top: 35px;
  }
}

.pt100 {
  padding-top: 100px;
}

@media (max-width: 1024px) {
  .pt100 {
    padding-top: 50px;
  }
}

@media (max-width: 800px) {
  .pt100 {
    padding-top: 35px;
  }
}

.pb120 {
  padding-bottom: 120px;
}

@media (max-width: 1024px) {
  .pb120 {
    padding-bottom: 50px;
  }
}

@media (max-width: 800px) {
  .pb120 {
    padding-bottom: 35px;
  }
}

.pt120 {
  padding-top: 120px;
}

@media (max-width: 1024px) {
  .pt120 {
    padding-top: 50px;
  }
}

@media (max-width: 800px) {
  .pt120 {
    padding-top: 35px;
  }
}

.pb160 {
  padding-bottom: 160px;
}

@media (max-width: 1024px) {
  .pb160 {
    padding-bottom: 60px;
  }
}

@media (max-width: 800px) {
  .pb160 {
    padding-bottom: 35px;
  }
}

.pt160 {
  padding-top: 160px;
}

@media (max-width: 1024px) {
  .pt160 {
    padding-top: 60px;
  }
}

@media (max-width: 800px) {
  .pt160 {
    padding-top: 35px;
  }
}

.pb80 {
  padding-bottom: 80px;
}

@media (max-width: 1024px) {
  .pb80 {
    padding-bottom: 45px;
  }
}

@media (max-width: 800px) {
  .pb80 {
    padding-bottom: 35px;
  }
}

.pb60 {
  padding-bottom: 60px;
}

@media (max-width: 1024px) {
  .pb60 {
    padding-bottom: 40px;
  }
}

@media (max-width: 800px) {
  .pb60 {
    padding-bottom: 20px;
  }
}

.pt60 {
  padding-top: 60px;
}

@media (max-width: 1024px) {
  .pt60 {
    padding-top: 40px;
  }
}

@media (max-width: 800px) {
  .pt60 {
    padding-top: 20px;
  }
}

.pb30 {
  padding-bottom: 30px;
}

.pt30 {
  padding-top: 30px;
}

.mt60 {
  margin-top: 60px;
}

@media (max-width: 800px) {
  .mt60 {
    margin-top: 35px;
  }
}

.mb30 {
  margin-bottom: 30px;
}

.mb60 {
  margin-bottom: 60px;
}

@media (max-width: 800px) {
  .mb60 {
    margin-bottom: 35px;
  }
}

.content-half-bg-wrap {
  position: absolute;
  height: 50%;
  left: 0;
  right: 0;
}

.content-half-bg-wrap.half-bg-pos-top {
  top: 0;
}

.content-half-bg-wrap.half-bg-pos-bottom {
  bottom: 0;
}

.section-half-bg {
  position: relative;
}

.section-half-bg:after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.withripple {
  position: relative;
}

.ripple-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  transform: scale(1);
  transform-origin: 50%;
  opacity: 0;
  pointer-events: none;
}

.ripple.ripple-on {
  transition: opacity 0.15s ease-in 0s,
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  opacity: 0.1;
}

.ripple.ripple-out {
  transition: opacity 0.1s linear 0s !important;
  opacity: 0;
}

.half-width {
  width: 50%;
}

.col-3-width {
  width: 33.33%;
}

.col-4-width {
  width: 25%;
}

.body-bg-white {
  background-color: #ffffff;
}

body.logged-in .hide-for-logged-in {
  display: none;
}

body.not-logged-in .hide-for-not-logged-in {
  display: none;
}

.olympus-theme.bg-body {
  background-color: #edf2f6;
}

.background-contain {
  background-size: contain;
  background-repeat: no-repeat;
}

.overflow-x-wrapper {
  overflow-x: hidden;
}

#overflow-x-wrapper {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
  word-wrap: break-word;
}

.background-cover {
  background-size: cover;
}

.g-recaptcha.mp-recaptcha {
  margin-bottom: 20px;
}

.d-none {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}

/*---Equal height child elements---*/
.js-equal-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.js-equal-child .crumina-module {
  height: 100%;
  margin-bottom: 0;
}

.js-equal-child > * {
  margin-bottom: 30px;
}

.js-equal-child .wpb_wrapper,
.js-equal-child .vc_column-inner {
  height: 100%;
  margin-bottom: 0;
}

/*---option for row font-color---*/
.row.color-inherit * {
  color: inherit;
  fill: inherit;
}

/*---option for row font-color---*/
.olympus-theme.buddypress #content {
  margin: 0;
  z-index: 1;
}

/*---styles for Boxed-layout---*/
body.boxed-width #primary {
  padding: 0;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.15);
}

/*---.. End styles for Boxed-layout---*/
#comments .comment-reply-title {
  text-align: center;
}

#comments .must-log-in {
  text-align: center;
}

/*---fix for editing personal info via front end in visual editor fullscreen ---*/
.olympus-theme.bbpress.mce-fullscreen #content {
  z-index: 999;
}

/*--- /fix for editing personal info via front end in visual editor fullscreen ---*/
/*------------- List Standard --------------*/
.list--standard {
  list-style: none;
  padding-left: 0;
}

.list--standard li {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 5px;
}

.list--standard li:last-child {
  margin-bottom: 0;
}

.list--standard li i {
  position: relative;
  margin-right: 20px;
  top: 2px;
}

@media (max-width: 1200px) {
  .col-4-width {
    width: 33%;
  }
}

@media (max-width: 840px) {
  .col-3-width {
    width: 50%;
  }

  .col-4-width {
    width: 50%;
  }

  .half-width {
    width: 100%;
  }
}

@media (max-width: 800px) {
  .js-equal-child {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .negative-margin-top50 {
    margin-top: -65px;
  }
}

@media (max-width: 480px) {
  .col-3-width {
    width: 100%;
  }

  .col-4-width {
    width: 100%;
  }
}

/*------------- #WELCOME BACK --------------*/
.user-welcomeback {
  text-align: center;
  overflow: hidden;
}

.user-welcomeback .featured-background {
  height: 80px;
  background-size: cover;
  background-color: var(--third-accent-color);
}

.user-welcomeback .author-thumb {
  display: inline-block;
  border-radius: 100%;
  border: 4px solid var(--white-color);
  overflow: hidden;
  width: 98px;
  height: 98px;
  background-color: #fdfbee;
  margin-top: -50px;
  margin-bottom: 15px;
}

.user-welcomeback .author-thumb img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.user-welcomeback .user-active {
  border-bottom: 1px solid #e6ecf5;
  border-top: 1px solid #e6ecf5;
}

.user-welcomeback .author-content {
  font-weight: 700;
  color: #3f4257;
  color: var(--secondary-color);
  margin-bottom: 20px;
}

.user-welcomeback .author-content .author-name {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

.user-welcomeback .you-can-do {
  margin: 15px auto;
  text-transform: uppercase;
  font-size: 9px;
}

.user-welcomeback .links {
  margin: 0 -2px 0 -1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.user-welcomeback .link-item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  border: 1px solid #e6ecf5;
  padding: 40px;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -1px;
  margin-right: -1px;
}

.user-welcomeback .link-item .link-item-icon {
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
  fill: #9a9fbf;
  fill: var(--icon-color);
  color: #9a9fbf;
  color: var(--icon-color);
  transition: all 0.3s ease;
}

.user-welcomeback .link-item i.link-item-icon {
  font-size: 20px;
}

.user-welcomeback .link-item img.link-item-icon {
  height: auto;
}

.user-welcomeback .link-item .title {
  font-size: 12px;
  color: #3f4257;
  color: var(--secondary-color);
  font-weight: 700;
  transition: all 0.3s ease;
}

.user-welcomeback .link-item .sup-title {
  font-size: 10px;
  color: #888da8;
  color: var(--body-font-color);
}

.user-welcomeback .link-item .sup-title > * {
  margin-bottom: 0;
  font-size: 10px;
  color: #888da8;
  color: var(--body-font-color);
}

.user-welcomeback .link-item:hover .link-item-icon {
  color: #ff5e3a;
  fill: #ff5e3a;
  fill: var(--primary-accent-color);
}

.user-welcomeback .link-item:hover .title {
  color: #ff5e3a;
  color: var(--primary-accent-color);
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
  .user-welcomeback .link-item {
    padding: 20px;
  }
}

@media (max-width: 460px) {
  .user-welcomeback .link-item {
    padding: 10px;
  }
}

/*------------- #CRUMINA-PRICING-TABLE --------------*/
.crumina-pricing-table {
  border-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  height: 100%;
  background-color: #fff;
  background-color: var(--white-color);
  box-shadow: 3px 10px 15px 30px rgba(0, 0, 0, 0.03),
    3px 4px 6px 2px rgba(0, 0, 0, 0.03);
}

.crumina-pricing-table .btn {
  margin-top: auto;
  border: none;
}

.crumina-pricing-table.current-price {
  box-shadow: 3px 10px 15px 3px rgba(0, 0, 0, 0.1),
    3px 4px 6px 2px rgba(0, 0, 0, 0.05);
  transform: translateY(-10px);
}

.pricing-item-title {
  font-size: 20px;
  font-weight: 700;
}

.pricing-item-price {
  font-weight: 900;
  margin-bottom: 0;
}

.pricing-tables-position {
  margin: 20px 0;
}

.animate-hover-top {
  transition: all 0.3s ease;
}

.animate-hover-top:hover {
  box-shadow: 3px 10px 15px 3px rgba(0, 0, 0, 0.1),
    3px 4px 6px 2px rgba(0, 0, 0, 0.05);
  transform: translateY(-10px);
}

/*------------- #CUSTOMIZATION PLUGINS --------------*/
/*------------- #VARIABLES --------------*/
/*------------- #BPS Customization --------------*/
.olympus-theme .widget_bps_widget .bps-form {
  padding: 20px;
}

.olympus-theme .bps-form label strong {
  font-weight: 400;
}

.olympus-theme button[type="submit"][name="signin_submit"] {
  height: auto;
}

.olympus-theme button[type="submit"].rtmedia-like {
  background-color: transparent;
}

.olympus-theme .bps-form input,
.olympus-theme .bps-form select {
  height: 45px;
}

.olympus-theme .bps-form .nice-select {
  min-width: 200px;
}

.olympus-theme .bp-widget.mycred > h4 {
  text-transform: capitalize;
  font-size: 14px;
  color: var(--heading-font-color);
  font-weight: 700;
  line-height: 22px;
  padding: 15px 35px;
  letter-spacing: initial;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}

@media (max-width: 475px) {
  .olympus-theme .bp-widget.mycred > h4 {
    padding: 10px 20px;
  }
}

.olympus-theme .bp-widget.mycred > h4:before {
  content: "\e97c";
  font-family: olympus !important;
  font-weight: 400;
  font-size: 20px;
  margin-right: 8px;
}

.olympus-theme .bp-widget.mycred table tbody td {
  padding: 20px 40px;
  text-align: left;
}

@media (max-width: 475px) {
  .olympus-theme .bp-widget.mycred table tbody td {
    padding: 25px 20px;
  }
}

.olympus-theme .bps-form label {
  display: inline-block;
}

.olympus-theme .bps-description {
  display: inline-block;
  margin-top: 10px;
}

.olympus-theme .bps-form button[type="submit"] {
  padding: 0.8rem 2.1rem;
  border-radius: 0.25rem;
  color: #fff;
}

.olympus-theme .col2-set .col-1,
.olympus-theme .col2-set .col-2 {
  max-width: 100%;
  width: 50%;
}

.olympus-theme .bp-messages-wrap .chat-header > a {
  color: var(--secondary-accent-color) !important;
}

.olympus-theme .bp-messages-wrap .chat-header .bpbm-search form input {
  padding: 5px 25px 5px 5px;
}

.olympus-theme .emojionearea .emojionearea-picker {
  z-index: 9999999999;
}

.olympus-theme .bp-messages-wrap .emojionearea,
.olympus-theme .emojionearea.form-control,
.olympus-theme .bp-messages-wrap .taggle_list,
.olympus-theme .bp-messages-wrap .new-message form > div input,
.olympus-theme .bp-messages-wrap .new-message form > div textarea {
  border-color: #e6ecf5;
}

.olympus-theme .bp-messages-wrap div.bulk-message [type="submit"],
.olympus-theme .bp-messages-wrap div.new-message [type="submit"] {
  color: #fff;
  padding: 0.8rem 2.1rem;
  font-weight: 700;
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 0.25rem;
}

.olympus-theme .bp-messages-wrap .bulk-message .box {
  padding: 20px;
}

.olympus-theme .bp-messages-wrap .bulk-message form ul.send-to li,
.olympus-theme .bp-messages-wrap .bulk-message form ul.options li {
  margin-bottom: 10px;
}

.olympus-theme .bp-messages-wrap .threads-list .thread .info .name + h4 {
  font-size: 12px;
}

.olympus-theme .bp-messages-wrap .threads-list {
  padding-bottom: 25px;
}

.olympus-theme .bp-messages-wrap .new-message form > div label {
  color: var(--heading-font-color);
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
  .olympus-theme .col2-set .col-1,
  .olympus-theme .col2-set .col-2 {
    width: 100%;
  }
}

/*================= Fix tiktok ============*/
.tiktok-embed {
  padding: 15px;
}

body:not(.elementor-editor-active) .crumina-lazy-bg {
  background-image: none !important;
  background-color: #fff;
}