/*------------- #VARIABLES --------------*/
/*------------- #THEME-STYLES --------------*/
html:root {
  --primary-accent-color: #ff5e3a;
  --primary-color-darken: #ff3407;
  --secondary-accent-color: #38a9ff;
  --secondary-color-darken: #0593ff;
  --third-accent-color: #7c5ac2;
  --body-font-color: #888da8;
  --heading-font-color: #515365;
  --icon-color: #9a9fbf; }

/*------------- #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;
  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;
      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;
    transition: all .3s ease;
    font-size: 16px; }
  .side-menu-open .user-icon {
    color: #fff;
    font-size: 18px;
    margin: auto;
    transition: all .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;
    transition: all .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;
    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;
      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 .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; }
    .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-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; }
      .control-icon .more-dropdown .view-all:hover {
        color: #fff; }
    .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;
    display: inline-block;
    width: 35px;
    height: 35px; }
    .control-icon .accept-request:hover {
      color: #fff; }
  .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 .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;
  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; }

.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; }

.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;
  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; }
    .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; }
  .top-header.top-header-favorit .author-name {
    color: #fff; }

.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;
    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; }
  .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 .3s ease;
    margin: 0;
    padding: 0;
    background-color: #3f4257;
    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;
  padding: 0 30px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  top: 0; }
  .header--standard .logo {
    color: #3f4257;
    margin-right: auto; }
    .header--standard .logo .img-wrap {
      margin-right: 13px;
      transition: opacity .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; }
  .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 .close-responsive-menu {
    display: none; }
  .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; }
  .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; }

.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 .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; }

.close-responsive-menu {
  position: absolute;
  top: 20px;
  left: 25px;
  fill: #9a9fbf;
  fill: var(--icon-color);
  display: none;
  cursor: pointer;
  transition: all .3s ease; }
  .close-responsive-menu svg, .close-responsive-menu i {
    width: 16px;
    height: 16px;
    font-size: 16px; }
  .close-responsive-menu:hover {
    fill: #ff5e3a;
    fill: var(--primary-accent-color); }

.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; }
  .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 .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: .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;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 800;
  margin-left: 12px;
  top: -3px;
  position: relative; }

/*================= Styles for sticky-Header =========*/
.animated {
  animation-duration: .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: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }

.page-content + .entry-footer {
  margin-top: 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; } }

@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--standard > .container {
    width: 100%;
    max-width: unset; }
  .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 .header-menu .nav-item.js-expanded-menu,
  .header--standard .header-menu li.close-responsive-menu {
    display: none; }
  .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; }
  .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 .header-menu .close-responsive-menu {
    display: block; }
  .header--standard .logo .img-wrap img {
    max-height: 40px !important; }
  .header--standard {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    padding: 0; }
    .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; } }

@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;
  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; }
  .footer.footer-full-width {
    width: 100%; }

.footer--dark {
  background-color: #3f4257; }
  .footer--dark .w-about .logo {
    color: #fff; }
    .footer--dark .w-about .logo .logo-title {
      color: #fff; }
    .footer--dark .w-about .logo:hover {
      color: #fff; }
  .footer--dark .widget .title {
    color: #fff; }
  .footer--dark .socials .soc-item {
    color: #fff; }
    .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: .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 .3s ease;
  bottom: -100%;
  transform: scale(0); }

.call-to-action-animation .second-img {
  position: absolute;
  right: 80%;
  opacity: 0;
  transition: all .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: .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-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-color-darken) !important; }

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  background-color: #ff3407;
  background-color: var(--primary-color-darken); }

a.text-primary:hover,
a.text-primary:focus {
  color: #ff3407 !important;
  color: var(--primary-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-color-darken);
  border-color: var(--primary-color-darken); }

body {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #888da8;
  color: var(--body-font-color); }
  body.media {
    display: block;
    -ms-flex-align: normal;
        align-items: normal; }

.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 .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; }

.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: .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: .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 .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: .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: .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: .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: .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; }
  .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: #3f4257; }

.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: .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;
  padding: .8rem 2.1rem;
  font-weight: 700;
  opacity: .85;
  transition: all .3s ease;
  display: inline-block;
  border-radius: .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 .25rem .25rem 0; }
  .number-spinner.input-group span.data-dwn {
    position: relative;
    bottom: auto;
    width: auto;
    border-radius: .25rem 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; }

.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 .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; }
    .primary-menu-menu > li.btn a {
      color: #fff !important;
      padding: 0; }
    .primary-menu-menu > li.btn:hover {
      color: #fff; }
      .primary-menu-menu > li.btn:hover a {
        color: #fff; }
    .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: .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;
  padding: 25px 25px;
  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:first-child > a {
  padding-left: 0; }

.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: .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 .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 .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;
  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;
    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 .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-left {
  left: auto; }

.primary-menu-menu ul.sub-menu li ul.sub-menu.sub-menu-left {
  left: -100%; }

.primary-menu-menu .megamenu--half-width .megamenu {
  left: 0; }
  .primary-menu-menu .megamenu--half-width .megamenu.sub-menu-left {
    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: .7;
  position: absolute;
  right: 10px;
  transition: all .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: .7;
  position: absolute;
  right: 20px;
  margin: 0;
  transition: border-color .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: .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; } }

@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; }
  .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; }
  .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 400ms ease both; }

@keyframes drop-up {
  0% {
    transform: translateY(100px); }
  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 -8px;
  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: .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; }

/*================= 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; }

/*------------- #BLOCKS --------------*/
/*------------- #UI-BLOCK --------------*/
.ui-block {
  background-color: #fff;
  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 .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 .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;
  position: relative;
  border: 2px solid; }
  .btn i {
    transition: all .15s ease-in-out; }
  .btn:hover {
    opacity: .8;
    color: #fff; }
  .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: .6rem .5rem; } }

.btn-md-2 {
  padding: .8rem 1.9rem;
  font-size: 0.688rem;
  border-radius: 0.3rem; }

@media (max-width: 1080px) {
  .btn-md-2 {
    padding: .6rem 1.5rem; } }

.btn-sm {
  padding: 0.5rem 1.7rem; }

.btn-control {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  padding: 0;
  fill: #fff;
  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 .3s ease; }
  .btn-more:hover {
    fill: #ff5e3a;
    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: #fff; }
    .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: #ff5e3a;
  background-color: var(--primary-accent-color);
  border-color: var(--primary-accent-color);
  color: #fff; }
  .btn-primary:hover {
    color: #fff;
    background-color: #ff5e3a;
    border-color: #ff5e3a;
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color); }
  .btn-primary .crumina-icon,
  .btn-primary i {
    color: #fff;
    fill: #fff; }
  .btn-primary.btn--bordered {
    color: #ff5e3a;
    color: var(--primary-accent-color); }
    .btn-primary.btn--bordered .crumina-icon,
    .btn-primary.btn--bordered i {
      color: #ff5e3a;
      color: var(--primary-accent-color);
      fill: #ff5e3a;
      fill: var(--primary-accent-color); }
    .btn-primary.btn--bordered:hover {
      color: #fff;
      border-color: #ff5e3a;
      border-color: var(--primary-accent-color);
      background-color: #ff5e3a;
      background-color: var(--primary-accent-color); }
      .btn-primary.btn--bordered:hover .crumina-icon,
      .btn-primary.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.btn-secondary {
  background-color: #ff5e3a;
  background-color: var(--secondary-accent-color);
  border-color: var(--secondary-accent-color);
  color: #fff; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #3f4257;
    border-color: #3f4257;
    background-color: var(--secondary-accent-color);
    border-color: var(--secondary-accent-color); }
  .btn-secondary .crumina-icon,
  .btn-secondary i {
    color: #fff;
    fill: #fff; }
  .btn-secondary.btn--bordered {
    color: #3f4257;
    color: var(--secondary-accent-color); }
    .btn-secondary.btn--bordered .crumina-icon,
    .btn-secondary.btn--bordered i {
      color: #3f4257;
      color: var(--secondary-accent-color);
      fill: #3f4257;
      fill: var(--secondary-accent-color); }
    .btn-secondary.btn--bordered:hover {
      color: #fff;
      border-color: #3f4257;
      border-color: var(--secondary-accent-color);
      background-color: #3f4257;
      background-color: var(--secondary-accent-color); }
      .btn-secondary.btn--bordered:hover .crumina-icon,
      .btn-secondary.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.btn-purple {
  background-color: #7c5ac2;
  background-color: var(--third-accent-color);
  border-color: var(--third-accent-color);
  color: #fff; }
  .btn-purple:hover {
    color: #fff;
    background-color: #7c5ac2;
    border-color: #7c5ac2;
    background-color: var(--third-accent-color);
    border-color: var(--third-accent-color); }
  .btn-purple .crumina-icon,
  .btn-purple i {
    color: #fff;
    fill: #fff; }
  .btn-purple.btn--bordered {
    color: #7c5ac2;
    color: var(--third-accent-color); }
    .btn-purple.btn--bordered .crumina-icon,
    .btn-purple.btn--bordered i {
      color: #7c5ac2;
      color: var(--third-accent-color);
      fill: #7c5ac2;
      fill: var(--third-accent-color); }
    .btn-purple.btn--bordered:hover {
      color: #fff;
      border-color: #7c5ac2;
      border-color: var(--third-accent-color);
      background-color: #7c5ac2;
      background-color: var(--third-accent-color); }
      .btn-purple.btn--bordered:hover .crumina-icon,
      .btn-purple.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.btn-breez {
  border-color: #08ddc1;
  background-color: #08ddc1;
  color: #fff; }
  .btn-breez:hover {
    color: #fff;
    background-color: #08ddc1;
    border-color: #08ddc1; }
  .btn-breez .crumina-icon,
  .btn-breez i {
    color: #fff;
    fill: #fff; }
  .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: #fff;
      border-color: #08ddc1;
      background-color: #08ddc1; }
      .btn-breez.btn--bordered:hover .crumina-icon,
      .btn-breez.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.btn-green {
  border-color: #1ed760;
  background-color: #1ed760;
  color: #fff; }
  .btn-green:hover {
    color: #fff;
    background-color: #1ed760;
    border-color: #1ed760; }
  .btn-green .crumina-icon,
  .btn-green i {
    color: #fff;
    fill: #fff; }
  .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: #fff;
      border-color: #1ed760;
      background-color: #1ed760; }
      .btn-green.btn--bordered:hover .crumina-icon,
      .btn-green.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.btn-grey {
  border-color: #515365;
  background-color: #515365;
  color: #fff; }
  .btn-grey:hover {
    color: #fff;
    background-color: #515365;
    border-color: #515365; }
  .btn-grey .crumina-icon,
  .btn-grey i {
    color: #fff;
    fill: #fff; }
  .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;
      border-color: #515365;
      background-color: #515365; }
      .btn-grey.btn--bordered:hover .crumina-icon,
      .btn-grey.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.btn-grey-light {
  border-color: #888da8;
  background-color: #888da8;
  color: #fff; }
  .btn-grey-light:hover {
    color: #fff;
    background-color: #888da8;
    border-color: #888da8; }
  .btn-grey-light .crumina-icon,
  .btn-grey-light i {
    color: #fff;
    fill: #fff; }
  .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;
      border-color: #888da8;
      background-color: #888da8; }
      .btn-grey-light.btn--bordered:hover .crumina-icon,
      .btn-grey-light.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.btn-grey-lighter {
  border-color: #9a9fbf;
  background-color: #9a9fbf;
  color: #fff; }
  .btn-grey-lighter:hover {
    color: #fff;
    background-color: #9a9fbf;
    border-color: #9a9fbf; }
  .btn-grey-lighter .crumina-icon,
  .btn-grey-lighter i {
    color: #fff;
    fill: #fff; }
  .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;
      border-color: #9a9fbf;
      background-color: #9a9fbf; }
      .btn-grey-lighter.btn--bordered:hover .crumina-icon,
      .btn-grey-lighter.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.btn-breez-light {
  border-color: #2aebcb;
  background-color: #2aebcb;
  color: #fff; }
  .btn-breez-light:hover {
    color: #fff;
    background-color: #2aebcb;
    border-color: #2aebcb; }
  .btn-breez-light .crumina-icon,
  .btn-breez-light i {
    color: #fff;
    fill: #fff; }
  .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;
      border-color: #2aebcb;
      background-color: #2aebcb; }
      .btn-breez-light.btn--bordered:hover .crumina-icon,
      .btn-breez-light.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.btn-yellow {
  border-color: #ffdc1b;
  background-color: #ffdc1b;
  color: #fff; }
  .btn-yellow:hover {
    color: #fff;
    background-color: #ffdc1b;
    border-color: #ffdc1b; }
  .btn-yellow .crumina-icon,
  .btn-yellow i {
    color: #fff;
    fill: #fff; }
  .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;
      border-color: #ffdc1b;
      background-color: #ffdc1b; }
      .btn-yellow.btn--bordered:hover .crumina-icon,
      .btn-yellow.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.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;
  background-color: #fff;
  color: #000; }
  .btn-white:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff; }
  .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;
      background-color: #fff; }
      .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; }
  .btn-dark:hover {
    color: #fff;
    background-color: #000;
    border-color: #000; }
  .btn-dark .crumina-icon,
  .btn-dark i {
    color: #fff;
    fill: #fff; }
  .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;
      border-color: #000;
      background-color: #000; }
      .btn-dark.btn--bordered:hover .crumina-icon,
      .btn-dark.btn--bordered:hover i {
        color: #fff;
        fill: #fff; }

.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; }
  .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;
  fill: #fff; }
  .accept-request:hover, .accept-request:focus {
    color: #fff;
    fill: #fff;
    opacity: .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 .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: .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;
    color: #fff; }

.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: .8; }
  a.vc_btn3.btn-purple,
  button.vc_btn3.btn-purple {
    background-color: #7c5ac2;
    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: .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: .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: .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: .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: .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: .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: .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: .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: .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: .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: #3f4257;
    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: .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-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-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-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-color-darken);
      box-shadow: 0 2px 0 #ff3407;
      box-shadow: 0 2px 0 var(--primary-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-color-darken);
      border-color: var(--primary-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-color-darken);
      border-color: var(--primary-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-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-color-darken);
      border-color: var(--secondary-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-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-color-darken);
      box-shadow: 0 2px 0 var(--secondary-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-color-darken);
      border-color: var(--secondary-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-color-darken);
      border-color: var(--secondary-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; }

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 .2rem; }

input, .form-control {
  color: #515365;
  line-height: 1;
  font-size: .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;
  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 .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;
  font-size: 9px;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  font-family: 'Font Awesome 5 Free'; }

select.form-control {
  padding-left: .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;
  fill: #fff;
  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; }

.tooltip-secondary .tooltip-inner {
  background-color: #3f4257; }

.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: #3f4257;
  display: block;
  color: #fff;
  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;
  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: .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;
  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;
      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: .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 {
  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.open .fixed-sidebar-left {
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
    .fixed-sidebar.open .fixed-sidebar-left.sidebar--small {
      transform: translateX(-100%); }
    .fixed-sidebar.open .fixed-sidebar-left.sidebar--large {
      transform: translateX(0);
      transition-delay: .3s; }
  .fixed-sidebar.open .fixed-sidebar-right {
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transform: translateX(0);
    transition-delay: .3s; }
  .fixed-sidebar.right {
    right: -70px;
    left: auto;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    position: absolute; }
    .fixed-sidebar.right.open {
      z-index: 22; }

.fixed-sidebar-left {
  position: absolute;
  height: 100%;
  background-color: #fff;
  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; }
  .fixed-sidebar-left.sidebar--small {
    width: 70px;
    transition-delay: .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; }
  .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;
  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; }
    .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; }
  .logo img {
    transition: opacity .3s ease; }
  .logo .logo-title {
    text-transform: uppercase;
    margin: 0;
    color: inherit;
    transition: all .3s ease; }
  .logo .sub-title {
    font-size: 9px;
    text-transform: uppercase; }
  .logo:hover {
    color: #fff; }
  .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 .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;
  transition: all .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); }
  #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: .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;
    z-index: 15; }
  .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;
  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; }

.more:hover .more-dropdown {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s; }

.more {
  position: relative;
  transition: all .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;
  right: 25px; }

.more-with-triangle.triangle-bottom-right:before {
  top: auto;
  bottom: -7px;
  right: 15px;
  border-bottom: none;
  border-top: 7px solid #fff; }

.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-container-horizontal > .swiper-pagination-bullets {
  left: 50%;
  transform: translate(-50%, 0); }

.swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: auto 10px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .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; }

.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 .2s ease-in;
  fill: #fff;
  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: .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; }
    .pagination .page-link:focus, .pagination .page-link:hover {
      border-color: #ff5e3a;
      border-color: var(--primary-accent-color); }
    .pagination .page-link:hover {
      color: #fff; }

.page-links {
  margin: 15px 0;
  clear: both; }
  .page-links a {
    display: inline-block;
    padding: .2rem .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; }
  .page-links span {
    display: inline-block;
    padding: .2rem .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; }
    .page-links span:hover {
      color: #fff; }

/*------------- #REGISTRATION-LOGIN-FORM --------------*/
.registration-login-form {
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  border: 1px solid #e6ecf5;
  background-color: #fff;
  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;
      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;
      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;
    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; } }

/*------------- #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 .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: #38a9ff;
    background-color: var(--secondary-accent-color); }
  .icon-status.away {
    background-color: #ffd52f; }
  .icon-status.disconected {
    background-color: #ff4f60; }
  .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;
  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 .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 .3s ease;
  cursor: pointer; }

.icon-close {
  position: absolute;
  top: -25px;
  right: -25px;
  color: #fff;
  fill: #fff; }
  .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;
  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;
    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: .8; }
    .friends-harmonic .all-users:hover {
      color: #fff; }

/*------------- #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 .comment-item .comment p:last-child {
      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; }
  .more-comments span {
    transition: all .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 .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; }

/*================= 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;
    z-index: 5;
    opacity: 0;
    transition: all .3s ease;
    padding: 0; }
    .video-player .video-content .title {
      color: #fff;
      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 .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 .3s ease;
    padding: 8px 20px;
    display: block; }
    .cat-list__item a:hover {
      color: #fff;
      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; }

/*================= 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;
    fill: #fff;
    opacity: 0;
    transition: all .3s ease; }
  .photo-item .content {
    position: absolute;
    bottom: 25px;
    left: 20px;
    opacity: 0;
    transition: all .3s ease; }
    .photo-item .content .title {
      color: #fff;
      display: block;
      margin-bottom: 0; }
    .photo-item .content time {
      font-size: 12px;
      color: #b6bbd7; }
  .photo-item .post-add-icon {
    fill: #fff;
    position: absolute;
    right: 25px;
    bottom: 30px;
    opacity: 0;
    transition: all .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; }
  .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: .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;
    color: #fff;
    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 .3s ease; }
  .post-add-icon > * {
    vertical-align: middle; }
  .post-add-icon > svg, .post-add-icon > img, .post-add-icon > i {
    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,
.type-post .post-title > a {
  color: #515365;
  color: var(--heading-font-color); }
  .type-post a.post-title:hover,
  .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: #515365;
    color: var(--heading-font-color); }
    .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; }

.post .post__author-name {
  display: block;
  margin-bottom: 0; }

.post-content .more-link {
  margin-top: 1em; }

.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: #515365;
    color: var(--heading-font-color); }
    .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 .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; }
  .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: #3f4257;
  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; }

.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; }
  .blog-post.format-quote .overlay,
  .post.format-quote .overlay {
    background-color: #7c5ac2;
    background-color: var(--third-accent-color);
    opacity: .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;
      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; }
    .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;
    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; }

.post-category {
  display: inline-block;
  border-radius: 3px;
  padding: 4px 9px;
  color: #fff;
  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; }

.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; }

.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;
  opacity: .7; }

.blog-post-v1 .author-date {
  color: #888da8;
  color: var(--body-font-color); }

.blog-post-v1 .post__author-name {
  color: #fff; }

.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; }
  .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; }
      .single-post-v1 .filter-icons li + li {
        margin-top: 25px; }
    .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 .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: .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: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 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: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 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;
    padding: .8rem 2.1rem;
    font-size: .688rem;
    opacity: .85;
    transition: all .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;
      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: .5rem 1.1rem;
      color: #fff;
      transition: opacity .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; }

/*================= 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) {
  .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; }

.clients-item {
  position: relative;
  display: inline-block; }
  .clients-item:hover img {
    opacity: 0.3;
    filter: grayscale(100%); }
  .clients-item img {
    transition: all .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 .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 .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 .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;
    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: .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 .3s ease;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.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: -.125em;
  margin-right: 10px; }

.socials--round .social-item {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  color: #fff;
  fill: #fff;
  display: block;
  position: relative;
  opacity: .9; }
  .socials--round .social-item:hover {
    color: #fff;
    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; }

.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 .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 .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; }

.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: -.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 .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;
  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;
  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; } }

@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: 50px;
  padding-bottom: 50px;
  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: .875rem; }

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .olympus-theme.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
    padding-top: 20px;
    padding-bottom: 20px; }
  .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 {
    padding-top: 10px;
    padding-bottom: 10px; }
    .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;
  overflow: hidden; }
  .search-help-result #yz-members-list li .yzm-user-data,
  .search-help-result #yz-groups-list li .yz-group-data {
    border: 1px solid #e6ecf5; }
  .search-help-result #search-fail {
    border: none; }
  .search-help-result #yz-members-list,
  .search-help-result #yz-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;
  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; }

svg {
  transition: all .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 .3s ease;
  opacity: 0; }
  .overlay.overlay-dark {
    background: rgba(43, 45, 59, 0.8); }

.gray_hover {
  transition: filter .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; }

.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: #ff5e3a;
  background-color: var(--primary-accent-color); }

.bg-secondary {
  background-color: #3f4257; }

.bg-purple {
  background-color: #7c5ac2;
  background-color: var(--third-accent-color); }

.bg-linkedin {
  background-color: #4A8F9E; }

.bg-blue {
  background-color: #38a9ff;
  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; }

.c-grey {
  color: #888da8;
  color: var(--body-font-color); }

.c-orange {
  color: #ff763a; }

.c-secondary {
  color: #3f4257; }

.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; }
  @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; }

.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: #7c5ac2; }
  .user-welcomeback .author-thumb {
    display: inline-block;
    border-radius: 100%;
    border: 4px solid #fff;
    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;
    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 .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;
      font-weight: 700;
      transition: all .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;
  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 .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: #515365;
  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: .8rem 2.1rem;
  border-radius: .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: #38a9ff !important;
  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: 99999999999; }

.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: .8rem 2.1rem;
  font-weight: 700;
  transition: all .3s ease;
  display: inline-block;
  border-radius: .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: #515365;
  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%; } }
