/*=================================
=            Utilities            =
=================================*/
/*----------  VARIABLEs  ----------*/
/**
 *
 * COLORS
 *
 */
/**
 *
 * GENERAL
 *
 */
/**
 *
 * BREAKPOINTS
 *
 */
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px */
/*

@media only screen     { ... }
@media only screen and (max-width: 40em)   { ... }
@media only screen and (min-width:40.063em)    { ... }
@media only screen and (min-width:40.063em) and (max-width:64em)  { ... }
@media only screen and (min-width:64.063em)     { ... }
@media only screen and (min-width:64.063em) and (max-width:90em)   { ... }
@media only screen and (min-width:90.063em)    { ... }
@media only screen and (min-width:90.063em) and (max-width:120em)  { ... }
@media only screen and (min-width:120.063em)   { ... }
@media only screen and (min-width:120.063em) and (max-width:999999999999) { ... }

 */
/**
 *
 * GRID SYSTEM
 *
 */
/**
 *
 * ICONS
 *
 */
/*----------  RESETS  ----------*/
@import url("https://fonts.googleapis.com/css?family=Roboto|Lato");
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url("https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*----------  FONTS  ----------*/
/**
 *
 * ROBOTO
 *
 */
/**
 *
 * FEDRA SANS
 *
 */
@font-face {
  font-family: 'Fedra Sans';
  src: url("../font/FedraSans-Light.eot");
  src: url("../font/FedraSans-Light.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-Light.woff2") format("woff2"), url("../font/FedraSans-Light.woff") format("woff"), url("../font/FedraSans-Light.svg#FedraSans-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Fedra Sans';
  src: url("../font/FedraSans-Normal.eot");
  src: url("../font/FedraSans-Normal.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-Normal.woff2") format("woff2"), url("../font/FedraSans-Normal.woff") format("woff"), url("../font/FedraSans-Normal.svg#FedraSans-Normal") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Fedra Sans';
  src: url("../font/FedraSans-Medium.eot");
  src: url("../font/FedraSans-Medium.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-Medium.woff2") format("woff2"), url("../font/FedraSans-Medium.woff") format("woff"), url("../font/FedraSans-Medium.svg#FedraSans-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Fedra Sans';
  src: url("../font/FedraSans-Bold.eot");
  src: url("../font/FedraSans-Bold.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-Bold.woff2") format("woff2"), url("../font/FedraSans-Bold.woff") format("woff"), url("../font/FedraSans-Bold.svg#FedraSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
/*----------  italic  ----------*/
@font-face {
  font-family: 'Fedra Sans';
  src: url("../font/FedraSans-LightItalic.eot");
  src: url("../font/FedraSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-LightItalic.woff2") format("woff2"), url("../font/FedraSans-LightItalic.woff") format("woff"), url("../font/FedraSans-LightItalic.svg#FedraSans-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Fedra Sans';
  src: url("../font/FedraSans-NormalItalic.eot");
  src: url("../font/FedraSans-NormalItalic.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-NormalItalic.woff2") format("woff2"), url("../font/FedraSans-NormalItalic.woff") format("woff"), url("../font/FedraSans-NormalItalic.svg#FedraSans-NormalItalic") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Fedra Sans';
  src: url("../font/FedraSans-BoldItalic.eot");
  src: url("../font/FedraSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-BoldItalic.woff2") format("woff2"), url("../font/FedraSans-BoldItalic.woff") format("woff"), url("../font/FedraSans-BoldItalic.svg#FedraSans-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }
/**
 *
 * FEDRA SANS SC
 *
 */
@font-face {
  font-family: 'Fedra Sans SC';
  src: url("../font/FedraSans-LightSC.eot");
  src: url("../font/FedraSans-LightSC.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-LightSC.woff2") format("woff2"), url("../font/FedraSans-LightSC.woff") format("woff"), url("../font/FedraSans-LightSC.svg#FedraSans-LightSC") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Fedra Sans SC';
  src: url("../font/FedraSans-NormalSC.eot");
  src: url("../font/FedraSans-NormalSC.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-NormalSC.woff2") format("woff2"), url("../font/FedraSans-NormalSC.woff") format("woff"), url("../font/FedraSans-NormalSC.svg#FedraSans-NormalSC") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Fedra Sans SC';
  src: url("../font/FedraSans-MediumSC.eot");
  src: url("../font/FedraSans-MediumSC.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-MediumSC.woff2") format("woff2"), url("../font/FedraSans-MediumSC.woff") format("woff"), url("../font/FedraSans-MediumSC.svg#FedraSans-MediumSC") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Fedra Sans SC';
  src: url("../font/FedraSans-BoldSC.eot");
  src: url("../font/FedraSans-BoldSC.eot?#iefix") format("embedded-opentype"), url("../font/FedraSans-BoldSC.woff2") format("woff2"), url("../font/FedraSans-BoldSC.woff") format("woff"), url("../font/FedraSans-BoldSC.svg#FedraSans-BoldSC") format("svg");
  font-weight: bold;
  font-style: normal; }
/*----------  HELPER  ----------*/
/**
 *
 * BACKGROUND
 *
 */
.bg-white {
  background-color: #FFFFFF; }
.bg-black {
  background-color: #000000; }
.bg-grey {
  background-color: #C1C7D0; }
.bg-light-grey {
  background-color: #EAECF0; }
.bg-blue {
  background-color: #1A60B1; }
.bg-light-blue {
  background-color: #1D5E58; }
.bg-red {
  background-color: #FC5457; }
.bg-green {
  background-color: #19A786; }

/**
 *
 * COLOR
 *
 */
.color-white {
  color: #FFFFFF; }
.color-black {
  color: #000000; }
.color-grey {
  color: #C1C7D0; }
.color-light-grey {
  color: #EAECF0; }
.color-blue {
  color: #1A60B1; }
.color-light-blue {
  color: #1D5E58; }
.color-red {
  color: #FC5457; }
.color-green {
  color: #19A786; }
.color-light-green {
  color: #29F79E; }
.color-dark-green {
  color: #1D5E58; }

/**
 *
 * DISPLAYS
 *
 */
@media only screen and (max-width: 40em) {
  .s-hide {
    display: none !important; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .m-hide {
    display: none !important; } }

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .l-hide {
    display: none !important; } }

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xl-hide {
    display: none !important; } }

@media only screen and (min-width: 120.063em) and (max-width: 999999999999) {
  .xxl-hide {
    display: none !important; } }

@media only screen and (max-width: 40em) {
  .s-block {
    display: block !important; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .m-block {
    display: block !important; } }

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .l-block {
    display: block !important; } }

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xl-block {
    display: block !important; } }

@media only screen and (min-width: 120.063em) and (max-width: 999999999999) {
  .xxl-block {
    display: block !important; } }

@media only screen and (max-width: 40em) {
  .s-inline {
    display: inline !important; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .m-inline {
    display: inline !important; } }

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .l-inline {
    display: inline !important; } }

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xl-inline {
    display: inline !important; } }

@media only screen and (min-width: 120.063em) and (max-width: 999999999999) {
  .xxl-inline {
    display: inline !important; } }

.hide {
  display: none; }

.show-block {
  display: block; }

.show-inline {
  display: inline; }

.fr {
  float: right; }

.fl {
  float: left; }

.fn {
  float: none; }

.tc {
  text-align: center; }

.tr {
  text-align: right; }

.tl {
  text-align: left; }

.pr {
  position: relative; }

.pa {
  position: absolute; }

.ps {
  position: static; }

.pf {
  position: fixed; }

.np {
  padding: 0px !important; }

.npl {
  padding-left: 0px !important; }

.npr {
  padding-right: 0px !important; }

.npt {
  padding-top: 0px !important; }

.npb {
  padding-bottom: 0px !important; }

.nm {
  margin: 0px !important; }

.nml {
  margin-left: 0px !important; }

.nmr {
  margin-right: 0px !important; }

.nmt {
  margin-top: 0px !important; }

.nmb {
  margin-bottom: 0px !important; }

.ov {
  overflow: visible !important; }

.oh {
  overflow: hidden !important; }

.oa {
  overflow: auto !important; }

/**
 *
 * SPACING
 *
 */
/*----------  WRAP  ----------*/
.wrap {
  padding: 0.5rem; }
  .wrap-large {
    padding: 1rem; }
  .wrap-small {
    padding: 0.3rem; }

.mt-0 {
  margin-top: 0rem !important; }

.mb-0 {
  margin-bottom: 0rem !important; }

.mr-0 {
  margin-right: 0rem !important; }

.ml-0 {
  margin-left: 0rem !important; }

.pt-0 {
  padding-top: 0rem !important; }

.pb-0 {
  padding-bottom: 0rem !important; }

.pr-0 {
  padding-right: 0rem !important; }

.pl-0 {
  padding-left: 0rem !important; }

.mt-1 {
  margin-top: 0.5rem !important; }

.mb-1 {
  margin-bottom: 0.5rem !important; }

.mr-1 {
  margin-right: 0.5rem !important; }

.ml-1 {
  margin-left: 0.5rem !important; }

.pt-1 {
  padding-top: 0.5rem !important; }

.pb-1 {
  padding-bottom: 0.5rem !important; }

.pr-1 {
  padding-right: 0.5rem !important; }

.pl-1 {
  padding-left: 0.5rem !important; }

.mt-2 {
  margin-top: 1rem !important; }

.mb-2 {
  margin-bottom: 1rem !important; }

.mr-2 {
  margin-right: 1rem !important; }

.ml-2 {
  margin-left: 1rem !important; }

.pt-2 {
  padding-top: 1rem !important; }

.pb-2 {
  padding-bottom: 1rem !important; }

.pr-2 {
  padding-right: 1rem !important; }

.pl-2 {
  padding-left: 1rem !important; }

.mt-3 {
  margin-top: 1.5rem !important; }

.mb-3 {
  margin-bottom: 1.5rem !important; }

.mr-3 {
  margin-right: 1.5rem !important; }

.ml-3 {
  margin-left: 1.5rem !important; }

.pt-3 {
  padding-top: 1.5rem !important; }

.pb-3 {
  padding-bottom: 1.5rem !important; }

.pr-3 {
  padding-right: 1.5rem !important; }

.pl-3 {
  padding-left: 1.5rem !important; }

.mt-4 {
  margin-top: 2rem !important; }

.mb-4 {
  margin-bottom: 2rem !important; }

.mr-4 {
  margin-right: 2rem !important; }

.ml-4 {
  margin-left: 2rem !important; }

.pt-4 {
  padding-top: 2rem !important; }

.pb-4 {
  padding-bottom: 2rem !important; }

.pr-4 {
  padding-right: 2rem !important; }

.pl-4 {
  padding-left: 2rem !important; }

.mt-5 {
  margin-top: 2.5rem !important; }

.mb-5 {
  margin-bottom: 2.5rem !important; }

.mr-5 {
  margin-right: 2.5rem !important; }

.ml-5 {
  margin-left: 2.5rem !important; }

.pt-5 {
  padding-top: 2.5rem !important; }

.pb-5 {
  padding-bottom: 2.5rem !important; }

.pr-5 {
  padding-right: 2.5rem !important; }

.pl-5 {
  padding-left: 2.5rem !important; }

.mt-6 {
  margin-top: 3rem !important; }

.mb-6 {
  margin-bottom: 3rem !important; }

.mr-6 {
  margin-right: 3rem !important; }

.ml-6 {
  margin-left: 3rem !important; }

.pt-6 {
  padding-top: 3rem !important; }

.pb-6 {
  padding-bottom: 3rem !important; }

.pr-6 {
  padding-right: 3rem !important; }

.pl-6 {
  padding-left: 3rem !important; }

.mt-7 {
  margin-top: 3.5rem !important; }

.mb-7 {
  margin-bottom: 3.5rem !important; }

.mr-7 {
  margin-right: 3.5rem !important; }

.ml-7 {
  margin-left: 3.5rem !important; }

.pt-7 {
  padding-top: 3.5rem !important; }

.pb-7 {
  padding-bottom: 3.5rem !important; }

.pr-7 {
  padding-right: 3.5rem !important; }

.pl-7 {
  padding-left: 3.5rem !important; }

.mt-8 {
  margin-top: 4rem !important; }

.mb-8 {
  margin-bottom: 4rem !important; }

.mr-8 {
  margin-right: 4rem !important; }

.ml-8 {
  margin-left: 4rem !important; }

.pt-8 {
  padding-top: 4rem !important; }

.pb-8 {
  padding-bottom: 4rem !important; }

.pr-8 {
  padding-right: 4rem !important; }

.pl-8 {
  padding-left: 4rem !important; }

.mt-9 {
  margin-top: 4.5rem !important; }

.mb-9 {
  margin-bottom: 4.5rem !important; }

.mr-9 {
  margin-right: 4.5rem !important; }

.ml-9 {
  margin-left: 4.5rem !important; }

.pt-9 {
  padding-top: 4.5rem !important; }

.pb-9 {
  padding-bottom: 4.5rem !important; }

.pr-9 {
  padding-right: 4.5rem !important; }

.pl-9 {
  padding-left: 4.5rem !important; }

.mt-10 {
  margin-top: 5rem !important; }

.mb-10 {
  margin-bottom: 5rem !important; }

.mr-10 {
  margin-right: 5rem !important; }

.ml-10 {
  margin-left: 5rem !important; }

.pt-10 {
  padding-top: 5rem !important; }

.pb-10 {
  padding-bottom: 5rem !important; }

.pr-10 {
  padding-right: 5rem !important; }

.pl-10 {
  padding-left: 5rem !important; }

.ab-center {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.ori-center {
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); }

.ver-center {
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%); }

.border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/**
 *
 * BASICS
 *
 */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.125rem; }

body {
  color: #000000;
  line-height: 1.2em;
  font-size: 1rem;
  font-family: "Lato";
  font-weight: 300; }

a {
  text-decoration: none; }

/*----------  GRID  ----------*/
/*=====  End of Utilities  ======*/
html, body {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0; }

body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-family: "Lato"; }
  body > main {
    flex-grow: 1;
    background: #18273d; }

main {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 3.5rem; }
  main .row {
    overflow: hidden; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
/*@font-face {
	font-family: 'AwesomeThief';
  	src: url('../../fonts/fa-regular-400.woff2');
}*/
/*===== Pages =====*/
.performat-header nav.navbar {
  background: #152236; }
  .performat-header nav.navbar .navbar-toggler {
    color: #b78911; }
  @media screen and (min-width: 767px) {
    .performat-header nav.navbar .navbar-header {
      position: absolute;
      padding: 0px;
      text-align: center;
      width: 100%;
      pointer-events: none; } }
  @media screen and (min-width: 767px) and (min-width: 769px) {
    .performat-header nav.navbar .navbar-header {
      padding: 15px; } }
  @media screen and (min-width: 767px) {
      .performat-header nav.navbar .navbar-header .navbar-brand {
        float: none;
        pointer-events: all; }
        .performat-header nav.navbar .navbar-header .navbar-brand img {
          height: 40px; } }
      @media screen and (min-width: 767px) and (min-width: 769px) {
        .performat-header nav.navbar .navbar-header .navbar-brand img {
          height: 50px; } }

  @media screen and (max-width: 766px) {
    .performat-header nav.navbar {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start; }
      .performat-header nav.navbar .navbar-collapse {
        flex-basis: 90%;
        padding-left: 0.5rem; }
      .performat-header nav.navbar .navbar-collapse.collapse.show {
        display: flex; }
        .performat-header nav.navbar .navbar-collapse.collapse.show > * {
          opacity: 1; }
      .performat-header nav.navbar .navbar-collapse:not(.show) > * {
        opacity: 0; } }
.performat-header #menu-main-menu {
  flex-grow: 1; }
  .performat-header #menu-main-menu > .menu-item {
    position: relative;
    margin: 0 0.5rem 0 0; }
    .performat-header #menu-main-menu > .menu-item a, .performat-header #menu-main-menu > .menu-item a:link {
      color: #b78911;
      transition: all 0.2s ease; }
    .performat-header #menu-main-menu > .menu-item a:hover {
      color: #e2d2aa;
      text-decoration: none; }
    .performat-header #menu-main-menu > .menu-item .sub-menu {
      display: none;
      opacity: 0;
      transition: opacity 0.2s ease;
      position: absolute;
      right: 0;
      left: -100%;
      box-shadow: 0px 6px 19px -4px #294363;
      padding: 0.5rem 1rem;
      background: #152236; }
      .performat-header #menu-main-menu > .menu-item .sub-menu .menu-item {
        text-align: right; }
        .performat-header #menu-main-menu > .menu-item .sub-menu .menu-item a::after, .performat-header #menu-main-menu > .menu-item .sub-menu .menu-item a:link::after {
          content: "";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          margin: 0;
          color: #b78911; }
    .performat-header #menu-main-menu > .menu-item:not(:last-child)::after {
      content: "|";
      margin: 0; }
    .performat-header #menu-main-menu > .menu-item:hover .sub-menu, .performat-header #menu-main-menu > .menu-item:focus .sub-menu, .performat-header #menu-main-menu > .menu-item:active .sub-menu, .performat-header #menu-main-menu > .menu-item:target .sub-menu {
      display: block;
      opacity: 1; }
  .performat-header #menu-main-menu > .menu-item > a::after, .performat-header #menu-main-menu > .menu-item > a:link::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin: 0 1rem 0 0.2rem;
    color: #b78911; }
  .performat-header #menu-main-menu > .menu-item.menu-toggle > a::after, .performat-header #menu-main-menu > .menu-item.menu-toggle > a:link::after {
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin: 0 1rem 0 0.4rem;
    color: #b78911; }
  @media screen and (max-width: 767px) {
    .performat-header #menu-main-menu {
      display: none !important;
      opacity: 1 !important; } }
.performat-header .navbar-miniavatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 0.5rem;
  display: inline-block; }
  .performat-header .navbar-miniavatar img {
    width: 100%;
    height: 100%; }
  @media screen and (max-width: 769px) {
    .performat-header .navbar-miniavatar {
      display: none !important; } }
.performat-header .navbar-brand img {
  height: 30px; }

#right-sidebar-menu {
  max-width: 400px;
  width: 33%;
  height: calc(100% - 3.5rem);
  flex-grow: 1;
  z-index: 999;
  position: fixed;
  right: -33%;
  background: #294363;
  box-sizing: border-box;
  padding: 1rem 0;
  padding-bottom: 7rem;
  transition: all 0.5s ease; }
  @media screen and (max-width: 767px) {
    #right-sidebar-menu {
      display: none; } }
  #right-sidebar-menu.menu-trigger {
    right: 0;
    box-shadow: 0px 0px 125px 15px #000000; }
  #right-sidebar-menu .prfmt-search {
    width: 80%;
    position: relative;
    margin: 1.5rem 10% 1rem 10%;
    border: 2px solid #FFFFFF;
    padding: 0.8rem 1.4rem 0.8rem 0.5rem;
    border-radius: 8px;
    outline: none;
    color: #FFFFFF;
    background: #294363; }
    #right-sidebar-menu .prfmt-search::placeholder {
      color: white; }
    #right-sidebar-menu .prfmt-search::after {
      content: "\f002";
      position: absolute;
      right: 0.2rem;
      font-size: 1rem;
      color: #FFFFFF;
      font-family: "Font Awesome 5 Free";
      font-weight: bold; }
  #right-sidebar-menu .cat-item-33 {
    display: none; }
  #right-sidebar-menu ul.product-categories > li.cat-item > a {
    text-transform: uppercase; }
  #right-sidebar-menu ul {
    width: 100%; }
    #right-sidebar-menu ul a, #right-sidebar-menu ul a:link {
      color: #FFFFFF;
      padding-right: 0.5rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    #right-sidebar-menu ul a:hover {
      text-decoration: none; }
    #right-sidebar-menu ul .cat-item a.ui-state-active, #right-sidebar-menu ul .cat-item a.ui-state-hover, #right-sidebar-menu ul .cat-item a.ui-state-default {
      background: none;
      border: none;
      color: white !important;
      outline: none; }
    #right-sidebar-menu ul .cat-item ul.ui-accordion-content {
      padding: 0;
      background: transparent;
      border: none; }
    #right-sidebar-menu ul ul.children {
      transition: max-height 0.2s ease; }
      #right-sidebar-menu ul ul.children li:hover > a, #right-sidebar-menu ul ul.children li:hover > a:link {
        color: #FFFFFF;
        background-color: #b78911; }
      #right-sidebar-menu ul ul.children li {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      #right-sidebar-menu ul ul.children a:hover {
        text-decoration: none;
        color: #FFFFFF; }
      #right-sidebar-menu ul ul.children li a {
        padding-left: 5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
    #right-sidebar-menu ul li, #right-sidebar-menu ul a {
      transition: all 0.2s ease; }
    #right-sidebar-menu ul li a {
      padding-left: 2rem; }
    #right-sidebar-menu ul li {
      margin: 0.5rem 0; }
  #right-sidebar-menu > ul > li a {
    text-transform: uppercase;
    margin: 0.2rem 0; }
  #right-sidebar-menu #session-reserve {
    position: absolute;
    padding: 1rem 0.5rem;
    width: 100%;
    display: block;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%); }

@media screen and (max-width: 767px) {
  .navbar {
    max-height: calc(100vh + 3.5rem);
    overflow: auto; } }
.mobile-menu {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 1rem 0;
  padding-bottom: 7rem;
  transition: all 0.5s ease;
  width: 100%; }
  .mobile-menu .prfmt-search {
    width: 80%;
    position: relative;
    margin: 0.5rem 10% 0.5rem 10%;
    border: 2px solid #FFFFFF;
    padding: 0.4rem 1.4rem 0.4rem 0.5rem;
    border-radius: 8px;
    outline: none;
    color: #FFFFFF;
    background: #294363; }
    .mobile-menu .prfmt-search::placeholder {
      color: white; }
    .mobile-menu .prfmt-search::after {
      content: "\f002";
      position: absolute;
      right: 0.2rem;
      font-size: 1rem;
      color: #FFFFFF;
      font-family: "Font Awesome 5 Free";
      font-weight: bold; }
  .mobile-menu .navbar-miniavatar-mobile {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0.5rem;
    display: inline-block; }
    .mobile-menu .navbar-miniavatar-mobile img {
      width: 100%;
      height: 100%; }
  .mobile-menu .cat-item-33 {
    display: none; }
  .mobile-menu ul.product-categories > li.cat-item > a {
    text-transform: uppercase; }
  .mobile-menu ul {
    width: 100%; }
    .mobile-menu ul a, .mobile-menu ul a:link {
      color: #FFFFFF;
      padding-right: 0.5rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    .mobile-menu ul a:hover {
      text-decoration: none; }
    .mobile-menu ul .cat-item a.ui-state-active, .mobile-menu ul .cat-item a.ui-state-hover, .mobile-menu ul .cat-item a.ui-state-default {
      background: none;
      border: none;
      color: white !important;
      outline: none; }
    .mobile-menu ul .cat-item ul.ui-accordion-content {
      padding: 0;
      background: transparent;
      border: none; }
    .mobile-menu ul ul.children {
      transition: max-height 0.2s ease; }
      .mobile-menu ul ul.children li:hover > a, .mobile-menu ul ul.children li:hover > a:link {
        color: #FFFFFF;
        background-color: #b78911; }
      .mobile-menu ul ul.children li {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .mobile-menu ul ul.children a:hover {
        text-decoration: none;
        color: #FFFFFF; }
      .mobile-menu ul ul.children li a {
        padding-left: 5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
    .mobile-menu ul li, .mobile-menu ul a {
      transition: all 0.2s ease; }
    .mobile-menu ul li a {
      padding-left: 2rem; }
    .mobile-menu ul li {
      margin: 0.5rem 0; }
  .mobile-menu > ul > li a {
    text-transform: uppercase;
    margin: 0.2rem 0; }
  .mobile-menu #session-reserve {
    position: relative;
    padding: 1rem 0.5rem;
    width: auto;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%); }

.search-row .prfmt-search {
  width: 60%;
  position: relative;
  margin: 1.5rem 20% 1rem 20%;
  border: 2px solid #FFFFFF;
  padding: 0.8rem 1.4rem 0.8rem 0.5rem;
  border-radius: 8px;
  outline: none;
  color: #FFFFFF;
  background: #294363; }
  .search-row .prfmt-search::placeholder {
    color: white; }
  .search-row .prfmt-search::after {
    content: "\f002";
    position: absolute;
    right: 0.2rem;
    font-size: 1rem;
    color: #FFFFFF;
    font-family: "Font Awesome 5 Free";
    font-weight: bold; }

#prfmt-footer {
  background: #18273d; }
  #prfmt-footer h5 {
    margin-bottom: 0; }
  #prfmt-footer .attribution {
    color: #FFFFFF;
    font-size: 0.8rem; }
  #prfmt-footer .social-media-icons {
    list-style: none; }
    #prfmt-footer .social-media-icons li {
      display: inline-block; }
      #prfmt-footer .social-media-icons li a {
        color: #FFFFFF;
        font-size: 1.5rem;
        margin: 0 0.8rem; }
        #prfmt-footer .social-media-icons li a:hover {
          color: #e2d2aa; }
  #prfmt-footer .performat-logo {
    height: 50px;
    margin: 0.5rem auto; }

.content-container {
  color: #FFFFFF; }
  .content-container > .row:nth-of-type(odd) {
    background: #18273d; }
  .content-container > .row:nth-of-type(even) {
    background: #294363; }
  .content-container > .row {
    min-height: 200px; }

.membership-plans {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: center;
  align-items: stretch;
  background: -webkit-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 33%);
  background: -moz-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 33%);
  background: -o-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 33%);
  background: linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 33%);
  border-radius: 0.8rem;
  position: relative; }
  @media screen and (max-width: 767px) {
    .membership-plans {
      flex-wrap: wrap; } }
  .membership-plans .membership-single {
    width: calc(100%/3);
    flex-grow: 1;
    padding: 1.2rem;
    padding-bottom: 5.5rem;
    transition: all 0.4s ease;
    position: relative; }
    .membership-plans .membership-single:first-child {
      border-radius: 0.8rem 0 0 0.8rem; }
    .membership-plans .membership-single:last-child {
      border-radius: 0 0.8rem 0.8rem 0; }
    @media screen and (max-width: 767px) {
      .membership-plans .membership-single {
        width: 100%; } }
    .membership-plans .membership-single .acquista-plan {
      position: absolute;
      bottom: 1.5rem;
      width: auto;
      left: 0;
      right: 0;
      text-align: center; }
      .membership-plans .membership-single .acquista-plan .prfmt-btn, .membership-plans .membership-single .acquista-plan .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form .membership-plans .membership-single .acquista-plan input[type="button"], .membership-plans .membership-single .acquista-plan .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #login-performat-form .membership-plans .membership-single .acquista-plan input[type="submit"], .membership-plans .membership-single .acquista-plan .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form .membership-plans .membership-single .acquista-plan input[type="button"], .membership-plans .membership-single .acquista-plan .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form .membership-plans .membership-single .acquista-plan input[type="submit"], .membership-plans .membership-single .acquista-plan .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form .membership-plans .membership-single .acquista-plan input[type="button"], .membership-plans .membership-single .acquista-plan .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form .membership-plans .membership-single .acquista-plan input[type="submit"], .membership-plans .membership-single .acquista-plan .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form .membership-plans .membership-single .acquista-plan input[type="button"], .membership-plans .membership-single .acquista-plan .modal-login-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form .membership-plans .membership-single .acquista-plan input[type="submit"], .membership-plans .membership-single .acquista-plan .woocommerce .woocommerce-product-search button, .woocommerce .woocommerce-product-search .membership-plans .membership-single .acquista-plan button {
        margin: auto; }
    .membership-plans .membership-single:hover {
      box-shadow: 0px 0px 115px -15px #b78911 inset; }

.bottone-tag {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  font-size: 1.5rem;
  color: white !important;
  display: block;
  padding: 1rem 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  .bottone-tag.tag-atformatori {
    background-color: #7c68a5; }
  .bottone-tag.tag-psicoterapia {
    background-color: #e8c31a; }
  .bottone-tag.tag-counselling {
    background-color: #bcb461; }
  .bottone-tag.tag-organizzativo {
    background-color: #a3c9dc; }
  .bottone-tag.tag-educativo {
    background-color: #4ba5c7; }
  .bottone-tag.tag-recensioni {
    background-color: #dadada; }

.button-percorso {
  position: relative; }
  .button-percorso a, .button-percorso a:link {
    background: #294363;
    color: white !important;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center; }
    .button-percorso a img, .button-percorso a:link img {
      width: 100px;
      height: auto; }
    .button-percorso a h2, .button-percorso a:link h2 {
      display: inline-block !important; }

.browse-container {
  /*.row:nth-of-type(odd){
  	background: $prfmt_blue;
  }
  .row:nth-of-type(even){
  	background: $prfmt_blue_light;
  }*/ }
  .browse-container .row {
    min-height: 0px; }

.section-title, #prfmt-footer h5 {
  color: white;
  position: relative;
  display: inline-block;
  margin-bottom: 2rem;
  padding-bottom: 0.7rem; }
  .section-title::after, #prfmt-footer h5::after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 5px;
    bottom: 0;
    background: #b78911; }

.risalto + h5 {
  text-align: center;
  color: #FFFFFF; }

.modal-watch-content .modal-body {
  padding: 0;
  margin: 0;
  background: #294363;
  border: 2px solid #b78911; }
  .modal-watch-content .modal-body button.close {
    width: 2rem;
    height: 2rem;
    line-height: 1rem;
    font-size: 1rem;
    background: #b78911;
    z-index: 10;
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    border-radius: 1rem;
    right: 0;
    margin: -1rem -1rem 0 0;
    position: absolute;
    opacity: 1;
    text-shadow: none;
    border: 2px solid #FFFFFF; }
    @media screen and (max-width: 767px) {
      .modal-watch-content .modal-body button.close {
        margin: 0.5rem 0.5rem 0 0; } }
    .modal-watch-content .modal-body button.close:hover {
      opacity: 1;
      background: #e6ac15;
      color: #FFFFFF; }
  .modal-watch-content .modal-body .video-wrapper {
    width: 100%;
    position: relative;
    position: relative;
    padding-bottom: 56.25%;
    /*16:9*/
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    .modal-watch-content .modal-body .video-wrapper .video-player-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .my-video-dimensions {
        width: 100%;
        height: 100%; }
      .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js .vjs-big-play-button {
        font-size: 3em;
        line-height: 3em;
        height: 3em;
        width: 3em;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -1.5em;
        margin-left: -1.5em;
        padding: 0;
        cursor: pointer;
        opacity: 1;
        border: none;
        color: #18273d;
        background: -webkit-linear-gradient(top, rgba(183, 137, 17, 0.8) 0, #b78911 50%, rgba(183, 137, 17, 0.8) 100%);
        background: -moz-linear-gradient(top, rgba(183, 137, 17, 0.8) 0, #b78911 50%, rgba(183, 137, 17, 0.8) 100%);
        background: -o-linear-gradient(top, rgba(183, 137, 17, 0.8) 0, #b78911 50%, rgba(183, 137, 17, 0.8) 100%);
        background: linear-gradient(top, rgba(183, 137, 17, 0.8) 0, #b78911 50%, rgba(183, 137, 17, 0.8) 100%);
        border-radius: 1.5em;
        transition: all 0.4s;
        outline: none; }
        .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js .vjs-big-play-button:hover {
          box-shadow: 0px 0px 40px 0px #e2d2aa; }
      .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js.vjs-playing .vjs-big-play-button, .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js.vjs-has-started .vjs-big-play-button {
        opacity: 0;
        pointer-events: none; }
      .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js .vjs-control-bar {
        background: rgba(24, 39, 61, 0.68);
        box-shadow: 0px 0px 30px 20px rgba(24, 39, 61, 0.8); }
        .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js .vjs-control-bar > * {
          color: #b78911 !important;
          transition: color 0.2s ease; }
          .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js .vjs-control-bar > *:hover {
            color: #e2d2aa !important; }
        .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js .vjs-control-bar * {
          outline: none; }
        .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js .vjs-control-bar .vjs-play-progress, .modal-watch-content .modal-body .video-wrapper .video-player-wrapper .video-js .vjs-control-bar .vjs-slider-bar {
          background-color: rgba(183, 137, 17, 0.6); }
    .modal-watch-content .modal-body .video-wrapper .modal-video-title {
      color: white;
      display: block;
      width: 100%;
      position: absolute;
      bottom: 0;
      height: 100%;
      display: flex;
      align-items: flex-start;
      padding: 1rem;
      background: -webkit-linear-gradient(top, black 0%, transparent 30%);
      background: -moz-linear-gradient(top, black 0%, transparent 30%);
      background: -o-linear-gradient(top, black 0%, transparent 30%);
      background: linear-gradient(top, black 0%, transparent 30%);
      transition: opacity 0.2s ease; }
    .modal-watch-content .modal-body .video-wrapper .vjs-playing + .modal-video-title, .modal-watch-content .modal-body .video-wrapper .vjs-has-started + .modal-video-title {
      display: none; }
    .modal-watch-content .modal-body .video-wrapper:hover .modal-video-title {
      opacity: 0;
      pointer-events: none; }
  .modal-watch-content .modal-body .video-description {
    padding: 1rem;
    color: #FFFFFF; }
    .modal-watch-content .modal-body .video-description p {
      margin-bottom: 0; }
      .modal-watch-content .modal-body .video-description p label {
        font-weight: 600;
        border-bottom: 2px solid #b78911; }
    .modal-watch-content .modal-body .video-description .modal-descrizione-prodotto {
      margin: 0.5em 0;
      max-height: 100px;
      overflow: auto;
      text-align: justify; }
    .modal-watch-content .modal-body .video-description .modal-cat a, .modal-watch-content .modal-body .video-description .modal-cat a:link {
      color: white; }

.modal-read-content .modal-body {
  padding: 0;
  margin: 0;
  background: #294363;
  border: 2px solid #b78911; }
  .modal-read-content .modal-body .row {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .modal-read-content .modal-body button.close {
    width: 2rem;
    height: 2rem;
    line-height: 1rem;
    font-size: 1rem;
    background: #b78911;
    z-index: 10;
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    border-radius: 1rem;
    right: 0;
    margin: -1rem -1rem 0 0;
    position: absolute;
    opacity: 1;
    text-shadow: none;
    border: 2px solid #FFFFFF; }
    @media screen and (max-width: 767px) {
      .modal-read-content .modal-body button.close {
        margin: 0.5rem 0.5rem 0 0; } }
    .modal-read-content .modal-body button.close:hover {
      opacity: 1;
      background: #e6ac15;
      color: #FFFFFF; }
  .modal-read-content .modal-body .rivista-wrapper {
    position: relative; }
  .modal-read-content .modal-body .rivista-description {
    padding: 1rem;
    color: #FFFFFF; }
    .modal-read-content .modal-body .rivista-description .modal-rivista-title {
      color: #FFFFFF;
      display: block;
      padding-bottom: 0.5rem;
      border-bottom: 2px solid #b78911; }
    .modal-read-content .modal-body .rivista-description p {
      margin-bottom: 0; }
      .modal-read-content .modal-body .rivista-description p label {
        font-weight: 600;
        border-bottom: 2px solid #b78911; }
    .modal-read-content .modal-body .rivista-description .modal-descrizione-prodotto {
      margin: 0.5em 0;
      max-height: 320px;
      overflow: auto;
      text-align: justify; }
    .modal-read-content .modal-body .rivista-description .modal-cat a, .modal-read-content .modal-body .rivista-description .modal-cat a:link {
      color: white; }

.modal-reserve-content .modal-body {
  padding: 0;
  margin: 0;
  background: #294363;
  border: 2px solid #b78911; }
  .modal-reserve-content .modal-body .row {
    margin-right: 0; }
  .modal-reserve-content .modal-body button.close {
    width: 2rem;
    height: 2rem;
    line-height: 1rem;
    font-size: 1rem;
    background: #b78911;
    z-index: 10;
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    border-radius: 1rem;
    right: 0;
    margin: -1rem -1rem 0 0;
    position: absolute;
    opacity: 1;
    text-shadow: none;
    border: 2px solid #FFFFFF; }
    @media screen and (max-width: 767px) {
      .modal-reserve-content .modal-body button.close {
        margin: 0.5rem 0.5rem 0 0; } }
    .modal-reserve-content .modal-body button.close:hover {
      opacity: 1;
      background: #e6ac15;
      color: #FFFFFF; }
  .modal-reserve-content .modal-body .professionista-wrapper {
    position: relative; }
    @media screen and (max-width: 767px) {
      .modal-reserve-content .modal-body .professionista-wrapper img {
        width: 200px;
        height: 300px; } }
  .modal-reserve-content .modal-body .professionista-description, .modal-reserve-content .modal-body .professionista-description-reserve {
    padding: 1rem;
    color: #FFFFFF; }
    .modal-reserve-content .modal-body .professionista-description .modal-professionista-title, .modal-reserve-content .modal-body .professionista-description-reserve .modal-professionista-title {
      color: #FFFFFF;
      display: inline-block;
      padding-bottom: 0.5rem;
      border-bottom: 2px solid #b78911; }
    .modal-reserve-content .modal-body .professionista-description p, .modal-reserve-content .modal-body .professionista-description-reserve p {
      margin-bottom: 0; }
      .modal-reserve-content .modal-body .professionista-description p label, .modal-reserve-content .modal-body .professionista-description-reserve p label {
        font-weight: 600;
        border-bottom: 2px solid #b78911; }
    .modal-reserve-content .modal-body .professionista-description .modal-descrizione-prodotto, .modal-reserve-content .modal-body .professionista-description-reserve .modal-descrizione-prodotto {
      margin: 0.5em 0;
      max-height: 300px;
      overflow: auto;
      flex-grow: 1;
      text-align: justify; }
    .modal-reserve-content .modal-body .professionista-description .modal-cat a, .modal-reserve-content .modal-body .professionista-description .modal-cat a:link, .modal-reserve-content .modal-body .professionista-description-reserve .modal-cat a, .modal-reserve-content .modal-body .professionista-description-reserve .modal-cat a:link {
      color: white; }
  .modal-reserve-content .modal-body #prenotazione-professionista label {
    display: block; }
  .modal-reserve-content .modal-body #prenotazione-professionista input, .modal-reserve-content .modal-body #prenotazione-professionista select, .modal-reserve-content .modal-body #prenotazione-professionista textarea {
    outline: none; }
  .modal-reserve-content .modal-body #prenotazione-professionista select, .modal-reserve-content .modal-body #prenotazione-professionista textarea {
    background: #18273d; }
  .modal-reserve-content .modal-body #prenotazione-professionista select {
    width: 100%;
    padding: 0.8rem 0.5rem;
    border-radius: 0.8rem;
    border: 2px solid #b78911;
    color: #FFFFFF; }
  .modal-reserve-content .modal-body #prenotazione-professionista textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 75px;
    min-height: 75px;
    max-height: 100px;
    padding: 0.8rem 0.5rem;
    border-radius: 0.8rem;
    border: 2px solid #b78911;
    resize: none;
    color: #e2d2aa; }
  .modal-reserve-content .modal-body #prenotazione-professionista input.prfmt-btn, .modal-reserve-content .modal-register-content .modal-body #prenotazione-professionista #login-performat-form input[type="button"], .modal-register-content .modal-reserve-content .modal-body #prenotazione-professionista #login-performat-form input[type="button"], .modal-reserve-content .modal-register-content .modal-body #login-performat-form #prenotazione-professionista input[type="button"], .modal-register-content .modal-reserve-content .modal-body #login-performat-form #prenotazione-professionista input[type="button"], .modal-reserve-content .modal-register-content .modal-body #prenotazione-professionista #login-performat-form input[type="submit"], .modal-register-content .modal-reserve-content .modal-body #prenotazione-professionista #login-performat-form input[type="submit"], .modal-reserve-content .modal-register-content .modal-body #login-performat-form #prenotazione-professionista input[type="submit"], .modal-register-content .modal-reserve-content .modal-body #login-performat-form #prenotazione-professionista input[type="submit"], .modal-reserve-content .modal-register-content .modal-body #prenotazione-professionista #register-performat-form input[type="button"], .modal-register-content .modal-reserve-content .modal-body #prenotazione-professionista #register-performat-form input[type="button"], .modal-reserve-content .modal-register-content .modal-body #register-performat-form #prenotazione-professionista input[type="button"], .modal-register-content .modal-reserve-content .modal-body #register-performat-form #prenotazione-professionista input[type="button"], .modal-reserve-content .modal-register-content .modal-body #prenotazione-professionista #register-performat-form input[type="submit"], .modal-register-content .modal-reserve-content .modal-body #prenotazione-professionista #register-performat-form input[type="submit"], .modal-reserve-content .modal-register-content .modal-body #register-performat-form #prenotazione-professionista input[type="submit"], .modal-register-content .modal-reserve-content .modal-body #register-performat-form #prenotazione-professionista input[type="submit"], .modal-reserve-content .modal-login-content .modal-body #prenotazione-professionista #login-performat-form input[type="button"], .modal-login-content .modal-reserve-content .modal-body #prenotazione-professionista #login-performat-form input[type="button"], .modal-reserve-content .modal-login-content .modal-body #login-performat-form #prenotazione-professionista input[type="button"], .modal-login-content .modal-reserve-content .modal-body #login-performat-form #prenotazione-professionista input[type="button"], .modal-reserve-content .modal-login-content .modal-body #prenotazione-professionista #login-performat-form input[type="submit"], .modal-login-content .modal-reserve-content .modal-body #prenotazione-professionista #login-performat-form input[type="submit"], .modal-reserve-content .modal-login-content .modal-body #login-performat-form #prenotazione-professionista input[type="submit"], .modal-login-content .modal-reserve-content .modal-body #login-performat-form #prenotazione-professionista input[type="submit"], .modal-reserve-content .modal-login-content .modal-body #prenotazione-professionista #register-performat-form input[type="button"], .modal-login-content .modal-reserve-content .modal-body #prenotazione-professionista #register-performat-form input[type="button"], .modal-reserve-content .modal-login-content .modal-body #register-performat-form #prenotazione-professionista input[type="button"], .modal-login-content .modal-reserve-content .modal-body #register-performat-form #prenotazione-professionista input[type="button"], .modal-reserve-content .modal-login-content .modal-body #prenotazione-professionista #register-performat-form input[type="submit"], .modal-login-content .modal-reserve-content .modal-body #prenotazione-professionista #register-performat-form input[type="submit"], .modal-reserve-content .modal-login-content .modal-body #register-performat-form #prenotazione-professionista input[type="submit"], .modal-login-content .modal-reserve-content .modal-body #register-performat-form #prenotazione-professionista input[type="submit"] {
    margin: auto; }

.modal-content .buy-or-watch {
  text-align: center;
  padding: 0.2rem; }
  .modal-content .buy-or-watch .prfmt-btn, .modal-content .buy-or-watch .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form .modal-content .buy-or-watch input[type="button"], .modal-content .buy-or-watch .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #login-performat-form .modal-content .buy-or-watch input[type="submit"], .modal-content .buy-or-watch .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form .modal-content .buy-or-watch input[type="button"], .modal-content .buy-or-watch .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form .modal-content .buy-or-watch input[type="submit"], .modal-content .buy-or-watch .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form .modal-content .buy-or-watch input[type="button"], .modal-content .buy-or-watch .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form .modal-content .buy-or-watch input[type="submit"], .modal-content .buy-or-watch .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form .modal-content .buy-or-watch input[type="button"], .modal-content .buy-or-watch .modal-login-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form .modal-content .buy-or-watch input[type="submit"], .modal-content .buy-or-watch .woocommerce .woocommerce-product-search button, .woocommerce .woocommerce-product-search .modal-content .buy-or-watch button {
    margin: auto; }
.modal-content .prfmt-btn, .modal-content .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form .modal-content input[type="button"], .modal-content .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #login-performat-form .modal-content input[type="submit"], .modal-content .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form .modal-content input[type="button"], .modal-content .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form .modal-content input[type="submit"], .modal-content .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form .modal-content input[type="button"], .modal-content .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form .modal-content input[type="submit"], .modal-content .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form .modal-content input[type="button"], .modal-content .modal-login-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form .modal-content input[type="submit"], .modal-content .woocommerce .woocommerce-product-search button, .woocommerce .woocommerce-product-search .modal-content button {
  margin: auto; }

#fullvid {
  width: 100vw;
  height: 100vh;
  background: #18273d;
  box-shadow: 0px -20px 50px -25px #294363 inset;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0; }
  #fullvid #close-this {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #e2d2aa;
    font-size: 3rem;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 9999999; }
    #fullvid #close-this:hover {
      opacity: 1; }
  #fullvid .vjs-user-inactive + #close-this {
    opacity: 0; }
  #fullvid .video-player-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    #fullvid .video-player-wrapper .my-video-dimensions {
      width: 100%;
      height: 100%; }
    #fullvid .video-player-wrapper .video-js .vjs-big-play-button {
      font-size: 3em;
      line-height: 3em;
      height: 3em;
      width: 3em;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -1.5em;
      margin-left: -1.5em;
      padding: 0;
      cursor: pointer;
      opacity: 1;
      border: none;
      color: #18273d;
      background: -webkit-linear-gradient(top, rgba(183, 137, 17, 0.8) 0, #b78911 50%, rgba(183, 137, 17, 0.8) 100%);
      background: -moz-linear-gradient(top, rgba(183, 137, 17, 0.8) 0, #b78911 50%, rgba(183, 137, 17, 0.8) 100%);
      background: -o-linear-gradient(top, rgba(183, 137, 17, 0.8) 0, #b78911 50%, rgba(183, 137, 17, 0.8) 100%);
      background: linear-gradient(top, rgba(183, 137, 17, 0.8) 0, #b78911 50%, rgba(183, 137, 17, 0.8) 100%);
      border-radius: 1.5em;
      transition: all 0.4s;
      outline: none; }
      #fullvid .video-player-wrapper .video-js .vjs-big-play-button:hover {
        box-shadow: 0px 0px 40px 0px #e2d2aa; }
    #fullvid .video-player-wrapper .video-js.vjs-playing .vjs-big-play-button, #fullvid .video-player-wrapper .video-js.vjs-has-started .vjs-big-play-button {
      opacity: 0;
      pointer-events: none; }
    #fullvid .video-player-wrapper .video-js .vjs-control-bar {
      background: rgba(24, 39, 61, 0.8);
      box-shadow: 0px 0px 30px 20px rgba(24, 39, 61, 0.8);
      font-size: 1.25rem; }
      #fullvid .video-player-wrapper .video-js .vjs-control-bar > * {
        color: #b78911 !important;
        transition: color 0.2s ease; }
        #fullvid .video-player-wrapper .video-js .vjs-control-bar > *:hover {
          color: #e2d2aa !important; }
      #fullvid .video-player-wrapper .video-js .vjs-control-bar * {
        outline: none; }
      #fullvid .video-player-wrapper .video-js .vjs-control-bar .vjs-play-progress, #fullvid .video-player-wrapper .video-js .vjs-control-bar .vjs-slider-bar {
        background-color: rgba(183, 137, 17, 0.6); }
  #fullvid .modal-video-title {
    color: white;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    background: -webkit-linear-gradient(top, black 0%, transparent 30%);
    background: -moz-linear-gradient(top, black 0%, transparent 30%);
    background: -o-linear-gradient(top, black 0%, transparent 30%);
    background: linear-gradient(top, black 0%, transparent 30%);
    transition: opacity 0.2s ease; }
  #fullvid .vjs-playing + .modal-video-title, #fullvid .vjs-has-started + .modal-video-title {
    display: none; }
  #fullvid:hover .modal-video-title {
    opacity: 0;
    pointer-events: none; }

.aree-slider .slide-area {
  width: 60%;
  height: 400px;
  position: relative;
  outline: none;
  margin-bottom: 2rem; }
  .aree-slider .slide-area:nth-of-type(odd) {
    margin-left: 40%; }
  .aree-slider .slide-area:hover .img-aree {
    opacity: 0.6; }
  .aree-slider .slide-area:hover h5.slide-content-title {
    color: #e2d2aa;
    text-shadow: 0px 0px 5px #18273d, 0px 0px 2px #18273d, 0px 0px 15px #18273d; }
  .aree-slider .slide-area .img-wrapper {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    padding: 0 0.5rem; }
    .aree-slider .slide-area .img-wrapper .img-aree {
      filter: grayscale(1) brightness(1.2);
      opacity: 0.3;
      transition: all 0.2s ease; }
  .aree-slider .slide-area .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .aree-slider .slide-area .overlay .content-wrapper {
      width: 100%;
      text-align: center;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: block;
      text-transform: uppercase; }
      .aree-slider .slide-area .overlay .content-wrapper h5.slide-content-title {
        font-size: 2.5rem;
        color: #b78911; }
    .aree-slider .slide-area .overlay .content-explain {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      background: #294363;
      opacity: 0;
      transition: all 0.5s ease;
      z-index: 20;
      margin: 0 -0.5rem; }
      .aree-slider .slide-area .overlay .content-explain .content-description {
        color: #FFFFFF; }
@media screen and (min-width: 767px) {
  .aree-slider .slide-area:hover .overlay .content-explain {
    opacity: 1;
    display: block;
    left: -60%;
    right: 100%; }
    .aree-slider .slide-area:hover .overlay .content-explain::after {
      content: "\f054";
      color: #b78911;
      position: absolute;
      right: 0.5rem;
      font-size: 2rem;
      top: 50%;
      font-family: "Font Awesome 5 Free";
      font-weight: 900; }
  .aree-slider .slide-area:nth-of-type(even):hover .overlay .content-explain {
    left: 100%;
    right: -60%; }
    .aree-slider .slide-area:nth-of-type(even):hover .overlay .content-explain::after {
      content: "\f053";
      color: #b78911;
      position: absolute;
      left: 0.5rem;
      font-size: 2rem;
      top: 50%;
      font-family: "Font Awesome 5 Free";
      font-weight: 900; } }

.slide-professionista .overlay {
  display: none !important; }

.performat-featured-product {
  color: white;
  min-height: 450px;
  position: relative; }
  .performat-featured-product .featured-image {
    background-size: 70% auto;
    background-position: center right;
    background-repeat: no-repeat;
    box-shadow: 37vw -110px 15vw 100px #18273d inset;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden; }
  .performat-featured-product .featured-trailer {
    background-size: 70% auto;
    background-position: center right;
    background-repeat: no-repeat;
    box-shadow: 37vw -110px 15vw 100px #18273d inset;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden; }
    .performat-featured-product .featured-trailer::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      box-shadow: 37vw -110px 15vw 100px #18273d inset; }
    .performat-featured-product .featured-trailer .featured-trailer-player {
      width: 70%;
      position: absolute;
      right: 0;
      top: 0;
      height: auto; }

.performat-featured-product h1 {
  font-size: 5.5rem; }
.performat-featured-product h2 {
  font-size: 3rem; }
@media screen and (max-width: 767px) {
  .performat-featured-product h1 {
    font-size: 2.5rem; }
  .performat-featured-product h2 {
    font-size: 1.5rem; } }

@media screen and (max-width: 1024px) {
  .performat-featured-product .featured-image {
    position: relative;
    background-size: 100% auto; }
  .performat-featured-product .featured-trailer {
    position: relative;
    background-size: 100% auto;
    margin-bottom: -10rem; }
    .performat-featured-product .featured-trailer .featured-trailer-player {
      width: 100%;
      position: relative;
      height: 100%; }
    .performat-featured-product .featured-trailer::after {
      box-shadow: 0 -20px 50px 10px #18273d inset; } }
.percorso-container .row:first-child {
  min-height: 0; }
  .percorso-container .row:first-child h1.section-title {
    margin-bottom: 0; }

.pagination, .woocommerce-pagination {
  display: none !important; }

#loader {
  color: white;
  position: fixed;
  width: 100%;
  height: 18rem;
  padding: 2rem 4rem 4rem 4rem;
  font-size: 2rem;
  line-height: 2rem;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: #18273d;
  opacity: 0.7; }

.modal-info-reservation .modal-body {
  padding: 0;
  margin: 0;
  background: #294363;
  border: 2px solid #b78911; }
  .modal-info-reservation .modal-body button.close {
    width: 2rem;
    height: 2rem;
    line-height: 1rem;
    font-size: 1rem;
    background: #b78911;
    z-index: 10;
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    border-radius: 1rem;
    right: 0;
    margin: -1rem -1rem 0 0;
    position: absolute;
    opacity: 1;
    text-shadow: none;
    border: 2px solid #FFFFFF; }
    @media screen and (max-width: 767px) {
      .modal-info-reservation .modal-body button.close {
        margin: 0.5rem 0.5rem 0 0; } }
    .modal-info-reservation .modal-body button.close:hover {
      opacity: 1;
      background: #e6ac15;
      color: #FFFFFF; }

.buttons-row .prfmt-btn, .buttons-row .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form .buttons-row input[type="button"], .buttons-row .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #login-performat-form .buttons-row input[type="submit"], .buttons-row .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form .buttons-row input[type="button"], .buttons-row .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form .buttons-row input[type="submit"], .buttons-row .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form .buttons-row input[type="button"], .buttons-row .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form .buttons-row input[type="submit"], .buttons-row .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form .buttons-row input[type="button"], .buttons-row .modal-login-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form .buttons-row input[type="submit"], .buttons-row .woocommerce .woocommerce-product-search button, .woocommerce .woocommerce-product-search .buttons-row button {
  width: 90%; }

.freezePage {
  overflow: hidden;
  height: 100%;
  position: relative; }

.performat-header-text {
  color: white;
  min-height: 450px;
  position: relative; }
  .performat-header-text.performat-header-static {
    min-height: unset; }
  .performat-header-text .featured-image {
    background-size: 70% auto;
    background-position: center right;
    background-repeat: no-repeat;
    box-shadow: 37vw -110px 15vw 100px #18273d inset;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden; }

.performat-header-text h1 {
  font-size: 5.5rem; }
.performat-header-text h2 {
  font-size: 3rem; }
@media screen and (max-width: 767px) {
  .performat-header-text h1 {
    font-size: 2.5rem; }
  .performat-header-text h2 {
    font-size: 1.5rem; } }

@media screen and (max-width: 1024px) {
  .performat-header-text .featured-image {
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background-size: 100% auto;
    box-shadow: 0 -30px 25vw 100px #18273d inset; } }
.page-frontpage main {
  padding-top: 0; }

.login-section {
  color: white;
  background: url("../../img/mani.jpeg");
  background-size: cover;
  box-shadow: 0px 0px 1500px 200px rgba(0, 0, 0, 0.9) inset;
  background-position: center center; }
  @media screen and (max-width: 767px) {
    .login-section {
      box-shadow: 0px 0px 500px 100px rgba(0, 0, 0, 0.9) inset; } }
  .login-section .login-button {
    position: absolute;
    top: 1rem;
    right: 1rem; }
  .login-section .row-social-icons {
    font-size: 3rem; }
    .login-section .row-social-icons .fab {
      transition: color 0.2s ease; }
    .login-section .row-social-icons .fa-facebook:hover {
      color: #3b5998; }
    .login-section .row-social-icons .fa-linkedin:hover {
      color: #0077b5; }
    .login-section .row-social-icons .fa-google-plus-square:hover {
      color: #dc4e41; }
  .login-section .prfmt-btn, .login-section .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form .login-section input[type="button"], .login-section .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #login-performat-form .login-section input[type="submit"], .login-section .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form .login-section input[type="button"], .login-section .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form .login-section input[type="submit"], .login-section .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form .login-section input[type="button"], .login-section .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form .login-section input[type="submit"], .login-section .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form .login-section input[type="button"], .login-section .modal-login-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form .login-section input[type="submit"], .login-section .woocommerce .woocommerce-product-search button, .woocommerce .woocommerce-product-search .login-section button {
    margin: auto; }

.info-landing-section {
  color: #FFFFFF; }
  .info-landing-section > .row:nth-of-type(odd) {
    background: #294363; }
  .info-landing-section > .row:nth-of-type(even) {
    background: #18273d; }
  .info-landing-section .prfmt-btn, .info-landing-section .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form .info-landing-section input[type="button"], .info-landing-section .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #login-performat-form .info-landing-section input[type="submit"], .info-landing-section .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form .info-landing-section input[type="button"], .info-landing-section .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form .info-landing-section input[type="submit"], .info-landing-section .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form .info-landing-section input[type="button"], .info-landing-section .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form .info-landing-section input[type="submit"], .info-landing-section .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form .info-landing-section input[type="button"], .info-landing-section .modal-login-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form .info-landing-section input[type="submit"], .info-landing-section .woocommerce .woocommerce-product-search button, .woocommerce .woocommerce-product-search .info-landing-section button {
    margin: auto; }
  .info-landing-section #nav-tabs.nav-tabs {
    border: none; }
    .info-landing-section #nav-tabs.nav-tabs .nav-link {
      border-color: transparent;
      border-bottom: 5px solid transparent;
      opacity: 0.6;
      transition: all 0.2s ease;
      background: none;
      font-weight: bold;
      width: 25%;
      font-size: 1.5rem; }
      .info-landing-section #nav-tabs.nav-tabs .nav-link:hover {
        opacity: 1;
        border-color: transparent;
        border-bottom-color: #FFFFFF; }
      @media screen and (max-width: 767px) {
        .info-landing-section #nav-tabs.nav-tabs .nav-link {
          font-size: 0.9rem; } }
      .info-landing-section #nav-tabs.nav-tabs .nav-link .frontpage-icon {
        width: 100px; }
      @media screen and (max-width: 767px) {
        .info-landing-section #nav-tabs.nav-tabs .nav-link {
          width: 100%;
          text-align: left; }
          .info-landing-section #nav-tabs.nav-tabs .nav-link p {
            display: inline-block; }
          .info-landing-section #nav-tabs.nav-tabs .nav-link .frontpage-icon {
            width: 50px; } }
    .info-landing-section #nav-tabs.nav-tabs a.nav-link, .info-landing-section #nav-tabs.nav-tabs a.nav-link:link, .info-landing-section #nav-tabs.nav-tabs a.nav-link:hover {
      color: white;
      text-shadow: none;
      text-transform: uppercase; }
    .info-landing-section #nav-tabs.nav-tabs .active {
      background-color: transparent;
      border-bottom: 5px solid #FFFFFF;
      opacity: 1;
      background: none;
      background-color: transparent;
      color: #FFFFFF; }
      .info-landing-section #nav-tabs.nav-tabs .active .frontpage-icon {
        filter: saturate(0) brightness(2); }

.modal-register-content .modal-body, .modal-login-content .modal-body {
  padding: 0;
  margin: 0;
  background: #294363;
  border: 2px solid #b78911;
  color: #FFFFFF; }
  .modal-register-content .modal-body .row, .modal-login-content .modal-body .row {
    margin-right: 0; }
  .modal-register-content .modal-body button.close, .modal-login-content .modal-body button.close {
    width: 2rem;
    height: 2rem;
    line-height: 1rem;
    font-size: 1rem;
    background: #b78911;
    z-index: 10;
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    border-radius: 1rem;
    right: 0;
    margin: -1rem -1rem 0 0;
    position: absolute;
    opacity: 1;
    text-shadow: none;
    border: 2px solid #FFFFFF; }
    @media screen and (max-width: 767px) {
      .modal-register-content .modal-body button.close, .modal-login-content .modal-body button.close {
        margin: 0.5rem 0.5rem 0 0; } }
    .modal-register-content .modal-body button.close:hover, .modal-login-content .modal-body button.close:hover {
      opacity: 1;
      background: #e6ac15;
      color: #FFFFFF; }
  .modal-register-content .modal-body #login-performat-form, .modal-register-content .modal-body #register-performat-form, .modal-login-content .modal-body #login-performat-form, .modal-login-content .modal-body #register-performat-form {
    position: relative;
    display: block; }
    .modal-register-content .modal-body #login-performat-form p, .modal-register-content .modal-body #register-performat-form p, .modal-login-content .modal-body #login-performat-form p, .modal-login-content .modal-body #register-performat-form p {
      width: 100%;
      position: relative; }
    .modal-register-content .modal-body #login-performat-form label, .modal-register-content .modal-body #register-performat-form label, .modal-login-content .modal-body #login-performat-form label, .modal-login-content .modal-body #register-performat-form label {
      display: inline-block;
      font-weight: 600;
      padding: 0.5rem 0;
      border-bottom: 2px solid #b78911; }
    .modal-register-content .modal-body #login-performat-form input[type="email"], .modal-register-content .modal-body #login-performat-form input[type="password"], .modal-register-content .modal-body #login-performat-form input[type="text"], .modal-register-content .modal-body #register-performat-form input[type="email"], .modal-register-content .modal-body #register-performat-form input[type="password"], .modal-register-content .modal-body #register-performat-form input[type="text"], .modal-login-content .modal-body #login-performat-form input[type="email"], .modal-login-content .modal-body #login-performat-form input[type="password"], .modal-login-content .modal-body #login-performat-form input[type="text"], .modal-login-content .modal-body #register-performat-form input[type="email"], .modal-login-content .modal-body #register-performat-form input[type="password"], .modal-login-content .modal-body #register-performat-form input[type="text"] {
      position: relative;
      width: 100%;
      padding: 0.8rem 1rem;
      border-radius: 0.5rem;
      border: 2px solid #b78911;
      background: rgba(24, 39, 61, 0.8);
      color: #e2d2aa;
      outline: none;
      margin: 0.5rem auto; }
    .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form input[type="submit"] {
      position: relative;
      margin: 0.5rem auto; }

.single-post {
  width: 100%;
  height: 525px;
  position: relative;
  display: block; }
  .single-post a, .single-post a:link, .single-post a:hover {
    text-decoration: none; }
  .single-post .post-content {
    width: 350px;
    height: 525px;
    max-width: 100%;
    transform-origin: 50% 50%;
    transform: scale(0.9);
    margin: 0 auto;
    transition: all 0.2s ease;
    position: relative;
    display: block;
    cursor: pointer; }
    @media screen and (min-width: 1200px) and (max-width: 1900px) {
      .single-post .post-content {
        height: 30vw; } }
    .single-post .post-content::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
      transition: all 0.2s ease;
      opacity: 0; }
    .single-post .post-content .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background: -webkit-linear-gradient(top, rgba(183, 137, 17, 0.3) 0%, rgba(183, 137, 17, 0.3) 60%, #b78911 100%);
      background: -moz-linear-gradient(top, rgba(183, 137, 17, 0.3) 0%, rgba(183, 137, 17, 0.3) 60%, #b78911 100%);
      background: -o-linear-gradient(top, rgba(183, 137, 17, 0.3) 0%, rgba(183, 137, 17, 0.3) 60%, #b78911 100%);
      background: linear-gradient(top, rgba(183, 137, 17, 0.3) 0%, rgba(183, 137, 17, 0.3) 60%, #b78911 100%);
      box-shadow: 0px 0px 15px 1px rgba(250, 238, 205, 0.8) inset, 0px 0px 5px -2px #b78911 inset;
      transition: all 0.2s ease;
      padding: 1rem;
      opacity: 0;
      color: #FFFFFF; }
      .single-post .post-content .overlay .content-wrapper {
        position: absolute;
        display: block;
        bottom: 1rem;
        text-shadow: 0px 0px 5px black; }
        .single-post .post-content .overlay .content-wrapper .post-content-title {
          color: white;
          position: relative;
          display: inline-block;
          margin-bottom: 0.5rem;
          padding-bottom: 0.7rem; }
          .single-post .post-content .overlay .content-wrapper .post-content-title::after {
            content: "";
            display: block;
            width: 100%;
            position: absolute;
            height: 5px;
            bottom: 0;
            background: #294363; }
        .single-post .post-content .overlay .content-wrapper .post-content-description {
          font-size: 0.9rem;
          line-height: 1.1rem; }
    @media only screen and (min-width: 767px) {
      .single-post .post-content:hover {
        transform: scale(1);
        z-index: 500;
        margin: 0 auto;
        box-shadow: 0px 0px 8px 0px #777; }
        .single-post .post-content:hover .overlay, .single-post .post-content:hover .overlay:hover {
          opacity: 1; }
        .single-post .post-content:hover .second-overlay, .single-post .post-content:hover .second-overlay:hover {
          opacity: 0; }
        .single-post .post-content:hover::after {
          opacity: 1; } }
    @media only screen and (max-width: 767px) {
      .single-post .post-content .overlay {
        opacity: 1;
        background: none; }
        .single-post .post-content .overlay .post-content-description {
          display: none; } }

.messages .info-message, .messages .successo-inserimento, .messages .errore-inserimento {
  padding: 0.2rem 0.2rem 0.2rem 0.8rem;
  margin: 0.5rem 0;
  border-radius: 0.2rem; }
.messages .info-message {
  border-left: 4px solid #b78911;
  background: rgba(183, 137, 17, 0.4); }
.messages .successo-inserimento {
  border-left: 4px solid #00CD00;
  background: rgba(0, 205, 0, 0.4); }
.messages .errore-inserimento {
  border-left: 4px solid #D8000C;
  background: rgba(216, 0, 12, 0.4); }

.professionista-disponibilita {
  min-width: 50%;
  width: 100%;
  margin: 0.5rem auto;
  font-family: Roboto;
  box-shadow: 0px 0px 15px -2px #e2d2aa; }
  .professionista-disponibilita thead {
    background: #b78911;
    color: white; }
    .professionista-disponibilita thead th {
      text-align: center;
      padding: 1rem 0.1rem; }
  .professionista-disponibilita tr:nth-of-type(odd) {
    background: rgba(0, 0, 0, 0.1); }
  .professionista-disponibilita tr td {
    text-align: center;
    padding: 0.8rem 0.1rem;
    border-left: 1px solid #b78911; }
    .professionista-disponibilita tr td.available {
      background: rgba(0, 205, 0, 0.4); }
  .professionista-disponibilita tr td:first-child {
    background: rgba(183, 137, 17, 0.6);
    color: white;
    font-size: 0.8rem;
    border: none; }
  .professionista-disponibilita tr td:not(:first-child) {
    cursor: pointer; }
    .professionista-disponibilita tr td:not(:first-child)::after {
      content: "\f055";
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
      color: rgba(226, 210, 170, 0.8);
      text-shadow: 0px 0px 5px #b78911;
      opacity: 0;
      transition: all 0.2s ease; }
    .professionista-disponibilita tr td:not(:first-child).available::after {
      content: "\f056";
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
      color: rgba(226, 210, 170, 0.8);
      text-shadow: 0px 0px 5px #b78911;
      opacity: 0;
      transition: all 0.2s ease; }
    .professionista-disponibilita tr td:not(:first-child):hover::after {
      opacity: 1; }

.wrapper-tabella {
  overflow: auto;
  padding: 1.5rem; }

.professionista-agenda {
  border: none;
  min-width: 50%;
  width: 100%;
  margin: 0.5rem auto;
  font-family: Roboto;
  position: relative;
  box-shadow: 0px 0px 15px -2px #e2d2aa;
  border-radius: 0.8rem;
  overflow: hidden; }
  .professionista-agenda thead {
    color: white;
    overflow: hidden;
    background: -webkit-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 75%);
    background: -moz-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 75%);
    background: -o-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 75%);
    background: linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 75%);
    border-radius: 0.8rem 0.8rem 0 0; }
    .professionista-agenda thead th {
      text-align: center;
      padding: 1rem;
      white-space: nowrap; }
      .professionista-agenda thead th.icona-orario img {
        width: 30px; }
      .professionista-agenda thead th:first-child {
        border-radius: 0.8rem 0 0 0; }
      .professionista-agenda thead th:last-child {
        border-radius: 0 0.8rem 0 0; }
  .professionista-agenda tbody tr {
    transition: all 0.4s ease; }
    .professionista-agenda tbody tr:hover {
      box-shadow: 0px 0px 115px -30px #b78911 inset; }
    .professionista-agenda tbody tr td:first-child {
      padding: 0.2rem;
      text-align: center; }
  .professionista-agenda tr:nth-of-type(odd) {
    background: rgba(41, 67, 99, 0.6); }
  .professionista-agenda tr td:not(:first-child) {
    padding: 0.8rem 0.2rem;
    border-left: 1px solid #b78911; }
  .professionista-agenda tr td {
    position: relative;
    height: 3rem;
    transition: all 0.4s ease;
    vertical-align: middle;
    text-align: center; }
    .professionista-agenda tr td:hover {
      box-shadow: 0px 0px 115px -30px #b78911 inset; }
  .professionista-agenda .user-reservation {
    border: none;
    border-radius: 0.5rem;
    padding: 0.5rem;
    background: -webkit-linear-gradient(45deg, #b78911 50%, #294363 100%);
    background: -moz-linear-gradient(45deg, #b78911 50%, #294363 100%);
    background: -o-linear-gradient(45deg, #b78911 50%, #294363 100%);
    background: linear-gradient(45deg, #b78911 50%, #294363 100%);
    cursor: pointer; }

.loading-edit {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(24, 39, 61, 0.8);
  transition: all 0.2s ease;
  opacity: 0;
  pointer-events: none; }
  .loading-edit i {
    color: #b78911;
    position: absolute;
    font-size: 4rem;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: steps(8); }
  .loading-edit.flex {
    opacity: 1;
    pointer-events: all; }

.prfmt-tooltip {
  background: #18273d;
  border: 2px solid #b78911;
  color: #e2d2aa; }

.performat-myaccount-navigation {
  display: block;
  width: 100% !important;
  float: none !important; }
  .performat-myaccount-navigation ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    position: relative; }
    .performat-myaccount-navigation ul li {
      flex-grow: 0;
      min-width: 3rem;
      background: #b78911;
      border-radius: 0.2rem;
      margin: 0.5rem;
      text-align: center;
      color: white;
      position: relative;
      transition: all 0.2s ease; }
      .performat-myaccount-navigation ul li:hover {
        background: #edbd41; }
      .performat-myaccount-navigation ul li a, .performat-myaccount-navigation ul li a:link {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0.6rem 1.2rem;
        display: block;
        color: white; }
        .performat-myaccount-navigation ul li a:hover, .performat-myaccount-navigation ul li a:link:hover {
          text-decoration: none;
          color: white; }

.performat-myaccount-content {
  width: 100% !important;
  float: none !important;
  display: block; }
  .performat-myaccount-content .edit-account label {
    display: block;
    width: 100%; }
  .performat-myaccount-content .edit-account input, .performat-myaccount-content .edit-account .select2-selection, .performat-myaccount-content .edit-account textarea {
    width: 100%;
    padding: 0.8rem 0.5rem;
    border-radius: 0.5rem;
    border: 2px solid #b78911;
    background: rgba(255, 255, 255, 0.2);
    color: #e2d2aa; }
  .performat-myaccount-content .edit-account .select2-selection {
    min-height: 3rem;
    padding: 0.5rem; }
    .performat-myaccount-content .edit-account .select2-selection .select2-selection__arrow {
      height: 2.6rem;
      color: rgba(183, 137, 17, 0.5); }
    .performat-myaccount-content .edit-account .select2-selection .select2-selection__rendered {
      color: #e2d2aa; }
  .performat-myaccount-content .edit-account textarea {
    min-height: 5rem;
    max-height: 15rem;
    height: 5rem; }

.performat-checkout .woocommerce-checkout {
  /*.woocommerce-checkout-review-order-table {
  	min-width: 50%;
  	width: 100%;
  	margin: 0.5rem auto;
  	font-family: Roboto;
  	position: relative;
  	thead {
  		background: $prfmt_gold;
  		color: white;
  		th {
  		  text-align: center;
  		  padding: 1rem 0.1rem;
  		}
  	}
  	tr {
  		&:nth-of-type(odd) {
  		  	background: rgba(0,0,0,0.1);
  		}
  		td:not(:first-child) {
  		  	padding: 0.8rem 0.2rem;
  		  	border-left: 1px solid $prfmt_gold;
  		}
  		td {
  			&:not(.product-name) {
  				text-align: center;
  			}
  		}
  	}
  }*/ }
  .performat-checkout .woocommerce-checkout .form-row label {
    display: block;
    width: 100%; }
  .performat-checkout .woocommerce-checkout .form-row span {
    width: 100%; }
    .performat-checkout .woocommerce-checkout .form-row span input, .performat-checkout .woocommerce-checkout .form-row span .select2-selection, .performat-checkout .woocommerce-checkout .form-row span textarea {
      width: 100%;
      padding: 0.8rem 0.5rem;
      border-radius: 0.5rem;
      border: 2px solid #b78911;
      background: rgba(255, 255, 255, 0.2);
      color: #e2d2aa; }
    .performat-checkout .woocommerce-checkout .form-row span .select2-selection {
      min-height: 3rem;
      padding: 0.5rem; }
      .performat-checkout .woocommerce-checkout .form-row span .select2-selection .select2-selection__arrow {
        height: 2.6rem;
        color: rgba(183, 137, 17, 0.5); }
      .performat-checkout .woocommerce-checkout .form-row span .select2-selection .select2-selection__rendered {
        color: #e2d2aa; }
    .performat-checkout .woocommerce-checkout .form-row span textarea {
      min-height: 5rem;
      max-height: 15rem;
      height: 5rem; }
  .performat-checkout .woocommerce-checkout #order_review .order-total {
    background: rgba(164, 123, 15, 0.5); }
  .performat-checkout .woocommerce-checkout #order_review #payment {
    background: rgba(183, 137, 17, 0.2); }
    .performat-checkout .woocommerce-checkout #order_review #payment .payment_box {
      background: #e2d2aa; }
      .performat-checkout .woocommerce-checkout #order_review #payment .payment_box::before {
        border-bottom-color: #e2d2aa; }
    .performat-checkout .woocommerce-checkout #order_review #payment .place-order {
      text-align: center; }
      .performat-checkout .woocommerce-checkout #order_review #payment .place-order #place_order.prfmt-btn, .performat-checkout .woocommerce-checkout #order_review #payment .place-order .modal-register-content .modal-body #login-performat-form input#place_order[type="button"], .modal-register-content .modal-body #login-performat-form .performat-checkout .woocommerce-checkout #order_review #payment .place-order input#place_order[type="button"], .performat-checkout .woocommerce-checkout #order_review #payment .place-order .modal-register-content .modal-body #login-performat-form input#place_order[type="submit"], .modal-register-content .modal-body #login-performat-form .performat-checkout .woocommerce-checkout #order_review #payment .place-order input#place_order[type="submit"], .performat-checkout .woocommerce-checkout #order_review #payment .place-order .modal-register-content .modal-body #register-performat-form input#place_order[type="button"], .modal-register-content .modal-body #register-performat-form .performat-checkout .woocommerce-checkout #order_review #payment .place-order input#place_order[type="button"], .performat-checkout .woocommerce-checkout #order_review #payment .place-order .modal-register-content .modal-body #register-performat-form input#place_order[type="submit"], .modal-register-content .modal-body #register-performat-form .performat-checkout .woocommerce-checkout #order_review #payment .place-order input#place_order[type="submit"], .performat-checkout .woocommerce-checkout #order_review #payment .place-order .modal-login-content .modal-body #login-performat-form input#place_order[type="button"], .modal-login-content .modal-body #login-performat-form .performat-checkout .woocommerce-checkout #order_review #payment .place-order input#place_order[type="button"], .performat-checkout .woocommerce-checkout #order_review #payment .place-order .modal-login-content .modal-body #login-performat-form input#place_order[type="submit"], .modal-login-content .modal-body #login-performat-form .performat-checkout .woocommerce-checkout #order_review #payment .place-order input#place_order[type="submit"], .performat-checkout .woocommerce-checkout #order_review #payment .place-order .modal-login-content .modal-body #register-performat-form input#place_order[type="button"], .modal-login-content .modal-body #register-performat-form .performat-checkout .woocommerce-checkout #order_review #payment .place-order input#place_order[type="button"], .performat-checkout .woocommerce-checkout #order_review #payment .place-order .modal-login-content .modal-body #register-performat-form input#place_order[type="submit"], .modal-login-content .modal-body #register-performat-form .performat-checkout .woocommerce-checkout #order_review #payment .place-order input#place_order[type="submit"], .performat-checkout .woocommerce-checkout #order_review #payment .place-order .woocommerce .woocommerce-product-search button#place_order, .woocommerce .woocommerce-product-search .performat-checkout .woocommerce-checkout #order_review #payment .place-order button#place_order {
        display: inline-block;
        float: none;
        margin: 0 auto; }

@media screen and (max-width: 767px) {
  .woocommerce .checkout_coupon .form-row {
    width: 100%; } }
.woocommerce .woocommerce-product-search {
  text-align: center;
  margin-bottom: 2rem; }
  .woocommerce .woocommerce-product-search input {
    width: 80%;
    position: relative;
    margin: 1rem;
    border: 1px solid #b78911;
    padding: 0.8rem;
    border-radius: 8px;
    outline: none;
    color: #FFFFFF;
    background: #294363; }
  .woocommerce .woocommerce-product-search button {
    display: inline-block !important; }
.woocommerce .woocommerce-breadcrumb {
  text-align: center; }
.woocommerce .woocommerce-form__label.woocommerce-form__label-for-checkbox {
  margin-left: 1rem; }
.woocommerce table.shop_table {
  border: none;
  min-width: 50%;
  width: 100%;
  margin: 0.5rem auto;
  font-family: Roboto;
  position: relative;
  box-shadow: 0px 0px 15px -2px #e2d2aa;
  border-radius: 0.8rem;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .woocommerce table.shop_table {
      box-shadow: none;
      border: 1px solid #b78911; } }
  .woocommerce table.shop_table thead {
    color: white;
    overflow: hidden;
    background: -webkit-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 75%);
    background: -moz-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 75%);
    background: -o-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 75%);
    background: linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 75%);
    border-radius: 0.8rem 0.8rem 0 0; }
    .woocommerce table.shop_table thead th {
      text-align: center;
      padding: 1rem 0.1rem; }
      .woocommerce table.shop_table thead th:first-child {
        border-radius: 0.8rem 0 0 0; }
      .woocommerce table.shop_table thead th:last-child {
        border-radius: 0 0.8rem 0 0; }
  .woocommerce table.shop_table tbody tr {
    transition: all 0.4s ease; }
    .woocommerce table.shop_table tbody tr:hover {
      box-shadow: 0px 0px 115px -30px #b78911 inset; }
  .woocommerce table.shop_table tr:nth-of-type(odd) {
    background: rgba(0, 0, 0, 0.1); }
  .woocommerce table.shop_table tr td:not(:first-child) {
    padding: 0.8rem 0.2rem;
    border-left: 1px solid #b78911; }
    @media screen and (max-width: 767px) {
      .woocommerce table.shop_table tr td:not(:first-child) {
        padding: 0.8rem;
        border-left: none; } }
  .woocommerce table.shop_table tr td {
    position: relative; }
    @media screen and (max-width: 767px) {
      .woocommerce table.shop_table tr td {
        padding: 0.8rem; } }
    .woocommerce table.shop_table tr td:not(.product-name) {
      text-align: center; }
    .woocommerce table.shop_table tr td .remove {
      color: #b78911 !important; }
      .woocommerce table.shop_table tr td .remove:hover {
        color: #18273d !important;
        background: #b78911; }
    .woocommerce table.shop_table tr td input, .woocommerce table.shop_table tr td .select2-selection, .woocommerce table.shop_table tr td textarea {
      padding: 0.2rem 0.5rem;
      border-radius: 0.5rem;
      border: 2px solid #b78911;
      background: rgba(255, 255, 255, 0.2);
      color: #e2d2aa; }
  .woocommerce table.shop_table #coupon_code {
    margin: 0 1.2rem;
    width: 12rem;
    border-radius: 5px;
    border: 1px solid #b78911; }
    @media screen and (max-width: 767px) {
      .woocommerce table.shop_table #coupon_code {
        margin: 0 auto;
        width: 100%; } }
.woocommerce .wc-proceed-to-checkout {
  text-align: center; }
  .woocommerce .wc-proceed-to-checkout .prfmt-btn, .woocommerce .wc-proceed-to-checkout .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form .woocommerce .wc-proceed-to-checkout input[type="button"], .woocommerce .wc-proceed-to-checkout .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #login-performat-form .woocommerce .wc-proceed-to-checkout input[type="submit"], .woocommerce .wc-proceed-to-checkout .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form .woocommerce .wc-proceed-to-checkout input[type="button"], .woocommerce .wc-proceed-to-checkout .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form .woocommerce .wc-proceed-to-checkout input[type="submit"], .woocommerce .wc-proceed-to-checkout .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form .woocommerce .wc-proceed-to-checkout input[type="button"], .woocommerce .wc-proceed-to-checkout .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form .woocommerce .wc-proceed-to-checkout input[type="submit"], .woocommerce .wc-proceed-to-checkout .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form .woocommerce .wc-proceed-to-checkout input[type="button"], .woocommerce .wc-proceed-to-checkout .modal-login-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form .woocommerce .wc-proceed-to-checkout input[type="submit"], .woocommerce .wc-proceed-to-checkout .woocommerce-product-search button, .woocommerce .woocommerce-product-search .wc-proceed-to-checkout button {
    display: inline-block; }
@media screen and (max-width: 767px) {
  .woocommerce .cart-collaterals {
    margin-top: 1rem; } }
@media screen and (max-width: 767px) {
  .woocommerce .coupon button {
    margin-top: 0.5rem;
    width: 100% !important; } }
.woocommerce .membership-plans {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: center;
  align-items: stretch;
  background: -webkit-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 33%);
  background: -moz-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 33%);
  background: -o-linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 33%);
  background: linear-gradient(top, rgba(183, 137, 17, 0.4) 0, transparent 33%);
  border-radius: 0.8rem;
  position: relative; }
  @media screen and (max-width: 767px) {
    .woocommerce .membership-plans {
      flex-wrap: wrap; } }
  .woocommerce .membership-plans .membership-single {
    width: calc(100%/3);
    flex-grow: 1;
    padding: 1.2rem;
    padding-bottom: 5.5rem;
    transition: all 0.4s ease;
    position: relative; }
    .woocommerce .membership-plans .membership-single:first-child {
      border-radius: 0.8rem 0 0 0.8rem; }
    .woocommerce .membership-plans .membership-single:last-child {
      border-radius: 0 0.8rem 0.8rem 0; }
    @media screen and (max-width: 767px) {
      .woocommerce .membership-plans .membership-single {
        width: 100%; } }
    .woocommerce .membership-plans .membership-single .acquista-plan {
      position: absolute;
      bottom: 1.5rem;
      width: auto;
      left: 0;
      right: 0;
      text-align: center; }
      .woocommerce .membership-plans .membership-single .acquista-plan .prfmt-btn, .woocommerce .membership-plans .membership-single .acquista-plan .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form .woocommerce .membership-plans .membership-single .acquista-plan input[type="button"], .woocommerce .membership-plans .membership-single .acquista-plan .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #login-performat-form .woocommerce .membership-plans .membership-single .acquista-plan input[type="submit"], .woocommerce .membership-plans .membership-single .acquista-plan .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form .woocommerce .membership-plans .membership-single .acquista-plan input[type="button"], .woocommerce .membership-plans .membership-single .acquista-plan .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form .woocommerce .membership-plans .membership-single .acquista-plan input[type="submit"], .woocommerce .membership-plans .membership-single .acquista-plan .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form .woocommerce .membership-plans .membership-single .acquista-plan input[type="button"], .woocommerce .membership-plans .membership-single .acquista-plan .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form .woocommerce .membership-plans .membership-single .acquista-plan input[type="submit"], .woocommerce .membership-plans .membership-single .acquista-plan .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form .woocommerce .membership-plans .membership-single .acquista-plan input[type="button"], .woocommerce .membership-plans .membership-single .acquista-plan .modal-login-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form .woocommerce .membership-plans .membership-single .acquista-plan input[type="submit"], .woocommerce .membership-plans .membership-single .acquista-plan .woocommerce-product-search button, .woocommerce .woocommerce-product-search .membership-plans .membership-single .acquista-plan button {
        margin: auto; }
    .woocommerce .membership-plans .membership-single:hover {
      box-shadow: 0px 0px 115px -15px #b78911 inset; }
.woocommerce .blockUI.blockOverlay, .woocommerce .loader {
  background: rgba(24, 39, 61, 0.8) !important; }
.woocommerce .performat-woo-login input, .woocommerce .performat-woo-login .select2-selection, .woocommerce .performat-woo-login textarea {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid #b78911;
  background: rgba(255, 255, 255, 0.2);
  color: #e2d2aa; }
.woocommerce .woocommerce-ordering select {
  padding: 0.25rem 0.5rem;
  background: #294363;
  color: white;
  border-radius: 4px;
  border-color: #b78911; }
.woocommerce .products ul, .woocommerce ul.products {
  display: flex;
  flex-wrap: wrap; }
  .woocommerce .products ul li.product, .woocommerce .products ul li, .woocommerce ul.products li.product, .woocommerce ul.products li {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .woocommerce .products ul li.product .bk-wrapper, .woocommerce .products ul li .bk-wrapper, .woocommerce ul.products li.product .bk-wrapper, .woocommerce ul.products li .bk-wrapper {
      width: 160px;
      height: 240px; }
      .woocommerce .products ul li.product .bk-wrapper .bk-left .performat-logo, .woocommerce .products ul li .bk-wrapper .bk-left .performat-logo, .woocommerce ul.products li.product .bk-wrapper .bk-left .performat-logo, .woocommerce ul.products li .bk-wrapper .bk-left .performat-logo {
        transform: translateX(-190%); }
  .woocommerce .products ul li.product, .woocommerce ul.products li.product {
    flex-grow: 1;
    margin-right: 0; }
    @media screen and (max-width: 1200px) {
      .woocommerce .products ul li.product, .woocommerce ul.products li.product {
        width: 25% !important; } }
    @media screen and (max-width: 1024px) {
      .woocommerce .products ul li.product, .woocommerce ul.products li.product {
        width: 33% !important; } }
    @media screen and (max-width: 767px) {
      .woocommerce .products ul li.product, .woocommerce ul.products li.product {
        width: 50% !important; } }
    @media screen and (max-width: 520px) {
      .woocommerce .products ul li.product, .woocommerce ul.products li.product {
        width: 100% !important; } }

.woocommerce-form-login .form-row {
  width: 100%; }
  .woocommerce-form-login .form-row label {
    display: block;
    width: 100%; }
  .woocommerce-form-login .form-row input, .woocommerce-form-login .form-row .select2-selection, .woocommerce-form-login .form-row textarea {
    width: 100%;
    padding: 0.8rem 0.5rem;
    border-radius: 0.5rem;
    border: 2px solid #b78911;
    background: rgba(255, 255, 255, 0.2);
    color: #e2d2aa; }
  .woocommerce-form-login .form-row .select2-selection {
    min-height: 3rem;
    padding: 0.5rem; }
    .woocommerce-form-login .form-row .select2-selection .select2-selection__arrow {
      height: 2.6rem;
      color: rgba(183, 137, 17, 0.5); }
    .woocommerce-form-login .form-row .select2-selection .select2-selection__rendered {
      color: #e2d2aa; }
  .woocommerce-form-login .form-row textarea {
    min-height: 5rem;
    max-height: 15rem;
    height: 5rem; }
  .woocommerce-form-login .form-row .woocommerce-form__input-checkbox {
    display: inline-block;
    width: auto; }

.woocommerce table.cart td:nth-of-type(1), .woocommerce table.cart th:nth-of-type(1),
.woocommerce table.cart td:nth-of-type(4), .woocommerce table.cart th:nth-of-type(4),
.woocommerce table.cart td:nth-of-type(5), .woocommerce table.cart th:nth-of-type(5) {
  display: none; }

/*==========*/
.prfmt-btn, .modal-register-content .modal-body #login-performat-form input[type="button"], .modal-register-content .modal-body #login-performat-form input[type="submit"], .modal-register-content .modal-body #register-performat-form input[type="button"], .modal-register-content .modal-body #register-performat-form input[type="submit"], .modal-login-content .modal-body #login-performat-form input[type="button"], .modal-login-content .modal-body #login-performat-form input[type="submit"], .modal-login-content .modal-body #register-performat-form input[type="button"], .modal-login-content .modal-body #register-performat-form input[type="submit"], .woocommerce .woocommerce-product-search button, a.prfmt-btn, a.prfmt-btn:link {
  border-radius: 2px;
  background: #b78911;
  padding: 0.6rem 1.2rem;
  color: #FFFFFF !important;
  font-family: "Arial";
  border: none;
  outline: none;
  display: block;
  transition: all 0.2s ease;
  cursor: pointer; }
  .prfmt-btn:hover, .modal-register-content .modal-body #login-performat-form input[type="button"]:hover, .modal-register-content .modal-body #login-performat-form input[type="submit"]:hover, .modal-register-content .modal-body #register-performat-form input[type="button"]:hover, .modal-register-content .modal-body #register-performat-form input[type="submit"]:hover, .modal-login-content .modal-body #login-performat-form input[type="button"]:hover, .modal-login-content .modal-body #login-performat-form input[type="submit"]:hover, .modal-login-content .modal-body #register-performat-form input[type="button"]:hover, .modal-login-content .modal-body #register-performat-form input[type="submit"]:hover, .woocommerce .woocommerce-product-search button:hover, a.prfmt-btn:hover, a.prfmt-btn:link:hover {
    background: #edbd41;
    text-decoration: none;
    color: #FFFFFF; }

/*#conferma-prenota, .read-this-publication, .btn-details, .play-this-video {
	padding-left: 3rem;
	&::before {
		content: "\f005";
		font-weight: 900;
		font-family: "Font Awesome 5 Free";
	}
}*/
.slick-slide {
  transition: all 0.2s ease; }
  .slick-slide[aria-hidden="true"] {
    opacity: 0.6;
    pointer-events: none; }
    @media screen and (max-width: 425px) {
      .slick-slide[aria-hidden="true"] {
        opacity: 0.2; } }

.slider {
  width: 100%;
  position: relative;
  opacity: 0;
  transition: all 0.5s ease; }
  .slider.slick-initialized {
    opacity: 1; }
  .slider .prfmt-next, .slider .prfmt-prev {
    text-align: center;
    padding: 0 0.2rem;
    position: absolute;
    background: rgba(183, 137, 17, 0.6);
    box-shadow: 0px 0px 5px -2px #b78911 inset;
    z-index: 900;
    width: 1.2rem;
    height: 100%; }
  .slider .prfmt-next {
    right: -2rem; }
    .slider .prfmt-next::before {
      content: "\f054";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: #18273d; }
  .slider .prfmt-prev {
    left: -2rem; }
    .slider .prfmt-prev::before {
      content: "\f053";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: #18273d; }
  .slider .slide-rivista, .slider .slide-video, .slider .slide-general, .slider .slide-professionista, .slider .slide-professionista-single {
    width: 100%;
    position: relative;
    display: block;
    cursor: pointer; }
    .slider .slide-rivista a, .slider .slide-rivista a:link, .slider .slide-rivista a:hover, .slider .slide-video a, .slider .slide-video a:link, .slider .slide-video a:hover, .slider .slide-general a, .slider .slide-general a:link, .slider .slide-general a:hover, .slider .slide-professionista a, .slider .slide-professionista a:link, .slider .slide-professionista a:hover, .slider .slide-professionista-single a, .slider .slide-professionista-single a:link, .slider .slide-professionista-single a:hover {
      text-decoration: none; }
    .slider .slide-rivista .slide-content, .slider .slide-video .slide-content, .slider .slide-general .slide-content, .slider .slide-professionista .slide-content, .slider .slide-professionista-single .slide-content {
      width: 320px;
      height: 480px;
      max-width: 100%;
      transform-origin: 50% 50%;
      transform: scale(0.9);
      margin: 0 auto;
      transition: all 0.2s ease;
      position: relative;
      display: block; }
      @media screen and (max-width: 1024px) {
        .slider .slide-rivista .slide-content, .slider .slide-video .slide-content, .slider .slide-general .slide-content, .slider .slide-professionista .slide-content, .slider .slide-professionista-single .slide-content {
          width: 300px;
          height: 450px; } }
      .slider .slide-rivista .slide-content::after, .slider .slide-video .slide-content::after, .slider .slide-general .slide-content::after, .slider .slide-professionista .slide-content::after, .slider .slide-professionista-single .slide-content::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        transition: all 0.2s ease;
        opacity: 0; }
      .slider .slide-rivista .slide-content .overlay, .slider .slide-video .slide-content .overlay, .slider .slide-general .slide-content .overlay, .slider .slide-professionista .slide-content .overlay, .slider .slide-professionista-single .slide-content .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(top, rgba(183, 137, 17, 0.3) 0%, rgba(183, 137, 17, 0.3) 60%, #b78911 100%);
        background: -moz-linear-gradient(top, rgba(183, 137, 17, 0.3) 0%, rgba(183, 137, 17, 0.3) 60%, #b78911 100%);
        background: -o-linear-gradient(top, rgba(183, 137, 17, 0.3) 0%, rgba(183, 137, 17, 0.3) 60%, #b78911 100%);
        background: linear-gradient(top, rgba(183, 137, 17, 0.3) 0%, rgba(183, 137, 17, 0.3) 60%, #b78911 100%);
        box-shadow: 0px 0px 15px 1px rgba(250, 238, 205, 0.8) inset, 0px 0px 5px -2px #b78911 inset;
        transition: all 0.2s ease;
        padding: 1rem;
        opacity: 0;
        color: #FFFFFF; }
        .slider .slide-rivista .slide-content .overlay .content-wrapper, .slider .slide-video .slide-content .overlay .content-wrapper, .slider .slide-general .slide-content .overlay .content-wrapper, .slider .slide-professionista .slide-content .overlay .content-wrapper, .slider .slide-professionista-single .slide-content .overlay .content-wrapper {
          position: absolute;
          display: block;
          bottom: 1rem;
          text-shadow: 0px 0px 5px black;
          margin: 0 1rem;
          				    /*&::before {
          				    	content: "\f078";
          				    	font-family: "Font Awesome 5 Free";
          				    	font-weight: 900;
          				    	display: block;
          				    	position: absolute;
          				    	bottom: -0.5rem;
              					left: -0.5rem;
          				    	width: 100%;
          				    	height: 1rem;
          				    	line-height: 1rem;
          				    	color: $prfmt_blue_light;
          				    	text-align: center;
          				    }*/ }
          .slider .slide-rivista .slide-content .overlay .content-wrapper .slide-content-title, .slider .slide-video .slide-content .overlay .content-wrapper .slide-content-title, .slider .slide-general .slide-content .overlay .content-wrapper .slide-content-title, .slider .slide-professionista .slide-content .overlay .content-wrapper .slide-content-title, .slider .slide-professionista-single .slide-content .overlay .content-wrapper .slide-content-title {
            color: white;
            position: relative;
            display: inline-block;
            margin-bottom: 0.5rem;
            padding-bottom: 0.7rem; }
            .slider .slide-rivista .slide-content .overlay .content-wrapper .slide-content-title::after, .slider .slide-video .slide-content .overlay .content-wrapper .slide-content-title::after, .slider .slide-general .slide-content .overlay .content-wrapper .slide-content-title::after, .slider .slide-professionista .slide-content .overlay .content-wrapper .slide-content-title::after, .slider .slide-professionista-single .slide-content .overlay .content-wrapper .slide-content-title::after {
              content: "";
              display: block;
              width: 100%;
              position: absolute;
              height: 5px;
              bottom: 0;
              background: #294363; }
          .slider .slide-rivista .slide-content .overlay .content-wrapper .slide-content-description, .slider .slide-video .slide-content .overlay .content-wrapper .slide-content-description, .slider .slide-general .slide-content .overlay .content-wrapper .slide-content-description, .slider .slide-professionista .slide-content .overlay .content-wrapper .slide-content-description, .slider .slide-professionista-single .slide-content .overlay .content-wrapper .slide-content-description {
            font-size: 0.9rem;
            line-height: 1.1rem; }
      @media only screen and (min-width: 767px) {
        .slider .slide-rivista .slide-content:hover, .slider .slide-video .slide-content:hover, .slider .slide-general .slide-content:hover, .slider .slide-professionista .slide-content:hover, .slider .slide-professionista-single .slide-content:hover {
          transform: scale(1);
          z-index: 500;
          margin: 0 auto;
          box-shadow: 0px 0px 8px 0px #777; }
          .slider .slide-rivista .slide-content:hover .overlay, .slider .slide-rivista .slide-content:hover .overlay:hover, .slider .slide-video .slide-content:hover .overlay, .slider .slide-video .slide-content:hover .overlay:hover, .slider .slide-general .slide-content:hover .overlay, .slider .slide-general .slide-content:hover .overlay:hover, .slider .slide-professionista .slide-content:hover .overlay, .slider .slide-professionista .slide-content:hover .overlay:hover, .slider .slide-professionista-single .slide-content:hover .overlay, .slider .slide-professionista-single .slide-content:hover .overlay:hover {
            opacity: 1; }
          .slider .slide-rivista .slide-content:hover .second-overlay, .slider .slide-rivista .slide-content:hover .second-overlay:hover, .slider .slide-video .slide-content:hover .second-overlay, .slider .slide-video .slide-content:hover .second-overlay:hover, .slider .slide-general .slide-content:hover .second-overlay, .slider .slide-general .slide-content:hover .second-overlay:hover, .slider .slide-professionista .slide-content:hover .second-overlay, .slider .slide-professionista .slide-content:hover .second-overlay:hover, .slider .slide-professionista-single .slide-content:hover .second-overlay, .slider .slide-professionista-single .slide-content:hover .second-overlay:hover {
            opacity: 0; }
          .slider .slide-rivista .slide-content:hover::after, .slider .slide-video .slide-content:hover::after, .slider .slide-general .slide-content:hover::after, .slider .slide-professionista .slide-content:hover::after, .slider .slide-professionista-single .slide-content:hover::after {
            opacity: 1; } }
      @media only screen and (max-width: 767px) {
        .slider .slide-rivista .slide-content .overlay, .slider .slide-video .slide-content .overlay, .slider .slide-general .slide-content .overlay, .slider .slide-professionista .slide-content .overlay, .slider .slide-professionista-single .slide-content .overlay {
          opacity: 0; }
          .slider .slide-rivista .slide-content .overlay .slide-content-description, .slider .slide-video .slide-content .overlay .slide-content-description, .slider .slide-general .slide-content .overlay .slide-content-description, .slider .slide-professionista .slide-content .overlay .slide-content-description, .slider .slide-professionista-single .slide-content .overlay .slide-content-description {
            display: none; } }
  .slider .slide-professionista .second-overlay, .slider .slide-professionista-single .second-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.1s ease;
    padding: 1rem;
    opacity: 1;
    color: #FFFFFF; }
    .slider .slide-professionista .second-overlay .slide-content-title, .slider .slide-professionista-single .second-overlay .slide-content-title {
      color: white;
      position: absolute;
      display: block;
      bottom: 1rem;
      display: inline-block;
      margin-bottom: 0.5rem;
      padding-bottom: 0.7rem;
      text-shadow: 0px 0px 8px black, 0px 0px 2px black; }

input::placeholder, select::placeholder, textarea::placeholder {
  color: #b78911; }

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background: rgba(183, 137, 17, 0.4);
  color: #FFFFFF;
  border-top: 3px solid #b78911;
  list-style: none outside;
  width: auto;
  word-wrap: break-word; }
  .woocommerce .woocommerce-error::before, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message::before {
    color: #e2d2aa; }

a, a:link, a:visited {
  color: #e2d2aa;
  transition: 0.2s ease; }
  a:hover, a:link:hover, a:visited:hover {
    text-decoration: none;
    color: #b78911;
    text-shadow: 0px 0px 5px #e2d2aa; }

/*
 *  Imports
*/
@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0); }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0); } }
@keyframes anim-1 {
  50% {
    opacity: 0;
    bottom: 24px;
    -webkit-transform: translate3d(5em, 0, 0);
    transform: translate3d(5em, 0, 0); }
  51% {
    opacity: 0;
    bottom: 24px;
    -webkit-transform: translate3d(-5em, -40%, 0);
    transform: translate3d(-5em, -40%, 0); }
  100% {
    opacity: 1;
    bottom: 24px;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0); } }
.book-item {
  margin: 15px 0;
  padding: 15px;
  list-style-type: none; }
  .book-item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    width: calc(100% - 105px);
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 0 0 0 transparent;
    background-color: rgba(255, 255, 255, 0);
    z-index: -1;
    transition: all 250ms ease-out; }
  .book-item:hover:after {
    box-shadow: 0px 1px 1px 1px rgba(210, 214, 213, 0.5);
    background-color: #fff; }
  .book-item:hover .item-img img {
    box-shadow: 0px 0px 10px 0px rgba(49, 49, 49, 0.25); }
  .book-item:hover a.button {
    background-color: #456db5; }
  .book-item:hover .bk-bookdefault {
    -webkit-transform: rotate3d(0, 1, 0, 25deg);
    transform: rotate3d(0, 1, 0, 25deg); }
  .book-item:hover .bk-back {
    opacity: 1; }
  .book-item .item-img {
    display: inline-block;
    /*float: left;*/
    padding-right: 30px; }
    .book-item .item-img img {
      box-shadow: 0 0 0 0 transparent;
      transition: all 250ms ease-out; }
  .book-item .item-details {
    padding-right: 30px; }
  .book-item h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .book-item p:not(.author) {
    display: block;
    display: -webkit-box;
    height: 63px;
    /* Fallback for non-webkit */
    font-size: 15px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

/*
 *  Book Rotate
*/
.bk-img {
  position: relative;
  display: inline-block;
  /*float: left;*/
  list-style: none;
  /* Individual style & artwork */ }
  .bk-img .bk-wrapper {
    position: relative;
    width: 350px;
    height: 525px;
    /*float: left;*/
    z-index: 1;
    -webkit-perspective: 1400px;
    perspective: 1400px; }
    .bk-img .bk-wrapper:last-child {
      margin-right: 0; }
  .bk-img .bk-book {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s; }
    .bk-img .bk-book > div {
      display: block;
      position: absolute; }
  .bk-img .bk-front {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 20px);
    transform: translate3d(0, 0, 20px);
    z-index: 10;
    width: 100%;
    height: 100%; }
    .bk-img .bk-front > div {
      display: block;
      position: absolute;
      z-index: 1;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      border-radius: 0 3px 3px 0;
      box-shadow: inset 4px 0 10px rgba(0, 0, 0, 0.1); }
    .bk-img .bk-front:after {
      content: "";
      position: absolute;
      top: 1px;
      bottom: 1px;
      left: -1px;
      width: 1px; }
  .bk-img .bk-back, .bk-img .bk-front > div {
    width: 100%;
    height: 100%; }
  .bk-img .bk-left, .bk-img .bk-right {
    width: 40px;
    left: -20px; }
  .bk-img .bk-back {
    -webkit-transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px);
    transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px);
    box-shadow: 5px 7px 15px rgba(0, 0, 0, 0.3);
    border-radius: 3px 0 0 3px;
    opacity: 0;
    transition: opacity 250ms ease-out; }
    .bk-img .bk-back:after {
      content: "";
      position: absolute;
      top: 0;
      left: 10px;
      bottom: 0;
      width: 3px;
      background: rgba(0, 0, 0, 0.06);
      box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1); }
  .bk-img .bk-left {
    height: 100%;
    -webkit-transform: rotate3d(0, 1, 0, -90deg);
    transform: rotate3d(0, 1, 0, -90deg); }
    .bk-img .bk-left h2 {
      width: 100%;
      height: 40px;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: rotate(90deg) translateY(-40px);
      transform: rotate(90deg) translateY(-40px); }
  .bk-img .bk-cover {
    /*background-image: url(../images/1.png);*/
    background-repeat: no-repeat;
    background-position: 10px 40px;
    background-repeat: no-repeat;
    background-position: top left !important;
    background-size: 100% 100%; }
    .bk-img .bk-cover:after {
      content: "";
      position: absolute;
      top: 0;
      left: 10px;
      bottom: 0;
      width: 3px;
      background: rgba(0, 0, 0, 0.06);
      box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1); }
  .bk-img .bk-front > div, .bk-img .bk-left {
    background-color: #456db5; }

.spine-logo {
  transform: rotate(-90deg); }
  .spine-logo img {
    filter: brightness(2) saturate(0);
    /* background-color: white; */
    /* height: 40px; */
    transform-origin: 0 0;
    transform: translateX(-270%);
    max-width: 430px;
    max-height: 20px; }

/*.prfmt-product-title::after {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
  bottom: 0;
  background: #b78911;
  left: 30%;
  right: 30%;
}*/
.modal-body .bk-wrapper {
  width: 125px;
  height: 187.5px; }
  .modal-body .bk-wrapper .bk-left .performat-logo {
    transform: translateX(-125%); }

.modal-read-content .modal-body .bk-wrapper {
  width: 200px;
  height: 300px; }
  .modal-read-content .modal-body .bk-wrapper .bk-left .performat-logo {
    transform: translateX(-190%); }

.modal-watch-content .modal-body .bk-wrapper {
  width: 233.3333333333333334px;
  height: 350px; }
  .modal-watch-content .modal-body .bk-wrapper .bk-left .performat-logo {
    transform: translateX(-190%); }

.related-product-performat .bk-wrapper {
  width: 125px;
  height: 187.5px; }
  .related-product-performat .bk-wrapper .bk-left .performat-logo {
    transform: translateX(-125%); }

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .book-container-prfmt .book-item {
    transform-origin: 0% 0%;
    transform: scale(0.5); } }
@media screen and (max-width: 520px) {
  .book-container-prfmt .book-item {
    transform-origin: 50% 50%;
    transform: scale(0.8); } }
@media screen and (max-width: 380px) {
  .book-container-prfmt .book-item .bk-wrapper {
    width: 200px;
    height: 300px; }
    .book-container-prfmt .book-item .bk-wrapper .bk-left .performat-logo {
      transform: translateX(-190%); } }

html, body {
  background-color: #18273d; }

/*
body {
    &.modal-open {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }
}
*/
@media (min-width: 1200px) {
  .col-xl-2point5 {
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important; } }
.woocommerce-MyAccount-downloads-file {
  background: #b78911 !important;
  color: #FFFFFF !important; }

/*# sourceMappingURL=framework.css.map */