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

/*------------- #TABLE OF CONTENTS --------------*/

/*------------------------------------------------------------------





Project name: "Olympus",

Version: "1.0.0",

Description: "HTML-template"





1. Bootstrap core



	../Bootstrap/scss/



	1.1 Alert

	1.2 Badge

	1.3 Breadcrumb

	1.4 Button group

	1.5 Buttons

	1.6 Card

	1.7 Carousel

	1.8 Close

	1.9 Code

	1.10 Custom

	1.11 Custom forms

	1.12 Dropdown

	1.13 Forms

	1.14 Grid

	1.15 Images

	1.16 Input group

	1.17 Jumbotron

	1.18 List Group

	1.19 Media

	1.20 Mixins

	1.21 Modal

	1.22 Nav

	1.23 Navbar

	1.24 Normalize

	1.25 Pagination

	1.26 Popover

	1.27 Print

	1.28 Progress

	1.29 Reboot

	1.30 Responsive embed

	1.31 Tables

	1.32 Tooltip

	1.33 Transitions

	1.34 Type

	1.35 Utilities

	1.36 Variables





1. Theme Styles



	../sass/theme-styles/



	1.1 Bootstrap Customization

	1.2 Header

	1.3 Mobile App

	1.4 Variables (base colors, fonts ...)





2. Blocks



	../sass/blocks/



	2.1 UI-blocks

	2.2 Buttons

	2.3 Forms

	2.4 Fixed sidebars

	2.5 Skills

	2.6 Friends

	2.7 Sliders

	2.8 Pagination

	2.9 Landing page

	2.10 Registration Login Form

	2.11 Main Header

	2.12 Your Profile

	2.13 Notification

	2.14 Popup Chat

	2.15 Overlay Menu

	2.16 Popup Windows

	2.17 Widget search

	2.18 Widget personal info

	2.19 Widget socials

	2.20 Widget select

	2.21 Widget contacts

	2.22 Widget fav-ed page

	2.23 Widget twitter

	2.24 Widget latest photo

	2.25 Widget playlist

	2.26 Widget friend pages added

	2.27 Widget create fav page

	2.28 Widget birthday alert

	2.29 Widget action

	2.30 Widget activity feed

	2.31 Widget weather

	2.32 Widget last video

	2.33 Widget pool

	2.34 Widget badges

	2.35 Widget blog posts

	2.36 OL lists

	2.37 Friends Harmonic

	2.38 Posts

	2.39 Comment List

	2.40 Post Video

	2.41 Video Player

	2.42 Video news feed form

	2.43 Photo gallery

	2.44 Features Video

	2.45 Event item

	2.46 Available widget

	2.47 Today events

	2.48 Calendar events tabs

	2.49 Helper / Additional classes

	2.50 Statistics











-------------------------------------------------------------------*/

/*------------- #THEME-STYLES --------------*/

html:root {

  --primary-accent-color: #ff5e3a;

  --primary-color-darken: #ff3407;

  --secondary-accent-color: #38a9ff;

  --secondary-color-darken: #0593ff;

}



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

  align-items: center;

  padding-right: 0;

}



.header.header--logout .page-title {

  padding: 10px 26px;

}



.header.header--logout .header-content-wrapper {

  margin-left: auto;

  display: flex;

  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: flex;

  align-items: center;

  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: flex;

}



.side-menu-open .olymp-menu-icon {

  margin: auto;

  fill: #fff;

  transition: all .3s ease;

}



.side-menu-open .user-icon {

  color: #fff;

  font-size: 18px;

  margin: auto;

  transition: all .3s ease;

}



.side-menu-open .olymp-close-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  opacity: 0;

  visibility: hidden;

  fill: #fff;

  transition: all .3s ease;

}



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

  display: block;

}



.search-bar.process .olymp-search-loupe {

  display: none;

}



.search-bar .olymp-search-spinner {

  display: none;

}



.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: #9a9fbf;

  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;

  fill: #696d87;

  background-color: #494c62;

  width: 50px;

}



.search-bar .form-group.with-button button svg {

  height: 22px;

  width: 22px;

}



.search-bar .form-group.with-button input {

  height: 100%;

  border: none;

  color: #9a9fbf;

}



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

  width: 20px;

  height: 20px;

}



.control-block {

  height: 100%;

  display: flex;

  align-items: center;

}



#notification-panel-top.control-block {

  margin-left: auto;

}



.control-icon {

  margin-right: 29px;

  fill: #9a9fbf;

  margin-top: 8px;

  position: relative;

}



.control-icon.has-items {

  fill: #fff;

}



.control-icon.has-items svg {

  fill: inherit;

}



.control-icon.open .more-dropdown {

  visibility: visible;

  opacity: 1;

  transition-delay: 0s;

}



.control-icon .icon-status-wrap {

  position: relative;

  display: block;

}



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

}



.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: flex;

  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: '';

  background-image: url("./../svg-icons/read-icon.svg");

  background-repeat: no-repeat;

  background-size: contain;

  width: 15px;

  height: 15px;

  display: inline-block;

}



.control-icon .notification-list.notification-all .icons-action .dashicons.dashicons-trash:before {

  content: '';

  background-image: url("./../svg-icons/basket-icon-grey.svg");

  background-repeat: no-repeat;

  background-size: contain;

  width: 15px;

  height: 15px;

  display: inline-block;

}



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

  height: 20px;

  width: 20px;

  fill: #9a9fbf;

}



.control-icon .chat-message li.chat-group .author-thumb {

  width: 36px;

}



.control-icon .notification-list.chat-message .notification-icon svg {

  height: 24px;

  width: 24px;

}



.control-icon .mCustomScrollbar {

  overflow: hidden;

  max-height: 300px;

}



.control-icon .ps > .ps__scrollbar-y-rail, .control-icon .ps:hover > .ps__scrollbar-y-rail {

  left: 0;

  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 5px 5px;

}



.view-all:hover {

  color: #fff;

}



.control-icon .more-dropdown .view-all-half-item {

  display: flex;

  align-items: center;

  padding: 0;

  overflow: hidden;

}



.control-icon .more-dropdown .view-all-half-item > a {

  width: 50%;

  padding: 20px;

  color: #fff;

}



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

  margin-left: 15px;

  fill: #fff;

  width: 6px;

  height: 4px;

}



.author-page .author-subtitle {

  display: block;

  font-weight: 700;

  color: #9a9fbf;

  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: flex;

  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;

  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: 15px;

  fill: #9a9fbf;

  color: #9a9fbf;

  font-size: 20px;

  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: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  justify-content: space-around;

  padding-left: 0;

  list-style: none;

}



.profile-menu li.current a {

  color: #515365;

}



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

}



.profile-menu li > div.active, .profile-menu li a.active {

  color: #515365;

}



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

  fill: inherit;

}



/*------------- #Styles for svg-icons --------------*/

[class^="olymp-"],

[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: flex;

  align-items: center;

  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;

  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: flex;

  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: flex;

  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__scrollbar-x-rail, .header--standard .ps:hover > .ps__scrollbar-y-rail {

  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;

}



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

  fill: #9a9fbf;

  position: relative;

}



.open-responsive-menu:hover {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

}



.open-responsive-menu svg {

  transition: all .3s ease;

}



.open-responsive-menu .olymp-close-icon {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

}



.open-responsive-menu.open .olymp-menu-icon {

  opacity: 0;

}



.open-responsive-menu.open .olymp-close-icon {

  opacity: 1;

}



.close-responsive-menu {

  position: absolute;

  top: 20px;

  left: 25px;

  fill: #9a9fbf;

  display: none;

  cursor: pointer;

  transition: all .3s ease;

}



.close-responsive-menu svg {

  width: 16px;

  height: 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;

}



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

}



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

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.inner-relative-wrapper {

  position: relative;

}



@-webkit-keyframes right-to-left {

  from {

    background-position: 0 0;

  }

  to {

    background-position: -4000px 0;

  }

}



@-webkit-keyframes left-to-right {

  from {

    background-position: 0 0;

  }

  to {

    background-position: 4000px 0;

  }

}



@-webkit-keyframes diagonally-left-to-right {

  from {

    background-position: 0 0;

  }

  to {

    background-position: 4000px 4000px;

  }

}



@-webkit-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 {

  -webkit-animation-duration: .5s;

  -moz-animation-duration: .5s;

  -o-animation-duration: .5s;

  animation-duration: .5s;

  -webkit-animation-fill-mode: both;

  -moz-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  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;

  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

}



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

    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;

  }

  .top-header-author .author-name {

    color: #515365;

  }

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

  }

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

    flex-direction: row;

    width: 100%;

  }

  .header-menu {

    margin: auto;

    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;

  }

  .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: 50px !important;

  }

  .header--standard {

    height: 50px;

    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__scrollbar-x-rail, .header--standard .ps:hover > .ps__scrollbar-y-rail {

    display: block;

  }

  .header--standard > .container {

    height: 100%;

  }

  .header--standard > .container > .header--standard-wrap {

    height: 100%;

  }

  .megamenu .row > * {

    width: 100%;

    max-width: 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 {

    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: flex;

    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 .socials .soc-item {

  display: inline-block;

  color: #9a9fbf;

}



.footer .socials .soc-item:hover {

  color: #ff5e3a;

  color: var(--primary-accent-color);

}



.footer .socials .soc-item svg {

  height: 15px;

  width: 15px;

}



.footer .widget {

  margin-bottom: 35px;

  margin-top: 0;

}



.footer .widget + .widget {

  margin-top: 0;

}



.footer .widget .title {

  margin-bottom: 25px;

}



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

  margin-bottom: 35px;

}



.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 div.item-options a,

.olympus-theme .footer .widget.buddypress.widget_bp_core_members_widget div.item-options a {

  border: 1px solid #e6ecf5;

  margin-right: -1px;

}



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

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

    margin-bottom: 40px;

  }

  .footer .footer-content {

    padding: 40px 0;

  }

}



@media (max-width: 768px) {

  .footer .widget .title {

    margin-bottom: 10px;

  }

}



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

  flex-direction: column;

}



body.media {

  display: block;

  align-items: normal;

}



#content {

  flex: 1;

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  #content {

    flex: auto;

  }

}



@supports (-ms-accelerator: true) {

  #content {

    flex: auto;

  }

}



@supports (-ms-ime-align: auto) {

  #content {

    flex: auto;

  }

}



a {

  transition: all .15s ease;

  color: #ff5e3a;

  color: var(--primary-accent-color);

}



a:hover {

  color: #ff5e3a;

  color: var(--primary-accent-color);

}



select,

input,

.form-control {

  background-color: transparent;

}



select, input {

  display: block;

  width: 100%;

  padding: 1.1rem 1.1rem;

  font-size: .875rem;

  line-height: 1.25;

  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;

}



body, p {

  font-size: .875rem;

}



.h1, .h2, .h3, .h4, .h5, .h6 {

  color: #515365;

}



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

  display: block;

}



.card-header a:hover, .card-header a:focus {

  color: #515365;

}



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

}



blockquote h6 span {

  font-weight: 700;

  display: block;

  color: #515365;

}



blockquote p {

  margin: 0 0 15px !important;

  font-size: 22px;

  line-height: 1.3em;

  font-weight: 300;

  position: relative;

  color: #515365;

}



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

  margin-bottom: 0;

}



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

}



table {

  background-color: transparent;

  border-collapse: collapse;

  border-spacing: 0;

  width: 100%;

}



caption {

  padding-top: 8px;

  padding-bottom: 8px;

  color: #777;

  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;

}



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 {

  margin: 15px 0;

  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: flex;

  align-items: center;

  justify-content: space-around;

  margin-bottom: 0;

  list-style: none;

  padding-left: 0;

}



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

  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 30px;

  display: block;

}



.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:last-child > a {

  padding-right: 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%;

  background-color: #ffffff;

  border-radius: .25rem;

  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);

  list-style: none;

  display: none;

  border: 1px solid #e6ecf5;

}



.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: block;

}



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

  background: #edf2f6;

}



/* 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 .indicator {

  color: #888da8;

  font-family: "Font Awesome 5 Free";

  font-size: 7px;

  margin-left: 5px;

}



.primary-menu-menu li ul.sub-menu li .indicator {

  position: absolute;

  top: 11px;

  right: 20px;

  font-size: 13px;

  transition: all .3s ease;

}



/* 6 - MEGAMENU

======================================*/

.primary-menu-menu > li > .megamenu {

  width: 100%;

  padding: 20px;

  left: 0;

  position: absolute;

  display: none;

  z-index: 1000;

  background: #fff;

  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: #2f2c2c;

  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;

  -o-transition: width 1s ease-out;

  -moz-transition: width 1s ease-out;

  -webkit-transition: width 1s ease-out;

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

  }

  .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: block;

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

  }

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

  -webkit-animation: zoomIn 400ms ease both;

  -moz-animation: zoomIn 400ms ease both;

  -o-animation: zoomIn 400ms ease both;

  animation: zoomIn 400ms ease both;

}



@-webkit-keyframes zoomIn {

  0% {

    -webkit-transform: scale(1.5);

  }

  100% {

    -webkit-transform: scale(1);

  }

}



@-moz-keyframes zoomIn {

  0% {

    -moz-transform: scale(1.5);

  }

  100% {

    -moz-transform: scale(1);

  }

}



@-o-keyframes zoomIn {

  0% {

    opacity: 0;

    -o-transform: scale(1.5);

  }

  100% {

    opacity: 1;

    -o-transform: scale(1);

  }

}



@keyframes zoomIn {

  0% {

    transform: scale(1.5);

  }

  100% {

    transform: scale(1);

  }

}



.zoom-out {

  -webkit-animation: zoomOut 400ms ease both;

  -moz-animation: zoomOut 400ms ease both;

  -o-animation: zoomOut 400ms ease both;

  animation: zoomOut 400ms ease both;

}



@-webkit-keyframes zoomOut {

  0% {

    -webkit-transform: scale(0.6);

  }

  100% {

    -webkit-transform: scale(1);

  }

}



@-moz-keyframes zoomOut {

  0% {

    -moz-transform: scale(0.6);

  }

  100% {

    -moz-transform: scale(1);

  }

}



@-o-keyframes zoomOut {

  0% {

    -o-transform: scale(0.6);

  }

  100% {

    -o-transform: scale(1);

  }

}



@keyframes zoomOut {

  0% {

    transform: scale(0.6);

  }

  100% {

    transform: scale(1);

  }

}



.drop-up {

  -webkit-animation: drop-up 400ms ease both;

  -moz-animation: drop-up 400ms ease both;

  -o-animation: drop-up 400ms ease both;

  animation: drop-up 400ms ease both;

}



@-webkit-keyframes drop-up {

  0% {

    -webkit-transform: translateY(100px);

  }

  100% {

    -webkit-transform: translateY(0);

  }

}



@-moz-keyframes drop-up {

  0% {

    -moz-transform: translateY(100px);

  }

  100% {

    -moz-transform: translateY(0);

  }

}



@-o-keyframes drop-up {

  0% {

    -o-transform: translateY(100px);

  }

  100% {

    -o-transform: translateY(0);

  }

}



@keyframes drop-up {

  0% {

    transform: translateY(100px);

  }

  100% {

    transform: translateY(0);

  }

}



.drop-left {

  -webkit-animation: drop-left 400ms ease both;

  -moz-animation: drop-left 400ms ease both;

  -o-animation: drop-left 400ms ease both;

  animation: drop-left 400ms ease both;

}



@-webkit-keyframes drop-left {

  0% {

    -webkit-transform: translateX(-100px);

  }

  100% {

    -webkit-transform: translateX(0);

  }

}



@-moz-keyframes drop-left {

  0% {

    -moz-transform: translateX(-100px);

  }

  100% {

    -moz-transform: translateX(0);

  }

}



@-o-keyframes drop-left {

  0% {

    -o-transform: translateX(-100px);

  }

  100% {

    -o-transform: translateX(0);

  }

}



@keyframes drop-left {

  0% {

    transform: translateX(-100px);

  }

  100% {

    transform: translateX(0);

  }

}



.swing {

  -webkit-transform-origin: top center;

  -moz-transform-origin: top center;

  -o-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation: swing 400ms ease-out both;

  -moz-animation: swing 400ms ease-out both;

  -o-animation: swing 400ms ease-out both;

  animation: swing 400ms ease-out both;

}



@-webkit-keyframes swing {

  20%, 40%, 60%, 80%, 100% {

    -webkit-transform-origin: top center;

  }

  20% {

    -webkit-transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

  }

}



@-moz-keyframes swing {

  20% {

    -moz-transform: rotate(15deg);

  }

  40% {

    -moz-transform: rotate(-10deg);

  }

  60% {

    -moz-transform: rotate(5deg);

  }

  80% {

    -moz-transform: rotate(-5deg);

  }

  100% {

    -moz-transform: rotate(0deg);

  }

}



@-o-keyframes swing {

  20% {

    -o-transform: rotate(15deg);

  }

  40% {

    -o-transform: rotate(-10deg);

  }

  60% {

    -o-transform: rotate(5deg);

  }

  80% {

    -o-transform: rotate(-5deg);

  }

  100% {

    -o-transform: rotate(0deg);

  }

}



@keyframes swing {

  20% {

    transform: rotate(15deg);

  }

  40% {

    transform: rotate(-10deg);

  }

  60% {

    transform: rotate(5deg);

  }

  80% {

    transform: rotate(-5deg);

  }

  100% {

    transform: rotate(0deg);

  }

}



.flip {

  -webkit-animation: flip 700ms ease both;

  -moz-animation: flip 700ms ease both;

  -o-animation: flip 700ms ease both;

  animation: flip 700ms ease both;

}



@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

}



@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    -ms-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    -ms-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

}



.roll-in {

  -webkit-animation: roll-in 400ms ease both;

  -moz-animation: roll-in 400ms ease both;

  -o-animation: roll-in 400ms ease both;

  animation: roll-in 400ms ease both;

}



@-webkit-keyframes roll-in {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-15deg);

    transform: translateX(-100%) rotate(-15deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

}



@keyframes roll-in {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-15deg);

    -ms-transform: translateX(-100%) rotate(-15deg);

    transform: translateX(-100%) rotate(-15deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

}



.stretch {

  -webkit-animation: stretch 500ms ease both;

  -moz-animation: stretch 500ms ease both;

  -o-animation: stretch 500ms ease both;

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

  }

}



@-webkit-keyframes stretch {

  0% {

    -webkit-transform: scaleX(0.3);

  }

  40% {

    -webkit-transform: scaleX(1.02);

  }

  60% {

    -webkit-transform: scaleX(0.98);

  }

  80% {

    -webkit-transform: scaleX(1.01);

  }

  100% {

    -webkit-transform: scaleX(0.98);

  }

  80% {

    -webkit-transform: scaleX(1.01);

  }

  100% {

    -webkit-transform: scaleX(1);

  }

}



@-o-keyframes stretch {

  0% {

    -o-transform: scaleX(0.3);

  }

  40% {

    -o-transform: scaleX(1.02);

  }

  60% {

    -o-transform: scaleX(0.98);

  }

  80% {

    -o-transform: scaleX(1.01);

  }

  100% {

    -o-transform: scaleX(0.98);

  }

  80% {

    -o-transform: scaleX(1.01);

  }

  100% {

    -o-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 .blog-post ul:not([class]) li + li {

  margin-top: 8px;

}



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

}



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

  }

}



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

  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: #9a9fbf;

}



.ui-block-title:first-child {

  border-top: none;

}



.ui-block-title .btn {

  display: inline-block;

  margin-bottom: 0;

}



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

}



/*------------- Responsive mode styles --------------*/

@media (max-width: 1200px) {

  .responsive-flex1200 .ui-block-title {

    display: flex;

    flex-direction: column;

    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: flex;

    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;

    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 {

    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;

  margin-bottom: 15px;

  position: relative;

}



.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: #9a9fbf;

  border-color: #9a9fbf;

  cursor: not-allowed;

}



.btn-transparent {

  background-color: transparent;

}



button:hover {

  cursor: pointer;

}



.btn-icon-left i {

  font-size: 12px;

  margin-right: 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;

  line-height: 54px;

  padding: 0;

  fill: #fff;

  font-size: 20px;

}



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

  font-size: 15px;

}



.btn-control-small {

  width: 34px;

  height: 34px;

  line-height: 34px;

}



.btn-control-small > i {

  font-size: 16px;

}



.btn-more {

  background-color: #ccd1e0;

  margin: 40px auto;

  text-align: center;

  display: block;

  line-height: 40px;

  transition: all .3s ease;

}



.btn-more:hover {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

}



.btn-border {

  border: solid 2px;

}



.btn-border-think {

  border: solid 1px;

}



.control-block-button {

  position: absolute;

}



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

}



.btn-primary:hover {

  background-color: #ff3407;

  border-color: #ff3407;

  background-color: var(--primary-color-darken);

  border-color: var(--primary-color-darken);

  opacity: 1;

}



.btn-secondary:hover {

  background-color: #ff5e3a;

  border-color: #ff5e3a;

  background-color: var(--primary-accent-color);

  border-color: var(--primary-accent-color);

  opacity: 1;

}



.btn-primary {

  background-color: #ff5e3a;

  background-color: var(--primary-accent-color);

  color: #fff;

}



.btn-purple {

  background-color: #7c5ac2;

  color: #fff;

}



.btn-breez {

  background-color: #08ddc1;

  color: #fff;

}



.btn-green {

  background-color: #1ed760;

  color: #fff;

}



.btn-grey {

  background-color: #515365;

  color: #fff;

}



.btn-grey-light {

  background-color: #888da8;

  color: #fff;

}



.btn-grey-lighter {

  background-color: #9a9fbf;

  color: #fff;

}



.btn-breez-light {

  background-color: #2aebcb;

  color: #fff;

}



.btn-yellow {

  background-color: #ffdc1b;

  color: #fff;

}



.btn-smoke {

  background-color: #e6ecf5;

  color: #000;

}



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;

}



.btn-purple {

  background-color: #7c5ac2;

}



.btn-blue {

  background-color: #38a9ff;

  background-color: var(--secondary-accent-color);

}



.btn-breez {

  background-color: #08ddc1;

}



.btn-green {

  background-color: #1ed760;

}



.btn-grey {

  background-color: #515365;

}



.btn-grey-light {

  background-color: #888da8;

}



.btn-grey-lighter {

  background-color: #9a9fbf;

}



.btn-breez-light {

  background-color: #2aebcb;

}



.btn-yellow {

  background-color: #ffdc1b;

}



.btn-smoke {

  background-color: #e6ecf5;

}



.btn-bg-secondary {

  background-color: #3f4257;

}



.btn-light-bg {

  color: #515365;

}



.btn-light-bg:hover {

  color: #515365;

}



.btn-light-bg:focus {

  color: #515365;

}



.btn-market {

  text-transform: none;

  text-align: left;

  padding: 13px 23px;

  background-color: #000;

}



.btn-market .icon {

  margin-right: 5px;

  height: 35px;

  width: 35px;

}



.btn-market > * {

  display: inline-block;

  vertical-align: middle;

}



.btn-market .text {

  overflow: hidden;

}



.btn-market span {

  display: block;

}



.btn-market .sup-title {

  font-size: 9px;

  font-weight: 700;

}



.btn-market .title {

  font-size: 18px;

  font-weight: 500;

}



.btn-market:after {

  box-shadow: 10px 0 15px 0 rgba(18, 25, 33, 0.3);

}



.btn-market + .btn-market {

  margin-left: 20px;

}



.with--icon {

  text-align: left;

}



.with--icon .icon {

  margin-right: 12px;

  height: 35px;

  width: 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;

}



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

  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 {

  width: 20px;

  height: 20px;

}



.request-del {

  background-color: #9a9fbf;

}



.btn--half-width {

  width: 48%;

}



/*------------- #Button back-to-top --------------*/

.back-to-top {

  position: fixed;

  z-index: 19;

  width: 50px;

  height: 50px;

  line-height: 50px;

  display: block;

  fill: #fff;

  stroke: inherit;

  transition: all .3s ease;

  bottom: 30px;

  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;

}



.back-to-top.btt-visible {

  opacity: .3;

}



.back-to-top.btt-visible:hover {

  opacity: 1;

}



.back-to-top .back-icon {

  height: 18px;

  width: 14px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



/*================= Responsive Mode ============*/

@media (max-width: 840px) {

  .olympus-theme .vc_btn3-container.vc_btn3-inline + .vc_btn3-container.vc_btn3-inline {

    margin-left: 5px;

  }

}



@media (max-width: 768px) {

  .back-to-top {

    width: 40px;

    height: 40px;

    line-height: 40px;

    right: 20px;

  }

  .back-to-top .back-icon {

    height: 15px;

    width: 15px;

  }

}



@media (max-width: 410px) {

  .btn-market + .btn-market {

    margin-left: 0;

  }

}



@media (max-width: 360px) {

  .btn-control .more-dropdown {

    top: 100%;

    bottom: auto;

  }

}



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

  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;

}



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

  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 {

  fill: #9a9fbf;

  width: 22px;

}



.custom-control-description {

  padding-left: 7px;

  color: #888da8;

  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 {

  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;

  fill: #888da8;

  margin-bottom: 1rem;

  line-height: 100%;

}



.add-field svg {

  margin-right: 10px;

  width: 12px;

  height: 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 {

  flex: 1 0 auto;

  margin-bottom: 0;

}



.subscribe-form .form-control {

  width: 100%;

}



.subscribe-form.form-inline {

  flex-wrap: nowrap;

}



.list--styled {

  margin: 35px 0;

}



.list--styled li {

  color: #515365;

  display: flex;

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

}



.search-form {

  padding: 50px 40px;

  background-color: #fff;

  border-radius: 5px;

  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);

}



.search-form .form-group {

  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;

}



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

  -webkit-transform: scale3d(0, 0, 0);

  -moz-transform: scale3d(0, 0, 0);

  -o-transform: scale3d(0, 0, 0);

  -ms-transform: scale3d(0, 0, 0);

  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;

  -webkit-transform: scale3d(1.5, 1.5, 1);

  -moz-transform: scale3d(1.5, 1.5, 1);

  -o-transform: scale3d(1.5, 1.5, 1);

  -ms-transform: scale3d(1.5, 1.5, 1);

  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 {

  -webkit-transform: scale3d(0.45, 0.45, 1);

  -moz-transform: scale3d(0.45, 0.45, 1);

  -o-transform: scale3d(0.45, 0.45, 1);

  -ms-transform: scale3d(0.45, 0.45, 1);

  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;

  -webkit-transform: scale3d(2.3, 2.3, 1);

  -moz-transform: scale3d(2.3, 2.3, 1);

  -o-transform: scale3d(2.3, 2.3, 1);

  -ms-transform: scale3d(2.3, 2.3, 1);

  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;

  -webkit-animation: checkbox-off 0.3s forwards;

  -moz-animation: checkbox-off 0.3s forwards;

  -o-animation: checkbox-off 0.3s forwards;

  -ms-animation: checkbox-off 0.3s forwards;

  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;

  -webkit-animation: checkbox-on 0.3s forwards;

  -moz-animation: checkbox-on 0.3s forwards;

  -o-animation: checkbox-on 0.3s forwards;

  -ms-animation: checkbox-on 0.3s forwards;

  animation: checkbox-on 0.3s forwards;

}



.checkbox.clicked input[type=checkbox]:checked + .checkbox-material:before {

  -webkit-animation: rippleOn 500ms;

  -moz-animation: rippleOn 500ms;

  -o-animation: rippleOn 500ms;

  -ms-animation: rippleOn 500ms;

  animation: rippleOn 500ms;

}



.checkbox.clicked input[type=checkbox]:checked + .checkbox-material .check:after {

  -webkit-animation: rippleOn 500ms forwards;

  -moz-animation: rippleOn 500ms forwards;

  -o-animation: rippleOn 500ms forwards;

  -ms-animation: rippleOn 500ms forwards;

  animation: rippleOn 500ms forwards;

}



.checkbox.clicked input[type=checkbox]:not(:checked) + .checkbox-material:before {

  -webkit-animation: rippleOff 500ms;

  -moz-animation: rippleOff 500ms;

  -o-animation: rippleOff 500ms;

  -ms-animation: rippleOff 500ms;

  animation: rippleOff 500ms;

}



.checkbox.clicked input[type=checkbox]:not(:checked) + .checkbox-material .check:after {

  -webkit-animation: rippleOff 500ms;

  -moz-animation: rippleOff 500ms;

  -o-animation: rippleOff 500ms;

  -ms-animation: rippleOff 500ms;

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

  fill: #fff;

  width: 12px;

  height: 12px;

}



.error-box .title {

  margin-bottom: 13px;

}



.error-box p {

  font-size: 13px;

  color: #888da8;

}



ul.fw-flash-type-success,

ul.fw-flash-type-error,

ul.fw-form-success,

ul.fw-form-errors {

  font-weight: bold;

  list-style: none;

  padding: 0;

}



.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: flex;

  flex-direction: column;

  position: relative;

  padding-bottom: 60px;

}



.olympus-theme .standart-form-flex > form {

  order: 1;

}



.olympus-theme .standart-form-flex > form > button:last-child {

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: #ff5e3a;

  background-color: var(--primary-accent-color);

}



.olympus-theme .standart-form-flex > ul.fw-form-errors {

  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;

  }

}



@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 svg {

  height: 20px;

  width: 20px;

}



.fixed-sidebar .search-friend svg:hover {

  fill: #ff5e3a;

  fill: 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;

}



.fixed-sidebar .mCustomScrollbar {

  max-height: calc(100vh - 70px);

  overflow: hidden;

}



.fixed-sidebar .ps {

  overflow: hidden !important;

}



.fixed-sidebar .ps > .ps__scrollbar-y-rail, .fixed-sidebar .ps:hover > .ps__scrollbar-y-rail {

  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 .left-menu-icon {

  margin-right: 0;

}



.fixed-sidebar-left.sidebar--small .left-menu li a.side-menu-open {

  display: flex;

  padding: 0;

}



.fixed-sidebar-left.sidebar--small .left-menu li a.side-menu-open:hover svg {

  fill: #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;

}



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

.fixed-sidebar-right .account-settings .account-settings svg {

  font-size: 16px;

  width: 16px;

  height: 16px;

}



.fixed-sidebar-right .account-settings a {

  padding: 10px 0;

}



.logo {

  display: flex;

  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: 7px;

  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: 700;

  transition: all .3s ease;

}



.left-menu .left-menu-icon {

  fill: currentColor;

  margin-right: 25px;

  width: 24px;

  height: 24px;

  transition: all .3s ease;

}



.left-menu .left-menu-icon * {

  fill: currentColor;

}



.left-menu .olymp-weather-icon {

  width: 26px;

}



.left-menu .olymp-happy-faces-icon {

  width: 23px;

}



.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 img, .left-menu i {

  width: 24px;

}



.left-menu a {

  padding: 15px 0 15px 25px;

  display: flex;

  align-items: center;

  color: #9a9fbf;

}



.left-menu a > span {

  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 {

  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 {

  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 {

  top: 9px;

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

  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;

}



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

    top: 0;

  }

  .fixed-sidebar-right {

    top: 50px;

    opacity: 1;

    visibility: visible;

    display: block;

    min-height: unset;

    height: calc(100vh - 50px);

  }

  .left-menu .left-menu-icon {

    width: 20px;

    height: 20px;

    margin-right: 15px;

  }

  .fixed-sidebar .logo {

    height: 50px;

    text-align: center;

  }

  .left-menu {

    padding: 0;

  }

  .left-menu a {

    padding: 15px 0 15px 15px;

  }

}



/*------------- #SKILLS --------------*/

.skills-item {

  margin-bottom: 20px;

}



.skills-item .skills-item-meter {

  padding: 0;

  width: 100%;

  border-radius: 10px;

  background-color: #ebecf2;

  position: relative;

  height: 6px;

}



.skills-item-info {

  margin-bottom: 16px;

  color: #515365;

  font-size: 12px;

}



.skills-item-info .skills-item-count {

  float: right;

}



.skills-item-meter-active {

  position: relative;

  height: 100%;

  display: inline-block;

  border-radius: 10px;

  opacity: 0;

  transition: all .2s ease;

  top: -8px;

}



.skills-item-meter-active.skills-animate {

  animation: skills-animated 1.2s ease-out;

}



.skills-item-meter-active.skills-animate-opacity {

  animation: skills-animated-opacity .2s ease-out;

}



@keyframes skills-animated {

  0% {

    width: 0;

  }

}



@keyframes skills-animated-opacity {

  100% {

    opacity: 1;

  }

}



/*------------- #FRIENDS --------------*/

.friend-header-thumb {

  border-bottom: 1px solid #e6ecf5;

  overflow: hidden;

}



.friend-header-thumb img {

  width: 100%;

}



.friend-item {

  border-radius: 5px;

  overflow: hidden;

}



.friend-item .control-block-button {

  position: relative;

}



.friend-item .swiper-container {

  padding-bottom: 40px;

}



.friend-item .btn-control {

  margin-bottom: 0;

  margin-right: 14px;

}



.friend-item.fav-page .friend-about {

  text-align: center;

}



.friend-item-content {

  padding: 0 25px 25px 25px;

  text-align: center;

  position: relative;

}



.friend-item-content .more {

  z-index: 5;

  position: absolute;

  right: 15px;

  top: 50px;

  font-size: 16px;

  padding: 10px;

}



.friend-avatar {

  margin-top: -49px;

  position: relative;

  margin-bottom: 30px;

}



.friend-avatar .author-thumb {

  margin: 0 auto;

  height: 98px;

  width: 98px;

  margin-bottom: 10px;

}



.friend-avatar .author-thumb img {

  border: 4px solid #fff;

}



.friend-count {

  margin-bottom: 35px;

}



.friend-count-item {

  display: inline-block;

  margin-right: 25px;

}



.friend-count-item .title {

  color: #888da8;

}



.friend-count-item:last-child {

  margin-right: 0;

}



.friend-about {

  text-align: left;

  margin-bottom: 30px;

  font-size: 13px;

}



.friend-since > *:first-child {

  font-size: 11px;

}



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

  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;

  fill: #c0c4d8;

}



.more .more {

  cursor: pointer;

}



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

}



.friend-groups .friend-item-content {

  padding: 25px;

}



.friend-groups .friend-item-content .more {

  top: 0;

  right: 10px;

}



.friend-groups .friend-avatar {

  margin-top: 0;

}



.friend-groups .friend-avatar .author-thumb {

  width: 120px;

  height: 120px;

  border-radius: 100px;

  line-height: 120px;

  background-color: #d7d9e5;

  margin-bottom: 20px;

  overflow: hidden;

}



.friend-groups .friend-avatar .author-thumb img {

  border: none;

}



.friend-groups .country {

  font-size: 11px;

}



.friend-groups .friends-harmonic {

  display: inline-block;

  margin-bottom: 35px;

}



.friend-groups .control-block-button {

  margin-bottom: 15px;

}



.create-group {

  background-color: transparent;

  border: 2px dashed #bbc0d5;

  position: relative;

}



.create-group .content {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 90%;

  text-align: center;

}



.create-group .content .btn-control {

  margin-right: 0;

  margin-bottom: 15px;

}



.create-group .content .btn-control svg {

  width: 20px;

  height: 20px;

}



.create-group .author-name {

  font-size: 14px;

}



/*------------- Responsive mode styles --------------*/

@media (max-width: 1200px) {

  .friend-count-item {

    margin-right: 10px;

  }

}



@media (max-width: 640px) {

  .create-group .content {

    position: relative;

    transform: none;

    top: auto;

    left: auto;

    margin: 30px auto;

  }

}



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

}



.slider-slides {

  position: absolute;

  bottom: -200px;

  width: 100%;

  text-align: center;

}



.slider-slides .slides-item {

  position: relative;

  z-index: 1;

  display: inline-block;

  margin-right: 10px;

  border-radius: 5px;

  overflow: hidden;

}



.slider-slides .slides-item .overlay {

  opacity: 1;

  background: rgba(43, 45, 59, 0.6);

}



.slider-slides .slides-item:last-child {

  margin-right: 0;

}



.slider-slides .slides-item.slide-active .overlay {

  opacity: 0;

}



.single-post-slider {

  position: relative;

  margin: 40px 0;

  padding-bottom: 100px;

}



.single-post-slider .slider-slides {

  bottom: 0;

}



.single-post-slider .btn-next, .single-post-slider .btn-prev {

  fill: #9a9fbf;

}



.single-post-slider .btn-next:hover, .single-post-slider .btn-prev:hover {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

}



.single-post-slider .btn-next {

  right: 0;

}



.single-post-slider .btn-prev {

  left: 0;

}



.single-post-slider .slider-slides .slides-item {

  border-radius: 0;

  margin-right: 22px;

}



.single-post-slider .slider-slides .slides-item:last-of-type {

  margin-right: 0;

}



.single-post-slider .swiper-slide img {

  width: 100%;

}



/*------------- Responsive mode styles --------------*/

@media (max-width: 1080px) {

  .slider-slides {

    display: none;

  }

  .single-post-slider .slider-slides {

    display: block;

  }

}



@media (max-width: 800px) {

  .single-post-slider .slider-slides .slides-item {

    width: 40px;

    height: 40px;

  }

  .single-post-slider {

    padding-bottom: 50px;

  }

}



@media (max-width: 560px) {

  .single-post-slider .slider-slides .slides-item {

    width: 20px;

    height: 20px;

  }

}



@media (max-width: 460px) {

  .single-post-slider .slider-slides .slides-item {

    width: 15px;

    height: 15px;

  }

  .single-post-slider .btn-next, .single-post-slider .btn-prev {

    display: none;

  }

}



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

}



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

  margin-top: 15px;

  margin-bottom: 15px;

}



.pagination--small .page-link {

  padding: 0.25rem .45rem;

  font-size: 8px;

}



.page-links {

  margin: 15px 0;

  clear: both;

}



.page-links a {

  display: inline-block;

  padding: .2rem .5rem;

  line-height: 1.25;

  color: #515365;

  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;

}



/*------------- #LANDING --------------*/

.landing-content {

  color: #fff;

  margin-bottom: 30px;

}



.landing-content > *:first-child {

  font-weight: 300;

}



.landing-content > *:last-child {

  margin-bottom: 0;

}



.landing-content > * {

  color: inherit;

  margin-bottom: 45px;

}



/*.main-header.main-header-fullwidth {

  width: 100%;

  max-width: 100%;

}*/

.main-header.main-landing {

  width: 100%;

  max-width: 100%;

}



.main-header.main-landing .logo {

  text-align: center;

  display: block;

  background-color: transparent;

  margin-bottom: 60px;

}



.main-header.main-landing .logo img {

  display: inline-block;

  margin: 0 auto 10px;

}



.main-header.main-landing h1 {

  font-size: 36px;

  font-weight: 300;

  margin-bottom: 40px;

}



.main-header.main-landing p {

  margin-bottom: 60px;

}



.img-rocket {

  position: absolute;

  bottom: 160px;

  right: 30%;

}



.landing-item {

  text-align: center;

  margin-bottom: 50px;

}



.landing-item .title {

  font-weight: 700;

}



.landing-item .full-block {

  z-index: 999;

}



.landing-item .landing-item-thumb {

  position: relative;

  margin-bottom: 25px;

  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.3);

}



.landing-item .landing-item-thumb img {

  width: 100%;

}



.landing-item .landing-item-thumb .btn {

  margin-bottom: 0;

  position: absolute;

  opacity: 0;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  max-width: 90%;

}



.landing-item .landing-item-thumb .new {

  display: block;

  position: absolute;

  right: 5px;

  top: 5px;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background-color: #ff5e3a;

  background-color: var(--primary-accent-color);

  color: #fff;

  line-height: 50px;

  text-align: center;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 700;

}



.landing-item:hover .overlay {

  opacity: 1;

}



.landing-item:hover .btn {

  opacity: 1;

}



.landing-main-content {

  text-align: center;

  margin: 80px 0;

}



.landing-main-content svg {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

  margin-bottom: 30px;

}



.landing-main-content .btn {

  margin: 40px 0;

}



.landing-main-content .title {

  font-weight: 300;

  margin-bottom: 30px;

}



/*------------- Responsive mode styles --------------*/

@media (max-width: 800px) {

  .img-rocket {

    right: 5px;

  }

  .landing-content > * {

    margin-bottom: 20px;

  }

}



@media (max-width: 420px) {

  .img-rocket {

    bottom: 60px;

  }

}



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

  flex-direction: column;

  height: 100%;

  border: none;

  position: absolute;

  display: flex;

  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: flex;

}



.registration-login-form .nav-link.active {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

  background-color: #fff;

  border-color: #e6ecf5;

}



.registration-login-form .nav-link svg {

  width: 21px;

  height: 21px;

  margin: auto;

}



.registration-login-form .tab-content {

  overflow: hidden;

}



.registration-login-form .content {

  padding: 35px 25px;

}



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

}



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

}



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

    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;

  }

}



/*------------- #MAIN-HEADER --------------*/

.main-header {

  padding: 70px 0 70px 0;

  max-width: 100%;

  position: relative;

  background-position: 50% 50%;

}



.main-header .content-bg:before {

  height: 100%;

}



@keyframes sideupscroll {

  0% {

    transform: translate3D(0%, 0%, 0);

  }

  50% {

    transform: translate3D(-50%, 0, 0);

  }

  100% {

    transform: translate3D(-100%, 0, 0);

  }

}



.main-header.main-header-has-header-standard {

  padding-top: 0;

}



.img-bottom {

  position: relative;

  display: block;

  margin: 20px auto 0;

  margin-bottom: -70px;

}



.bg-account:before {

  background-image: url("../images/top-header3.png");

}



.bg-birthday:before {

  background-image: url("../images/top-header6.png");

}



.bg-badges:before {

  background-image: url("../images/top-header4.png");

}



.bg-events:before {

  background-image: url("../images/top-header5.png");

}



.bg-weather:before {

  background-image: url("../images/top-header6.png");

}



.bg-group:before {

  background-image: url("../images/bg-group.png");

}



.bg-music:before {

  background-image: url("../images/top-header7.png");

}



.bg-landing:before {

  background-image: url("../images/landing-bg.jpg");

}



.bg-users {

  background-image: url("../images/bg-users.png");

}



.main-header-content {

  color: #fff;

  text-align: center;

}



.main-header-content > * {

  color: inherit;

}



.main-header-content > *:first-child {

  font-weight: 300;

  margin-bottom: 20px;

}



.main-header-content p {

  font-weight: 400;

  margin-bottom: 0;

}



/*------------- Responsive mode styles --------------*/

/*------------- #YOUR-PROFILE--------------*/

.items-round-little {

  color: #fff;

  font-weight: 700;

  font-size: 10px;

  text-align: center;

  width: 19px;

  height: 19px;

  line-height: 19px;

  border-radius: 100%;

  margin-left: 12px;

}



.items-round-little:hover {

  color: #fff;

}



.your-profile-menu {

  padding: 12px 25px;

  border-bottom: 1px solid #e6ecf5;

  margin-bottom: 0;

}



.your-profile-menu li a {

  font-size: 11px;

  padding: 12px 0;

  color: #888da8;

  display: block;

  font-weight: 700;

}



.your-profile-menu li a:hover {

  color: #515365;

}



.profile-settings-responsive {

  width: 250px;

  min-height: 100vh;

  position: fixed;

  top: 70px;

  transform: translateX(-100%);

  z-index: 20;

  background-color: #fff;

  transition: all .3s ease;

  visibility: hidden;

  opacity: 0;

  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);

}



.profile-settings-responsive .fa-angle-left {

  display: none;

}



.profile-settings-responsive.open {

  transform: translateX(0);

}



.profile-settings-responsive.open .fa-angle-right {

  display: none;

}



.profile-settings-responsive.open .fa-angle-left {

  display: block;

}



.profile-settings-responsive .ps > .ps__scrollbar-y-rail {

  opacity: 0;

  visibility: hidden;

  z-index: -4444;

}



.profile-settings-responsive .mCustomScrollbar {

  max-height: calc(100vh - 70px);

}



.profile-settings-open {

  cursor: pointer;

  position: absolute;

  left: 100%;

  top: -webkit-calc(50% - 25px);

  top: calc(50% - 25px);

  background-color: #fff;

  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);

  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: flex;

  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;

}



.notification-list .notification-link {

  color: #ff5e3a;

  color: var(--primary-accent-color);

}



.notification-list .notification-icon {

  color: #d7d9e5;

  fill: #d7d9e5;

  float: right;

  margin-top: 10px;

}



.notification-list .notification-icon svg {

  width: 22px;

  height: 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: flex;

  align-items: flex-start;

}



.notification-list.friend-requests li .notification-icon {

  margin-left: auto;

}



.selectize-dropdown.ps {

  max-height: 50vh;

}



.selectize-dropdown.ps > .ps__scrollbar-y-rail,

.selectize-dropdown.ps:hover > .ps__scrollbar-y-rail {

  display: none;

}



.selectize-dropdown .selectize-dropdown-content > * {

  padding: 15px 20px;

  display: flex;

  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;

}



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

}



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

  font-weight: 700;

}



.chat-message li.message-unread {

  background-color: #f7f9fc;

}



.chat-message li.message-unread .notification-icon {

  fill: #9a9fbf;

}



.chat-field {

  border-left: 1px solid #e6ecf5;

}



.chat-field .mCustomScrollbar {

  overflow: hidden;

  max-height: 450px;

}



.chat-field .ps > .ps__scrollbar-y-rail, .chat-field .ps:hover > .ps__scrollbar-y-rail {

  opacity: 0;

  z-index: -1;

  visibility: hidden;

}



.chat-field textarea {

  border-radius: 0;

  border-right: 0;

  border-left: 0;

}



.chat-message-field li {

  border-bottom: none;

}



.chat-message-field li:hover {

  background-color: transparent;

}



.chat-message-field .chat-message-item {

  float: left;

  margin-top: 10px;

  font-size: 13px;

}



.chat-message-field .notification-date {

  font-size: 10px;

  float: right;

  margin-top: 0;

}



.chat-message-field .notification-friend {

  float: left;

}



.added-photos {

  float: left;

  margin-top: 20px;

}



.added-photos img {

  border-radius: 10px;

  margin-right: 8px;

  margin-bottom: 15px;

}



.added-photos img:last-child {

  margin-right: 0;

}



.added-photos .photos-name {

  display: block;

  font-size: 10px;

}



.add-options-message {

  padding: 20px 25px;

  float: left;

  width: 100%;

}



.add-options-message button {

  margin-bottom: 0;

  float: right;

}



.add-options-message button + button {

  margin-right: 15px;

}



.add-options-message .options-message {

  color: #c2c5d9;

  fill: #c2c5d9;

  position: relative;

  display: inline-block;

  cursor: pointer;

  vertical-align: middle;

}



.add-options-message .options-message + .options-message {

  margin-left: 35px;

}



.add-options-message .options-message svg {

  width: 24px;

  height: 18px;

}



.add-options-message .more-dropdown {

  width: 215px;

  top: auto;

  bottom: 20px;

  right: -20px;

  padding: 8px;

}



.add-options-message .more-dropdown a {

  padding: 0;

}



.add-options-message .more-dropdown li {

  float: left;

  padding: 4px;

}



.smile-block:hover .more-dropdown {

  opacity: 1;

  visibility: visible;

}



.smile-block li a {

  opacity: .7;

}



.smile-block li:hover a {

  opacity: 1;

}



.icon-status {

  width: 6px;

  height: 6px;

  border-radius: 100%;

  display: inline-block;

  margin-right: 8px;

}



.icon-status.online {

  background-color: #32e4cd;

}



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

}



.birthday-item {

  padding: 25px;

}



.birthday-item .author-thumb {

  width: 40px;

  height: 40px;

  margin-right: 12px;

}



.birthday-item .birthday-date {

  font-size: 12px;

}



.birthday-item .btn {

  margin-bottom: 0;

  float: right;

  margin-top: 5px;

}



.birthday-item.badges .author-thumb {

  width: 38px;

  height: 38px;

  margin-right: 25px;

}



.birthday-item.badges .birthday-date {

  font-size: 13px;

}



.birthday-item.badges .skills-item {

  min-width: 220px;

  display: block;

  float: right;

  margin-bottom: 0;

  margin-top: 18px;

}



@media (max-width: 999px) {

  .birthday-item.badges .skills-item {

    float: none;

  }

}



.birthday-item.badges .skills-item-meter-active {

  background: linear-gradient(to right, #ff613a, #ff9432);

}



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

  }

}



@media (max-width: 420px) {

  .birthday-item.badges .author-thumb {

    margin-right: 0;

    margin-bottom: 15px;

    display: block;

  }

  .birthday-item .btn {

    float: none;

    margin-top: 15px;

    display: block;

  }

}



@media (max-width: 360px) {

  .chat-message-field .notification-date {

    float: none;

    margin-top: 5px;

  }

  .chat-message-field .notification-friend {

    float: none;

  }

}



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

  opacity: 0;

  transition: opacity .3s ease;

  z-index: -999;

}



body.overlay-enable:before {

  opacity: .8;

  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;

}



.window-popup .icon,

.modal-dialog .icon {

  fill: #888da8;

  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;

}



.fav-page-popup {

  width: 470px;

}



.fav-page-popup button {

  margin-bottom: 0;

}



.fav-page-popup .form-group.label-floating .bootstrap-select.btn-group .dropdown-toggle .filter-option {

  color: #ff5e3a;

  color: var(--primary-accent-color);

}



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

}



.update-header-photo {

  width: 770px;

}



.upload-photo-item {

  display: inline-block;

  vertical-align: middle;

  width: 49%;

  padding: 50px;

  text-align: center;

  fill: #c2c5d9;

  border-left: 1px solid #e6ecf5;

}



.upload-photo-item:first-child {

  border-right: none;

}



.upload-photo-item h6, .upload-photo-item .h6 {

  margin-bottom: 0;

}



.upload-photo-item svg {

  margin-bottom: 30px;

  width: 22px;

  height: 20px;

}



.upload-photo-item span {

  font-size: 11px;

  color: #888da8;

}



.upload-photo-item:hover {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

  background-color: #fafbfd;

}



.choose-from-my-photo {

  width: 770px;

}



.choose-from-my-photo .ui-block-title {

  position: relative;

}



.choose-from-my-photo .ui-block-title .nav-tabs {

  display: flex;

  border-bottom: none;

}



.choose-from-my-photo .nav-tabs {

  position: absolute;

  top: 1px;

  right: 0;

  max-height: 100%;

}



.choose-from-my-photo .nav-tabs .nav-link {

  border-radius: 0;

  padding: 18px 25px;

  fill: #c2c5d9;

  background-color: #fafbfd;

  border-color: #e6ecf5;

  border-top-color: transparent;

  border-right: none;

  height: 100%;

}



.choose-from-my-photo .nav-tabs .nav-link.active {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

  background-color: #fff;

}



.choose-from-my-photo .nav-tabs .nav-link svg {

  width: 18px;

  height: 20px;

}



.choose-from-my-photo .btn {

  margin-bottom: 30px;

}



.choose-from-my-photo .btn + .btn {

  margin-left: 20px;

}



.choose-photo-item {

  position: relative;

  border-radius: 5px;

  width: 33%;

  float: left;

  padding: 0 22px 25px 0;

}



.choose-photo-item img {

  max-width: 100%;

  width: 100%;

}



.choose-photo-item:last-child {

  margin-right: 0;

}



.choose-photo-item .radio {

  position: relative;

  margin-bottom: 0;

  border: 1px solid #e6ecf5;

  border-radius: 5px;

}



.choose-photo-item .radio label {

  padding-left: 0;

  margin-bottom: 0;

  width: 100%;

}



.choose-photo-item .radio label span {

  position: absolute;

  top: 10px;

  right: 10px;

  left: auto;

}



.choose-photo-item .circle {

  background-color: #fff;

}



figcaption {

  padding: 10px 15px;

  text-align: center;

  font-size: 13px;

  font-weight: 700;

  color: #515365;

}



figcaption a {

  color: #515365;

}



figcaption a:hover {

  color: #ff5e3a;

  color: var(--primary-accent-color);

}



figcaption span {

  font-size: 10px;

  color: #888da8;

  font-weight: 400;

  display: block;

}



figure {

  margin: 0;

}



.blog-post-popup {

  width: 770px;

}



.blog-post-popup .social-post p {

  padding: 0 15px;

}



.blog-post-popup .post-thumb {

  position: relative;

}



.blog-post-popup .overlay {

  opacity: 1;

}



.blog-post-popup .post-title {

  position: absolute;

  top: 50%;

  left: 50%;

  color: #fff;

  transform: translate(-50%, -50%);

  text-align: center;

  z-index: 20;

}



.blog-post-popup .mCustomScrollbar {

  overflow: hidden;

  max-height: 365px;

}



.blog-post-popup .ps > .ps__scrollbar-y-rail, .blog-post-popup .ps:hover > .ps__scrollbar-y-rail {

  display: none;

}



.open-photo-popup {

  width: 970px;

  border: none;

}



.open-photo-popup .mCustomScrollbar {

  overflow: hidden;

  max-height: 140px;

}



.open-photo-popup .ps > .ps__scrollbar-y-rail, .open-photo-popup .ps:hover > .ps__scrollbar-y-rail {

  display: none;

}



.open-photo-thumb {

  padding: 55px 0;

  background-color: #000;

}



.open-photo-thumb .photo-item {

  margin: 0;

  border-radius: 0;

  padding: 0;

  display: block;

}



.open-photo-thumb .photo-item .overlay {

  bottom: 0;

  right: 0;

}



.open-photo-thumb .photo-item img {

  border-radius: 0;

}



.open-photo-thumb .photo-item:hover .tag-friends {

  opacity: 1;

}



.open-photo-thumb .tag-friends {

  position: absolute;

  top: 25px;

  right: 55px;

  opacity: 0;

  fill: #fff;

  transition: all .3s ease;

}



.open-photo-thumb .tag-friends svg {

  width: 20px;

  height: 20px;

}



.open-photo-popup-v2 {

  width: 1200px;

  display: flex;

}



.open-photo-popup-v2 .open-photo-thumb {

  width: 66.66%;

  float: left;

  z-index: 10;

}



.open-photo-popup-v2 .open-photo-content {

  width: 33%;

  float: left;

}



.open-photo-popup-v2 .post-additional-info .comments-shared {

  margin-top: 0;

}



.open-photo-popup-v2 .mCustomScrollbar {

  max-height: 180px;

}



.create-photo-album {

  width: 770px;

}



.create-photo-album .photo-album-item.create-album {

  min-height: 200px;

}



.create-photo-album .more {

  padding: 10px 13px;

  fill: #9a9fbf;

}



.create-photo-album .more a {

  font-size: 12px;

  display: inline-block;

  margin-bottom: 0;

}



.create-photo-album .more svg {

  margin-right: 5px;

}



.create-photo-album .olymp-happy-face-icon {

  width: 20px;

  height: 20px;

  fill: #9a9fbf;

  position: absolute;

  top: 10px;

  left: 15px;

}



.create-photo-album textarea {

  border-radius: 0;

  border-right: 0;

  border-left: 0;

  font-size: 12px;

}



.create-photo-album .btn {

  margin: 30px 0;

}



.create-photo-album .btn + .btn {

  margin-left: 20px;

}



.create-photo-album .more-dropdown {

  width: 260px;

  right: auto;

  left: 0;

  padding: 0;

}



.create-photo-album .more-dropdown input {

  border: 0;

  border-bottom: 1px solid #e6ecf5;

  font-size: 12px;

}



.create-photo-album .author-thumb {

  margin-right: 10px;

}



.create-photo-album .author-title {

  margin-bottom: 0;

}



.modal-dialog-fixed-width {

  width: 670px;

}



.modal-dialog-fixed-width .modal-content {

  border: none;

}



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

}



.edit-widget {

  width: 470px;

}



.edit-widget .custom-control-indicator {

  width: 18px;

  height: 18px;

}



.edit-widget .custom-control {

  margin-right: 0;

  padding-left: 20px;

}



.add-option {

  display: block;

  margin: 30px 0;

  color: #888da8;

}



.add-option svg {

  fill: #888da8;

  margin-right: 12px;

  width: 14px;

  height: 14px;

}



.add-option span {

  line-height: 1;

}



.create-friend-group {

  width: 470px;

}



.create-friend-group .more-dropdown {

  width: 300px;

  top: 70px;

  right: -301px;

  visibility: visible;

  opacity: 1;

  padding: 0;

}



.create-friend-group .more-dropdown a {

  display: inline-block;

  margin-bottom: 0;

}



.create-friend-group .more-dropdown input {

  border: 0;

  border-bottom: 1px solid #e6ecf5;

  font-size: 12px;

}



.create-friend-group .more-dropdown .form-group {

  margin-bottom: 0;

}



.create-friend-group .more-dropdown li {

  padding: 9px 0;

}



.create-friend-group .icon:hover {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

}



.create-friend-group .icon.check {

  fill: #38a9ff;

  fill: var(--secondary-accent-color);

}



.create-friend-group .icon svg {

  width: 14px;

  height: 12px;

}



.create-friend-group .author-thumb {

  margin-right: 10px;

}



.create-friend-group .olymp-happy-face-icon {

  width: 20px;

  height: 20px;

  fill: #9a9fbf;

  position: absolute;

  top: 19px;

  right: 15px;

}



.create-friend-group .bootstrap-select.form-control {

  border-radius: 4px;

  border: 1px solid #e6ecf5;

}



.create-friend-group .bootstrap-select.style-2 > .dropdown-toggle {

  padding: 1.1rem;

}



.create-friend-group .form-group.label-floating .bootstrap-select.btn-group .dropdown-toggle .filter-option {

  color: #38a9ff;

}



.create-friend-group .dropdown-menu {

  top: auto;

  bottom: -100%;

  left: calc(100% + 25px);

}



.create-friend-group.create-friend-group-add-friends .bootstrap-select.style-2 .dropdown-menu {

  display: block;

  position: relative;

  top: auto;

  bottom: auto;

  left: auto;

  box-shadow: none;

  border-radius: 0 0 0.25rem 0.25rem;

  border: none;

}



.create-friend-group.create-friend-group-add-friends .bootstrap-select.style-2 > .dropdown-toggle {

  display: none;

}



.faqs-popup {

  width: 470px;

}



.faqs-popup .collapse {

  padding: 0 0 0.75rem;

  margin-bottom: 0;

}



.faqs-popup .collapse p {

  margin-bottom: 0;

}



.faqs-popup .card {

  padding: 1px 1.5rem;

  border-top: 1px solid #e6ecf5;

}



.faqs-popup .card-header {

  padding: 1.5rem 0;

  border-bottom: none;

}



.faqs-popup .card-header a {

  font-size: 13px;

}



.faqs-popup .card-header i {

  margin-top: 3px;

}



.faqs-popup .card:first-child {

  border-top: none;

}



.playlist-popup {

  width: 100%;

  max-width: 100%;

  top: 0 !important;

  left: 0;

  transform: none;

  height: 100vh;

  position: fixed;

  visibility: hidden;

  opacity: 0;

  z-index: 999;

}



.playlist-popup.open {

  visibility: visible;

  opacity: 1;

}



.playlist-popup .icon-close {

  top: auto;

  right: 25px;

  bottom: 75px;

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

}



.create-event {

  width: 470px;

}



.create-event .icon-close {

  margin-top: 0;

  margin-right: 0;

}



.create-event .more-dropdown {

  width: 300px;

  top: 70px;

  right: -301px;

  visibility: visible;

  opacity: 1;

  padding: 0;

}



.create-event .more-dropdown a {

  display: inline-block;

  margin-bottom: 0;

}



.create-event .more-dropdown input {

  border: 0;

  border-bottom: 1px solid #e6ecf5;

  font-size: 12px;

}



.create-event .more-dropdown .form-group {

  margin-bottom: 0;

}



.create-event .more-dropdown li {

  padding: 9px 0;

}



.create-event .more-dropdown svg {

  width: 14px;

  height: 14px;

}



.create-event .author-thumb {

  margin-right: 10px;

}



.create-event .icon:hover {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

}



.create-event .icon.check {

  fill: #08ddc1;

}



.create-event .olymp-happy-face-icon {

  width: 20px;

  height: 20px;

  fill: #9a9fbf;

  position: absolute;

  top: 19px;

  right: 15px;

}



.create-event .bootstrap-select.style-2.form-control {

  border-radius: 4px;

  border: 1px solid #e6ecf5;

}



.create-event .bootstrap-select.style-2 > .dropdown-toggle {

  padding: 1.1rem;

  padding-right: 40px;

  border: none;

}



.create-event .bootstrap-select.style-2 > .dropdown-toggle:after {

  display: none;

}



.create-event .form-group.label-floating .bootstrap-select.btn-group .dropdown-toggle .filter-option {

  color: #08ddc1;

}



.create-event .bootstrap-select.style-2 .dropdown-menu {

  top: auto;

  bottom: -100%;

  left: calc(100% + 24px);

}



.create-event .bootstrap-select li.selected a {

  background-color: #08ddc1;

}



.create-event .bs-searchbox {

  padding: 0;

}



.create-event .bs-searchbox input {

  border-radius: 0;

  border-width: 0 0 1px 0;

}



.event-private-public {

  width: 770px;

}



.event-private-public .mCustomScrollbar {

  overflow: hidden;

  max-height: 365px;

}



.event-private-public .ps > .ps__scrollbar-y-rail, .event-private-public .ps:hover > .ps__scrollbar-y-rail {

  display: none;

}



.private-event-head {

  margin-bottom: 20px;

}



.private-event-head img {

  margin-right: 14px;

}



.private-event-head .author-date .event-title {

  line-height: 1;

  margin-bottom: 0;

}



.private-event-head .event__date {

  font-size: 12px;

}



.private-event-head .more {

  float: right;

  font-size: 16px;

  margin-right: 10px;

}



.private-event-head .more-dropdown a:hover {

  color: #08ddc1;

}



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

}



.edit-my-poll-popup {

  width: 770px;

  border: none;

}



.edit-my-poll-popup .control-block-button {

  top: 20px;

  right: -17px;

}



.edit-my-poll-popup .edit-my-poll-head {

  border-radius: 5px 5px 0 0;

  padding: 35px 60px;

  display: flex;

  align-items: center;

}



.edit-my-poll-popup .edit-my-poll-head .poll-img {

  margin-left: auto;

}



.edit-my-poll-popup .head-content {

  color: #fff;

}



.edit-my-poll-popup .head-content .title {

  margin-bottom: 20px;

  color: inherit;

}



.edit-my-poll-popup .head-content svg {

  fill: #fff;

}



.edit-my-poll-popup .place span {

  position: relative;

}



.edit-my-poll-popup .place span + span {

  padding-left: 17px;

  margin-left: 12px;

}



.edit-my-poll-popup .place span + span:after {

  content: "/";

  display: block;

  position: absolute;

  left: 0;

  top: 0;

}



.edit-my-poll-popup .edit-my-poll-content {

  padding: 35px 60px;

}



.edit-my-poll-popup .edit-my-poll-content h3 {

  margin: 40px 0;

}



.modal.show {

  padding-right: 0 !important;

}



.modal.show .modal-dialog {

  display: block !important;

}



.modal.show .modal-dialog.open-photo-popup-v2 {

  display: flex !important;

}



.popup-write-rewiev {

  width: 470px;

}



.popup-write-rewiev .must-log-in {

  margin: 0;

  padding: 23px 25px 18px;

}



/*================= Responsive Mode ============*/

@media (max-width: 1080px) {

  .icon-close,

  .window-popup .icon-close {

    right: 50%;

    margin-right: -9px;

  }

  .open-photo-popup-v2 {

    display: block;

  }

  .open-photo-popup-v2 .open-photo-thumb {

    width: 100%;

    float: none;

  }

  .open-photo-popup-v2 .open-photo-content {

    width: 100%;

    float: none;

  }

  .create-friend-group .dropdown-menu {

    bottom: auto;

    left: 0;

    top: 100%;

  }

  .create-friend-group .bootstrap-select.style-2 > .dropdown-toggle {

    padding-right: 2.5rem;

  }

  .create-event .bootstrap-select.style-2 .dropdown-menu {

    top: 100%;

    bottom: auto;

    left: 0;

  }

}



@media (max-width: 1024px) {

  .playlist-popup {

    display: none;

  }

}



@media (max-width: 768px) {

  .icon-close,

  .window-popup .icon-close {

    right: 50%;

    margin-right: -9px;

  }

  .choose-from-my-photo .ui-block-title .title {

    width: 50%;

  }

  .choose-from-my-photo .nav-tabs .nav-link {

    height: 100%;

    display: flex;

  }

  .choose-from-my-photo .nav-tabs .nav-item {

    width: auto;

  }

  .choose-from-my-photo .nav-tabs .nav-link svg {

    margin: auto;

  }

  .create-photo-album .btn + .btn {

    margin-left: 0;

    float: none;

  }

  .create-photo-album .btn {

    width: 100%;

    margin: 10px 0;

  }

  .choose-from-my-photo .btn {

    width: 45%;

  }

  .photo-album-item.create-album .btn-control {

    width: 50px;

  }

  .blog-post-popup .social-post p {

    padding: 0;

  }

}



@media (max-width: 480px) {

  .choose-photo-item {

    width: 50%;

  }

  .private-event-head .more {

    float: none;

  }

  .upload-photo-item {

    padding: 10px;

  }

  .choose-from-my-photo .btn {

    width: 100%;

  }

  .upload-photo-item svg {

    margin-bottom: 10px;

  }

  .remember a {

    float: none;

    display: block;

  }

  .page-link {

    padding: 5px 10px;

  }

  .choose-from-my-photo .btn {

    margin-bottom: 10px;

  }

  .choose-from-my-photo .btn + .btn {

    margin-left: 0;

  }

  .choose-photo-item {

    padding: 0 5px 5px 0;

  }

  .blog-post-popup .social-post .post-title {

    display: none;

  }

}



@media (max-width: 360px) {

  .choose-photo-item {

    width: 100%;

  }

  .private-event-head .more {

    float: none;

    display: block;

  }

  .private-event-head img {

    display: block;

    margin-right: 0;

    margin-bottom: 15px;

  }

  .event-private-public .post__author img {

    display: block;

    margin-bottom: 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;

}



.report {

  font-size: 12px;

  color: #888da8;

}



.more-comments {

  text-align: center;

  padding: 15px 0;

  font-size: 12px;

  color: #515365;

  display: block;

  font-weight: 700;

  margin: 0 auto;

}



.more-comments span {

  transition: all .3s ease;

}



.more-comments:hover {

  color: #515365;

}



.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: flex;

  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-FORM --------------*/

.news-feed-form {

  overflow: hidden;

}



.news-feed-form .nav-tabs .nav-link {

  padding: 20px;

  border: none;

  border-bottom: 1px solid #e6ecf5;

  border-right: 1px solid #e6ecf5;

}



.news-feed-form .nav-tabs .nav-link.active {

  background-color: #fff;

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

  color: #515365;

  border-bottom: transparent;

}



.news-feed-form .nav-tabs {

  background-color: #fafbfd;

  border-bottom: none;

}



.news-feed-form .nav-link {

  fill: #888da8;

  color: #888da8;

}



.news-feed-form .nav-link svg {

  margin-right: 10px;

  width: 18px;

}



.news-feed-form .nav-link .olymp-status-icon {

  width: 20px;

}



.news-feed-form textarea {

  min-height: 160px;

  border-radius: 0;

  border-top: none;

  border-left: none;

  border-right: none;

}



.news-feed-form .form-group.label-floating.is-focused .control-label,

.news-feed-form .form-group.label-floating.has-bootstrap-select .control-label {

  top: 16px;

}



.news-feed-form .options-message {

  margin-top: 7px;

}



.news-feed-form .options-message svg {

  width: 22px;

  height: 22px;

}



.news-feed-form .options-message:hover {

  fill: #9a9fbf;

}



.news-feed-form form {

  position: relative;

}



.news-feed-form .author-thumb {

  position: absolute;

  top: 25px;

  left: 25px;

  z-index: 1;

}



.news-feed-form .form-group {

  margin-bottom: 0;

}



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

  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;

  }

}



@media (max-width: 460px) {

  .news-feed-form .nav-tabs .nav-link {

    padding: 12px;

    text-align: center;

  }

  .news-feed-form .nav-link svg {

    display: block;

    margin: 0 auto;

  }

}



/*------------- #PHOTO-GALLERY --------------*/

.photo-gallery {

  display: flex;

  top: 0;

  right: 65px;

  height: 100%;

  position: absolute;

  border-bottom: 0;

}



.photo-gallery .nav-link {

  border-radius: 0;

  padding: 30px 26px;

  fill: #c2c5d9;

  background-color: #fafbfd;

  border-color: transparent;

  height: 100%;

  border-right-color: #e6ecf5;

  border-left-color: #e6ecf5;

  border-top-color: transparent;

}



.photo-gallery .nav-link.active {

  fill: #ff5e3a;

  fill: var(--primary-accent-color);

  background-color: #fff;

  border-top-color: transparent;

}



.photo-gallery .nav-link:hover {

  border-right-color: #e6ecf5;

  border-left-color: #e6ecf5;

  border-top-color: transparent;

  border-bottom-color: transparent;

}



.photo-gallery .nav-link svg {

  width: 18px;

  height: 20px;

}



.photo-gallery.nav-tabs .nav-item {

  margin-bottom: 0;

  max-height: 100%;

}



.photo-gallery.nav-tabs .nav-item + .nav-item {

  margin-left: -1px;

}



.block-btn {

  padding-right: 170px;

}



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

  margin-right: -12px;

}



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

  width: 20px;

  height: 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: 768px) {

  .photo-gallery.nav-tabs .nav-item {

    width: auto;

  }

}



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

}



.event-item .btn {

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

  margin: 0 auto 5px;

  fill: #c2c5d9;

}



.date-event .day {

  font-size: 14px;

  color: #515365;

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

  margin-right: 10px;

  fill: #c6c9db;

  width: 20px;

  height: 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 svg {

  fill: #fff;

  margin-bottom: 0;

  width: 20px;

  height: 20px;

}



.no-past-events a:hover {

  color: #08ddc1;

  font-weight: 500;

}



.no-past-events svg {

  fill: #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;

}



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

  margin: 0 10px 0 0;

  width: 20px;

  height: 20px;

}



/*================= Responsive Mode ============*/

@media (max-width: 640px) {

  .event-item {

    display: flex;

    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;

  }

}



/*------------- #OPEN-TOPIC-TABLE --------------*/

.open-topic-table {

  width: 100%;

}



.open-topic-table thead {

  background-color: #38a9ff;

  background-color: var(--secondary-accent-color);

}



.open-topic-table thead th {

  font-size: 12px;

  font-weight: 700;

  padding: 15px 25px;

  color: #fff;

}



.open-topic-table thead th.author {

  text-align: left;

}



.open-topic-table td {

  padding: 35px 25px;

}



.open-topic-table tr {

  border-bottom: 1px solid #e6ecf5;

  border-top: 1px solid #e6ecf5;

}



.open-topic-table tr:last-child {

  border-bottom: none;

}



.open-topic-table .topic-date {

  padding: 10px 23px;

  background-color: #fafbfd;

  font-size: 11px;

}



.open-topic-table .author {

  text-align: center;

}



.open-topic-table .author-thumb {

  margin-bottom: 20px;

}



.open-topic-table .author-thumb img {

  width: 80px;

  height: 80px;

}



.open-topic-table .author-name {

  display: block;

  white-space: nowrap;

}



.open-topic-table .author-name:hover {

  color: #ff5e3a;

  color: var(--primary-accent-color);

}



.open-topic-table .country {

  font-size: 11px;

}



.open-topic-table .posts {

  vertical-align: top;

}



.reply-topic {

  float: right;

  color: #ff5e3a;

  color: var(--primary-accent-color);

  font-size: 11px;

}



/*------------- Responsive mode styles --------------*/

@media (max-width: 640px) {

  .open-topic-table thead th,

  .open-topic-table td {

    padding: 5px;

  }

  .open-topic-table .author-thumb img {

    width: 40px;

    height: 40px;

  }

}



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

}



.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__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: flex;

  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;

}



.post-add-icon {

  fill: #c2c5d9;

  color: #c2c5d9;

  transition: all .3s ease;

}



.post-add-icon > * {

  vertical-align: middle;

}



.post-add-icon svg, .post-add-icon img {

  margin-right: 8px;

  width: 20px;

  height: 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;

  font-weight: 700;

}



.post-control-button .btn-control {

  display: block;

  margin-bottom: 6px;

  margin-right: 0;

  width: 34px;

  height: 34px;

  line-height: 36px;

}



.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: 18px;

  height: 18px;

}



.post-control-button .btn-control .olymp-share-icon {

  width: 24px;

}



.blog-post .post-content.ajax-col-content-equal-height {

  display: flex;

  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;

}



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

}



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

}



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

}



.blog-post .post-title a:hover {

  color: #ff5e3a;

  color: var(--primary-accent-color);

}



.blog-post .author-date {

  text-transform: uppercase;

  font-size: 10px;

  display: inline-flex;

  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;

  overflow: hidden;

}



.blog-post .post-additional-info > * {

  margin-right: 0;

}



.blog-post .friends-harmonic a {

  border: none;

  border-radius: 0;

}



.blog-post .friends-harmonic a img {

  border-left: 2px solid #fff;

}



.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 svg,

.post.format-link .post-link svg {

  width: 42px;

  height: 42px;

  fill: rgba(255, 255, 255, 0.8);

  transition: all .3s ease;

}



.blog-post.format-link .post-link svg:hover,

.post.format-link .post-link svg:hover {

  fill: 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: flex;

  flex-direction: column;

  justify-content: center;

}



.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 svg,

.post.format-video .post-type-icon svg {

  width: 14px;

  height: 16px;

}



.blog-post.format-quote,

.post.format-quote {

  text-align: center;

  margin-bottom: 15px;

}



.blog-post.format-quote .quote-icon svg,

.post.format-quote .quote-icon svg {

  width: 30px;

  height: 30px;

  fill: #fff;

}



.blog-post.format-quote .overlay,

.post.format-quote .overlay {

  background-color: rgba(124, 90, 194, 0.95);

  opacity: 1;

}



.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: flex;

  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: 36px;

  margin: 20px auto;

  color: #fff;

  font-weight: 300;

}



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

  width: 48px;

  height: 48px;

  border-radius: 0;

  margin: 0 auto 15px;

  display: block;

}



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

}



.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 svg,

.post .post-type-icon svg {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  fill: #fff;

  width: 20px;

  height: 20px;

}



.blog-post.format-link {

  margin-bottom: 0;

}



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

}



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

}



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

}



.single-post-olympus .post-thumb {

  border-radius: 0;

  margin: 20px -40px 50px;

}



.single-post-olympus .post__author-name {

  font-weight: 700;

  color: #515365;

}



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

}



.single-post-olympus.post_format-post-format-link .post-title:hover, .single-post-olympus.post_format-post-format-quote .post-title:hover {

  color: #515365;

}



.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: flex;

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

  height: 22px;

  width: 22px;

  fill: #9a9fbf;

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

  width: 22px;

  fill: #9a9fbf;

  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 {

  align-items: center;

  display: flex;

}



.blog-post-v3 .post-thumb {

  flex-basis: 0;

  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: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 25px 30px;

  flex-basis: 0;

  flex-grow: 1;

  max-width: 100%;

}



.blog-post-v3 .post-category-list {

  position: absolute;

  left: 15px;

  right: 15px;

  top: 15px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  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 {

  float: left;

  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 {

  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;

  overflow: hidden;

}



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

  overflow: hidden;

}



.single-post-v3 .post__date {

  margin-left: 3px;

}



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

  font-weight: 700;

}



.format-standard .post__author {

  display: inline-flex;

  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: flex;

  align-items: center;

  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: 30px;

  }

  .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: -30px -30px 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;

  }

  .single-post-v3 .filter-icons {

    display: flex;

    align-items: center;

    margin: 0;

  }

  .single-post-v3 .categories-and-reactions-wrap {

    margin-bottom: 15px;

  }

}



@media (max-width: 560px) {

  .post-additional-info .comments-shared {

    float: none;

  }

  .single-post-v1 .filter-icons {

    display: flex;

    flex-wrap: nowrap;

    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 svg,

  .post-add-icon img {

    margin-right: 2px;

  }

  .single-post-v1 {

    padding: 20px;

  }

  .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 .control-block-button {

    float: none;

    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-left: 10px;

    margin-top: 0;

  }

  .single-post-v3 .control-block-button .btn-control {

    display: inline-block;

    margin-bottom: 0;

    vertical-align: top;

  }

  .single-post-v3 .control-block-button .post-add-icon {

    display: inline-block;

    margin-bottom: 0;

  }

  .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: 30px;

}



.crumina-heading > *:last-child {

  margin-bottom: 0;

}



.crumina-heading > *:first-child {

  margin-top: 0;

}



.crumina-heading + * {

  margin-top: 25px;

}



.heading-title {

  margin-bottom: 30px;

  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: 25px;

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

}



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

}



.rait-stars li + li {

  margin-left: 2px;

}



.rait-stars li.numerical-rating {

  margin-left: 10px;

  font-weight: 700;

  font-size: 12px;

  color: #515365;

}



.crumina-testimonial-item {

  text-align: center;

  overflow: hidden;

}



.crumina-testimonial-item .author-thumb {

  height: 98px;

  width: 98px;

  margin: 0 auto 15px;

}



.crumina-testimonial-item .author-thumb img {

  border: 4px solid #fff;

  max-width: 100%;

}



.crumina-testimonial-item .rait-stars {

  margin-bottom: 40px;

}



.crumina-testimonial-item .rait-stars .star-icon {

  font-size: 11px;

  color: #ffce08;

}



.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: 70px;

}



.testimonial-header-thumb {

  height: 90px;

  overflow: hidden;

  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;

}



.testimonial-item-content {

  margin-top: -49px;

  padding: 0 30px 30px;

  display: flex;

  flex-direction: column;

}



.testimonial-item-content.no-avatar {

  margin-top: 25px;

}



/*================= Responsive Mode ============*/

@media (max-width: 1200px) {

  .crumina-testimonial-item .testimonial-message {

    margin-bottom: 30px;

  }

  .crumina-testimonial-item .rait-stars {

    margin-bottom: 20px;

  }

}



/*------------- #INFO-BOXES --------------*/

.crumina-info-box {

  text-align: center;

}



.info-box-image {

  margin-bottom: 50px;

}



.info-box-wrap .crumina-info-box {

  margin-bottom: 90px;

}



.info-box-title {

  margin-bottom: 40px;

}



.crumina-info-box--thumb-left {

  text-align: left;

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

  font-size: 54px;

  line-height: 1;

  margin-bottom: 40px;

}



.crumina-counter-item .counter-title {

  margin: 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-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;

}



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

  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 {

  height: 15px;

  width: 15px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.socials-shared {

  display: flex;

  justify-content: center;

  padding: 60px;

}



.socials-shared .social-item {

  padding: 15px 50px;

  margin-bottom: 0;

  line-height: 1;

}



.socials-shared .social-item i {

  font-size: 15px;

  margin-right: 0;

}



.socials-shared .social-item + .social-item {

  margin-left: 15px;

}



.social_share_icons {

  display: flex;

  align-items: center;

  padding: 0;

  list-style: none;

  bottom: 100%;

  top: auto;

  width: auto;

}



.social_share_icons.more-dropdown {

  display: flex;

  right: 50%;

  transform: translate(50%, 0);

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

  transition: inherit;

  color: #9a9fbf;

}



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

  color: #fff;

}



.comments-shared .post-add-icon.more {

  padding: 10px 0;

}



/*================= Responsive Mode ============*/

@media (max-width: 768px) {

  .social_share_icons.more-dropdown {

    right: 0;

    transform: translate(0, 0);

  }

  .socials-shared .social-item {

    padding: 10px 30px;

  }

}



@media (max-width: 560px) {

  .socials-shared {

    padding: 20px;

  }

}



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

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

}



.contact-form .btn {

  margin-bottom: 0;

}



/*================= 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 {

    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;

}



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

}



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

}



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

  }

}



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

  }

}



/*------------- #TABLE-CAREERS --------------*/

.table-careers {

  width: 100%;

}



.table-careers li {

  display: table;

  width: 100%;

  padding: 30px 35px;

  border: 1px solid #e6ecf5;

  margin-top: 18px;

  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);

  border-radius: 5px;

  transition: background-color .3s ease;

}



.table-careers li:hover {

  background-color: #e6ecf5;

}



.table-careers span {

  display: table-cell;

  vertical-align: middle;

  width: 20%;

}



.table-careers span.position, .table-careers span.type {

  color: #515365;

}



.table-careers .head {

  border: none;

  box-shadow: none;

}



.table-careers .head span {

  font-size: 10px;

  text-transform: uppercase;

}



.table-careers .head:hover {

  background-color: transparent;

}



.table-careers .btn {

  margin: 0;

}



/*================= Responsive Mode ============*/

@media (max-width: 640px) {

  .table-careers li {

    padding: 15px;

  }

}



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

  margin-top: 40px;

}



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

}



.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: flex;

  align-items: center;

  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: 0 5px;

}



.user-raiting {

  margin-top: 30px;

  font-size: 12px;

  color: #515365;

  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;

  }

}



@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 --------------*/

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

}



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

}



.wpb-js-composer #content,

.vc_mobile #content,

.vc_desktop #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: flex;

  align-items: center;

}



.display-flex.content-center {

  justify-content: center;

}



.display-flex.content-around {

  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;

}



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

}



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

  -webkit-transform: scale(1) rotate(360deg);

  transform: scale(1) rotate(360deg);

  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);

  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;

  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

  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;

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

}



.flip-button.active .flip-icon svg:last-of-type {

  opacity: 1;

  visibility: visible;

  -webkit-transform: rotate(360deg);

  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;

}



.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: flex;

  flex-direction: column;

  overflow-x: hidden;

}



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

}



/*---option for row font-color---*/

.row.color-inherit * {

  color: inherit;

  fill: inherit;

}



/*---option for row font-color---*/

@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: 768px) {

  .negative-margin-top50 {

    margin-top: -83px;

  }

}



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

  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: flex;

  flex-wrap: wrap;

}



.user-welcomeback .link-item {

  display: inline-flex;

  flex-direction: column;

  width: 50%;

  border: 1px solid #e6ecf5;

  padding: 40px;

  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;

  color: #9a9fbf;

  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;

}



.user-welcomeback .link-item .sup-title > * {

  margin-bottom: 0;

  font-size: 10px;

  color: #888da8;

}



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

  }

}



/*------------- #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"]:not(.btn-lg) {

  background: #ff5e3a;

  background: var(--primary-accent-color);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border: none;

  /*color: #fff;

	padding: .8rem 2.1rem;

	font-weight: 700;

	opacity: .85;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	display: inline-block;

	border-radius: .25rem;*/

}



.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 #yz-members-directory .bps_filters {

  padding: 15px 20px;

  margin: 0 17.5px 35px;

  background-color: #fff;

}



@media (max-width: 768px) {

  .olympus-theme #yz-members-directory .bps_filters {

    margin: 0 0 25px 0;

  }

}



.olympus-theme #yz-members-directory .bps-form {

  padding: 25px 20px;

  margin: 0 17.5px 35px;

  background-color: #fff;

}



@media (max-width: 768px) {

  .olympus-theme #yz-members-directory .bps-form {

    margin: 0 0 25px 0;

  }

}



.olympus-theme .bp-widget.mycred > h4 {

  text-transform: capitalize;

  font-size: 14px;

  color: #515365;

  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: '';

  background-repeat: no-repeat;

  background-size: contain;

  width: 20px;

  height: 20px;

  display: inline-block;

  vertical-align: middle;

  background-image: url("./../svg-icons/trophy-icon.svg");

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

}



/*================= Responsive Mode ============*/

@media (max-width: 768px) {

  .olympus-theme .col2-set .col-1,

  .olympus-theme .col2-set .col-2 {

    width: 100%;

  }

}