/*------------- #VARIABLES --------------*/

/*------------- #THEME-STYLES --------------*/
.notification-event p{
  color: black !important;
}
.product-content .counter{
  display: none;
  }
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: 99; }

    .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; }



/*------------- #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;

  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; }

    .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 {

    margin-left: auto;

    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-pack: distribute;

      justify-content: space-around;

  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; } }



/*------------- #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: 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; }

  .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; } }



/*------------- #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%; } }