@charset "UTF-8";
.flag {
  background: url("../../flags/images/spritesheet.png") no-repeat;
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .flag {
      background-image: url("../../flags/images/spritesheet@2x.png");
      background-size: 256px 256px; } }
  .flag.flag-AD {
    background-position: 0 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AE {
    background-position: -16px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AF {
    background-position: -32px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AG {
    background-position: -48px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AI {
    background-position: -64px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AL {
    background-position: -80px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AM {
    background-position: -96px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AN {
    background-position: -112px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AO {
    background-position: -128px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AQ {
    background-position: -144px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AR {
    background-position: -160px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AS {
    background-position: -176px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AT {
    background-position: -192px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AU {
    background-position: -208px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AW {
    background-position: -224px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-AX {
    background-position: 0 -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-AZ {
    background-position: -16px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BA {
    background-position: -32px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BB {
    background-position: -48px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BD {
    background-position: -64px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BE {
    background-position: -80px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BF {
    background-position: -96px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BG {
    background-position: -112px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BH {
    background-position: -128px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BI {
    background-position: -144px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BJ {
    background-position: -160px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BL {
    background-position: -176px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BM {
    background-position: -192px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BN {
    background-position: -208px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BO {
    background-position: -224px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-BR {
    background-position: 0 -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-BS {
    background-position: -16px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-BT {
    background-position: -32px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-BW {
    background-position: -48px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-BY {
    background-position: -64px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-BZ {
    background-position: -80px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CA {
    background-position: -96px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CC {
    background-position: -112px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CD {
    background-position: -128px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CF {
    background-position: -144px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CG {
    background-position: -160px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CH {
    background-position: -176px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CI {
    background-position: -192px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CK {
    background-position: -208px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CL {
    background-position: -224px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-CM {
    background-position: 0 -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-CN {
    background-position: -16px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-CO {
    background-position: -32px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-CR {
    background-position: -48px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-CU {
    background-position: -64px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-CV {
    background-position: -80px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-CW {
    background-position: -96px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-CX {
    background-position: -112px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-CY {
    background-position: -128px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-CZ {
    background-position: -144px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-DE {
    background-position: -160px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-DJ {
    background-position: -176px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-DK {
    background-position: -192px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-DM {
    background-position: -208px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-DO {
    background-position: -224px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-DZ {
    background-position: 0 -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-EC {
    background-position: -16px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-EE {
    background-position: -32px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-EG {
    background-position: -48px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-EH {
    background-position: -64px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-ER {
    background-position: -80px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-ES {
    background-position: -96px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-ET {
    background-position: -112px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-EU {
    background-position: -128px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-FI {
    background-position: -144px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-FJ {
    background-position: -160px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-FK {
    background-position: -176px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-FM {
    background-position: -192px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-FO {
    background-position: -208px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-FR {
    background-position: -224px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-GA {
    background-position: 0 -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GB {
    background-position: -16px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GD {
    background-position: -32px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GE {
    background-position: -48px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GG {
    background-position: -64px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GH {
    background-position: -80px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GI {
    background-position: -96px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GL {
    background-position: -112px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GM {
    background-position: -128px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GN {
    background-position: -144px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GQ {
    background-position: -160px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GR {
    background-position: -176px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GS {
    background-position: -192px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GT {
    background-position: -208px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GU {
    background-position: -224px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-GW {
    background-position: 0 -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-GY {
    background-position: -16px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-HK {
    background-position: -32px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-HN {
    background-position: -48px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-HR {
    background-position: -64px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-HT {
    background-position: -80px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-HU {
    background-position: -96px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-IC {
    background-position: -112px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-ID {
    background-position: -128px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-IE {
    background-position: -144px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-IL {
    background-position: -160px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-IM {
    background-position: -176px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-IN {
    background-position: -192px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-IQ {
    background-position: -208px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-IR {
    background-position: -224px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-IS {
    background-position: 0 -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-IT {
    background-position: -16px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-JE {
    background-position: -32px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-JM {
    background-position: -48px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-JO {
    background-position: -64px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-JP {
    background-position: -80px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KE {
    background-position: -96px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KG {
    background-position: -112px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KH {
    background-position: -128px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KI {
    background-position: -144px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KM {
    background-position: -160px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KN {
    background-position: -176px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KP {
    background-position: -192px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KR {
    background-position: -208px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KW {
    background-position: -224px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-KY {
    background-position: 0 -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-KZ {
    background-position: -16px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LA {
    background-position: -32px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LB {
    background-position: -48px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LC {
    background-position: -64px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LI {
    background-position: -80px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LK {
    background-position: -96px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LR {
    background-position: -112px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LS {
    background-position: -128px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LT {
    background-position: -144px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LU {
    background-position: -160px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LV {
    background-position: -176px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-LY {
    background-position: -192px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-MA {
    background-position: -208px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-MC {
    background-position: -224px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-MD {
    background-position: 0 -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-ME {
    background-position: -16px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MF {
    background-position: -32px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MG {
    background-position: -48px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MH {
    background-position: -64px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MK {
    background-position: -80px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-ML {
    background-position: -96px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MM {
    background-position: -112px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MN {
    background-position: -128px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MO {
    background-position: -144px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MP {
    background-position: -160px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MQ {
    background-position: -176px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MR {
    background-position: -192px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MS {
    background-position: -208px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MT {
    background-position: -224px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-MU {
    background-position: 0 -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-MV {
    background-position: -16px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-MW {
    background-position: -32px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-MX {
    background-position: -48px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-MY {
    background-position: -64px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-MZ {
    background-position: -80px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NA {
    background-position: -96px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NC {
    background-position: -112px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NE {
    background-position: -128px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NF {
    background-position: -144px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NG {
    background-position: -160px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NI {
    background-position: -176px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NL {
    background-position: -192px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NO {
    background-position: -208px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NP {
    background-position: -224px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-NR {
    background-position: 0 -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-NU {
    background-position: -16px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-NZ {
    background-position: -32px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-OM {
    background-position: -48px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PA {
    background-position: -64px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PE {
    background-position: -80px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PF {
    background-position: -96px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PG {
    background-position: -112px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PH {
    background-position: -128px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PK {
    background-position: -144px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PL {
    background-position: -160px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PN {
    background-position: -176px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PR {
    background-position: -192px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PS {
    background-position: -208px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PT {
    background-position: -224px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-PW {
    background-position: 0 -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-PY {
    background-position: -16px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-QA {
    background-position: -32px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-RO {
    background-position: -48px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-RS {
    background-position: -64px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-RU {
    background-position: -80px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-RW {
    background-position: -96px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-SA {
    background-position: -112px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-SB {
    background-position: -128px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-SC {
    background-position: -144px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-SD {
    background-position: -160px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-SE {
    background-position: -176px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-SG {
    background-position: -192px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-SH {
    background-position: -208px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-SI {
    background-position: -224px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-SK {
    background-position: 0 -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-SL {
    background-position: -16px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-SM {
    background-position: -32px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-SN {
    background-position: -48px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-SO {
    background-position: -64px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-SR {
    background-position: -80px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-SS {
    background-position: -96px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-ST {
    background-position: -112px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-SV {
    background-position: -128px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-SY {
    background-position: -144px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-SZ {
    background-position: -160px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-TC {
    background-position: -176px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-TD {
    background-position: -192px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-TF {
    background-position: -208px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-TG {
    background-position: -224px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-TH {
    background-position: 0 -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TJ {
    background-position: -16px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TK {
    background-position: -32px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TL {
    background-position: -48px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TM {
    background-position: -64px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TN {
    background-position: -80px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TO {
    background-position: -96px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TR {
    background-position: -112px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TT {
    background-position: -128px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TV {
    background-position: -144px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TW {
    background-position: -160px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-TZ {
    background-position: -176px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-UA {
    background-position: -192px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-UG {
    background-position: -208px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-US {
    background-position: -224px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-UY {
    background-position: -240px 0;
    width: 16px;
    height: 16px; }
  .flag.flag-UZ {
    background-position: -240px -16px;
    width: 16px;
    height: 16px; }
  .flag.flag-VA {
    background-position: -240px -32px;
    width: 16px;
    height: 16px; }
  .flag.flag-VC {
    background-position: -240px -48px;
    width: 16px;
    height: 16px; }
  .flag.flag-VE {
    background-position: -240px -64px;
    width: 16px;
    height: 16px; }
  .flag.flag-VG {
    background-position: -240px -80px;
    width: 16px;
    height: 16px; }
  .flag.flag-VI {
    background-position: -240px -96px;
    width: 16px;
    height: 16px; }
  .flag.flag-VN {
    background-position: -240px -112px;
    width: 16px;
    height: 16px; }
  .flag.flag-VU {
    background-position: -240px -128px;
    width: 16px;
    height: 16px; }
  .flag.flag-WF {
    background-position: -240px -144px;
    width: 16px;
    height: 16px; }
  .flag.flag-WS {
    background-position: -240px -160px;
    width: 16px;
    height: 16px; }
  .flag.flag-YE {
    background-position: -240px -176px;
    width: 16px;
    height: 16px; }
  .flag.flag-YT {
    background-position: -240px -192px;
    width: 16px;
    height: 16px; }
  .flag.flag-ZA {
    background-position: -240px -208px;
    width: 16px;
    height: 16px; }
  .flag.flag-ZM {
    background-position: -240px -224px;
    width: 16px;
    height: 16px; }
  .flag.flag-ZW {
    background-position: 0 -240px;
    width: 16px;
    height: 16px; }

.tooltip .dl-tooltip-languages {
  margin: 5px 0 0 0;
  width: auto; }
  .tooltip .dl-tooltip-languages dt {
    width: 16px; }
  .tooltip .dl-tooltip-languages dd {
    text-align: left;
    margin-left: 24px; }

.tooltip.tooltip-wide .tooltip-inner {
  max-width: 90vw; }

.tooltip.tooltip-cart .tooltip-inner {
  max-width: 100%;
  border-radius: 10px;
  background: #483424;
  padding: 10px 15px; }
  .tooltip.tooltip-cart .tooltip-inner a {
    color: var(--light-70); }

/*
 * REQUIRED LABEL
 */
form label.required i {
  color: #ed88cd;
  font-size: 0.5em;
  margin: 0 0.2em 0 0;
  vertical-align: super; }

fieldset.base-fieldset {
  margin-bottom: 30px; }
  fieldset.base-fieldset input[type=text].form-control {
    padding: 6px 10px; }

fieldset legend {
  border: 0 none; }

.select2-select-all,
.select2-deselect-all {
  display: inline-block;
  font-size: 85%; }

.select2-select-all {
  margin-right: 15px; }

.select2-results .select2-disabled {
  display: none; }

.tab-content fieldset.tab-pane {
  padding-top: 15px; }

.repeatable-button {
  margin: 0 0 3px 10px; }
  .repeatable-button.pull-right {
    margin: 5px 0 0 10px; }

.panel.panel-togglable .panel-heading {
  position: relative;
  padding-right: 55px; }
  .panel.panel-togglable .panel-heading .panel-title-label i {
    margin-right: 10px; }
  .panel.panel-togglable .panel-heading .panel-title-tools {
    float: right; }
    .panel.panel-togglable .panel-heading .panel-title-tools a {
      margin-left: 10px;
      font-size: 85%; }
      .panel.panel-togglable .panel-heading .panel-title-tools a:hover, .panel.panel-togglable .panel-heading .panel-title-tools a:active, .panel.panel-togglable .panel-heading .panel-title-tools a:focus {
        text-decoration: none; }
  .panel.panel-togglable .panel-heading .toggle {
    cursor: pointer;
    padding: 9px 7px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    color: #888888;
    border-left: 1px solid #DDDDDD; }

.select2-thumb-notes__results .select2-results {
  max-height: 400px; }

.select2-thumb-notes__results .item-description {
  padding: 10px 5px; }
  .select2-thumb-notes__results .item-description__thumbnail {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 60px; }
    .select2-thumb-notes__results .item-description__thumbnail img {
      max-width: 60px;
      max-height: 60px; }
  .select2-thumb-notes__results .item-description__content {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle; }
    .select2-thumb-notes__results .item-description__content__notes {
      float: left;
      clear: both;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-thumb-notes__results .item-description__content__name {
      float: left;
      clear: both;
      padding-top: 10px;
      display: table-row; }

.pbxs {
  padding-bottom: 1vh; }

.pull_18 {
  margin-right: 75%; }

.new-selector {
  overflow-y: hidden !important; }
  .new-selector.select2-drop-active {
    border-color: rgba(151, 151, 151, 0.3) !important; }
  .new-selector.select2-drop {
    color: #1A1A1A;
    border-radius: 0;
    box-shadow: none; }
  .new-selector .select2-search {
    min-height: 58px;
    background-color: #F5F5F5;
    padding: 18px;
    position: relative; }
    .new-selector .select2-search::before {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      background-image: url("../images/frontend/search.svg");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      left: 18px;
      top: 50%;
      transform: translateY(-50%); }
    .new-selector .select2-search input {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #979797;
      border-radius: 0;
      font-size: 13px;
      line-height: 13px;
      color: #1A1A1A;
      font-family: "Figtree", -apple-system, "Roboto", sans-serif;
      font-weight: 600;
      padding: 4px 0;
      box-shadow: none;
      margin-left: 30px;
      width: calc(100% - 30px);
      background: none !important; }
  .new-selector .select2-results {
    padding: 0;
    margin: 0;
    max-height: 180px; }
    .new-selector .select2-results .country-autocomplete-box {
      display: flex;
      align-items: center; }
    .new-selector .select2-results .select2-result {
      padding: 10px 18px; }
      .new-selector .select2-results .select2-result.select2-highlighted {
        background-color: #5896FB; }
        .new-selector .select2-results .select2-result.select2-highlighted .box {
          color: white; }
      .new-selector .select2-results .select2-result .select2-result-label {
        padding: 0; }
  .new-selector .flag-box {
    border-radius: 50%;
    border: 1px solid #C1BBB5;
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin-right: 8px;
    display: inline-block; }
    .new-selector .flag-box i {
      position: absolute;
      transform: translate(-50%, -50%) scale(2);
      top: 50%;
      left: 50%;
      margin: 0 !important;
      width: 16px !important;
      height: 16px !important; }
  .new-selector .box {
    font-size: 13px;
    line-height: 13px;
    color: #1A1A1A;
    font-family: "Figtree", -apple-system, "Roboto", sans-serif;
    font-weight: 600; }
  .new-selector .select2-container.form-control {
    height: 60px;
    border-radius: 0;
    font-size: 13px;
    line-height: 13px;
    color: #1A1A1A;
    box-shadow: none; }
    .new-selector .select2-container.form-control.select2-dropdown-open .select2-arrow::before {
      transform: translateY(-50%) rotate(180deg); }
    .new-selector .select2-container.form-control .select2-chosen {
      height: 60px;
      padding: 23px 20px;
      display: flex;
      align-items: center; }
    .new-selector .select2-container.form-control .select2-choice {
      border: 1px solid rgba(151, 151, 151, 0.3);
      height: 60px;
      border-radius: 0 !important;
      font-size: 13px;
      line-height: 13px;
      color: #1A1A1A;
      font-family: "Figtree", -apple-system, "Roboto", sans-serif;
      box-shadow: none;
      font-weight: 600;
      background: none; }
    .new-selector .select2-container.form-control .select2-arrow {
      width: 36px;
      border: none;
      border-radius: 0;
      font-family: "icons";
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      display: inline-block;
      vertical-align: middle;
      text-decoration: inherit;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      speak: none;
      text-rendering: optimizeLegibility;
      font-size: 22px;
      color: #1A1A1A; }
      .new-selector .select2-container.form-control .select2-arrow::before {
        content: "\f102";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .new-selector .select2-container.form-control .select2-arrow b {
        display: none; }
  @media (max-width: 1024px) {
    .new-selector .select2-container.form-control {
      max-width: 760px;
      margin: 0 18px;
      width: calc(100% - 36px); }
    .new-selector .select2-results {
      max-height: 280px; } }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
body .select2-container .select2-choices .select2-search-field input,
body .select2-container .select2-choice,
body .select2-container .select2-choices {
  border-radius: 0;
  border-color: var(--dark-40); }

.mobile-number-verified {
  position: absolute;
  top: 5px;
  right: 21px;
  color: #5eae1d;
  font-size: 14px;
  font-weight: 550;
  z-index: 1;
  background: url(/front/shield-tick-icon.svg) no-repeat 100% 0;
  padding-right: 30px;
  line-height: 1.7; }
  @media (max-width: 768px) {
    .mobile-number-verified {
      width: 32px;
      padding: 0;
      text-indent: 500px; } }

body footer .logo-insee {
  display: inline-block;
  width: 50px;
  height: 16px;
  background-image: url("../../images/logo-insee.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    body footer .logo-insee {
      background-image: url("../../images/logo-insee@3x.png");
      background-size: 50px 20px; } }
  @media print {
    body footer .logo-insee {
      display: none; } }

body footer .logo-insee-print {
  width: 40px;
  height: 16px;
  display: none; }
  @media print {
    body footer .logo-insee-print {
      display: inline-block; } }

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

.grid-wrapper table thead th {
  font-weight: bold; }
  .grid-wrapper table thead th .sort {
    cursor: pointer;
    padding-right: 20px;
    position: relative;
    clear: both; }
    .grid-wrapper table thead th .sort::after {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      position: absolute;
      right: 8px;
      bottom: 0px;
      content: "";
      filter: alpha(opacity=25);
      opacity: 0.25; }
    .grid-wrapper table thead th .sort.asc::after {
      content: "";
      filter: alpha(opacity=100);
      opacity: 1; }
    .grid-wrapper table thead th .sort.desc::after {
      content: "";
      filter: alpha(opacity=100);
      opacity: 1; }

.grid-wrapper table tbody tr.no-records td {
  text-align: center;
  vertical-align: middle;
  height: 100px;
  background-color: #ffffff; }
  .grid-wrapper table tbody tr.no-records td:hover {
    background-color: #ffffff; }

.grid-wrapper table .progress {
  margin-bottom: 0; }

.grid-wrapper .grid-loader.outer-wrapper {
  display: none;
  overflow: hidden;
  position: absolute;
  filter: alpha(opacity=90);
  opacity: 0.9;
  background-color: white;
  z-index: 999;
  width: 101%;
  height: 101%;
  top: 0;
  margin: 0;
  padding: 0; }

.grid-wrapper .grid-loader .table-wrapper {
  display: table;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 200px; }

.grid-wrapper .grid-loader .table-cell-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%; }

.grid-wrapper .grid-filters .panel-heading {
  padding: 5px 15px; }
  .grid-wrapper .grid-filters .panel-heading.panel-heading-collapsed {
    border-bottom: 0 none; }
  .grid-wrapper .grid-filters .panel-heading .form-inline .form-group {
    margin-bottom: 0; }

.grid-wrapper .grid-filters .panel-title {
  margin-top: 6px; }
  .grid-wrapper .grid-filters .panel-title a:hover {
    text-decoration: none; }

.grid-wrapper .grid-paginator .pagination-control ul.pagination {
  margin: 2px 0; }

.grid-wrapper .grid-paginator .perpage-control {
  margin: 2px 0; }

.grid-wrapper .grid-legacy-utilities {
  margin-bottom: 10px; }
  .grid-wrapper .grid-legacy-utilities button {
    margin: 2px 0 0; }

.col-grid-checkbox {
  width: 30px; }

.col-grid-actions.col-grid-actions-1 {
  width: 50px; }

.col-grid-actions.col-grid-actions-2 {
  width: 85px; }

.col-grid-actions.col-grid-actions-3 {
  width: 120px; }

.col-grid-actions.col-grid-actions-4 {
  width: 155px; }

.col-grid-actions.col-grid-actions-5 {
  width: 190px; }

.panel .grid-wrapper .table {
  margin-bottom: 0; }

.panel .grid-wrapper .grid-paginator, .panel .grid-wrapper .grid-info-header {
  padding: 5px 8px; }
  .panel .grid-wrapper .grid-paginator .total, .panel .grid-wrapper .grid-info-header .total {
    margin: 10px 0 0; }

.grid-utilities .btn-primary {
  color: #fff !important; }
  .grid-utilities .btn-primary:hover {
    color: #fff !important;
    background-color: #286090; }

.grid-utilities .btn-success {
  color: #fff !important; }
  .grid-utilities .btn-success:hover {
    color: #fff !important;
    background-color: #449d44; }

.grid-utilities .btn-info {
  color: #fff !important; }
  .grid-utilities .btn-info:hover {
    color: #fff !important;
    background-color: #31b0d5; }

.grid-utilities .btn-warning {
  color: #fff !important; }
  .grid-utilities .btn-warning:hover {
    color: #fff !important;
    background-color: #ec971f; }

.grid-utilities .btn-danger {
  color: #fff !important; }
  .grid-utilities .btn-danger:hover {
    color: #fff !important;
    background-color: #c9302c; }

.dialog__content-wrapper {
  position: relative;
  min-height: 65px; }

.dialog__loader.outer-wrapper {
  overflow: hidden;
  position: absolute;
  filter: alpha(opacity=90);
  opacity: 0.9;
  background-color: white;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  padding: 0; }

.dialog__loader .table-wrapper {
  display: table;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  min-height: 65px;
  height: 100%; }

.dialog__loader .table-cell-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.mfp-close {
  width: 58px;
  height: 58px;
  line-height: 58px;
  opacity: 1; }
  .mfp-close > * {
    pointer-events: none; }
  @media print {
    .mfp-close {
      display: none !important; } }

.container .container-popup,
.container-fluid .container-popup {
  background-color: #fff;
  padding: 35px;
  top: 20px;
  bottom: 20px; }
  .container .container-popup .promo-product-thumbnail,
  .container-fluid .container-popup .promo-product-thumbnail {
    max-width: 200px; }
  .container .container-popup .page-header,
  .container-fluid .container-popup .page-header {
    position: relative; }
    .container .container-popup .page-header--popup,
    .container-fluid .container-popup .page-header--popup {
      padding-bottom: 28px;
      border-bottom: none; }
  .container .container-popup .popup-utilities,
  .container-fluid .container-popup .popup-utilities {
    position: absolute;
    width: 100%;
    bottom: auto;
    left: auto;
    top: auto; }

.container .visible-lg-inline-block a,
.container-fluid .visible-lg-inline-block a {
  float: none; }

.page-header--heading {
  font-weight: 600;
  font-size: 27px;
  line-height: 34px; }

@media print {
  body {
    font-size: 12px; }
  a[href]:after, abbr[title]:after {
    content: ""; }
  hr {
    margin-top: 5px;
    margin-bottom: 5px; }
  address {
    margin-bottom: 0; }
  .page-header {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px; }
    .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6 {
      margin-top: 0;
      margin-bottom: 5px; }
    .page-header h2 {
      font-size: 24px; }
  .panel {
    margin-bottom: 10px; }
    .panel p {
      margin: 0 0 5px; }
    .panel dl {
      margin-bottom: 5px; }
    .panel .panel-heading {
      padding: 5px 7px; }
    .panel .panel-body {
      padding: 7.5px; }
    .panel .panel-title {
      font-size: 12px; }
    .panel .alert {
      padding: 5px;
      margin-bottom: 5px; }
  .row {
    margin-left: -5px;
    margin-right: -5px; }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11 {
    padding-left: 5px;
    padding-right: 5px; }
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px; }
  .table {
    margin-bottom: 5px; }
    .table > thead > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > th,
    .table > tbody > tr > td,
    .table > tfoot > tr > th,
    .table > tfoot > tr > td {
      padding: 3px;
      font-size: 12px; }
  .dl-horizontal dt {
    float: left;
    width: 100px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 120px; }
  footer p {
    margin: 0; } }

.label.label-rank {
  padding: 0.1em 0.6em 0.2em;
  text-transform: uppercase;
  font-weight: 400; }
  .label.label-rank.user--ip {
    background: #f9ae00; }
  .label.label-rank.user--b {
    background: #898989; }
  .label.label-rank.user--p {
    background: #eb5f0a; }
  .label.label-rank.user--vp {
    background: #e41513; }
  .label.label-rank.user--d {
    background: #e8308a; }
  .label.label-rank.user--vd {
    background: #b55ca0; }
  .label.label-rank.user--l {
    background: #006eb7; }
  .label.label-rank.user--lp {
    background: #675ca5; }
  .label.label-rank.user--tm {
    background: #2cb8c7; }
  .label.label-rank.user--mp {
    background: #58b146; }
  .label.label-rank.user--m {
    background: #ccd626; }
  .label.label-rank.label-none {
    color: inherit;
    padding-left: 0; }

.tooltip-content, .popover-content-span {
  display: none; }

.popover.popover-wide {
  max-width: 90vw; }

/*
 * NESTABLES
 */
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 600px;
  list-style: none;
  font-size: 13px;
  line-height: 20px; }

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }
  .dd-list .dd-list {
    padding-left: 30px; }
  .dd-collapsed .dd-list {
    display: none; }

.dd-item, .dd-empty, .dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px; }

.dd-handle {
  display: block;
  font-size: 15px;
  margin: 5px 0;
  padding: 7px 15px;
  color: #333333;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  background: #fbfbfb; }
  .dd-handle:hover {
    color: #2ea8e5;
    background: #ffffff; }

.dd-item > button {
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 7px 10px;
  line-height: 22px !important;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  text-align: center; }

.dd-item > button {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px; }

.dd-item > button:before {
  content: '\f055';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #0091d9; }

.dd-item > button[data-action="collapse"]:before {
  content: '\f056';
  color: #d9534f; }

.dd-placeholder, .dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px; }

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999; }

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0; }

.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }

/**
 * Nestable Extras
 */
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf; }

#nestable-menu {
  padding: 0;
  margin: 10px 0 20px; }

#nestable-output, #nestable2-output {
  width: 100%;
  padding: 5px; }

@media only screen and (min-width: 700px) {
  .dd {
    float: left;
    width: 100%; }
  .dd + .dd {
    margin-left: 2%; } }

.dd-hover > .dd-handle {
  background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */
.dd3-content {
  display: block;
  margin: 5px 0;
  padding: 6px 10px 8px 40px;
  font-size: 15px;
  color: #333333;
  text-decoration: none;
  border: 1px solid #cfcfcf;
  background: #fbfbfb; }

.dd3-content:hover {
  color: #2ea8e5;
  background: #ffffff; }

.dd-dragel > .dd3-item > .dd3-content {
  margin: 0; }

.dd3-item > button {
  margin-left: 38px; }

.dd3-handle {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: move;
  width: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #aaa;
  background: #bfbfbf;
  background: -webkit-linear-gradient(top, #dddddd 0%, #bbb 100%);
  background: -moz-linear-gradient(top, #dddddd 0%, #bbb 100%);
  background: linear-gradient(top, #dddddd 0%, #bbb 100%);
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  padding: 8px 15px; }

.dd3-handle:before {
  content: '\f0c9';
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #818181;
  font-weight: normal;
  line-height: 28px; }

.dd3-handle:hover:before {
  color: #C27616; }

.dd-not > .dd3-handle {
  cursor: auto; }
  .dd-not > .dd3-handle:before {
    content: ""; }

.dd-featured > .dd3-handle {
  background: #71843f; }
  .dd-featured > .dd3-handle:before {
    color: #eeeeee; }
  .dd-featured > .dd3-handle:hover {
    background: #496949 !important;
    border: 1px solid #525252; }

.dd-featured > .dd3-content {
  font-weight: bold; }

.dd-handle:hover + .dd-list .dd-handle, .dd-handle:hover {
  background: #FDDFB3 !important;
  border: 1px solid #FAA937;
  color: #333 !important; }

.dd-handle > span {
  font-size: 13px;
  color: #777; }

.dd-dragel > .dd-item > .dd-handle {
  border-left-width: 4px; }

.dd-dragel > li.dd-item.dd3-item {
  position: relative;
  top: 10px;
  left: 10px;
  z-index: 999; }

/*
 * CROPPER
 */
.imgcropper-view {
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  overflow: hidden;
  float: left;
  padding: 0px;
  margin-bottom: 0px;
  min-width: 120px;
  min-height: 120px; }

.imgcropper-body {
  padding-right: 15px;
  padding-left: 15px; }

.imgcropper-upload {
  overflow: hidden; }

.imgcropper-upload label {
  display: block;
  float: left;
  clear: left;
  width: 100px;
  padding-top: 7px;
  margin-bottom: 0; }

.imgcropper-upload input {
  display: block;
  margin-left: 110px; }

.avater-alert {
  margin-top: 10px;
  margin-bottom: 10px; }

.imgcropper-wrapper {
  height: 400px;
  width: 100%;
  margin-top: 15px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: #fcfcfc;
  overflow: hidden; }

.imgcropper-wrapper img {
  display: block;
  height: auto;
  max-width: 100%; }

.imgcropper-preview {
  float: left;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden; }

.imgcropper-preview:hover {
  border-color: #ccf;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }

.imgcropper-preview img {
  width: 100%; }

.preview-lg {
  height: 184px;
  width: 184px; }

.preview-md {
  height: 100px;
  width: 100px; }

.preview-sm {
  height: 50px;
  width: 50px; }

.loading {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .75;
  filter: alpha(opacity=75);
  z-index: 20140628; }

.images-list {
  margin-right: -15px;
  margin-left: -15px; }
  .images-list::after {
    clear: both;
    content: "";
    display: table; }
  .images-list > .images-element {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .images-list > .images-element {
        float: left;
        width: 33.333333333%; } }
    @media (min-width: 992px) {
      .images-list > .images-element {
        float: left;
        width: 25%; } }
    @media (min-width: 1200px) {
      .images-list > .images-element {
        float: left;
        width: 16.666666667%; } }

.images-element {
  display: inline-block; }
  .images-element .thumbnail-element {
    position: relative;
    width: 100%; }
  .images-element .thumbnail:hover + .utils, .images-element .utils:hover {
    display: block; }
  .images-element .utils {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px; }

.easyPieChart {
  display: inline-block;
  position: relative;
  text-align: center; }
  .easyPieChart.big {
    font-size: 30px;
    width: 200px;
    height: 200px;
    line-height: 198px; }
  .easyPieChart.normal {
    font-size: 20px;
    width: 120px;
    height: 120px;
    line-height: 118px; }
  .easyPieChart.lime {
    color: #58a33b; }
  .easyPieChart.lightblue {
    color: #0088cc; }
  .easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0; }
  .easyPieChart .percent {
    line-height: normal; }

/**
 * Select2 Bootstrap 3 CSS v1.4.1
 * Tested with Bootstrap v3.2.0 and Select2 v3.3.2, v3.4.1-v3.4.5, v3.5.1, master
 * in latest Chrome, Safari, Firefox, Opera (Mac) and IE8-IE11
 * MIT License
 */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
.select2-container.form-control {
  background: transparent;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0; }

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #ccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.select2-search input {
  border-color: #ccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  box-shadow: none; }

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
  line-height: 1.428571429; }

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto; }

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 3px; }

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 46px;
  line-height: 1.3333333;
  border-radius: 6px; }

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px; }

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px; }

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 44px; }

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0; }

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px; }

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px; }

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px; }

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px; }

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px; }

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px; }

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: 1px solid #ccc;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px; }

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px; }

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px; }

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px; }

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px; }

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px; }

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #8a6d3b; }

.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning.select2-drop-active {
  border-color: #66512c; }
  .has-warning.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #66512c; }

.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #a94442; }

.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error.select2-drop-active {
  border-color: #843534; }
  .has-error.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #843534; }

.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #3c763d; }

.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success.select2-drop-active {
  border-color: #2b542c; }
  .has-success.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #2b542c; }

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #66afe9;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.select2-drop-active {
  border-color: #66afe9; }

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: #66afe9; }

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }
  .input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important; }
  .input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important; }
  .input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-right-radius: 3px !important; }
  .input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-right-radius: 6px !important; }
  .input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-left-radius: 3px !important; }
  .input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
    border-bottom-left-radius: 6px !important; }

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
  color: #fff;
  background-color: #337ab7; }

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top; }

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
  color: #555555;
  background: #fff;
  border-color: #ccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  box-shadow: none; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #ebebeb;
  border-color: #adadad;
  color: #333;
  -webkit-box-shadow: none;
  box-shadow: none; }

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%; }

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%; }

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background-color: #fcf8e3;
  color: #8a6d3b; }

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #ccc; }
  .select2-container.select2-container-disabled .select2-choice .select2-arrow,
  .select2-container.select2-container-disabled .select2-choice div,
  .select2-container.select2-container-disabled .select2-choices .select2-arrow,
  .select2-container.select2-container-disabled .select2-choices div {
    background-color: transparent;
    border-left: 1px solid transparent;
    /* 2 */ }

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
  background-position: 99%;
  /* 4 */
  background-position: right 4px center;
  /* 5 */ }

/**
 * To support Select2 pre v3.4.2 in combination with Bootstrap v3.2.0,
 * ensure that .select2-offscreen width, height and position can not be overwritten.
 *
 * This adresses changes in Bootstrap somewhere after the initial v3.0.0 which -
 * in combination with Select2's pre-v3.4.2 CSS missing the "!important" after
 * the following rules - allow Bootstrap to overwrite the latter, which results in
 * the original <select> element Select2 is replacing not be properly being hidden
 * when used in a "Bootstrap Input Group with Addon".
 **/
.select2-offscreen,
.select2-offscreen:focus {
  width: 1px !important;
  height: 1px !important;
  position: absolute !important; }

.note-editor {
  border-color: #ccc;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .note-editor.fullscreen {
    border-radius: 0; }
  .note-editor .note-toolbar {
    border-bottom-color: #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .note-editor .note-editable {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .note-editor .note-statusbar {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
    .note-editor .note-statusbar .note-resizebar {
      border-top-color: #ccc; }
  .note-editor .note-codable {
    line-height: 1.4; }

.note-editor-focused .note-editor:not(.fullscreen) {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.note-editor.note-sms-editor .note-codable {
  color: #000000;
  background-color: transparent; }

.note-editor.note-sms-editor .note-statusbar .btn-group {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 5px;
  float: left;
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.note-editor.note-sms-editor .note-statusbar::after {
  clear: both;
  content: "";
  display: table; }

.note-editor.note-sms-editor .note-statustext {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.8;
  border-radius: 3px; }

.wysibb {
  border-color: #ccc;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .wysibb .wysibb-toolbar {
    border-bottom-color: #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #f5f5f5; }
  .wysibb .wysibb-text {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .wysibb .bottom-resize-line {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .wysibb.wysibb-focused {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .wysibb textarea.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.colorpicker-2x {
  padding: 5px; }
  .colorpicker-2x .colorpicker-saturation {
    width: 200px;
    height: 200px; }
  .colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha {
    width: 30px;
    height: 200px; }
  .colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div {
    height: 30px; }

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 10px; }
  .text-ellipsis:hover {
    text-overflow: inherit;
    overflow: visible;
    white-space: normal;
    position: relative;
    z-index: 1000; }

.pointsRealized {
  color: #3c763d; }

.pointsProgress {
  color: #777; }

::-moz-focus-inner {
  border: 0 !important; }

input:focus, button:focus, a:focus {
  outline: none !important; }

.loader.loader-wrapper {
  display: none;
  overflow: hidden;
  position: fixed;
  filter: alpha(opacity=90);
  opacity: 0.9;
  background-color: var(--light-90);
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  margin: 0;
  padding: 0;
  backdrop-filter: blur(2px); }

.loader .table-wrapper {
  display: table;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 200px;
  margin-top: 30vh; }

.loader .table-cell-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%; }

.user-autocomplete-box {
  display: table-row; }

.user-autocomplete-box img.avatar {
  width: 30px;
  height: 30px;
  margin-top: 2px;
  margin-right: 7px;
  float: left; }

.user-autocomplete-box .avatar-box {
  display: table-cell;
  vertical-align: middle; }

.user-autocomplete-box .box {
  display: table-cell; }

.user-autocomplete-box .top-box {
  font-weight: bold;
  font-size: 9px;
  float: left;
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap; }

.user-autocomplete-box .bottom-box {
  float: left;
  display: inline-block;
  clear: both; }

.country-autocomplete-box {
  display: table-row; }

.country-autocomplete-box i.flag {
  margin-top: 2px;
  margin-right: 7px;
  float: left; }

.country-autocomplete-box .flag-box {
  display: table-cell;
  vertical-align: middle; }

.country-autocomplete-box .box {
  display: table-cell; }

.modal-backdrop {
  z-index: 1049; }

.popup-thumbnail {
  display: inline-block; }

.cursor-pointer {
  cursor: pointer; }

.text-space-normal {
  white-space: normal !important; }

.btn-statistics {
  margin-bottom: 10px; }

#mgPopup {
  background: #ffffff;
  padding: 20px;
  margin: 15px auto;
  width: 80%; }

.desaturate {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .4; }
  .desaturate:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1; }

.text-darker {
  color: #4c4c4c; }

body footer .logo-insee {
  display: inline-block;
  width: 50px;
  height: 16px;
  background-image: url("../../images/logo-insee.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    body footer .logo-insee {
      background-image: url("../../images/logo-insee@3x.png");
      background-size: 50px 20px; } }
  @media print {
    body footer .logo-insee {
      display: none; } }

body footer .logo-insee-print {
  width: 40px;
  height: 16px;
  display: none; }
  @media print {
    body footer .logo-insee-print {
      display: inline-block; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: #fff url("../slick.js/slick/ajax-loader.gif") center center no-repeat; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../slick.js/slick/fonts/slick.eot");
  src: url("../slick.js/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../slick.js/slick/fonts/slick.woff") format("woff"), url("../slick.js/slick/fonts/slick.ttf") format("truetype"), url("../slick.js/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.mfp-content .close-icon {
  width: 23px;
  height: 23px; }

.mfp-content .mfp-figure:after {
  background: white; }

.mfp-content .page-content .container-popup {
  padding: 45px; }
  .mfp-content .page-content .container-popup .page-header {
    margin: 0; }

.mfp-content .page-content .print-order {
  display: none; }

@media only screen and (max-width: 640px) {
  .mfp-content .page-content .container-popup {
    padding: 10px; } }

.fa-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fa-rotate-135 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

.fa-rotate-225 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg); }

.fa-rotate-315 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg); }

:root .fa-rotate-45,
:root .fa-rotate-135,
:root .fa-rotate-225,
:root .fa-rotate-315 {
  filter: none; }

.header-img-profile {
  width: 24px;
  vertical-align: top;
  margin: 7px 3px 0 0; }

.stimulate ul {
  padding: inherit;
  list-style: inherit; }

#wallet-grid .table-responsive {
  overflow-x: hidden; }

.grid-utilities li {
  margin-bottom: 3px; }
  .grid-utilities li.excel .fa {
    color: #217342; }

.referer-radio-control .referer-radio-wrapper {
  min-height: 50px; }

.referer-radio-control .loader .table-wrapper {
  height: 50px; }

.referer-radio-control .media-object.img-thumbnail {
  max-width: 100%; }

.referer-radio-control .avatar {
  width: 55px !important; }

input#referer_name_last {
  margin-bottom: 20px; }

/*
** Coral Design System & global settings
*/
:root {
  --light-40: #bbb;
  --light-50: #ccc;
  --light-60: #ddd;
  --light-70: #eee;
  --light-80: #f0f0f0;
  --light-90: #fafafa;
  --light-100: #fff;
  --dark-30: #aaa;
  --dark-40: #999;
  --dark-50: #777;
  --dark-60: #5f5f5f;
  --dark-70: #575757;
  --dark-80: #333333;
  --dark-90: #1a1a1a;
  --dark-100: #000000;
  --coral-primary: #ff6f61;
  --coral-primary-hover: #ff786c;
  --coral-active: #f79a75;
  --lavender-nav-color: #745b4f;
  --lavender-nav-hover: #745b4f;
  --lavender-link: #dd8459;
  --lavender-link-hover: #5c82a8;
  --lavender-bg-button: #ff6f61;
  --lavender-bg-button-hover: #ff786c;
  --lavender-error-color: #bb3da2;
  --lavender-error-border: #d182c1;
  --lavender-error-bg: rgba(255, 235, 251, 0.7);
  --gradient-50: radial-gradient(circle at top left, rgba(197, 10, 255, 0.16), transparent 80vh), radial-gradient(circle at top right, rgba(225, 194, 30, 0.12), transparent 70vh), linear-gradient(155deg, rgba(198, 252, 255, 0.48) 90vh, rgba(185, 65, 186, 0.25));
  --lavender-bg-2: radial-gradient(circle at top left, rgba(181, 0, 239, 0.15), transparent 85vh), linear-gradient(168deg, rgba(59, 227, 236, 0.23) 0, rgba(185, 65, 186, 0.28)); }

select {
  font-size: 16px;
  font-family: "Figtree", -apple-system, "Roboto", sans-serif;
  font-weight: 350;
  color: #333333;
  line-height: 20px;
  padding: 3px 5px 4px;
  border: 1px solid var(--dark-30); }

.lavender {
  min-height: 70vh;
  padding-top: 8vh;
  padding-bottom: 10vh;
  background: radial-gradient(circle at top left, rgba(195, 33, 245, 0.15), transparent 105vh), radial-gradient(circle at top right, rgba(231, 203, 235, 0.4), transparent 30vh), linear-gradient(155deg, rgba(156, 240, 245, 0.31) 39vh, rgba(187, 57, 188, 0.22)); }
  .lavender.ptm {
    padding-top: 2vh; }

.lavender-medium {
  background: radial-gradient(at 0% -20%, rgba(125, 162, 248, 0.03) 15vw, transparent 65vh), radial-gradient(at 100% -20%, rgba(239, 140, 252, 0.11) 15vw, transparent 65vh), linear-gradient(180deg, rgba(182, 195, 246, 0.19) 10vh, transparent 60%, transparent); }

.lavender-light {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.025) 0, transparent 55px, transparent); }
  @media screen and (max-width: 768px) {
    .lavender-light {
      padding-top: 47px; } }
  @media only screen and (max-width: 640px) {
    .lavender-light .phl {
      padding-left: 10px;
      padding-right: 10px; }
    .lavender-light .phonenumber.sspan_12,
    .lavender-light .smsCodeForm.sspan_12 {
      padding-left: 0; } }
  @media only screen and (max-width: 1200px) {
    .lavender-light .profileWrapper {
      padding: 15px; } }

.smsSendAgain .smsButtonWrapper > div {
  width: 100%;
  text-align: center; }

.row.lavender-white {
  background-color: var(--light-100);
  padding: 20px 10px;
  border-radius: 20px; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: var(--light-60); }

::-webkit-scrollbar-track {
  background-color: var(--light-70);
  border-radius: 0; }

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #9f8475; }

.text-danger {
  color: #c73f22; }

img[src=""] {
  display: none; }

.panel-default {
  border-radius: 0; }

.footer__bottom .footer_var {
  padding-top: 10px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  cursor: help; }

.button-secondary {
  color: var(--dark-80);
  border: 2px solid var(--dark-80);
  background-color: var(--light-100);
  border-radius: 32px; }

.button-secondary:hover,
.button-secondary:focus {
  color: var(--light-100);
  border: 2px solid var(--dark-80);
  background-color: var(--dark-80); }

.button-secondary:hover *,
.button-secondary:focus * {
  fill: var(--light-100); }

.checkout .button--green,
.checkout-wrapper .btn-realize-back,
.checkout-wrapper .btn-summary-back {
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 20px; }

.btn-quote {
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  padding-right: 5px; }

body .wrapper .alert-warning i {
  color: #d2a944; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(204, 198, 183, 0.1); }

.table-hover > tbody > tr:hover {
  background-color: rgba(182, 166, 151, 0.25); }

.table-hover > tbody > tr:nth-of-type(odd):hover {
  background-color: rgba(197, 195, 184, 0.225); }

.table > colgroup + thead > tr:first-child > th {
  font-size: 86%;
  font-weight: 475;
  color: var(--dark-50); }

.table-responsive > .table > tbody > tr > td {
  font-weight: 475; }

.table > thead > tr > th {
  border-bottom: 2px solid #9bb198; }

.table > tbody > tr > td {
  border: none; }

.lavender-cms .panel-heading,
.lavender-cms .training__info,
.lavender-cms .panel-title,
.panel-default > .panel-heading {
  color: var(--dark-70);
  background: #f1eeed;
  border-radius: 0; }
  .lavender-cms .panel-heading .row > div,
  .lavender-cms .training__info .row > div,
  .lavender-cms .panel-title .row > div,
  .panel-default > .panel-heading .row > div {
    padding-top: 5px;
    padding-bottom: 3px; }

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: pointer;
  background-color: var(--coral-primary);
  border-color: var(--coral-primary); }

.select2-container .select2-choice {
  height: 34px;
  line-height: 1.5; }

.form-control:focus,
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #d2c8db;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(128, 110, 213, 0.5); }

.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 5px; }

.select2-drop-active {
  border-color: #d2c8db; }

.lavender-light .grid-wrapper .grid-filters .panel-title {
  margin-top: 0;
  line-height: 30px; }

.grid-wrapper .grid-filters .panel-title a:hover,
.grid-wrapper .grid-filters .panel-title a:focus {
  color: var(--dark-80);
  text-decoration: none; }

body.modal-open {
  padding-right: 0 !important; }
  body.modal-open .modal {
    padding-right: 0 !important;
    z-index: 1050; }

.modal-content {
  margin-top: 10vh; }

.partner-link {
  font-size: 1.05em; }

body.js_crop {
  max-height: 100vh;
  overflow-y: hidden; }

.js_drawer {
  z-index: 15;
  top: 0;
  right: 0;
  position: fixed;
  background: white;
  min-width: 320px;
  width: 500px;
  max-width: 100vw;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  height: 100dvh;
  bottom: 0;
  transition: transform 320ms ease;
  transform: translate3d(110%, 0, 0); }

.js_drawer.js_active {
  transform: translate3d(0, 0, 0); }

.drawer_close,
.cart_close,
.checkout_close {
  position: absolute;
  top: 1px;
  right: 6px;
  width: 25px;
  height: 25px;
  padding: 22px;
  background: url(/images/frontend/close.svg) no-repeat 50% 50%;
  background-size: 60%;
  cursor: pointer;
  z-index: 1; }
  .drawer_close:hover,
  .cart_close:hover,
  .checkout_close:hover {
    opacity: .85; }

.js_drawer header {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  right: 8px;
  z-index: 2;
  background-color: var(--light-100);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }

#cart {
  z-index: 20; }
  #cart .cart_cnt {
    height: 100%; }
  #cart .cart_header {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    right: 8px;
    z-index: 2;
    background-color: var(--light-100);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }
  #cart h2 {
    display: flex;
    align-items: center;
    height: 48px;
    font-size: 18px;
    font-weight: 550;
    text-transform: uppercase;
    padding: 0 0 0 15px; }
  #cart .cart_country {
    margin-left: 14%;
    opacity: .725;
    display: flex; }
    @media screen and (max-width: 480px) {
      #cart .cart_country {
        margin-left: 3%; } }
    #cart .cart_country:hover {
      opacity: 1; }
  #cart iframe {
    width: 100%;
    height: 100%; }
  #cart .cart_empty {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fee;
    z-index: 3;
    text-align: center;
    padding: 20px;
    background: url(/front/cart/empty-bg.webp) 50% 100%/contain no-repeat, radial-gradient(84% 56% at 87% 21%, rgba(255, 170, 170, 0.141) 0%, rgba(255, 255, 255, 0.471) 100%), linear-gradient(354deg, #ffffff 0%, #eee1d0 50%, #fdf0eb 100%); }
  #cart .cart_empty_wrapper {
    padding-top: 20vh; }
  #cart .cart_empty h2 {
    display: block;
    font-weight: 600;
    padding-top: auto;
    padding: 0; }
  #cart .cart_empty p {
    font-size: 16px;
    font-weight: 475;
    margin: 10px 20px 30px; }
  #cart .cart_empty .btn-primary {
    padding: 10px 25px; }

#search .drawer_close {
  top: 6px; }

div .btn-primary:active,
div .btn-primary:focus {
  border: 1px solid var(--coral-primary);
  background-color: var(--coral-primary); }

div .btn-primary:hover {
  border: 1px solid var(--coral-primary-hover);
  background-color: var(--coral-primary-hover); }

.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn-success:active:focus,
.btn-success:hover:focus {
  color: var(--dark--70);
  background-color: transparent; }

.alert {
  color: var(--light-100);
  font-size: 12.5px;
  font-weight: 375;
  padding: 8px 10px 10px 15px;
  border-radius: 0;
  border: none; }
  .alert a {
    color: var(--light-100);
    font-weight: 475;
    text-decoration: underline; }

.alert-info {
  background-color: #429ecb; }

.alert-success {
  background-color: #5f9c31; }

.alert-warning {
  background-color: #d9b96f; }

.alert-danger {
  background-color: #e73535; }

.label-danger {
  background-color: #d25a45; }

.ui-pnotify {
  top: 54px;
  right: 15px; }
  @media only screen and (max-width: 640px) {
    .ui-pnotify.ui-pnotify-mobile-able {
      top: 48px;
      left: 0;
      right: 0; } }
  .ui-pnotify .ui-pnotify-title {
    margin-bottom: 2px; }

.ui-pnotify-icon {
  font-size: 17px;
  margin-top: 4px;
  margin-right: 6px; }

.confirm {
  font-size: 16px; }

.checkout .nav--zones {
  display: flex; }

.checkout-wrapper {
  position: relative;
  max-width: 680px;
  margin: 0 auto;
  padding: 20px 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075); }
  .checkout-wrapper .header--primary__logo {
    display: block;
    margin: 0 auto;
    text-align: center; }
  .checkout-wrapper h2 {
    font-size: clamp(20px, 2.5vw, 26px);
    line-height: clamp(26px, 3vw, 32px);
    font-weight: 375; }
  .checkout-wrapper legend {
    font-size: 15px;
    color: var(--dark-90);
    font-weight: 575;
    letter-spacing: .25px;
    text-transform: uppercase;
    margin: 10px 0 5px;
    padding: 0;
    border: 0; }
  .checkout-wrapper .checkout-language {
    margin-bottom: 20px; }
  .checkout-wrapper .nav--zones {
    display: flex;
    float: none;
    padding: 0 0 10px; }
  .checkout-wrapper .nav--zones span {
    font-size: 12px;
    color: var(--dark-80);
    font-weight: 400;
    text-transform: none; }
  .checkout-wrapper .country-zone-picker {
    padding: 3px 10px 2px 8px; }
  .checkout-wrapper .country-zone-picker:hover {
    opacity: .85; }
  .checkout-wrapper .text-success {
    color: #9bb198; }
  .checkout-wrapper .checkout-email,
  .checkout-wrapper .checkout-phone {
    margin-top: 15px; }
  .checkout-wrapper .row input {
    margin-bottom: 5px; }
  .checkout-wrapper .users-basket-address-book-control:not([style*=none]) {
    display: flex !important;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap; }
  .checkout-wrapper .cart-steps {
    display: flex;
    counter-reset: i;
    padding: 20px 0 30px; }
  .checkout-wrapper .cart-steps li {
    width: calc(100% / 3);
    text-align: center; }
  .checkout-wrapper .cart-steps li a {
    color: var(--dark-30);
    position: relative;
    display: block;
    padding-top: 40px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.25; }
  .checkout-wrapper .cart-steps li.done a,
  .checkout-wrapper .cart-steps li.active a {
    color: var(--dark-80); }
  @media only screen and (max-width: 359px) {
    .checkout-wrapper .cart-steps li a {
      color: transparent; } }
  .checkout-wrapper .cart-steps li a:hover {
    background-color: transparent;
    text-decoration: none; }
  .checkout-wrapper .cart-steps li.done a:hover {
    color: var(--dark-90); }
  .checkout-wrapper .cart-steps li.active a:hover {
    cursor: default; }
  .checkout-wrapper .cart-steps li.disabled a:hover {
    cursor: not-allowed; }
  .checkout-wrapper .cart-steps li i:after {
    font-style: normal;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    counter-increment: i;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: var(--dark-50);
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 455;
    content: counter(i);
    margin: 0 auto;
    padding-left: 1px; }
  .checkout-wrapper .cart-steps li.done i:after,
  .checkout-wrapper .cart-steps li:last-of-type.active i:after {
    font-size: 13px;
    content: "✓";
    font-weight: 600; }
  .checkout-wrapper .cart-steps li.done a:hover i:after {
    background-color: var(--dark-70); }
  .checkout-wrapper .cart-steps li.disabled i:after {
    background-color: var(--light-40); }
  .checkout-wrapper .cart-steps li i {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    background-image: linear-gradient(to bottom, transparent calc(100% - 16px), #6dab68 calc(100% - 16px), #6dab68 calc(100% - 14px), transparent calc(100% - 14px)); }
  .checkout-wrapper .cart-steps li.disabled i {
    background-image: linear-gradient(to bottom, transparent calc(100% - 16px), var(--light-50) calc(100% - 16px), var(--light-50) calc(100% - 14px), transparent calc(100% - 14px)); }
  .checkout-wrapper .cart-steps li.active i:after {
    background-color: #66b760; }
  .checkout-wrapper .cart-steps li.active i:before {
    font-style: normal;
    display: block;
    content: '';
    width: 26px;
    height: 26px;
    border-radius: 20px;
    background-color: transparent;
    margin: 0 auto;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 2px; }

#smsCodeButton {
  padding: 0 15px;
  line-height: 34px;
  transition: all .3s ease-out; }
  #smsCodeButton:not(.pending) {
    transition: none; }
  #smsCodeButton .ladda-label {
    padding-left: 0;
    transition: padding 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  #smsCodeButton .ladda-spinner div {
    margin-left: 1.1px;
    margin-top: -5.6px; }
  #smsCodeButton.pending {
    color: var(--light-100);
    border: 2px solid var(--dark-80);
    background-color: var(--dark-80);
    transition-delay: .1s;
    pointer-events: none; }
    #smsCodeButton.pending .ladda-label {
      padding-left: 25px; }

li .smsButtonWrapper > div {
  padding: 0 0 5px 5px; }
  @media only screen and (max-width: 767px) {
    li .smsButtonWrapper > div {
      margin-left: 10px; } }

.users-basket-address-book-control .button {
  line-height: 36px; }

.main-product-section:nth-of-type(1) {
  margin-top: 6em; }

.main-product-section h3,
.comments-main-section h3 {
  width: 100%;
  text-align: center;
  font-weight: 575; }

h3.details__subtitle {
  font-size: 19px;
  font-weight: 300;
  line-height: 28px;
  font-style: italic; }

div.details__subtitle {
  font-size: 0.9em;
  padding: 0;
  margin: 0;
  color: var(--dark-50);
  font-weight: 375;
  font-style: italic;
  line-height: 1.4em;
  margin-bottom: 3px; }

@media only screen and (max-width: 767px) {
  .product-shop-item-desc {
    margin-top: 12px;
    padding: 0 10px; } }

div.product__buttons .spinner--list {
  width: 90px;
  padding: 0;
  border: 0; }

div.details .spinner--list {
  width: 140px;
  padding: 0;
  border: 0; }

.spinner__buttons {
  top: 0;
  width: 100%; }

.spinner__buttons a {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  opacity: .75; }

.spinner__buttons a:hover {
  opacity: 1; }

.comments-main-section header {
  margin-top: 40px;
  text-align: center; }
  .comments-main-section header p {
    font-size: 1.2em;
    margin: 20px 20% 0; }

.comments-main-section {
  padding-bottom: 5vh; }

.comments-slides .comment_item {
  width: 900px;
  display: flex;
  column-gap: 30px;
  padding-right: 20px; }

.comments-slides > div .product_item,
.comments-slides .product_item {
  width: 285px;
  opacity: 0;
  transition: opacity 300ms ease 450ms; }

.comments-slides > div.slick-active .product_item,
.comments-slides .slick-active .product_item {
  opacity: 1; }

.comments-slides .product_item .product_img {
  width: 100%;
  transition: transform 350ms ease;
  transform: scale(1);
  will-change: transform; }

.comments-slides .product__name {
  font-size: 100%; }

.comments-slides .product_item:hover .product_img {
  transform: scale(1.05); }

.comments-slides a.product_item:hover,
.comments-slides a.product_item:active,
.comments-slides a.product_item:focus {
  text-decoration: none; }

.comments-slides a.product_item .product__name:hover {
  text-decoration: underline; }

.comments-slides .comment_box {
  width: calc(100% - 215px);
  height: max-content;
  margin: 30px auto;
  padding: 30px 0 20px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  position: relative; }

.comments-slides .comment_box:before,
.comments-slides .comment_box .comment_quote:nth-of-type(1) {
  position: absolute;
  top: -70px;
  left: 0;
  background-color: #fff;
  padding: 0 20px 0 0;
  width: 60px;
  height: 80px; }

.comments-slides .comment_box:after,
.comments-slides .comment_box .comment_quote:nth-of-type(2) {
  position: absolute;
  bottom: -60px;
  right: 0;
  background-color: #fff;
  padding: 0 0 0 20px;
  width: 60px;
  height: 80px; }

.comments-slides .comment_txt {
  align-content: center;
  flex-wrap: wrap;
  min-height: 172px;
  position: relative;
  display: flex;
  padding-bottom: 41px;
  --com-padd: 60px;
  padding-left: var(--com-padd);
  padding-right: 20px; }

.comments-slides .comment_txt .comment {
  font-size: 120%;
  font-weight: 625;
  z-index: 2;
  color: var(--dark-90); }

.comments-slides .comment_desc {
  position: absolute;
  width: calc(100% - var(--com-padd));
  bottom: 0px;
  left: var(--com-padd);
  display: flex; }

.comments-slides .rate_stars_output {
  font-size: 85%;
  width: calc(100% - 90px);
  text-align: left;
  display: flex;
  margin-bottom: 0;
  column-gap: 20px;
  line-height: 20px; }

.comments-slides .rate_sign img {
  display: inline-block; }

.comments-slides .rating_avarage_outer {
  background-color: transparent;
  margin-left: 0; }

.comments-slides .slick-arrow--smaller {
  top: 127px;
  background: transparent; }

.comments-slides .slick-arrow--smaller:hover {
  background: transparent; }

.comments-slides .slick-arrow--smaller svg * {
  fill: #777; }

.comments-slides .slick-arrow--smaller:hover svg * {
  fill: #111; }

.comments-slides .slick-arrow--smaller.slick-prev {
  left: 270px; }

.comments-slides .slick-arrow--smaller.slick-next {
  right: -50px; }

.rating_section {
  min-height: 410px; }

.rating_section .product_rating_box_details {
  padding-top: 30px; }

@media screen and (max-width: 768px) {
  .comments-main-section header p {
    margin-left: 5%;
    margin-right: 5%; }
  .rating_section .product_rating_box {
    font-size: 16px;
    padding-bottom: 40px;
    max-width: unset;
    min-height: unset; }
  .comments-slides .comment_item {
    width: auto;
    padding-right: 0;
    row-gap: 30px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    overflow: hidden; }
  .comments-slides .comment_box {
    width: calc(100% - 20px);
    padding-bottom: 20px; }
  .comments-slides .comment_txt {
    --com-padd: 10px;
    min-height: 100px;
    padding-right: 0; }
  .comments-slides .rate_stars_output {
    padding-top: 0; }
  .rating_section .product_rating_box_details {
    padding-top: 15px; } }

.main-promo-product-section {
  margin-bottom: 70px; }

.main-promo-product-section .promo-container {
  background-color: var(--light-90); }

.main-promo-product-section .promo-container {
  display: flex;
  width: 100%;
  column-gap: 24px; }

.main-promo-product-section .promo-container picture {
  overflow: hidden; }

.main-promo-product-section .promo-container img {
  width: 100%;
  max-width: 100%;
  animation: promozoom 10s infinite alternate; }

.main-promo-product-section .promo-desc {
  padding-top: 24px;
  padding-right: 10px;
  align-self: center; }

.main-promo-product-section .product__name {
  font-size: 24px;
  line-height: 1.4; }

.main-promo-product-section .details__subtitle {
  font-size: 17px; }

.main-promo-product-section .promo-price {
  font-size: 120%;
  margin-top: 24px; }

.main-promo-product-section .promo-price .price__current,
.main-promo-product-section .promo-price .price__points {
  font-size: 19px; }

.main-promo-product-section .spinner--list .form__field input {
  background-color: transparent !important; }

@media screen and (max-width: 768px) {
  .main-promo-product-section {
    margin-bottom: 45px; }
  .main-promo-product-section .promo-container {
    flex-direction: column;
    padding: 10px; } }

@keyframes promozoom {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.125); } }

.partner__box input[disabled] {
  background: transparent;
  cursor: default; }

#search {
  --search-font-size: 17px; }
  #search fieldset {
    display: block;
    width: 100%;
    position: relative; }
  #search input[type="submit"] {
    position: absolute;
    top: 2px;
    right: 1px;
    width: 52px;
    height: 54px;
    padding: 0;
    border: 0;
    outline: 0;
    background-color: transparent; }
  #search input[name="search"] {
    width: 100%;
    height: 58px;
    padding: 0 55px 0 55px;
    outline: 0;
    border: 0;
    color: #1e1d1d;
    font-size: var(--search-font-size);
    font-family: var(--font-main);
    background-color: #fff; }
  #search input[name="search"]:-internal-autofill-selected,
  #search input[name="search"]:-internal-autofill-selected:hover,
  #search input[name="search"]:-internal-autofill-selected:focus,
  #search input[name="search"]:-internal-autofill-selected:active {
    background-color: #fff;
    -webkit-text-fill-color: #1e1d1d !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    font-size: var(--search-font-size);
    font-family: var(--font-main); }
  #search label {
    height: 56px;
    line-height: 56px;
    padding: 0 55px 0 58px;
    color: #ababab;
    font-size: var(--search-font-size);
    font-family: var(--font-main);
    position: absolute;
    left: 1px;
    top: 1px;
    margin: 0;
    font-weight: 300;
    pointer-events: none;
    opacity: 0;
    transition: opacity 150ms ease; }
  #search label.search_label_secondary {
    top: 19px;
    left: -2px;
    font-size: 95%; }
  #search label.active {
    opacity: 1;
    transition: opacity 500ms ease 500ms; }
  #search .search-tags {
    padding: 72px 16px 8px 22px;
    display: flex;
    column-gap: 10px;
    flex-wrap: wrap; }
  #search .search-tags h3 {
    font-size: 13px;
    color: #545454;
    text-transform: uppercase;
    width: 100%; }
  #search .search-tags a {
    display: inline-block;
    word-break: keep-all;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    color: #545454;
    background-color: #e8e8e8; }
  #search .search-results {
    padding: 55px 15px 10px;
    height: 100vh;
    min-height: 100dvh;
    overflow-y: auto;
    box-sizing: border-box;
    overscroll-behavior: contain; }
  @media only screen and (max-width: 490px) {
    #search .search-results {
      padding-bottom: 360px; } }
  #search .search__stock_missing .product__image,
  #search .search__stock_missing .product__item--details {
    opacity: .6;
    filter: saturate(0.75); }
  #search .button--stock-missing {
    color: var(--dark-40);
    background: var(--light-80);
    font-size: 14px;
    font-weight: 500;
    border-radius: 30px;
    padding: 10px 15px;
    max-width: 200px;
    width: max-content;
    line-height: 1.2;
    text-align: center; }
  #search .product__item {
    display: flex;
    column-gap: 10px;
    padding: 18px 0 10px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    position: relative; }
  #search .product__image {
    min-width: 84px;
    width: 84px;
    height: 84px; }
  #search .product__item--details {
    width: 100%;
    margin-top: 0; }
  #search .product__name {
    font-size: 15px; }
  #search a.product__name:hover,
  #search a.product__name:focus,
  #search a.product__name:active {
    text-decoration: none;
    background-color: rgba(207, 207, 207, 0.085); }
  #search .button.button--low {
    font-size: 15px; }
  #search div.details__subtitle,
  #search .details__size,
  #search .details__code {
    font-size: 13px; }
  #search .search-results-column {
    display: flex;
    width: auto;
    justify-content: flex-end; }
  #search .product__price > div {
    width: 100%; }
  #search .price__current {
    display: block;
    text-align: center;
    width: 100%; }
  #search .search-results + .button {
    display: block;
    margin: 0 auto;
    width: fit-content; }
  #search .button {
    font-size: 14px;
    font-weight: 550;
    text-transform: initial; }
  #search .button .button__cart {
    margin-left: 7px; }
  #search .product__buttons {
    flex-direction: column;
    margin: 0 0 15px;
    justify-content: center; }
  #search .search__product-points {
    font-size: 14px;
    font-weight: 550;
    color: var(--dark-30);
    text-align: center;
    margin-top: 3px; }
  #search .search_noresults,
  #search .search_error {
    padding: 10vh 20px 2vh;
    text-align: center; }
  @media only screen and (max-width: 490px) {
    #search .product__item {
      flex-wrap: wrap; }
    #search .product__item--details {
      width: calc(100% - 94px); }
    #search .search-results-column {
      width: 100%; }
    #search .product__buttons {
      flex-direction: row-reverse;
      margin: 5px 0 0; }
    #search .search__product-points {
      margin-top: 8px;
      margin-right: 15px; } }

.container--partner-profile input.form-control[disabled] {
  border: 0;
  background: #c49956;
  border-radius: 22px;
  color: #fff;
  margin-right: 10px;
  width: calc(100% - 56px);
  margin-top: 2px;
  padding-left: 16px;
  font-weight: 350;
  font-size: 15px;
  float: left; }

.container--partner-profile .button {
  background: #c49956;
  border-radius: 22px;
  opacity: 1; }
  .container--partner-profile .button img {
    filter: invert(1) brightness(1.3); }

/***************
 * Scaffolding *
 ***************/
/************
 * Typography *
 ************/
/************
 * Palettes *
 ************/
/**
 * Google material palettes used to define the diff between the base color and each color from the palette.
 *
 * @Link https://www.google.com/design/spec/style/color.html#color-color-palette
 *
 * @type Map
 */
/**
 * Default palette used to define the diff between the base color and each color from the palette.
 *
 * @type Map
 */
/**
 * Base project palettes
 *
 * @type Map
 */
/**
 * Helper color class used to generate colors for each color in palette
 *
 * @type String
 */
/**
 * Helper background color class used to generate backgrounds for each color in palette
 *
 * @type String
 */
/************
 * Borders *
 ************/
/**
 * Helper border class
 *
 * @type String
 */
/**
 * Helper border top class prefix
 *
 * @type String
 */
/**
 * Helper border right class prefix
 *
 * @type String
 */
/**
 * Helper border bottom class prefix
 *
 * @type String
 */
/**
 * Helper border left class prefix
 *
 * @type String
 */
/**
 * Helper border default style
 *
 * @type String
 */
/**
 * Helper border default style
 *
 * @type Number
 */
/**
 * Helper border colors
 *
 * @type Map
 */
/**
 * Helper border colors
 *
 * @type String
 */
/**********
 * Postion *
 ***********/
.wrapper::after, .form--custom li::after {
  clear: both;
  content: "";
  display: table; }

/**
 * Function defining the difference between 2 colors
 *
 * @param {Color} $a - first color
 * @param {Color} $b - second color
 *
 * @return {Map}  The color operations to do in order to find $b from $a where keys are the color functions to apply and values are the values to pass to these functions
 */
/**
 * Compute the diff for each color from the initial palette
 *
 * @param {Map} $palette - palette
 *
 * @requires {function} color-diff
 *
 * @return {List} list of diffs
 */
/**
 * Palette diffs
 * Same length as colors key from map-palette
 *
 * @type List
 */
/**
 * Apply differences returned from `color-diff` function to a color in order to retrieve the second color
 *
 * @param {Color} $color - color to transform
 * @param {Map} $diff - diff map
 *
 * @return {Color} transformed color
 */
/**
 * Create a palette from a base color
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} palette-diff
 * @requires {function} apply-diff
 * @requires {variable} $base-diff-palette
 *
 * @return {List} list of colors
 */
/**
 * Create a list of colors from the base color
 * then turn in into a map with explicit keys
 *
 * @param {Color} $base-color - base color for the palette
 *
 * @requires {function} create-palette
 *
 * @return {Map}
 */
/**
 * Create and apply a palette
 *
 * @param {Color} $base-color - base color
 *
 * @requires {function} create-palette
 */
/**
 * Return color based on palette and tone
 *
 * @param {String} $palette-name - palette name
 * @param {String}  $palette-tone - base color
 *
 * @requires {Map} $base-palettes
 *
 * @return {Color}
 */
/**
 * Create class helpers for color and background properties from pallete
 *
 * @param {String} $base-palette-name - palette name
 * @param {Color}  $base-palette-color - base color
 * @param {String} $helper-color-class - helper color class
 * @param {String} $helper-background-class - helper background class
 *
 * @requires {function} palette
 */
/**
 * Create class helpers for color and background properties
 *
 * @param {String} $full-helper-color-class - full color helper class
 * @param {String} $full-helper-background-class - full background helper class
 * @param {Color}  $color - color
 */
::selection {
  color: #fff;
  background: #333333; }

html {
  position: relative;
  overflow-x: hidden; }
  @media only screen and (max-width: 767px) {
    html {
      overflow-x: hidden;
      overflow-y: visible !important; } }

body {
  font: normal 1.5em/1.7em "Figtree", -apple-system, "Roboto", sans-serif;
  font-weight: 400;
  position: relative;
  overflow-x: hidden;
  color: #333333; }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 12px !important;
      line-height: 21px !important;
      overflow-y: visible !important; } }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

:-moz-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

::-moz-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

:-ms-input-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

::-webkit-input-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  text-decoration: none;
  color: var(--lavender-link);
  font-weight: 400; }
  a:hover, a:active, a:focus {
    color: var(--lavender-link-hover);
    text-decoration: underline; }

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.wf {
  width: 100%; }

.wrapper {
  position: relative;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px; }
  @media only screen and (max-width: 767px) {
    .wrapper {
      padding: 0 0 0; } }
  .wrapper--fluid {
    max-width: 100%;
    padding: 0; }
  .wrapper--inside {
    overflow: visible;
    width: 100%;
    min-width: 980px;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0; }
  .wrapper--wider {
    max-width: 1800px; }

sup {
  font-size: 9px;
  position: relative;
  top: -6px; }

strong {
  font-weight: 600; }

small {
  font-size: .9em;
  font-weight: 350;
  color: #555555;
  display: inline-block; }

button {
  margin: 0;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
  text-transform: uppercase;
  border: 0;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.placeholder {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  text-align: left;
  opacity: 1;
  color: #363a4a; }

:-moz-placeholder {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  text-align: left;
  opacity: 1;
  color: #363a4a; }

::-moz-placeholder {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  text-align: left;
  opacity: 1;
  color: #363a4a; }

:-ms-input-placeholder {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  text-align: left;
  opacity: 1;
  color: #363a4a; }

::-webkit-input-placeholder {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  text-align: left;
  opacity: 1;
  color: #363a4a; }

.clear {
  clear: both; }

.cf {
  zoom: 1; }
  .cf:before, .cf:after {
    display: block;
    overflow: hidden;
    height: 0;
    content: "\0020"; }
  .cf:after {
    clear: both; }

.svg-defs {
  width: 0;
  height: 0; }

.sprite {
  font-family: "icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-rendering: optimizeLegibility; }

.video {
  z-index: 1;
  cursor: pointer; }

.separate {
  width: 100%;
  height: 1px;
  background-color: #dedede; }

.separate--short {
  width: 19px; }

.separate--dark {
  background-color: #1a1a1a; }

.font-weight-semibold {
  font-weight: 600 !important; }

.bg-left {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left; }

.bg-white {
  background-color: #fff; }

.font-size--17 {
  font-size: 17px;
  line-height: normal; }

.hide-left .wrapper:before {
  content: "";
  height: 100%;
  width: 9999px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  transform: translateX(-100%);
  z-index: 1; }

.w-100 {
  width: 100% !important; }

.w-75 {
  width: 75% !important; }

.w-66 {
  width: 66.67% !important; }

.w-50 {
  width: 50% !important; }

.w-33 {
  width: 33.33% !important; }

.w-25 {
  width: 25% !important; }

.pr--30 {
  padding-right: 30px; }

.pt--4px {
  padding-top: 4px; }

.pb--4px {
  padding-bottom: 4px; }

.underline--text {
  position: relative; }
  .underline--text:hover:before {
    transform: scale(1); }
  .underline--text:before {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -4px;
    background-color: var(--lavender-link-hover);
    transition: transform .25s;
    transform: scale(0); }

.pointer {
  cursor: pointer; }

.text-svg {
  display: inline-flex;
  align-items: center; }
  .text-svg svg, .text-svg img {
    height: 8px;
    width: auto;
    margin-top: 2px; }

.pointer-events-none {
  pointer-events: none; }

.text-muted {
  color: #999999 !important; }

embed::-webkit-plugin-replacement,
object::-webkit-plugin-replacement {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%; }

.icon--12 {
  width: 12px;
  height: 12px; }

.icon--18 {
  width: 18px;
  height: 18px; }

.icon--30 {
  width: 30px;
  height: 30px; }

.icon--65 {
  width: 65px;
  height: 65px; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto; }

@media (max-width: 768px) {
  .spr--0 {
    padding-right: 0; } }

.dt {
  display: table;
  width: 100%;
  height: 100%;
  vertical-align: middle; }

.dtc {
  display: table-cell;
  float: none !important;
  height: 100%;
  vertical-align: middle; }

.dtr {
  display: table-row;
  width: 100%; }

.db {
  display: block; }

.dib {
  display: inline-block; }

.df {
  display: -ms-flexbox;
  display: flex; }

.dif {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

@media (max-width: 768px) {
  .flex-smartphone-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-smartphone-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .aic.align-smartphone-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .mx-smartphone-auto {
    margin-left: auto !important;
    margin-right: auto !important; }
  .d-smartphone-none {
    display: none; } }

.float-none {
  float: none !important; }

.jce {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.ml-auto {
  margin-left: auto !important; }

.aic {
  -ms-flex-align: center !important;
  align-items: center !important; }

.aife {
  -ms-flex-align: flex-end !important;
  align-items: flex-end !important; }

.jcc {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.jcb {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.left {
  float: left; }

.right {
  float: right; }

.bg--gray {
  background: #fafafa; }

.bg--beige {
  background: #f5f4ef; }

.bb {
  border-bottom: 1px solid #cccccd; }

.h-half {
  height: 50%; }

.h-full {
  height: 100%; }

.w-full {
  width: 100%; }

.oh {
  overflow: hidden; }

.pr {
  position: relative; }

.center {
  display: block;
  margin: 0 auto; }

@media only screen and (max-width: 767px) {
  .stac {
    text-align: center; }
  .star {
    text-align: right; }
  .stal {
    text-align: left; } }

.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12, .span_13, .span_14, .span_15, .span_16, .span_17, .span_18, .span_19, .span_20, .span_21, .span_22, .span_23, .span_24 {
  float: left;
  margin-right: 0; }

.span_0 {
  width: auto;
  float: none;
  margin-right: 0; }

.span_1 {
  width: 4.166666667%; }

.span_2 {
  width: 8.333333333%; }

.span_3 {
  width: 12.5%; }

.span_4 {
  width: 16.666666667%; }

.span_5 {
  width: 20.833333333%; }

.span_6 {
  width: 25%; }

.span_7 {
  width: 29.166666667%; }

.span_8 {
  width: 33.333333333%; }

.span_9 {
  width: 37.5%; }

.span_10 {
  width: 41.666666667%; }

.span_11 {
  width: 45.833333333%; }

.span_12 {
  width: 50%; }

.span_13 {
  width: 54.166666667%; }

.span_14 {
  width: 58.333333333%; }

.span_15 {
  width: 62.5%; }

.span_16 {
  width: 66.666666667%; }

.span_17 {
  width: 70.833333333%; }

.span_18 {
  width: 75%; }

.span_19 {
  width: 79.166666667%; }

.span_20 {
  width: 83.333333333%; }

.span_21 {
  width: 87.5%; }

.span_22 {
  width: 91.666666667%; }

.span_23 {
  width: 95.833333333%; }

.span_24 {
  width: 100%; }

.push_0 {
  margin-left: 0; }

.push_1 {
  margin-left: 4.166666667%; }

.push_2 {
  margin-left: 8.333333333%; }

.push_3 {
  margin-left: 12.5%; }

.push_4 {
  margin-left: 16.666666667%; }

.push_5 {
  margin-left: 20.833333333%; }

.push_6 {
  margin-left: 25%; }

.push_7 {
  margin-left: 29.166666667%; }

.push_8 {
  margin-left: 33.333333333%; }

.push_9 {
  margin-left: 37.5%; }

.push_10 {
  margin-left: 41.666666667%; }

.push_11 {
  margin-left: 45.833333333%; }

.push_12 {
  margin-left: 50%; }

.push_13 {
  margin-left: 54.166666667%; }

.push_14 {
  margin-left: 58.333333333%; }

.push_15 {
  margin-left: 62.5%; }

.push_16 {
  margin-left: 66.666666667%; }

.push_17 {
  margin-left: 70.833333333%; }

.push_18 {
  margin-left: 75%; }

.push_19 {
  margin-left: 79.166666667%; }

.push_20 {
  margin-left: 83.333333333%; }

.push_21 {
  margin-left: 87.5%; }

.push_22 {
  margin-left: 91.666666667%; }

.push_23 {
  margin-left: 95.833333333%; }

.push_24 {
  margin-left: 100%; }

.pull_0 {
  margin-right: 0; }

.pull_1 {
  margin-right: 4.166666667%; }

.pull_2 {
  margin-right: 8.333333333%; }

.pull_3 {
  margin-right: 12.5%; }

.pull_4 {
  margin-right: 16.666666667%; }

.pull_5 {
  margin-right: 20.833333333%; }

.pull_6 {
  margin-right: 25%; }

.pull_7 {
  margin-right: 29.166666667%; }

.pull_8 {
  margin-right: 33.333333333%; }

.pull_9 {
  margin-right: 37.5%; }

.pull_10 {
  margin-right: 41.666666667%; }

.pull_11 {
  margin-right: 45.833333333%; }

.pull_12 {
  margin-right: 50%; }

.pull_13 {
  margin-right: 54.166666667%; }

.pull_14 {
  margin-right: 58.333333333%; }

.pull_15 {
  margin-right: 62.5%; }

.pull_16 {
  margin-right: 66.666666667%; }

.pull_17 {
  margin-right: 70.833333333%; }

.pull_18 {
  margin-right: 75%; }

.pull_19 {
  margin-right: 79.166666667%; }

.pull_20 {
  margin-right: 83.333333333%; }

.pull_21 {
  margin-right: 87.5%; }

.pull_22 {
  margin-right: 91.666666667%; }

.pull_23 {
  margin-right: 95.833333333%; }

.pull_24 {
  margin-right: 100%; }

.omega {
  float: right;
  margin-right: 0; }

@media only screen and (max-width: 1260px) {
  .nspan_1, .nspan_2, .nspan_3, .nspan_4, .nspan_5, .nspan_6, .nspan_7, .nspan_8, .nspan_9, .nspan_10, .nspan_11, .nspan_12, .nspan_13, .nspan_14, .nspan_15, .nspan_16, .nspan_17, .nspan_18, .nspan_19, .nspan_20, .nspan_21, .nspan_22, .nspan_23, .nspan_24 {
    float: left;
    margin-right: 0; }
  .nspan_0 {
    width: auto;
    float: none;
    margin-right: 0; }
  .nspan_1 {
    width: 4.166666667%; }
  .nspan_2 {
    width: 8.333333333%; }
  .nspan_3 {
    width: 12.5%; }
  .nspan_4 {
    width: 16.666666667%; }
  .nspan_5 {
    width: 20.833333333%; }
  .nspan_6 {
    width: 25%; }
  .nspan_7 {
    width: 29.166666667%; }
  .nspan_8 {
    width: 33.333333333%; }
  .nspan_9 {
    width: 37.5%; }
  .nspan_10 {
    width: 41.666666667%; }
  .nspan_11 {
    width: 45.833333333%; }
  .nspan_12 {
    width: 50%; }
  .nspan_13 {
    width: 54.166666667%; }
  .nspan_14 {
    width: 58.333333333%; }
  .nspan_15 {
    width: 62.5%; }
  .nspan_16 {
    width: 66.666666667%; }
  .nspan_17 {
    width: 70.833333333%; }
  .nspan_18 {
    width: 75%; }
  .nspan_19 {
    width: 79.166666667%; }
  .nspan_20 {
    width: 83.333333333%; }
  .nspan_21 {
    width: 87.5%; }
  .nspan_22 {
    width: 91.666666667%; }
  .nspan_23 {
    width: 95.833333333%; }
  .nspan_24 {
    width: 100%; }
  .npush_0 {
    margin-left: 0; }
  .npush_1 {
    margin-left: 4.166666667%; }
  .npush_2 {
    margin-left: 8.333333333%; }
  .npush_3 {
    margin-left: 12.5%; }
  .npush_4 {
    margin-left: 16.666666667%; }
  .npush_5 {
    margin-left: 20.833333333%; }
  .npush_6 {
    margin-left: 25%; }
  .npush_7 {
    margin-left: 29.166666667%; }
  .npush_8 {
    margin-left: 33.333333333%; }
  .npush_9 {
    margin-left: 37.5%; }
  .npush_10 {
    margin-left: 41.666666667%; }
  .npush_11 {
    margin-left: 45.833333333%; }
  .npush_12 {
    margin-left: 50%; }
  .npush_13 {
    margin-left: 54.166666667%; }
  .npush_14 {
    margin-left: 58.333333333%; }
  .npush_15 {
    margin-left: 62.5%; }
  .npush_16 {
    margin-left: 66.666666667%; }
  .npush_17 {
    margin-left: 70.833333333%; }
  .npush_18 {
    margin-left: 75%; }
  .npush_19 {
    margin-left: 79.166666667%; }
  .npush_20 {
    margin-left: 83.333333333%; }
  .npush_21 {
    margin-left: 87.5%; }
  .npush_22 {
    margin-left: 91.666666667%; }
  .npush_23 {
    margin-left: 95.833333333%; }
  .npush_24 {
    margin-left: 100%; }
  .npull_0 {
    margin-right: 0; }
  .npull_1 {
    margin-right: 4.166666667%; }
  .npull_2 {
    margin-right: 8.333333333%; }
  .npull_3 {
    margin-right: 12.5%; }
  .npull_4 {
    margin-right: 16.666666667%; }
  .npull_5 {
    margin-right: 20.833333333%; }
  .npull_6 {
    margin-right: 25%; }
  .npull_7 {
    margin-right: 29.166666667%; }
  .npull_8 {
    margin-right: 33.333333333%; }
  .npull_9 {
    margin-right: 37.5%; }
  .npull_10 {
    margin-right: 41.666666667%; }
  .npull_11 {
    margin-right: 45.833333333%; }
  .npull_12 {
    margin-right: 50%; }
  .npull_13 {
    margin-right: 54.166666667%; }
  .npull_14 {
    margin-right: 58.333333333%; }
  .npull_15 {
    margin-right: 62.5%; }
  .npull_16 {
    margin-right: 66.666666667%; }
  .npull_17 {
    margin-right: 70.833333333%; }
  .npull_18 {
    margin-right: 75%; }
  .npull_19 {
    margin-right: 79.166666667%; }
  .npull_20 {
    margin-right: 83.333333333%; }
  .npull_21 {
    margin-right: 87.5%; }
  .npull_22 {
    margin-right: 91.666666667%; }
  .npull_23 {
    margin-right: 95.833333333%; }
  .npull_24 {
    margin-right: 100%; }
  .nomega {
    float: right;
    margin-right: 0; } }

@media only screen and (max-width: 1024px) {
  .tspan_1, .tspan_2, .tspan_3, .tspan_4, .tspan_5, .tspan_6, .tspan_7, .tspan_8, .tspan_9, .tspan_10, .tspan_11, .tspan_12, .tspan_13, .tspan_14, .tspan_15, .tspan_16, .tspan_17, .tspan_18, .tspan_19, .tspan_20, .tspan_21, .tspan_22, .tspan_23, .tspan_24 {
    float: left;
    margin-right: 0; }
  .tspan_0 {
    width: auto;
    float: none;
    margin-right: 0; }
  .tspan_1 {
    width: 4.166666667%; }
  .tspan_2 {
    width: 8.333333333%; }
  .tspan_3 {
    width: 12.5%; }
  .tspan_4 {
    width: 16.666666667%; }
  .tspan_5 {
    width: 20.833333333%; }
  .tspan_6 {
    width: 25%; }
  .tspan_7 {
    width: 29.166666667%; }
  .tspan_8 {
    width: 33.333333333%; }
  .tspan_9 {
    width: 37.5%; }
  .tspan_10 {
    width: 41.666666667%; }
  .tspan_11 {
    width: 45.833333333%; }
  .tspan_12 {
    width: 50%; }
  .tspan_13 {
    width: 54.166666667%; }
  .tspan_14 {
    width: 58.333333333%; }
  .tspan_15 {
    width: 62.5%; }
  .tspan_16 {
    width: 66.666666667%; }
  .tspan_17 {
    width: 70.833333333%; }
  .tspan_18 {
    width: 75%; }
  .tspan_19 {
    width: 79.166666667%; }
  .tspan_20 {
    width: 83.333333333%; }
  .tspan_21 {
    width: 87.5%; }
  .tspan_22 {
    width: 91.666666667%; }
  .tspan_23 {
    width: 95.833333333%; }
  .tspan_24 {
    width: 100%; }
  .tpush_0 {
    margin-left: 0; }
  .tpush_1 {
    margin-left: 4.166666667%; }
  .tpush_2 {
    margin-left: 8.333333333%; }
  .tpush_3 {
    margin-left: 12.5%; }
  .tpush_4 {
    margin-left: 16.666666667%; }
  .tpush_5 {
    margin-left: 20.833333333%; }
  .tpush_6 {
    margin-left: 25%; }
  .tpush_7 {
    margin-left: 29.166666667%; }
  .tpush_8 {
    margin-left: 33.333333333%; }
  .tpush_9 {
    margin-left: 37.5%; }
  .tpush_10 {
    margin-left: 41.666666667%; }
  .tpush_11 {
    margin-left: 45.833333333%; }
  .tpush_12 {
    margin-left: 50%; }
  .tpush_13 {
    margin-left: 54.166666667%; }
  .tpush_14 {
    margin-left: 58.333333333%; }
  .tpush_15 {
    margin-left: 62.5%; }
  .tpush_16 {
    margin-left: 66.666666667%; }
  .tpush_17 {
    margin-left: 70.833333333%; }
  .tpush_18 {
    margin-left: 75%; }
  .tpush_19 {
    margin-left: 79.166666667%; }
  .tpush_20 {
    margin-left: 83.333333333%; }
  .tpush_21 {
    margin-left: 87.5%; }
  .tpush_22 {
    margin-left: 91.666666667%; }
  .tpush_23 {
    margin-left: 95.833333333%; }
  .tpush_24 {
    margin-left: 100%; }
  .tpull_0 {
    margin-right: 0; }
  .tpull_1 {
    margin-right: 4.166666667%; }
  .tpull_2 {
    margin-right: 8.333333333%; }
  .tpull_3 {
    margin-right: 12.5%; }
  .tpull_4 {
    margin-right: 16.666666667%; }
  .tpull_5 {
    margin-right: 20.833333333%; }
  .tpull_6 {
    margin-right: 25%; }
  .tpull_7 {
    margin-right: 29.166666667%; }
  .tpull_8 {
    margin-right: 33.333333333%; }
  .tpull_9 {
    margin-right: 37.5%; }
  .tpull_10 {
    margin-right: 41.666666667%; }
  .tpull_11 {
    margin-right: 45.833333333%; }
  .tpull_12 {
    margin-right: 50%; }
  .tpull_13 {
    margin-right: 54.166666667%; }
  .tpull_14 {
    margin-right: 58.333333333%; }
  .tpull_15 {
    margin-right: 62.5%; }
  .tpull_16 {
    margin-right: 66.666666667%; }
  .tpull_17 {
    margin-right: 70.833333333%; }
  .tpull_18 {
    margin-right: 75%; }
  .tpull_19 {
    margin-right: 79.166666667%; }
  .tpull_20 {
    margin-right: 83.333333333%; }
  .tpull_21 {
    margin-right: 87.5%; }
  .tpull_22 {
    margin-right: 91.666666667%; }
  .tpull_23 {
    margin-right: 95.833333333%; }
  .tpull_24 {
    margin-right: 100%; }
  .tomega {
    float: right;
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .sspan_1, .sspan_2, .sspan_3, .sspan_4, .sspan_5, .sspan_6, .sspan_7, .sspan_8, .sspan_9, .sspan_10, .sspan_11, .sspan_12, .sspan_13, .sspan_14, .sspan_15, .sspan_16, .sspan_17, .sspan_18, .sspan_19, .sspan_20, .sspan_21, .sspan_22, .sspan_23, .sspan_24 {
    float: left;
    margin-right: 0; }
  .sspan_0 {
    width: auto;
    float: none;
    margin-right: 0; }
  .sspan_1 {
    width: 4.166666667%; }
  .sspan_2 {
    width: 8.333333333%; }
  .sspan_3 {
    width: 12.5%; }
  .sspan_4 {
    width: 16.666666667%; }
  .sspan_5 {
    width: 20.833333333%; }
  .sspan_6 {
    width: 25%; }
  .sspan_7 {
    width: 29.166666667%; }
  .sspan_8 {
    width: 33.333333333%; }
  .sspan_9 {
    width: 37.5%; }
  .sspan_10 {
    width: 41.666666667%; }
  .sspan_11 {
    width: 45.833333333%; }
  .sspan_12 {
    width: 50%; }
  .sspan_13 {
    width: 54.166666667%; }
  .sspan_14 {
    width: 58.333333333%; }
  .sspan_15 {
    width: 62.5%; }
  .sspan_16 {
    width: 66.666666667%; }
  .sspan_17 {
    width: 70.833333333%; }
  .sspan_18 {
    width: 75%; }
  .sspan_19 {
    width: 79.166666667%; }
  .sspan_20 {
    width: 83.333333333%; }
  .sspan_21 {
    width: 87.5%; }
  .sspan_22 {
    width: 91.666666667%; }
  .sspan_23 {
    width: 95.833333333%; }
  .sspan_24 {
    width: 100%; }
  .spush_0 {
    margin-left: 0; }
  .spush_1 {
    margin-left: 4.166666667%; }
  .spush_2 {
    margin-left: 8.333333333%; }
  .spush_3 {
    margin-left: 12.5%; }
  .spush_4 {
    margin-left: 16.666666667%; }
  .spush_5 {
    margin-left: 20.833333333%; }
  .spush_6 {
    margin-left: 25%; }
  .spush_7 {
    margin-left: 29.166666667%; }
  .spush_8 {
    margin-left: 33.333333333%; }
  .spush_9 {
    margin-left: 37.5%; }
  .spush_10 {
    margin-left: 41.666666667%; }
  .spush_11 {
    margin-left: 45.833333333%; }
  .spush_12 {
    margin-left: 50%; }
  .spush_13 {
    margin-left: 54.166666667%; }
  .spush_14 {
    margin-left: 58.333333333%; }
  .spush_15 {
    margin-left: 62.5%; }
  .spush_16 {
    margin-left: 66.666666667%; }
  .spush_17 {
    margin-left: 70.833333333%; }
  .spush_18 {
    margin-left: 75%; }
  .spush_19 {
    margin-left: 79.166666667%; }
  .spush_20 {
    margin-left: 83.333333333%; }
  .spush_21 {
    margin-left: 87.5%; }
  .spush_22 {
    margin-left: 91.666666667%; }
  .spush_23 {
    margin-left: 95.833333333%; }
  .spush_24 {
    margin-left: 100%; }
  .spull_0 {
    margin-right: 0; }
  .spull_1 {
    margin-right: 4.166666667%; }
  .spull_2 {
    margin-right: 8.333333333%; }
  .spull_3 {
    margin-right: 12.5%; }
  .spull_4 {
    margin-right: 16.666666667%; }
  .spull_5 {
    margin-right: 20.833333333%; }
  .spull_6 {
    margin-right: 25%; }
  .spull_7 {
    margin-right: 29.166666667%; }
  .spull_8 {
    margin-right: 33.333333333%; }
  .spull_9 {
    margin-right: 37.5%; }
  .spull_10 {
    margin-right: 41.666666667%; }
  .spull_11 {
    margin-right: 45.833333333%; }
  .spull_12 {
    margin-right: 50%; }
  .spull_13 {
    margin-right: 54.166666667%; }
  .spull_14 {
    margin-right: 58.333333333%; }
  .spull_15 {
    margin-right: 62.5%; }
  .spull_16 {
    margin-right: 66.666666667%; }
  .spull_17 {
    margin-right: 70.833333333%; }
  .spull_18 {
    margin-right: 75%; }
  .spull_19 {
    margin-right: 79.166666667%; }
  .spull_20 {
    margin-right: 83.333333333%; }
  .spull_21 {
    margin-right: 87.5%; }
  .spull_22 {
    margin-right: 91.666666667%; }
  .spull_23 {
    margin-right: 95.833333333%; }
  .spull_24 {
    margin-right: 100%; }
  .somega {
    float: right;
    margin-right: 0; } }

.ptxxs {
  padding-top: 0.425em; }

.prxxs {
  padding-right: 0.425em; }

.pbxxs {
  padding-bottom: 0.425em; }

.plxxs {
  padding-left: 0.425em; }

.phxxs {
  padding-left: 0.425em;
  padding-right: 0.425em; }

.pvxxs {
  padding-top: 0.425em;
  padding-bottom: 0.425em; }

.ptxs {
  padding-top: 0.85em; }

.prxs {
  padding-right: 0.85em; }

.pbxs {
  padding-bottom: 0.85em; }

.plxs {
  padding-left: 0.85em; }

.phxs {
  padding-left: 0.85em;
  padding-right: 0.85em; }

.pvxs {
  padding-top: 0.85em;
  padding-bottom: 0.85em; }

.pts {
  padding-top: 1.275em; }

.prs {
  padding-right: 1.275em; }

.pbs {
  padding-bottom: 1.275em; }

.pls {
  padding-left: 1.275em; }

.phs {
  padding-left: 1.275em;
  padding-right: 1.275em; }

.pvs {
  padding-top: 1.275em;
  padding-bottom: 1.275em; }

.ptn {
  padding-top: 1.7em; }

.prn {
  padding-right: 1.7em; }

.pbn {
  padding-bottom: 1.7em; }

.pln {
  padding-left: 1.7em; }

.phn {
  padding-left: 1.7em;
  padding-right: 1.7em; }

.pvn {
  padding-top: 1.7em;
  padding-bottom: 1.7em; }

.ptm {
  padding-top: 2.55em; }

.prm {
  padding-right: 2.55em; }

.pbm {
  padding-bottom: 2.55em; }

.plm {
  padding-left: 2.55em; }

.phm {
  padding-left: 2.55em;
  padding-right: 2.55em; }

.pvm {
  padding-top: 2.55em;
  padding-bottom: 2.55em; }

.ptl {
  padding-top: 3.4em; }

.prl {
  padding-right: 3.4em; }

.pbl {
  padding-bottom: 3.4em; }

.pll {
  padding-left: 3.4em; }

.phl {
  padding-left: 3.4em;
  padding-right: 3.4em; }

.pvl {
  padding-top: 3.4em;
  padding-bottom: 3.4em; }

.ptxl {
  padding-top: 4.25em; }

.prxl {
  padding-right: 4.25em; }

.pbxl {
  padding-bottom: 4.25em; }

.plxl {
  padding-left: 4.25em; }

.phxl {
  padding-left: 4.25em;
  padding-right: 4.25em; }

.pvxl {
  padding-top: 4.25em;
  padding-bottom: 4.25em; }

.ptxxl {
  padding-top: 5.1em; }

.prxxl {
  padding-right: 5.1em; }

.pbxxl {
  padding-bottom: 5.1em; }

.plxxl {
  padding-left: 5.1em; }

.phxxl {
  padding-left: 5.1em;
  padding-right: 5.1em; }

.pvxxl {
  padding-top: 5.1em;
  padding-bottom: 5.1em; }

.ptxxxl {
  padding-top: 6.8em; }

.prxxxl {
  padding-right: 6.8em; }

.pbxxxl {
  padding-bottom: 6.8em; }

.plxxxl {
  padding-left: 6.8em; }

.phxxxl {
  padding-left: 6.8em;
  padding-right: 6.8em; }

.pvxxxl {
  padding-top: 6.8em;
  padding-bottom: 6.8em; }

.pt0 {
  padding-top: 0; }

.pr0 {
  padding-right: 0; }

.pb0 {
  padding-bottom: 0; }

.pl0 {
  padding-left: 0; }

.ph0 {
  padding-left: 0;
  padding-right: 0; }

.pv0 {
  padding-top: 0;
  padding-bottom: 0; }

@media only screen and (max-width: 1260px) {
  .nptxxs {
    padding-top: 0.425em; }
  .nprxxs {
    padding-right: 0.425em; }
  .npbxxs {
    padding-bottom: 0.425em; }
  .nplxxs {
    padding-left: 0.425em; }
  .nphxxs {
    padding-left: 0.425em;
    padding-right: 0.425em; }
  .npvxxs {
    padding-top: 0.425em;
    padding-bottom: 0.425em; }
  .nptxs {
    padding-top: 0.85em; }
  .nprxs {
    padding-right: 0.85em; }
  .npbxs {
    padding-bottom: 0.85em; }
  .nplxs {
    padding-left: 0.85em; }
  .nphxs {
    padding-left: 0.85em;
    padding-right: 0.85em; }
  .npvxs {
    padding-top: 0.85em;
    padding-bottom: 0.85em; }
  .npts {
    padding-top: 1.275em; }
  .nprs {
    padding-right: 1.275em; }
  .npbs {
    padding-bottom: 1.275em; }
  .npls {
    padding-left: 1.275em; }
  .nphs {
    padding-left: 1.275em;
    padding-right: 1.275em; }
  .npvs {
    padding-top: 1.275em;
    padding-bottom: 1.275em; }
  .nptn {
    padding-top: 1.7em; }
  .nprn {
    padding-right: 1.7em; }
  .npbn {
    padding-bottom: 1.7em; }
  .npln {
    padding-left: 1.7em; }
  .nphn {
    padding-left: 1.7em;
    padding-right: 1.7em; }
  .npvn {
    padding-top: 1.7em;
    padding-bottom: 1.7em; }
  .nptm {
    padding-top: 2.55em; }
  .nprm {
    padding-right: 2.55em; }
  .npbm {
    padding-bottom: 2.55em; }
  .nplm {
    padding-left: 2.55em; }
  .nphm {
    padding-left: 2.55em;
    padding-right: 2.55em; }
  .npvm {
    padding-top: 2.55em;
    padding-bottom: 2.55em; }
  .nptl {
    padding-top: 3.4em; }
  .nprl {
    padding-right: 3.4em; }
  .npbl {
    padding-bottom: 3.4em; }
  .npll {
    padding-left: 3.4em; }
  .nphl {
    padding-left: 3.4em;
    padding-right: 3.4em; }
  .npvl {
    padding-top: 3.4em;
    padding-bottom: 3.4em; }
  .nptxl {
    padding-top: 4.25em; }
  .nprxl {
    padding-right: 4.25em; }
  .npbxl {
    padding-bottom: 4.25em; }
  .nplxl {
    padding-left: 4.25em; }
  .nphxl {
    padding-left: 4.25em;
    padding-right: 4.25em; }
  .npvxl {
    padding-top: 4.25em;
    padding-bottom: 4.25em; }
  .nptxxl {
    padding-top: 5.1em; }
  .nprxxl {
    padding-right: 5.1em; }
  .npbxxl {
    padding-bottom: 5.1em; }
  .nplxxl {
    padding-left: 5.1em; }
  .nphxxl {
    padding-left: 5.1em;
    padding-right: 5.1em; }
  .npvxxl {
    padding-top: 5.1em;
    padding-bottom: 5.1em; }
  .nptxxxl {
    padding-top: 6.8em; }
  .nprxxxl {
    padding-right: 6.8em; }
  .npbxxxl {
    padding-bottom: 6.8em; }
  .nplxxxl {
    padding-left: 6.8em; }
  .nphxxxl {
    padding-left: 6.8em;
    padding-right: 6.8em; }
  .npvxxxl {
    padding-top: 6.8em;
    padding-bottom: 6.8em; }
  .npt0 {
    padding-top: 0; }
  .npr0 {
    padding-right: 0; }
  .npb0 {
    padding-bottom: 0; }
  .npl0 {
    padding-left: 0; }
  .nph0 {
    padding-left: 0;
    padding-right: 0; }
  .npv0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media only screen and (max-width: 1024px) {
  .tptxxs {
    padding-top: 0.425em; }
  .tprxxs {
    padding-right: 0.425em; }
  .tpbxxs {
    padding-bottom: 0.425em; }
  .tplxxs {
    padding-left: 0.425em; }
  .tphxxs {
    padding-left: 0.425em;
    padding-right: 0.425em; }
  .tpvxxs {
    padding-top: 0.425em;
    padding-bottom: 0.425em; }
  .tptxs {
    padding-top: 0.85em; }
  .tprxs {
    padding-right: 0.85em; }
  .tpbxs {
    padding-bottom: 0.85em; }
  .tplxs {
    padding-left: 0.85em; }
  .tphxs {
    padding-left: 0.85em;
    padding-right: 0.85em; }
  .tpvxs {
    padding-top: 0.85em;
    padding-bottom: 0.85em; }
  .tpts {
    padding-top: 1.275em; }
  .tprs {
    padding-right: 1.275em; }
  .tpbs {
    padding-bottom: 1.275em; }
  .tpls {
    padding-left: 1.275em; }
  .tphs {
    padding-left: 1.275em;
    padding-right: 1.275em; }
  .tpvs {
    padding-top: 1.275em;
    padding-bottom: 1.275em; }
  .tptn {
    padding-top: 1.7em; }
  .tprn {
    padding-right: 1.7em; }
  .tpbn {
    padding-bottom: 1.7em; }
  .tpln {
    padding-left: 1.7em; }
  .tphn {
    padding-left: 1.7em;
    padding-right: 1.7em; }
  .tpvn {
    padding-top: 1.7em;
    padding-bottom: 1.7em; }
  .tptm {
    padding-top: 2.55em; }
  .tprm {
    padding-right: 2.55em; }
  .tpbm {
    padding-bottom: 2.55em; }
  .tplm {
    padding-left: 2.55em; }
  .tphm {
    padding-left: 2.55em;
    padding-right: 2.55em; }
  .tpvm {
    padding-top: 2.55em;
    padding-bottom: 2.55em; }
  .tptl {
    padding-top: 3.4em; }
  .tprl {
    padding-right: 3.4em; }
  .tpbl {
    padding-bottom: 3.4em; }
  .tpll {
    padding-left: 3.4em; }
  .tphl {
    padding-left: 3.4em;
    padding-right: 3.4em; }
  .tpvl {
    padding-top: 3.4em;
    padding-bottom: 3.4em; }
  .tptxl {
    padding-top: 4.25em; }
  .tprxl {
    padding-right: 4.25em; }
  .tpbxl {
    padding-bottom: 4.25em; }
  .tplxl {
    padding-left: 4.25em; }
  .tphxl {
    padding-left: 4.25em;
    padding-right: 4.25em; }
  .tpvxl {
    padding-top: 4.25em;
    padding-bottom: 4.25em; }
  .tptxxl {
    padding-top: 5.1em; }
  .tprxxl {
    padding-right: 5.1em; }
  .tpbxxl {
    padding-bottom: 5.1em; }
  .tplxxl {
    padding-left: 5.1em; }
  .tphxxl {
    padding-left: 5.1em;
    padding-right: 5.1em; }
  .tpvxxl {
    padding-top: 5.1em;
    padding-bottom: 5.1em; }
  .tptxxxl {
    padding-top: 6.8em; }
  .tprxxxl {
    padding-right: 6.8em; }
  .tpbxxxl {
    padding-bottom: 6.8em; }
  .tplxxxl {
    padding-left: 6.8em; }
  .tphxxxl {
    padding-left: 6.8em;
    padding-right: 6.8em; }
  .tpvxxxl {
    padding-top: 6.8em;
    padding-bottom: 6.8em; }
  .tpt0 {
    padding-top: 0; }
  .tpr0 {
    padding-right: 0; }
  .tpb0 {
    padding-bottom: 0; }
  .tpl0 {
    padding-left: 0; }
  .tph0 {
    padding-left: 0;
    padding-right: 0; }
  .tpv0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .sptxxs {
    padding-top: 0.425em; }
  .sprxxs {
    padding-right: 0.425em; }
  .spbxxs {
    padding-bottom: 0.425em; }
  .splxxs {
    padding-left: 0.425em; }
  .sphxxs {
    padding-left: 0.425em;
    padding-right: 0.425em; }
  .spvxxs {
    padding-top: 0.425em;
    padding-bottom: 0.425em; }
  .sptxs {
    padding-top: 0.85em; }
  .sprxs {
    padding-right: 0.85em; }
  .spbxs {
    padding-bottom: 0.85em; }
  .splxs {
    padding-left: 0.85em; }
  .sphxs {
    padding-left: 0.85em;
    padding-right: 0.85em; }
  .spvxs {
    padding-top: 0.85em;
    padding-bottom: 0.85em; }
  .spts {
    padding-top: 1.275em; }
  .sprs {
    padding-right: 1.275em; }
  .spbs {
    padding-bottom: 1.275em; }
  .spls {
    padding-left: 1.275em; }
  .sphs {
    padding-left: 1.275em;
    padding-right: 1.275em; }
  .spvs {
    padding-top: 1.275em;
    padding-bottom: 1.275em; }
  .sptn {
    padding-top: 1.7em; }
  .sprn {
    padding-right: 1.7em; }
  .spbn {
    padding-bottom: 1.7em; }
  .spln {
    padding-left: 1.7em; }
  .sphn {
    padding-left: 1.7em;
    padding-right: 1.7em; }
  .spvn {
    padding-top: 1.7em;
    padding-bottom: 1.7em; }
  .sptm {
    padding-top: 2.55em; }
  .sprm {
    padding-right: 2.55em; }
  .spbm {
    padding-bottom: 2.55em; }
  .splm {
    padding-left: 2.55em; }
  .sphm {
    padding-left: 2.55em;
    padding-right: 2.55em; }
  .spvm {
    padding-top: 2.55em;
    padding-bottom: 2.55em; }
  .sptl {
    padding-top: 3.4em; }
  .sprl {
    padding-right: 3.4em; }
  .spbl {
    padding-bottom: 3.4em; }
  .spll {
    padding-left: 3.4em; }
  .sphl {
    padding-left: 3.4em;
    padding-right: 3.4em; }
  .spvl {
    padding-top: 3.4em;
    padding-bottom: 3.4em; }
  .sptxl {
    padding-top: 4.25em; }
  .sprxl {
    padding-right: 4.25em; }
  .spbxl {
    padding-bottom: 4.25em; }
  .splxl {
    padding-left: 4.25em; }
  .sphxl {
    padding-left: 4.25em;
    padding-right: 4.25em; }
  .spvxl {
    padding-top: 4.25em;
    padding-bottom: 4.25em; }
  .sptxxl {
    padding-top: 5.1em; }
  .sprxxl {
    padding-right: 5.1em; }
  .spbxxl {
    padding-bottom: 5.1em; }
  .splxxl {
    padding-left: 5.1em; }
  .sphxxl {
    padding-left: 5.1em;
    padding-right: 5.1em; }
  .spvxxl {
    padding-top: 5.1em;
    padding-bottom: 5.1em; }
  .sptxxxl {
    padding-top: 6.8em; }
  .sprxxxl {
    padding-right: 6.8em; }
  .spbxxxl {
    padding-bottom: 6.8em; }
  .splxxxl {
    padding-left: 6.8em; }
  .sphxxxl {
    padding-left: 6.8em;
    padding-right: 6.8em; }
  .spvxxxl {
    padding-top: 6.8em;
    padding-bottom: 6.8em; }
  .spt0 {
    padding-top: 0; }
  .spr0 {
    padding-right: 0; }
  .spb0 {
    padding-bottom: 0; }
  .spl0 {
    padding-left: 0; }
  .sph0 {
    padding-left: 0;
    padding-right: 0; }
  .spv0 {
    padding-top: 0;
    padding-bottom: 0; } }

.mtxxs {
  margin-top: 0.425em; }

.mrxxs {
  margin-right: 0.425em; }

.mbxxs {
  margin-bottom: 0.425em; }

.mlxxs {
  margin-left: 0.425em; }

.mhxxs {
  margin-left: 0.425em;
  margin-right: 0.425em; }

.mvxxs {
  margin-top: 0.425em;
  margin-bottom: 0.425em; }

.mtxs {
  margin-top: 0.85em; }

.mrxs {
  margin-right: 0.85em; }

.mbxs {
  margin-bottom: 0.85em; }

.mlxs {
  margin-left: 0.85em; }

.mhxs {
  margin-left: 0.85em;
  margin-right: 0.85em; }

.mvxs {
  margin-top: 0.85em;
  margin-bottom: 0.85em; }

.mts {
  margin-top: 1.275em; }

.mrs {
  margin-right: 1.275em; }

.mbs {
  margin-bottom: 1.275em; }

.mls {
  margin-left: 1.275em; }

.mhs {
  margin-left: 1.275em;
  margin-right: 1.275em; }

.mvs {
  margin-top: 1.275em;
  margin-bottom: 1.275em; }

.mtn {
  margin-top: 1.7em; }

.mrn {
  margin-right: 1.7em; }

.mbn {
  margin-bottom: 1.7em; }

.mln {
  margin-left: 1.7em; }

.mhn {
  margin-left: 1.7em;
  margin-right: 1.7em; }

.mvn {
  margin-top: 1.7em;
  margin-bottom: 1.7em; }

.mtm {
  margin-top: 2.55em; }

.mrm {
  margin-right: 2.55em; }

.mbm {
  margin-bottom: 2.55em; }

.mlm {
  margin-left: 2.55em; }

.mhm {
  margin-left: 2.55em;
  margin-right: 2.55em; }

.mvm {
  margin-top: 2.55em;
  margin-bottom: 2.55em; }

.mtl {
  margin-top: 3.4em; }

.mrl {
  margin-right: 3.4em; }

.mbl {
  margin-bottom: 3.4em; }

.mll {
  margin-left: 3.4em; }

.mhl {
  margin-left: 3.4em;
  margin-right: 3.4em; }

.mvl {
  margin-top: 3.4em;
  margin-bottom: 3.4em; }

.mtxl {
  margin-top: 4.25em; }

.mrxl {
  margin-right: 4.25em; }

.mbxl {
  margin-bottom: 4.25em; }

.mlxl {
  margin-left: 4.25em; }

.mhxl {
  margin-left: 4.25em;
  margin-right: 4.25em; }

.mvxl {
  margin-top: 4.25em;
  margin-bottom: 4.25em; }

.mtxxl {
  margin-top: 5.1em; }

.mrxxl {
  margin-right: 5.1em; }

.mbxxl {
  margin-bottom: 5.1em; }

.mlxxl {
  margin-left: 5.1em; }

.mhxxl {
  margin-left: 5.1em;
  margin-right: 5.1em; }

.mvxxl {
  margin-top: 5.1em;
  margin-bottom: 5.1em; }

.mtxxxl {
  margin-top: 6.8em; }

.mrxxxl {
  margin-right: 6.8em; }

.mbxxxl {
  margin-bottom: 6.8em; }

.mlxxxl {
  margin-left: 6.8em; }

.mhxxxl {
  margin-left: 6.8em;
  margin-right: 6.8em; }

.mvxxxl {
  margin-top: 6.8em;
  margin-bottom: 6.8em; }

.mt0 {
  margin-top: 0; }

.mr0 {
  margin-right: 0; }

.mb0 {
  margin-bottom: 0; }

.ml0 {
  margin-left: 0; }

.mh0 {
  margin-left: 0;
  margin-right: 0; }

.mv0 {
  margin-top: 0;
  margin-bottom: 0; }

@media only screen and (max-width: 1260px) {
  .nmtxxs {
    margin-top: 0.425em; }
  .nmrxxs {
    margin-right: 0.425em; }
  .nmbxxs {
    margin-bottom: 0.425em; }
  .nmlxxs {
    margin-left: 0.425em; }
  .nmhxxs {
    margin-left: 0.425em;
    margin-right: 0.425em; }
  .nmvxxs {
    margin-top: 0.425em;
    margin-bottom: 0.425em; }
  .nmtxs {
    margin-top: 0.85em; }
  .nmrxs {
    margin-right: 0.85em; }
  .nmbxs {
    margin-bottom: 0.85em; }
  .nmlxs {
    margin-left: 0.85em; }
  .nmhxs {
    margin-left: 0.85em;
    margin-right: 0.85em; }
  .nmvxs {
    margin-top: 0.85em;
    margin-bottom: 0.85em; }
  .nmts {
    margin-top: 1.275em; }
  .nmrs {
    margin-right: 1.275em; }
  .nmbs {
    margin-bottom: 1.275em; }
  .nmls {
    margin-left: 1.275em; }
  .nmhs {
    margin-left: 1.275em;
    margin-right: 1.275em; }
  .nmvs {
    margin-top: 1.275em;
    margin-bottom: 1.275em; }
  .nmtn {
    margin-top: 1.7em; }
  .nmrn {
    margin-right: 1.7em; }
  .nmbn {
    margin-bottom: 1.7em; }
  .nmln {
    margin-left: 1.7em; }
  .nmhn {
    margin-left: 1.7em;
    margin-right: 1.7em; }
  .nmvn {
    margin-top: 1.7em;
    margin-bottom: 1.7em; }
  .nmtm {
    margin-top: 2.55em; }
  .nmrm {
    margin-right: 2.55em; }
  .nmbm {
    margin-bottom: 2.55em; }
  .nmlm {
    margin-left: 2.55em; }
  .nmhm {
    margin-left: 2.55em;
    margin-right: 2.55em; }
  .nmvm {
    margin-top: 2.55em;
    margin-bottom: 2.55em; }
  .nmtl {
    margin-top: 3.4em; }
  .nmrl {
    margin-right: 3.4em; }
  .nmbl {
    margin-bottom: 3.4em; }
  .nmll {
    margin-left: 3.4em; }
  .nmhl {
    margin-left: 3.4em;
    margin-right: 3.4em; }
  .nmvl {
    margin-top: 3.4em;
    margin-bottom: 3.4em; }
  .nmtxl {
    margin-top: 4.25em; }
  .nmrxl {
    margin-right: 4.25em; }
  .nmbxl {
    margin-bottom: 4.25em; }
  .nmlxl {
    margin-left: 4.25em; }
  .nmhxl {
    margin-left: 4.25em;
    margin-right: 4.25em; }
  .nmvxl {
    margin-top: 4.25em;
    margin-bottom: 4.25em; }
  .nmtxxl {
    margin-top: 5.1em; }
  .nmrxxl {
    margin-right: 5.1em; }
  .nmbxxl {
    margin-bottom: 5.1em; }
  .nmlxxl {
    margin-left: 5.1em; }
  .nmhxxl {
    margin-left: 5.1em;
    margin-right: 5.1em; }
  .nmvxxl {
    margin-top: 5.1em;
    margin-bottom: 5.1em; }
  .nmtxxxl {
    margin-top: 6.8em; }
  .nmrxxxl {
    margin-right: 6.8em; }
  .nmbxxxl {
    margin-bottom: 6.8em; }
  .nmlxxxl {
    margin-left: 6.8em; }
  .nmhxxxl {
    margin-left: 6.8em;
    margin-right: 6.8em; }
  .nmvxxxl {
    margin-top: 6.8em;
    margin-bottom: 6.8em; }
  .nmt0 {
    margin-top: 0; }
  .nmr0 {
    margin-right: 0; }
  .nmb0 {
    margin-bottom: 0; }
  .nml0 {
    margin-left: 0; }
  .nmh0 {
    margin-left: 0;
    margin-right: 0; }
  .nmv0 {
    margin-top: 0;
    margin-bottom: 0; } }

@media only screen and (max-width: 1024px) {
  .tmtxxs {
    margin-top: 0.425em; }
  .tmrxxs {
    margin-right: 0.425em; }
  .tmbxxs {
    margin-bottom: 0.425em; }
  .tmlxxs {
    margin-left: 0.425em; }
  .tmhxxs {
    margin-left: 0.425em;
    margin-right: 0.425em; }
  .tmvxxs {
    margin-top: 0.425em;
    margin-bottom: 0.425em; }
  .tmtxs {
    margin-top: 0.85em; }
  .tmrxs {
    margin-right: 0.85em; }
  .tmbxs {
    margin-bottom: 0.85em; }
  .tmlxs {
    margin-left: 0.85em; }
  .tmhxs {
    margin-left: 0.85em;
    margin-right: 0.85em; }
  .tmvxs {
    margin-top: 0.85em;
    margin-bottom: 0.85em; }
  .tmts {
    margin-top: 1.275em; }
  .tmrs {
    margin-right: 1.275em; }
  .tmbs {
    margin-bottom: 1.275em; }
  .tmls {
    margin-left: 1.275em; }
  .tmhs {
    margin-left: 1.275em;
    margin-right: 1.275em; }
  .tmvs {
    margin-top: 1.275em;
    margin-bottom: 1.275em; }
  .tmtn {
    margin-top: 1.7em; }
  .tmrn {
    margin-right: 1.7em; }
  .tmbn {
    margin-bottom: 1.7em; }
  .tmln {
    margin-left: 1.7em; }
  .tmhn {
    margin-left: 1.7em;
    margin-right: 1.7em; }
  .tmvn {
    margin-top: 1.7em;
    margin-bottom: 1.7em; }
  .tmtm {
    margin-top: 2.55em; }
  .tmrm {
    margin-right: 2.55em; }
  .tmbm {
    margin-bottom: 2.55em; }
  .tmlm {
    margin-left: 2.55em; }
  .tmhm {
    margin-left: 2.55em;
    margin-right: 2.55em; }
  .tmvm {
    margin-top: 2.55em;
    margin-bottom: 2.55em; }
  .tmtl {
    margin-top: 3.4em; }
  .tmrl {
    margin-right: 3.4em; }
  .tmbl {
    margin-bottom: 3.4em; }
  .tmll {
    margin-left: 3.4em; }
  .tmhl {
    margin-left: 3.4em;
    margin-right: 3.4em; }
  .tmvl {
    margin-top: 3.4em;
    margin-bottom: 3.4em; }
  .tmtxl {
    margin-top: 4.25em; }
  .tmrxl {
    margin-right: 4.25em; }
  .tmbxl {
    margin-bottom: 4.25em; }
  .tmlxl {
    margin-left: 4.25em; }
  .tmhxl {
    margin-left: 4.25em;
    margin-right: 4.25em; }
  .tmvxl {
    margin-top: 4.25em;
    margin-bottom: 4.25em; }
  .tmtxxl {
    margin-top: 5.1em; }
  .tmrxxl {
    margin-right: 5.1em; }
  .tmbxxl {
    margin-bottom: 5.1em; }
  .tmlxxl {
    margin-left: 5.1em; }
  .tmhxxl {
    margin-left: 5.1em;
    margin-right: 5.1em; }
  .tmvxxl {
    margin-top: 5.1em;
    margin-bottom: 5.1em; }
  .tmtxxxl {
    margin-top: 6.8em; }
  .tmrxxxl {
    margin-right: 6.8em; }
  .tmbxxxl {
    margin-bottom: 6.8em; }
  .tmlxxxl {
    margin-left: 6.8em; }
  .tmhxxxl {
    margin-left: 6.8em;
    margin-right: 6.8em; }
  .tmvxxxl {
    margin-top: 6.8em;
    margin-bottom: 6.8em; }
  .tmt0 {
    margin-top: 0; }
  .tmr0 {
    margin-right: 0; }
  .tmb0 {
    margin-bottom: 0; }
  .tml0 {
    margin-left: 0; }
  .tmh0 {
    margin-left: 0;
    margin-right: 0; }
  .tmv0 {
    margin-top: 0;
    margin-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .smtxxs {
    margin-top: 0.425em; }
  .smrxxs {
    margin-right: 0.425em; }
  .smbxxs {
    margin-bottom: 0.425em; }
  .smlxxs {
    margin-left: 0.425em; }
  .smhxxs {
    margin-left: 0.425em;
    margin-right: 0.425em; }
  .smvxxs {
    margin-top: 0.425em;
    margin-bottom: 0.425em; }
  .smtxs {
    margin-top: 0.85em; }
  .smrxs {
    margin-right: 0.85em; }
  .smbxs {
    margin-bottom: 0.85em; }
  .smlxs {
    margin-left: 0.85em; }
  .smhxs {
    margin-left: 0.85em;
    margin-right: 0.85em; }
  .smvxs {
    margin-top: 0.85em;
    margin-bottom: 0.85em; }
  .smts {
    margin-top: 1.275em; }
  .smrs {
    margin-right: 1.275em; }
  .smbs {
    margin-bottom: 1.275em; }
  .smls {
    margin-left: 1.275em; }
  .smhs {
    margin-left: 1.275em;
    margin-right: 1.275em; }
  .smvs {
    margin-top: 1.275em;
    margin-bottom: 1.275em; }
  .smtn {
    margin-top: 1.7em; }
  .smrn {
    margin-right: 1.7em; }
  .smbn {
    margin-bottom: 1.7em; }
  .smln {
    margin-left: 1.7em; }
  .smhn {
    margin-left: 1.7em;
    margin-right: 1.7em; }
  .smvn {
    margin-top: 1.7em;
    margin-bottom: 1.7em; }
  .smtm {
    margin-top: 2.55em; }
  .smrm {
    margin-right: 2.55em; }
  .smbm {
    margin-bottom: 2.55em; }
  .smlm {
    margin-left: 2.55em; }
  .smhm {
    margin-left: 2.55em;
    margin-right: 2.55em; }
  .smvm {
    margin-top: 2.55em;
    margin-bottom: 2.55em; }
  .smtl {
    margin-top: 3.4em; }
  .smrl {
    margin-right: 3.4em; }
  .smbl {
    margin-bottom: 3.4em; }
  .smll {
    margin-left: 3.4em; }
  .smhl {
    margin-left: 3.4em;
    margin-right: 3.4em; }
  .smvl {
    margin-top: 3.4em;
    margin-bottom: 3.4em; }
  .smtxl {
    margin-top: 4.25em; }
  .smrxl {
    margin-right: 4.25em; }
  .smbxl {
    margin-bottom: 4.25em; }
  .smlxl {
    margin-left: 4.25em; }
  .smhxl {
    margin-left: 4.25em;
    margin-right: 4.25em; }
  .smvxl {
    margin-top: 4.25em;
    margin-bottom: 4.25em; }
  .smtxxl {
    margin-top: 5.1em; }
  .smrxxl {
    margin-right: 5.1em; }
  .smbxxl {
    margin-bottom: 5.1em; }
  .smlxxl {
    margin-left: 5.1em; }
  .smhxxl {
    margin-left: 5.1em;
    margin-right: 5.1em; }
  .smvxxl {
    margin-top: 5.1em;
    margin-bottom: 5.1em; }
  .smtxxxl {
    margin-top: 6.8em; }
  .smrxxxl {
    margin-right: 6.8em; }
  .smbxxxl {
    margin-bottom: 6.8em; }
  .smlxxxl {
    margin-left: 6.8em; }
  .smhxxxl {
    margin-left: 6.8em;
    margin-right: 6.8em; }
  .smvxxxl {
    margin-top: 6.8em;
    margin-bottom: 6.8em; }
  .smt0 {
    margin-top: 0; }
  .smr0 {
    margin-right: 0; }
  .smb0 {
    margin-bottom: 0; }
  .sml0 {
    margin-left: 0; }
  .smh0 {
    margin-left: 0;
    margin-right: 0; }
  .smv0 {
    margin-top: 0;
    margin-bottom: 0; } }

.di {
  display: inline; }

.db {
  display: block; }

.dib {
  display: inline-block; }

.dt {
  display: table; }

.dtr {
  display: table-row; }

.dtc {
  display: table-cell; }

.h {
  display: none; }

@media only screen and (max-width: 1260px) {
  .ndi {
    display: inline; }
  .ndb {
    display: block; }
  .ndib {
    display: inline-block; }
  .ndt {
    display: table; }
  .ndtr {
    display: table-row; }
  .ndtc {
    display: table-cell; }
  .nh {
    display: none; } }

@media only screen and (max-width: 1024px) {
  .tdi {
    display: inline; }
  .tdb {
    display: block; }
  .tdib {
    display: inline-block; }
  .tdt {
    display: table; }
  .tdtr {
    display: table-row; }
  .tdtc {
    display: table-cell; }
  .th {
    display: none; } }

@media only screen and (max-width: 767px) {
  .sdi {
    display: inline; }
  .sdb {
    display: block; }
  .sdib {
    display: inline-block; }
  .sdt {
    display: table; }
  .sdtr {
    display: table-row; }
  .sdtc {
    display: table-cell; }
  .sh {
    display: none; } }

.w0 {
  width: 0; }

.w100 {
  width: 100%; }

.h0 {
  height: 0; }

.h100 {
  height: 100%; }

@media only screen and (max-width: 1260px) {
  .nw0 {
    width: 0; }
  .nw100 {
    width: 100%; }
  .nh0 {
    height: 0; }
  .nh100 {
    height: 100%; } }

@media only screen and (max-width: 1024px) {
  .tw0 {
    width: 0; }
  .tw100 {
    width: 100%; }
  .th0 {
    height: 0; }
  .th100 {
    height: 100%; } }

@media only screen and (max-width: 767px) {
  .sw0 {
    width: 0; }
  .sw100 {
    width: 100%; }
  .sh0 {
    height: 0; }
  .sh100 {
    height: 100%; } }

.t0 {
  top: 0; }

.t100 {
  top: 100%; }

.r0 {
  right: 0; }

.r100 {
  right: 100%; }

.b0 {
  bottom: 0; }

.b100 {
  bottom: 100%; }

.l0 {
  left: 0; }

.l100 {
  left: 100%; }

.pos {
  position: static; }

.por {
  position: relative; }

.poa {
  position: absolute; }

.pof {
  position: fixed; }

@media only screen and (max-width: 1260px) {
  .nt0 {
    top: 0; }
  .nt100 {
    top: 100%; }
  .nr0 {
    right: 0; }
  .nr100 {
    right: 100%; }
  .nb0 {
    bottom: 0; }
  .nb100 {
    bottom: 100%; }
  .nl0 {
    left: 0; }
  .nl100 {
    left: 100%; }
  .npos {
    position: static; }
  .npor {
    position: relative; }
  .npoa {
    position: absolute; }
  .npof {
    position: fixed; } }

@media only screen and (max-width: 1024px) {
  .tt0 {
    top: 0; }
  .tt100 {
    top: 100%; }
  .tr0 {
    right: 0; }
  .tr100 {
    right: 100%; }
  .tb0 {
    bottom: 0; }
  .tb100 {
    bottom: 100%; }
  .tl0 {
    left: 0; }
  .tl100 {
    left: 100%; }
  .tpos {
    position: static; }
  .tpor {
    position: relative; }
  .tpoa {
    position: absolute; }
  .tpof {
    position: fixed; } }

@media only screen and (max-width: 767px) {
  .st0 {
    top: 0; }
  .st100 {
    top: 100%; }
  .sr0 {
    right: 0; }
  .sr100 {
    right: 100%; }
  .sb0 {
    bottom: 0; }
  .sb100 {
    bottom: 100%; }
  .sl0 {
    left: 0; }
  .sl100 {
    left: 100%; }
  .spos {
    position: static; }
  .spor {
    position: relative; }
  .spoa {
    position: absolute; }
  .spof {
    position: fixed; } }

.tal {
  text-align: left; }

.tac {
  text-align: center; }

.tar {
  text-align: right; }

.taj {
  text-align: justify; }

@media only screen and (max-width: 1260px) {
  .ntal {
    text-align: left; }
  .ntac {
    text-align: center; }
  .ntar {
    text-align: right; }
  .ntaj {
    text-align: justify; } }

@media only screen and (max-width: 1024px) {
  .ttal {
    text-align: left; }
  .ttac {
    text-align: center; }
  .ttar {
    text-align: right; }
  .ttaj {
    text-align: justify; } }

@media only screen and (max-width: 767px) {
  .stal {
    text-align: left; }
  .stac {
    text-align: center; }
  .star {
    text-align: right; }
  .staj {
    text-align: justify; } }

.vat {
  vertical-align: top; }

.vam {
  vertical-align: middle; }

.vab {
  vertical-align: bottom; }

@media only screen and (max-width: 1260px) {
  .nvat {
    vertical-align: top; }
  .nvam {
    vertical-align: middle; }
  .nvab {
    vertical-align: bottom; } }

@media only screen and (max-width: 1024px) {
  .tvat {
    vertical-align: top; }
  .tvam {
    vertical-align: middle; }
  .tvab {
    vertical-align: bottom; } }

@media only screen and (max-width: 767px) {
  .svat {
    vertical-align: top; }
  .svam {
    vertical-align: middle; }
  .svab {
    vertical-align: bottom; } }

.fz-8 {
  font-size: 8px; }

.fz-10 {
  font-size: 10px; }

.fz-12 {
  font-size: 12px; }

.fz-14 {
  font-size: 14px; }

.fz-16 {
  font-size: 16px; }

.fz-18 {
  font-size: 18px; }

.fz-20 {
  font-size: 20px; }

.fz-22 {
  font-size: 22px; }

.fz-24 {
  font-size: 24px; }

.fz-26 {
  font-size: 26px; }

.fz-36 {
  font-size: 36px; }

.fz-48 {
  font-size: 48px; }

@media only screen and (max-width: 1260px) {
  .nfz-8 {
    font-size: 8px; }
  .nfz-10 {
    font-size: 10px; }
  .nfz-12 {
    font-size: 12px; }
  .nfz-14 {
    font-size: 14px; }
  .nfz-16 {
    font-size: 16px; }
  .nfz-18 {
    font-size: 18px; }
  .nfz-20 {
    font-size: 20px; }
  .nfz-22 {
    font-size: 22px; }
  .nfz-24 {
    font-size: 24px; }
  .nfz-26 {
    font-size: 26px; }
  .nfz-36 {
    font-size: 36px; }
  .nfz-48 {
    font-size: 48px; } }

@media only screen and (max-width: 1024px) {
  .tfz-8 {
    font-size: 8px; }
  .tfz-10 {
    font-size: 10px; }
  .tfz-12 {
    font-size: 12px; }
  .tfz-14 {
    font-size: 14px; }
  .tfz-16 {
    font-size: 16px; }
  .tfz-18 {
    font-size: 18px; }
  .tfz-20 {
    font-size: 20px; }
  .tfz-22 {
    font-size: 22px; }
  .tfz-24 {
    font-size: 24px; }
  .tfz-26 {
    font-size: 26px; }
  .tfz-36 {
    font-size: 36px; }
  .tfz-48 {
    font-size: 48px; } }

@media only screen and (max-width: 767px) {
  .sfz-8 {
    font-size: 8px; }
  .sfz-10 {
    font-size: 10px; }
  .sfz-12 {
    font-size: 12px; }
  .sfz-14 {
    font-size: 14px; }
  .sfz-16 {
    font-size: 16px; }
  .sfz-18 {
    font-size: 18px; }
  .sfz-20 {
    font-size: 20px; }
  .sfz-22 {
    font-size: 22px; }
  .sfz-24 {
    font-size: 24px; }
  .sfz-26 {
    font-size: 26px; }
  .sfz-36 {
    font-size: 36px; }
  .sfz-48 {
    font-size: 48px; } }

.fw-300 {
  font-weight: 300; }

.fw-400 {
  font-weight: 400; }

.fw-500 {
  font-weight: 500; }

.fw-600 {
  font-weight: 600; }

.lh-12 {
  line-height: 12px; }

.lh-14 {
  line-height: 14px; }

.lh-16 {
  line-height: 16px; }

.lh-18 {
  line-height: 18px; }

.lh-20 {
  line-height: 20px; }

.lh-22 {
  line-height: 22px; }

.lh-24 {
  line-height: 24px; }

.lh-26 {
  line-height: 26px; }

.lh-36 {
  line-height: 36px; }

.lh-48 {
  line-height: 48px; }

.cl--gray-50 {
  color: #faf8f9; }

.bg--gray-50 {
  background: #faf8f9; }

.cl--gray-100 {
  color: #ece8e9; }

.bg--gray-100 {
  background: #ece8e9; }

.cl--gray-200 {
  color: #c4c4c4; }

.bg--gray-200 {
  background: #c4c4c4; }

.cl--gray-300 {
  color: #b0b0b0; }

.bg--gray-300 {
  background: #b0b0b0; }

.cl--gray-400 {
  color: #a4a3a3; }

.bg--gray-400 {
  background: #a4a3a3; }

.cl--gray-500 {
  color: #999999; }

.bg--gray-500 {
  background: #999999; }

.cl--gray-600 {
  color: #919191; }

.bg--gray-600 {
  background: #919191; }

.cl--gray-700 {
  color: #858585; }

.bg--gray-700 {
  background: #858585; }

.cl--gray-800 {
  color: #7b7b7b; }

.bg--gray-800 {
  background: #7b7b7b; }

.cl--gray-900 {
  color: #6e6d6d; }

.bg--gray-900 {
  background: #6e6d6d; }

.cl--gray-A100 {
  color: #cabdbd; }

.bg--gray-A100 {
  background: #cabdbd; }

.cl--gray-A200 {
  color: #b5a4a5; }

.bg--gray-A200 {
  background: #b5a4a5; }

.cl--gray-A400 {
  color: #9b8389; }

.bg--gray-A400 {
  background: #9b8389; }

.cl--gray-A700 {
  color: #7a6365; }

.bg--gray-A700 {
  background: #7a6365; }

.bd--gray, .bdt--gray, .bdr--gray, .bdb--gray, .bdl--gray, .bd--base {
  border-color: #ece8e9; }

.bd--gray {
  border-width: 1px;
  border-style: solid; }

.bdt--gray {
  border-top-width: 1px;
  border-top-style: solid; }

.bdr--gray {
  border-right-width: 1px;
  border-right-style: solid; }

.bdb--gray {
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.bdl--gray {
  border-left-width: 1px;
  border-left-style: solid; }

@font-face {
  font-family: "icons";
  src: url("../fonts/icons-cdc3ed2cadc8506da15eab32c288464c.eot");
  src: url("../fonts/icons-cdc3ed2cadc8506da15eab32c288464c.eot?#iefix") format("embedded-opentype"), url("../fonts/icons-cdc3ed2cadc8506da15eab32c288464c.woff") format("woff"), url("../fonts/icons-cdc3ed2cadc8506da15eab32c288464c.ttf") format("truetype"), url("../fonts/icons-cdc3ed2cadc8506da15eab32c288464c.svg?#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.nav--usersub li a:before, .nav--informations a:before, .icon {
  font-family: "icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-rendering: optimizeLegibility; }

.icon--arrow-double:before {
  content: "\f101"; }

.icon--arrow-down:before {
  content: "\f102"; }

.icon--arrow-left:before {
  content: "\f103"; }

.nav--usersub li a:before, .nav--informations a:before, .icon--arrow-right:before {
  content: "\f104"; }

.icon--arrow-up:before {
  content: "\f105"; }

.icon--basket:before {
  content: "\f106"; }

.icon--cart:before {
  content: "\f107"; }

.icon--drop:before {
  content: "\f108"; }

.icon--email:before {
  content: "\f109"; }

.icon--facebook:before {
  content: "\f10a"; }

.icon--info:before {
  content: "\f10b"; }

.icon--logout:before {
  content: "\f10c"; }

.icon--mobile-phone:before {
  content: "\f10d"; }

.icon--phone:before {
  content: "\f10e"; }

.icon--play:before {
  content: "\f10f"; }

.icon--quote:before {
  content: "\f110"; }

.icon--remove:before {
  content: "\f111"; }

.icon--search:before {
  content: "\f112"; }

.icon--triangle-bottom:before {
  content: "\f113"; }

.icon--triangle-top:before {
  content: "\f114"; }

.icon--youtube:before {
  content: "\f115"; }

#jr_wrap li:before {
  display: none; }

/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<i class="icon-home"></i>
```
*/
.sprite-training1 {
  background-image: url("../../images/frontend/sprites-1426681574099.png");
  background-position: 0px -135px;
  width: 83px;
  height: 62px; }

.sprite-training2 {
  background-image: url("../../images/frontend/sprites-1426681574099.png");
  background-position: 0px -87px;
  width: 75px;
  height: 48px; }

.sprite-training3 {
  background-image: url("../../images/frontend/sprites-1426681574099.png");
  background-position: 0px 0px;
  width: 67px;
  height: 43px; }

.sprite-training4 {
  background-image: url("../../images/frontend/sprites-1426681574099.png");
  background-position: 0px -197px;
  width: 58px;
  height: 67px; }

.sprite-wt {
  background-image: url("../../images/frontend/sprites-1426681574099.png");
  background-position: 0px -43px;
  width: 45px;
  height: 44px; }

@media only screen and (max-width: 767px) {
  .header--primary {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    z-index: 12; }
    .header--primary .userinfo {
      margin-top: 5px;
      margin-left: 5px; } }

.header--primary__logo {
  display: inline-block;
  width: 100px; }
  .header--primary__logo img {
    height: 45px;
    width: auto; }
    @media only screen and (max-width: 767px) {
      .header--primary__logo img {
        height: 41px; } }

.header-wrapper {
  z-index: 9;
  background-color: #fff; }
  .header-wrapper__user {
    display: flex;
    align-items: center; }
  .header-wrapper.open {
    border-bottom: 1px solid rgba(161, 161, 161, 0.2); }
  .header-wrapper .wrapper {
    column-gap: 20px;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .header-wrapper .wrapper {
        column-gap: 10px;
        justify-content: initial; } }
    .header-wrapper .wrapper:after {
      content: none; }

.curtain {
  z-index: 4;
  width: 100%;
  height: 100vh;
  background-color: rgba(15, 12, 14, 0.36);
  position: fixed;
  left: 0;
  top: 80px;
  display: none; }
  @media only screen and (max-width: 767px) {
    .curtain {
      display: none !important; } }

.cart-icon-link {
  display: block;
  height: 100%;
  padding-right: 10px;
  margin-right: -10px;
  min-width: 38px;
  min-height: 30px;
  cursor: pointer; }
  .cart-icon-link:hover * {
    fill: var(--lavender-link-hover); }

.cart-icon {
  height: 32px;
  width: 32px;
  display: block; }
  @media only screen and (max-width: 767px) {
    .cart-icon {
      width: 30px;
      height: 30px; } }

.icon--burger {
  height: 26px;
  width: auto;
  display: block; }

.cart-notification {
  height: 17px;
  line-height: 17px;
  padding: 0 7px;
  background-color: var(--coral-primary);
  font-size: 10px;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  position: absolute;
  right: 4px;
  top: -4px;
  transform: translateX(50%); }

.kit--mobile {
  display: none; }

@media (max-width: 1485px) {
  .nav--primary__item a {
    font-size: 13px !important;
    padding: 0 10px !important;
    line-height: 26px !important; } }

@media (max-width: 1300px) {
  .nav--primary__item a {
    font-size: 11px !important;
    padding: 0 8px !important;
    line-height: 23px !important; }
  .nav--primary__item .button--shop {
    padding: 0 14px !important;
    margin: 0 8px !important; } }

@media (max-width: 1024px) {
  .header--primary__logo {
    width: auto; }
    .header--primary__logo img {
      height: 37px; }
  .userinfo {
    padding: 0 0 0 14px !important; } }

@media (max-width: 768px) {
  .kit--mobile {
    position: absolute;
    right: 60px;
    top: 21px;
    display: flex;
    align-items: center;
    height: 37px; }
    .kit--mobile .form--search {
      display: block;
      right: 30px; }
  .header--primary {
    padding-top: 5px;
    padding-bottom: 5px; }
    .header--primary.inside {
      position: relative;
      z-index: 2;
      background-color: #fff; }
      .header--primary.inside .form--search {
        display: none; }
      .header--primary.inside .header--shadow__shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        transform: translateY(100%);
        background-color: #fff; }
    .header--primary .userinfo {
      padding: 0;
      margin: 0; }
    .header--primary .kit {
      display: flex;
      align-items: center;
      margin-top: 20px; }
  .header-wrapper__user {
    margin-top: 0; }
  .nav--primary__item a {
    font-size: 10px !important;
    line-height: 13px !important; }
  .kit--mobile {
    right: 64px;
    top: 0; } }

@media (max-width: 540px) {
  .userinfo__data {
    display: none; }
  .header--primary .kit {
    display: none; } }

.search-icon-link {
  position: absolute;
  right: 70px;
  z-index: 2;
  float: right;
  margin: 0 0 0 31px;
  min-width: 33px;
  min-height: 1px; }

.search-icon-link img,
.search-icon-link svg {
  display: block;
  width: 32px;
  height: 32px; }

@media only screen and (max-width: 767px) {
  .search-icon-link {
    right: 32px;
    margin: 0; }
  .search-icon-link img,
  .search-icon-link svg {
    width: 28px;
    height: 28px; } }

.search-icon-link:hover * {
  fill: var(--lavender-link-hover) !important; }

.search-icon {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 15px;
  left: 15px;
  text-indent: -100px;
  background-color: #fff;
  overflow: hidden;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  opacity: .8; }

.nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li.active > a, .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li > a, .nav--level-1--wide:not(.mm-listview) .nav--aside__sub .nav--aside__sub a, .nav--aside li.active > a, .nav--aside a, .nav--aside__sub .nav--aside__sub li a {
  position: relative; }
  .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li.active > a:before, .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li > a:before, .nav--level-1--wide:not(.mm-listview) .nav--aside__sub .nav--aside__sub a:before, .nav--aside li.active > a:before, .nav--aside a:before, .nav--aside__sub .nav--aside__sub li a:before {
    content: "›";
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    font-size: 14px;
    line-height: 1.2em;
    transform: translate(0);
    height: unset;
    overflow: unset;
    visibility: unset;
    margin-left: 0;
    color: #aaaaaa;
    opacity: 0;
    transition: all 250ms ease; }
  .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li > a:hover:before, .nav--level-1--wide:not(.mm-listview) .nav--aside__sub .nav--aside__sub a:hover:before, .nav--aside a:hover:before, .nav--aside__sub .nav--aside__sub li a:hover:before {
    left: 0;
    opacity: 1; }

.nav--zones {
  float: right;
  padding: 0 15px;
  display: flex;
  align-items: center;
  min-height: 38px; }
  .nav--zones span {
    font-size: 10px;
    font-weight: 550;
    color: var(--lavender-nav-color);
    text-transform: uppercase;
    white-space: nowrap; }
  .nav--zones > span {
    margin-right: 7px; }
  .nav--zones__item span {
    color: var(--lavender-nav-color);
    text-transform: none; }
  .nav--zones__item a {
    display: flex;
    align-items: center;
    text-decoration: none; }
  .nav--zones .flag-mask {
    border-radius: 50%;
    border: 1px solid rgba(181, 135, 198, 0.62);
    position: relative;
    width: 17px;
    height: 17px;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 2px; }
    .nav--zones .flag-mask i {
      position: absolute;
      transform: translate(-50%, -50%) scale(1.5);
      top: 50%;
      left: 50%; }
  @media (max-width: 767.98px) {
    .nav--zones {
      display: none; } }

.nav--level-1--wide:not(.mm-listview) {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  transform: translateY(100%);
  width: 100%;
  background-color: #fff;
  z-index: 9;
  padding: 50px 0;
  display: none; }
  .nav--level-1--wide:not(.mm-listview) .nav_shop_inner {
    max-width: 1800px;
    padding-left: 9px;
    margin: 0 auto; }
  .nav--level-1--wide:not(.mm-listview) .wrapper {
    max-width: 960px;
    margin-left: 0;
    padding: 0; }
  .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others {
    position: relative;
    margin-top: -3px; }
    .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub {
      margin: 0;
      flex-wrap: wrap;
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
      .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub .nav--aside__sub {
        margin: 0; }
      .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub.active--wide {
        display: block;
        opacity: 1;
        z-index: 2; }
      .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li {
        width: 100%;
        break-inside: avoid;
        display: inline-block; }
        .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li.active > a:before {
          left: 0;
          opacity: 1; }
        .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li > a {
          padding: 0;
          text-transform: none;
          padding-left: 12px;
          margin-left: -12px; }
          .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li > a:hover {
            color: #000000;
            font-weight: 650; }
        .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li > .nav--aside__sub {
          margin: .25em 0 .5em .6em;
          padding: 0; }
          .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-others > .nav--aside__sub > li > .nav--aside__sub li {
            break-inside: avoid; }
  .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__pages {
    border-right: 1px solid rgba(161, 161, 161, 0.2); }
    .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__pages .phm {
      padding-left: 28px; }
    .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__pages > li {
      margin-bottom: 20px;
      width: 100%; }
      .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__pages > li.active a {
        color: var(--lavender-link-hover);
        font-weight: 650;
        width: 100%; }
        .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__pages > li.active a svg,
        .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__pages > li.active a .st0 {
          fill: var(--lavender-link-hover); }
  .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-first > li {
    margin-bottom: 20px;
    display: inline-flex;
    float: left;
    clear: left;
    width: 100%;
    position: relative; }
    .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-first > li a {
      width: 100%; }
    .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-first > li.active a, .nav--level-1--wide:not(.mm-listview) .nav--level-1--wide__categories-first > li.active--wide a {
      color: #000000;
      font-weight: 650; }
  .nav--level-1--wide:not(.mm-listview) li {
    color: #1a1a1a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px; }
  .nav--level-1--wide:not(.mm-listview) a {
    color: #1a1a1a;
    text-decoration: none;
    line-height: 1.5em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    font-weight: 525;
    width: 100%;
    display: inline-block; }
    .nav--level-1--wide:not(.mm-listview) a:hover {
      color: var(--coral-active); }
      .nav--level-1--wide:not(.mm-listview) a:hover svg,
      .nav--level-1--wide:not(.mm-listview) a:hover .st0 {
        fill: var(--coral-active); }
  .nav--level-1--wide:not(.mm-listview) .icon {
    width: 14px;
    height: 14px;
    margin-top: -4px; }
    .nav--level-1--wide:not(.mm-listview) .icon--perfectset {
      width: 22px;
      margin-right: 2px; }
  .nav--level-1--wide:not(.mm-listview) .nav--aside__sub {
    display: initial; }
    .nav--level-1--wide:not(.mm-listview) .nav--aside__sub li a {
      font-weight: 525;
      font-size: 13px;
      text-transform: uppercase; }
      .nav--level-1--wide:not(.mm-listview) .nav--aside__sub li a:hover {
        color: #111111; }
    .nav--level-1--wide:not(.mm-listview) .nav--aside__sub .nav--aside__sub {
      display: block;
      margin: 5px 0 25px 0; }
      .nav--level-1--wide:not(.mm-listview) .nav--aside__sub .nav--aside__sub a {
        font-size: 13px;
        font-weight: 450;
        color: #777777;
        text-transform: initial;
        display: inline-block;
        width: 100%;
        padding: 0px 0 0px 14px;
        position: relative;
        margin-left: -5px; }

.nav--top {
  position: relative;
  z-index: 10;
  background: var(--light-80); }
  @media only screen and (max-width: 767px) {
    .nav--top {
      background: none; } }

.nav--header {
  float: right;
  padding-top: 4px; }
  .nav--header__item {
    position: relative;
    float: left;
    padding: 0 16px 0 14px; }
    .nav--header__item:after {
      position: absolute;
      top: 10px;
      right: 0;
      width: 2px;
      height: 2px;
      content: "";
      background: #8d8d8d;
      -webkit-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    .nav--header__item:last-child:after {
      display: none; }
    .nav--header__item a {
      font-size: 12px;
      text-transform: uppercase;
      color: #8d8d8d; }

.nav--user {
  float: right; }
  .nav--user ul {
    display: flex;
    align-items: center; }
  .nav--user__item {
    font-size: 10px;
    position: relative;
    float: left;
    text-transform: uppercase;
    min-height: 38px; }
    .nav--user__item--account {
      display: flex;
      align-items: center; }
    .nav--user__item .user--account {
      color: var(--lavender-nav-color);
      display: inline-flex;
      align-content: center;
      padding: 6px 14px;
      line-height: 1;
      border-radius: 23px;
      max-height: 24px; }
      .nav--user__item .user--account:hover {
        background-color: transparent; }
      .nav--user__item .user--account img,
      .nav--user__item .user--account svg {
        height: 11px;
        width: auto;
        margin-right: 5px;
        margin-top: -2px; }
      .nav--user__item .user--account.user--acc {
        line-height: 26px; }
      .nav--user__item .user--account.user--log {
        border: 1px solid var(--dark-50);
        margin-left: 15px;
        margin-right: 3px; }
        .nav--user__item .user--account.user--log:hover {
          border-color: var(--dark-60);
          color: var(--dark-80); }
          .nav--user__item .user--account.user--log:hover svg,
          .nav--user__item .user--account.user--log:hover .st0 {
            fill: var(--dark-80); }
        .nav--user__item .user--account.user--log svg,
        .nav--user__item .user--account.user--log .st0 {
          fill: var(--lavender-nav-color);
          height: 12px; }
      .nav--user__item .user--account.user--register {
        border: 1px solid var(--dark-60);
        background-color: var(--dark-60);
        color: #fff;
        margin-right: 15px;
        margin-left: 3px; }
        .nav--user__item .user--account.user--register:hover {
          border: 1px solid var(--dark-80);
          background-color: var(--dark-80); }
        .nav--user__item .user--account.user--register svg,
        .nav--user__item .user--account.user--register .st0 {
          fill: #fff;
          height: 12px; }
    .nav--user__item strong {
      color: #1a1a1a; }
    .nav--user__item a {
      font-size: 10px;
      font-weight: 550;
      line-height: 38px;
      display: inline-block;
      padding: 0 15px;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--lavender-nav-color);
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      transition: background 0.3s; }
      .nav--user__item a:hover {
        text-decoration: none; }
    .nav--user__item:hover:not(.nav--user__item--account) {
      left: 0; }
      .nav--user__item:hover:not(.nav--user__item--account) .underline--text:before {
        transform: scale(1); }
      .nav--user__item:hover:not(.nav--user__item--account) .sub-menu {
        display: block;
        height: auto; }
    .nav--user__item.active:hover > a .underline--text:before {
      transform: scale(0); }
    .nav--user__item.active > a {
      color: var(--lavender-nav-color) !important;
      font-weight: 600; }
  .nav--user .sub-menu {
    position: absolute;
    top: 44px;
    left: 0;
    display: none;
    height: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 11;
    box-shadow: 0 -5px 50px rgba(67, 52, 81, 0.14); }
    .nav--user .sub-menu li {
      background: #fff; }
      .nav--user .sub-menu li:first-child {
        padding-top: 18px; }
      .nav--user .sub-menu li:last-child {
        padding-bottom: 18px; }
    .nav--user .sub-menu:before {
      content: '';
      width: 100%;
      height: 24px;
      position: absolute;
      left: 0;
      top: -22px;
      background-color: transparent; }
    .nav--user .sub-menu:after {
      content: '';
      display: block;
      top: -12px;
      border-color: transparent #ffffff transparent transparent;
      border-width: 16px 16px 0 0;
      position: absolute;
      left: 24px;
      z-index: 2;
      border-style: solid; }
    .nav--user .sub-menu a {
      line-height: 33px;
      padding: 0 20px;
      margin: 0 18px;
      white-space: nowrap;
      font-size: 12px;
      color: #1a1a1a;
      position: relative;
      border-top: 3px solid #fff;
      border-bottom: 3px solid #fff;
      display: block; }
      .nav--user .sub-menu a:hover {
        background: #efe9e7; }
    .nav--user .sub-menu .active a {
      background: #f7f4f3; }

.nav--usersub {
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #e1e1e2; }
  .nav--usersub ul {
    float: right; }
  .nav--usersub li {
    float: left; }
    .nav--usersub li a {
      font-size: 11px;
      font-weight: 600;
      line-height: 47px;
      display: block;
      padding: 0 24px 0 20px;
      text-transform: uppercase;
      color: #78797d; }
      .nav--usersub li a:before {
        font-size: 8px;
        position: relative;
        top: -1px;
        margin-right: 7px;
        color: #333333; }
      .nav--usersub li a:hover {
        text-decoration: none;
        color: #333333;
        background: #F5F5F5; }
    .nav--usersub li.active a {
      text-decoration: none;
      color: #333333;
      background: #F5F5F5; }

.nav--level-0 > li:hover .nav--level-1 {
  display: inline-block; }

.nav--primary__item .nav--level-1,
.nav--categories__item .nav--level-1 {
  position: absolute;
  top: 50px;
  left: 0;
  display: none;
  box-shadow: 0 -5px 50px rgba(67, 52, 81, 0.14);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 11; }
  @media (max-width: 1367px) {
    .nav--primary__item .nav--level-1,
    .nav--categories__item .nav--level-1 {
      top: 44px; } }
  @media (max-width: 768px) {
    .nav--primary__item .nav--level-1,
    .nav--categories__item .nav--level-1 {
      top: 12px; } }
  .nav--primary__item .nav--level-1 .icon,
  .nav--categories__item .nav--level-1 .icon {
    width: 12px;
    height: 12px;
    margin-right: 8px; }
    .nav--primary__item .nav--level-1 .icon svg *,
    .nav--categories__item .nav--level-1 .icon svg * {
      fill: #1a1a1a; }
  .nav--primary__item .nav--level-1 li,
  .nav--categories__item .nav--level-1 li {
    background: #fff; }
    .nav--primary__item .nav--level-1 li:first-child,
    .nav--categories__item .nav--level-1 li:first-child {
      padding-top: 18px; }
    .nav--primary__item .nav--level-1 li:last-child,
    .nav--categories__item .nav--level-1 li:last-child {
      padding-bottom: 18px; }
  .nav--primary__item .nav--level-1:before,
  .nav--categories__item .nav--level-1:before {
    content: '';
    width: 100%;
    height: 24px;
    position: absolute;
    left: 0;
    top: -22px;
    background-color: transparent; }
  .nav--primary__item .nav--level-1:after,
  .nav--categories__item .nav--level-1:after {
    content: '';
    display: block;
    top: -12px;
    border-color: transparent #ffffff transparent transparent;
    border-width: 16px 16px 0 0;
    position: absolute;
    left: 24px;
    z-index: 2;
    border-style: solid; }
  .nav--primary__item .nav--level-1 a,
  .nav--categories__item .nav--level-1 a {
    line-height: 33px;
    padding: 0 20px;
    margin: 0 18px;
    white-space: nowrap;
    font-size: 14px;
    color: #333333;
    position: relative;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    display: flex;
    align-items: center;
    font-weight: 525; }
    .nav--primary__item .nav--level-1 a:hover,
    .nav--categories__item .nav--level-1 a:hover {
      background: #efe9e7; }
  .nav--primary__item .nav--level-1 .active a,
  .nav--categories__item .nav--level-1 .active a {
    background: #f1eeed; }

.nav--level-2 {
  display: none;
  position: absolute;
  right: 100%;
  background: #fff;
  padding: 5px 0;
  border: 1px solid #e1e1e2;
  top: -6px;
  z-index: 2; }
  .nav--level-2:before, .nav--level-2:after {
    content: '';
    position: absolute;
    right: -6px;
    top: 14px;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #e1e1e2; }
  .nav--level-2:after {
    top: 15px;
    right: -5px;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff; }

.nav--primary, .nav--categories {
  float: right;
  padding: 26px 0; }
  .nav--primary li, .nav--categories li {
    position: relative;
    white-space: nowrap; }
  .nav--primary__item, .nav--categories__item {
    float: left;
    padding: 2px 0; }
    @media (max-width: 1024px) {
      .nav--primary__item, .nav--categories__item {
        padding: 0; } }
    .nav--primary__item:first-of-type, .nav--categories__item:first-of-type {
      z-index: 11; }
    .nav--primary__item.smaller > a, .nav--categories__item.smaller > a {
      text-transform: none;
      font-size: 14px; }
      @media screen and (max-width: 1280px) {
        .nav--primary__item.smaller > a, .nav--categories__item.smaller > a {
          font-size: 12px; } }
    .nav--primary__item > a, .nav--categories__item > a {
      font-size: 13.5px;
      font-weight: 750;
      line-height: 33px;
      letter-spacing: 0.1px;
      text-transform: uppercase; }
    .nav--primary__item a, .nav--categories__item a {
      font-size: 14px;
      font-weight: 700;
      line-height: 33px;
      padding: 0 15px;
      position: relative;
      z-index: 10;
      display: block;
      color: #333333;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      transition: background-color 0.3s;
      text-decoration: none; }
      .nav--primary__item a.open, .nav--categories__item a.open {
        position: relative; }
        .nav--primary__item a.open:after, .nav--categories__item a.open:after {
          position: absolute;
          content: '';
          display: block;
          width: calc(50vh - 60px);
          height: 60px;
          background-color: rgba(255, 255, 255, 0.85);
          left: -60px;
          top: 24px;
          z-index: 10;
          backdrop-filter: blur(2px); }
          @media (max-width: 1366px) {
            .nav--primary__item a.open:after, .nav--categories__item a.open:after {
              top: 22px; } }
    .nav--primary__item .divider, .nav--categories__item .divider {
      height: 1px;
      padding: 10px 18px;
      border-left: 1px solid rgba(161, 161, 161, 0.2);
      border-right: 1px solid rgba(161, 161, 161, 0.2);
      position: relative; }
      .nav--primary__item .divider:before, .nav--categories__item .divider:before {
        content: "";
        height: 1px;
        width: calc(100% - 36px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(161, 161, 161, 0.2); }
  .nav--primary .nav--primary__item--special,
  .nav--primary .nav--categories__item--special, .nav--categories .nav--primary__item--special,
  .nav--categories .nav--categories__item--special {
    margin-right: 0; }
    .nav--primary .nav--primary__item--special > a,
    .nav--primary .nav--categories__item--special > a, .nav--categories .nav--primary__item--special > a,
    .nav--categories .nav--categories__item--special > a {
      padding: 0 20px;
      color: #fff;
      background: #333333; }
      .nav--primary .nav--primary__item--special > a:hover,
      .nav--primary .nav--categories__item--special > a:hover, .nav--categories .nav--primary__item--special > a:hover,
      .nav--categories .nav--categories__item--special > a:hover {
        text-decoration: none;
        background: #80c924; }
    .nav--primary .nav--primary__item--special .nav--level-1,
    .nav--primary .nav--categories__item--special .nav--level-1, .nav--categories .nav--primary__item--special .nav--level-1,
    .nav--categories .nav--categories__item--special .nav--level-1 {
      right: 0; }
      .nav--primary .nav--primary__item--special .nav--level-1:after,
      .nav--primary .nav--categories__item--special .nav--level-1:after, .nav--categories .nav--primary__item--special .nav--level-1:after,
      .nav--categories .nav--categories__item--special .nav--level-1:after {
        left: auto;
        right: 11px; }
      .nav--primary .nav--primary__item--special .nav--level-1:before,
      .nav--primary .nav--categories__item--special .nav--level-1:before, .nav--categories .nav--primary__item--special .nav--level-1:before,
      .nav--categories .nav--categories__item--special .nav--level-1:before {
        left: auto;
        right: 10px; }

.nav--primary {
  padding-right: 30px;
  width: calc(50% - 40px); }
  .nav--primary .nav--level-0 {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: left; }
  .nav--primary__item.active .underline--text:before {
    transform: scale(1); }

@media only screen and (max-width: 1024px) {
  .nav--categories {
    display: block; }
    .nav--categories__item {
      margin-right: 0; } }

.nav--mobile {
  display: none;
  float: right;
  font-size: 35px;
  margin: 0;
  position: relative;
  top: 0; }
  @media only screen and (max-width: 767px) {
    .nav--mobile {
      margin-top: 0; } }

.nav--languages {
  float: right;
  text-transform: uppercase;
  padding: 0 30px 0 15px; }
  @media only screen and (max-width: 1024px) {
    .nav--languages {
      display: none; } }
  .nav--languages__item {
    position: relative;
    width: 100%;
    height: 38px;
    cursor: pointer; }
    .nav--languages__item p {
      font-size: 10px;
      font-weight: 550;
      color: var(--lavender-nav-color);
      line-height: 38px;
      height: 100%;
      display: flex;
      align-items: center; }
      .nav--languages__item p span {
        color: var(--lavender-nav-color);
        margin-left: 5px; }
      .nav--languages__item p i {
        font-size: 16px;
        color: var(--lavender-nav-color); }
    .nav--languages__item:hover .nav--languages__sublist {
      height: auto; }
    .nav--languages__item:hover .underline--text:before {
      transform: scale(1); }
  .nav--languages__sublist {
    position: absolute;
    top: 38px;
    left: 66%;
    overflow: hidden;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 11;
    width: auto;
    transform: translateX(-50%);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); }
    .nav--languages__sublist li {
      display: block;
      text-align: center;
      border: 1px solid rgba(161, 161, 161, 0.2);
      border-top: 0;
      width: auto; }
      .nav--languages__sublist li a {
        font-size: 11px;
        font-weight: 600;
        color: #333333;
        display: block;
        padding: 2px 20px;
        white-space: nowrap;
        width: auto; }
        .nav--languages__sublist li a:hover {
          text-decoration: none;
          color: var(--dark-100);
          background: #efe9e7; }

.nav--footer {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .nav--footer {
      width: 100% !important;
      padding-left: 0;
      border-right: 0;
      right: 0; } }
  .nav--footer__item {
    font-weight: 650;
    font-size: 13px;
    float: left;
    width: 25%; }
    .nav--footer__item > a {
      position: relative;
      color: #111111;
      padding: 0 17px;
      font-weight: 650; }
    @media only screen and (max-width: 767px) {
      .nav--footer__item {
        width: 100%;
        margin-bottom: 20px;
        text-align: center; } }
  .nav--footer__sublist {
    margin-top: 7px; }
    .nav--footer__sublist li {
      padding: 0 17px;
      line-height: 20px; }
    .nav--footer__sublist a {
      font-size: 13px;
      line-height: 23px;
      font-weight: 400;
      margin: 2px 0;
      display: block;
      color: #555555; }
      .nav--footer__sublist a:empty {
        display: none; }

.nav--breadcrubms {
  height: 30px;
  padding-top: 10px; }
  @media only screen and (max-width: 767px) {
    .nav--breadcrubms {
      height: auto;
      overflow: hidden;
      padding: 5px; } }
  .nav--breadcrubms li {
    font-size: 13px;
    font-weight: 375;
    line-height: 30px;
    position: relative;
    float: left;
    margin-right: 15px;
    padding-right: 20px;
    color: #b7b1bb; }
    @media only screen and (max-width: 767px) {
      .nav--breadcrubms li {
        font-size: 11px;
        line-height: 25px;
        margin-right: 7.5px;
        padding-right: 10px; } }
  .nav--breadcrubms a {
    font-size: 13px;
    color: #b7b1bb; }
    @media only screen and (max-width: 767px) {
      .nav--breadcrubms a {
        font-size: 11px; } }
    .nav--breadcrubms a:after {
      position: absolute;
      content: "›";
      font-size: 17px;
      font-weight: 200;
      width: 4px;
      height: 30px;
      top: 50%;
      right: 0;
      transform: translate(0, -50%);
      display: block; }
      @media only screen and (max-width: 767px) {
        .nav--breadcrubms a:after {
          height: 25px; } }

.nav--aside > ul > li {
  margin: 16px 0;
  line-height: 1; }
  .nav--aside > ul > li.active .nav--aside__sub {
    display: block; }
  .nav--aside > ul > li.active > a {
    color: var(--lavender-link-hover);
    font-weight: 650; }
    .nav--aside > ul > li.active > a svg,
    .nav--aside > ul > li.active > a .st0 {
      fill: var(--lavender-link-hover); }
    .nav--aside > ul > li.active > a:hover {
      font-weight: 700; }
      .nav--aside > ul > li.active > a:hover:after {
        transform: scale(0); }
  .nav--aside > ul > li > a {
    padding: 0 !important;
    display: inline-block;
    width: 100%; }
    .nav--aside > ul > li > a:before {
      display: none !important; }
    .nav--aside > ul > li > a:hover {
      font-weight: 700;
      color: var(--coral-active); }
      .nav--aside > ul > li > a:hover svg,
      .nav--aside > ul > li > a:hover .st0 {
        fill: var(--coral-active); }
      .nav--aside > ul > li > a:hover:after {
        transform: scale(0); }
    .nav--aside > ul > li > a:after {
      display: block;
      content: "";
      width: 100%;
      height: 2px;
      position: absolute;
      left: 0;
      bottom: -4px;
      background-color: #303331;
      transition: transform 0.25s;
      transform: scale(0); }

.nav--aside li {
  width: 100%;
  margin: 0 0 8px 0; }
  .nav--aside li.active > a {
    position: relative;
    font-weight: 600;
    color: #111111; }
    .nav--aside li.active > a:before {
      opacity: 1;
      left: 0; }
  .nav--aside li.active .nav--aside__sub {
    display: block; }

.nav--aside a {
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
  color: #111111;
  transition: background-color 0.3s;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 4px 0; }
  .nav--aside a:hover {
    text-decoration: none;
    position: relative;
    font-weight: 700; }

.nav--aside__sub {
  margin: .7em 0 0 12px;
  display: none; }
  .nav--aside__sub li a {
    padding: 1px 0 1px 14px;
    text-transform: none;
    font-weight: 550;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.01em; }
    .nav--aside__sub li a:hover {
      font-weight: 625; }
      .nav--aside__sub li a:hover:before {
        font-weight: 550; }
  .nav--aside__sub li.active a {
    font-weight: 500;
    color: #111111; }
    .nav--aside__sub li.active a:hover {
      font-weight: 600;
      color: #000000; }
  .nav--aside__sub .nav--aside__sub {
    padding: 1px 0 1px 1px; }
    .nav--aside__sub .nav--aside__sub li.active a {
      color: #111111;
      font-weight: 600; }
    .nav--aside__sub .nav--aside__sub li a {
      font-size: 12px;
      color: #777777;
      display: inline-block;
      width: 100%;
      padding: 2px 0 0px 14px; }
      .nav--aside__sub .nav--aside__sub li a:hover {
        color: #111111;
        font-weight: 650; }

.nav--informations h4 {
  font-size: 17px;
  color: #6d7071; }

.nav--informations a {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  display: inline-block;
  padding: 0 12px 0 8px;
  color: #6d7071; }
  .nav--informations a:before {
    font-size: 8px;
    position: relative;
    top: -2px;
    margin-right: 7px;
    color: #333333; }
  .nav--informations a:hover {
    text-decoration: none;
    color: #fff;
    background: #333333; }
    .nav--informations a:hover:before {
      color: #fff; }

.nav--subpage {
  position: relative;
  top: -1px;
  clear: both;
  width: 100%;
  margin: 20px 0; }
  .nav--subpage ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .nav--subpage li {
    font-size: 14px;
    font-weight: 500;
    line-height: 33px;
    padding: 0 !important;
    height: 42px !important;
    border-radius: 21px !important;
    margin: 0 7px 7px;
    cursor: pointer;
    min-width: 200px; }
    .nav--subpage li a {
      color: #1a1a1a;
      vertical-align: middle;
      text-decoration: none;
      display: block;
      line-height: 40px;
      padding: 0 42px !important; }
    .nav--subpage li.active, .nav--subpage li:hover {
      border-color: #fff;
      background: #2f3331; }
      .nav--subpage li.active a, .nav--subpage li:hover a {
        text-decoration: none;
        color: #fff; }

.icon--perfectset {
  width: 22px;
  margin-right: 2px; }

.custom-pager {
  text-align: center; }
  .custom-pager li {
    display: inline-block; }
    .custom-pager li a {
      font-size: 12px;
      font-weight: 600;
      line-height: 18px;
      display: block;
      width: 20px;
      height: 20px;
      border: 1px solid #fff; }
      .custom-pager li a:hover {
        text-decoration: none; }
    .custom-pager li:hover a {
      background: #F5F5F5; }
    .custom-pager li.active a {
      border: 1px solid #333333; }
  .custom-pager__prev, .custom-pager__next {
    font-size: 12px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #333333;
    background: #F5F5F5; }
    .custom-pager__prev a, .custom-pager__next a {
      line-height: 40px !important;
      width: 40px !important;
      height: 40px !important;
      border: 0 !important; }
      .custom-pager__prev a:hover, .custom-pager__next a:hover {
        text-decoration: none;
        color: #fff !important;
        background: #333333 !important; }
  .custom-pager__prev {
    margin-right: 20px; }
  .custom-pager__next {
    margin-left: 20px; }

.zone-countries {
  min-height: 708px;
  position: relative; }
  .zone-countries h2 {
    font-size: 28px;
    line-height: 34px;
    margin-top: 15px;
    margin-bottom: 5px; }
  .zone-countries label {
    display: none; }
  .zone-countries__contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 370px; }
  .zone-countries__img {
    max-height: 132px;
    margin: auto;
    display: block; }
  @media (max-width: 1024px) {
    .zone-countries {
      min-height: calc(100vh - 40px); }
      .zone-countries h2 {
        font-size: 23.8px;
        line-height: 28.9px; }
      .zone-countries__contents {
        top: 5%;
        transform: translate(-50%, 0); }
      .zone-countries__img {
        max-height: 82px; } }

@media (max-width: 1366px) {
  .nav--level-1--wide:not(.mm-listview) li {
    font-size: 11px; }
  .nav--level-1--wide:not(.mm-listview) .nav--aside__sub li a {
    font-size: 11px; }
  .nav--level-1--wide:not(.mm-listview) .nav--aside__sub .nav--aside__sub a {
    font-size: 11px; } }

@media (max-width: 1366px) {
  .nav--user__item a {
    padding: 15px 7px;
    line-height: 1;
    font-size: 8px; }
  .nav--primary {
    padding-right: 27px; }
  .nav--user {
    padding-right: 30px; }
    .nav--user .sub-menu a {
      font-size: 8px;
      line-height: 24px;
      padding: 0 16px; } }

@media (max-width: 768px) {
  .nav--top {
    padding: 0; }
  .nav--primary {
    padding: 10px 0;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 767px) {
  .nav--mobile {
    top: 0;
    display: block; }
  .nav--user,
  .nav--primary {
    display: none; }
  .nav--top {
    background-color: transparent;
    position: absolute;
    top: 5px;
    right: 0;
    height: 37px;
    width: auto;
    display: flex;
    align-items: center;
    margin-right: 10px; }
  .nav--user__item__logout {
    display: inline; }
  .nav--level-1--wide:not(.mm-listview) {
    bottom: 5px; }
    .nav--level-1--wide:not(.mm-listview) li {
      font-size: 10px; }
    .nav--level-1--wide:not(.mm-listview) .nav--aside__sub li a {
      font-size: 10px; }
    .nav--level-1--wide:not(.mm-listview) .nav--aside__sub .nav--aside__sub a {
      font-size: 10px; } }

@media (max-width: 414px) {
  .nav--level-1--wide:not(.mm-listview) {
    display: none !important; } }

body {
  font-size: 1.5em;
  font-family: "Figtree", -apple-system, "Roboto", sans-serif;
  font-weight: 350;
  color: #333333;
  line-height: 1.7em; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

:-moz-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

::-moz-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

:-ms-input-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

::-webkit-input-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.alignright {
  text-align: right; }

.alignleft {
  text-align: left; }
  .alignleft p {
    text-align: left !important; }

.aligncenter {
  text-align: center; }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.font-regular {
  font-weight: 400 !important; }

.light {
  font-weight: 300 !important; }

.line {
  position: relative;
  display: inline-block;
  padding-right: 20px !important;
  padding-left: 20px !important; }
  .line:before, .line:after {
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 1px;
    margin-top: -2px;
    content: "";
    background: #e2e2e3; }
  .line:before {
    left: -50px; }
  .line:after {
    right: -50px; }

.font--white {
  color: #fff !important; }

.font--black {
  color: black !important; }

.font--green {
  color: #333333 !important; }
  .font--green svg * {
    fill: #333333 !important; }

.font--alizarin-crimson {
  color: #ea2828 !important; }

.font--red {
  color: #d83434 !important; }

@media only screen and (max-width: 767px) {
  .font--nav {
    color: #1a1a1a !important; }
    .font--nav svg, .font--nav .st0 {
      color: #1a1a1a !important; } }

.font--big {
  font-size: 16px;
  font-weight: 350;
  line-height: 22px;
  color: #5f5f5f; }

.font--light {
  font-weight: 300 !important; }

.font--regular {
  font-weight: 400 !important; }

.font--medium {
  font-weight: 500 !important; }

.font--semibold {
  font-weight: 625 !important; }

.font--bold {
  font-weight: 700 !important; }

.font--small {
  font-size: 14px;
  line-height: 18px; }

.pnone {
  padding: 0 !important; }

.h-primary {
  font-size: 50px;
  line-height: 62px; }

.text-more {
  font-size: 11px;
  font-weight: 450;
  padding: 1px 15px 0px 5px;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background: #333333;
  position: relative; }
  .text-more:before {
    content: "›";
    display: block;
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 14px;
    transition: right 250ms ease; }
  .text-more:hover {
    text-decoration: none; }
  .text-more--plain {
    font-size: inherit;
    font-weight: 400;
    text-transform: none; }

.news-list__item:hover .text-more:before {
  right: 2px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

h1 {
  font-size: 45px; }

h2 {
  font-size: 32px;
  font-weight: 300;
  line-height: 40px; }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 26px;
      line-height: 28px; } }

h3 {
  font-size: 24px;
  font-weight: 450;
  line-height: 35px; }
  @media only screen and (max-width: 767px) {
    h3 {
      font-size: 20px;
      line-height: 25px;
      padding-left: 0;
      padding-bottom: 10px; } }

h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px; }
  h4.lh {
    line-height: 28px; }

h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px; }

.box-title {
  width: 100%; }
  .box-title h4 {
    line-height: 30px; }
  @media only screen and (max-width: 1024px) {
    .box-title {
      max-height: 500px;
      overflow: hidden;
      bottom: auto;
      top: 0; }
      .box-title h4.ss {
        font-size: 16px;
        line-height: 21px; }
      .box-title .button {
        max-width: 100%;
        padding: 0 15px; }
      .box-title > div {
        padding: 0 15px !important;
        top: 0 !important; } }
  @media only screen and (max-width: 767px) {
    .box-title {
      position: relative !important; }
      .box-title h4.ss {
        font-size: 18px;
        line-height: 30px; } }

.small {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #a7a7a7; }

.wysibb-body ul {
  padding-left: 5px; }
  .wysibb-body ul li {
    font-weight: 300;
    position: relative;
    margin-bottom: 15px;
    padding-left: 24px; }
    .wysibb-body ul li:before {
      position: absolute;
      top: 11px;
      left: 9px;
      width: 3px;
      height: 3px;
      content: "";
      background: #67bc45;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }

.half-box {
  position: relative; }
  .half-box__image {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 auto; }
  .half-box__position {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 6px solid #fff; }
    @media only screen and (max-width: 767px) {
      .half-box__position {
        position: static;
        border-right: 0; } }
    .half-box__position--right {
      border-right: 0;
      border-left: 6px solid #fff; }
      @media only screen and (max-width: 767px) {
        .half-box__position--right {
          border-left: 0; } }
  .half-box--green {
    background: #333333; }
  .half-box a:hover {
    text-decoration: none; }
  .half-box__play {
    font-size: 240px;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -120px 0 0 -120px;
    opacity: .5;
    color: #fff; }
  .half-box__title {
    font-size: 28px;
    font-weight: 300;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    display: none;
    width: 100%;
    text-align: center;
    color: #fff; }
  .half-box__part:hover .half-box__link {
    background: rgba(9, 75, 161, 0.8); }
  .half-box__part:hover .half-box__title {
    display: block; }
  .half-box__link {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .half-box .blue-title {
    font-size: 20px;
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
    color: #0070ba; }
    @media only screen and (max-width: 1024px) {
      .half-box .blue-title {
        bottom: 20px; } }

.quote {
  position: relative;
  text-align: center;
  background: #F5F5F5; }
  @media only screen and (max-width: 1024px) {
    .quote {
      padding: 20px 0; }
      .quote + p a {
        padding: 0 33px; } }
  .quote__content {
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    position: relative;
    text-align: center;
    color: #1A1A1A; }
    @media only screen and (max-width: 1024px) {
      .quote__content {
        font-size: 17px;
        line-height: 22px; } }
  .quote__title {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 45px;
    text-align: center;
    color: #5f5f5f; }
    .quote__title:before, .quote__title:after {
      position: absolute;
      top: 50%;
      width: 30px;
      height: 1px;
      content: "";
      background: #bcbcbc; }
    .quote__title:before {
      left: 0; }
    .quote__title:after {
      right: 0; }
  .quote__author {
    font-size: 17px;
    font-weight: 600 !important;
    float: right; }
  .quote i {
    font-size: 50px;
    position: absolute;
    top: 35%;
    left: 20%;
    color: #e4e7ea; }
  .quote--banner {
    padding-left: 30px;
    text-align: left;
    background: transparent; }
    @media only screen and (max-width: 1024px) {
      .quote--banner {
        padding: 0 0 0 10px !important; } }
    .quote--banner h4 {
      line-height: 30px; }
    .quote--banner i {
      top: -20px;
      left: 0; }
    .quote--banner h3 {
      position: relative; }

.meta {
  position: relative; }
  .meta i {
    font-size: 130px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -65px;
    opacity: .5;
    color: #fff; }
    @media only screen and (max-width: 1024px) {
      .meta i {
        font-size: 100px;
        margin: -60px 0 0 -50px; } }
  .meta__logo {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -115px !important; }

.webinar {
  clear: both;
  width: 100%;
  height: 337px;
  background: url("../../images/frontend/webinar-bg.jpg") no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 1024px) {
    .webinar {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .webinar {
      height: auto;
      padding-bottom: 30px; } }

.informations .button {
  position: relative;
  left: 100px;
  margin: -10px 0 0 33%; }

.informations--big .informations__image {
  height: 728px; }

.informations__content {
  height: 153px;
  padding-left: 33px; }
  .informations__content p {
    font-size: 14px;
    line-height: 20px;
    color: #a3a3a3; }

.informations__image {
  position: relative;
  overflow: hidden;
  height: 538px; }
  .informations__image img {
    min-width: 100%;
    min-height: 100%; }
  .informations__image--position-1:before {
    height: 25%; }
  .informations__image--position-1:after {
    height: 75%; }
  .informations__image--position-2:before {
    height: 49%; }
  .informations__image--position-2:after {
    height: 51%; }
  .informations__image--position-3:before {
    height: 73%; }
  .informations__image--position-3:after {
    height: 27%; }
  .informations__image:before, .informations__image:after {
    position: absolute;
    right: 0;
    display: block;
    content: ""; }
  .informations__image:before {
    border-right: 15px solid #fff;
    border-bottom: 15px solid transparent; }
  .informations__image:after {
    bottom: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #fff; }

.informations__list {
  display: inline-block;
  width: 100%; }
  .informations__list__item--active .informations__data {
    color: #fff;
    background: #565757; }

.informations__data {
  width: 95px;
  height: 95px;
  margin: 0 auto;
  color: #333;
  border: 1px solid rgba(230, 230, 230, 0.22);
  background: linear-gradient(151deg, #f9f9f9 0%, #ffffff 40%, #f5f5f5 100%); }
  .informations__data__month {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    margin-bottom: 0 !important;
    padding: 10px 0 5px;
    text-align: center;
    text-transform: uppercase; }
    .informations__data__month:after {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 42px;
      height: 1px;
      margin-left: -21px;
      content: "";
      background: #d6d6d6; }
  .informations__data__day {
    font-size: 32px;
    font-weight: 350;
    padding-top: 10px;
    text-align: center; }

.informations--news .informations__content h4,
.informations--news .informations__content p {
  text-align: right; }

.informations--news .button {
  right: 100px;
  left: auto;
  float: right;
  margin: -6px 37% 0 0; }

.informations--news .informations__image--position-1:before {
  height: 35%; }

.informations--news .informations__image--position-1:after {
  height: 65%; }

.informations--news .informations__image--position-2:before {
  height: 63%; }

.informations--news .informations__image--position-2:after {
  height: 37%; }

.informations--news .informations__image:before, .informations--news .informations__image:after {
  position: absolute;
  right: auto;
  left: 0;
  display: block;
  content: ""; }

.informations--news .informations__image:before {
  border-right: 0;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #fff; }

.informations--news .informations__image:after {
  bottom: 0;
  border-top: 15px solid transparent;
  border-right: 0;
  border-left: 15px solid #fff; }

.social__item {
  line-height: 40px;
  display: block;
  position: relative;
  width: 100%;
  max-width: 40px;
  height: 40px;
  margin-bottom: 14px;
  text-align: center;
  color: #a8a8a8;
  border: 1px solid #a8a8a8;
  opacity: .4;
  border-radius: 50%; }
  .social__item:hover {
    text-decoration: none;
    opacity: 1;
    color: #a8a8a8; }
  .social__item i,
  .social__item img,
  .social__item svg {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 20px;
    max-height: 20px; }

@media only screen and (max-width: 767px) {
  .contact {
    width: 100% !important; }
    .contact .pll.ptn {
      padding-left: 0;
      padding-top: 0; } }

.contact__data {
  font-size: 12px;
  line-height: 20px;
  font-weight: 350;
  color: #777777; }
  .contact__data .ptn:nth-of-type(1) {
    padding-top: .5em; }
  .contact__data a {
    color: #333333; }
  .contact__data__logo img {
    height: 35px; }

.account__box {
  position: relative;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15); }
  @media only screen and (max-width: 767px) {
    .account__box {
      width: auto;
      margin: 0 12px; } }

a.account_type {
  text-decoration: none;
  color: #1588ad;
  display: block;
  position: absolute;
  right: 0px;
  top: -2em;
  padding-left: 5px;
  padding-right: 2px;
  font-size: 16px;
  font-weight: 425;
  background: linear-gradient(to left, #ee695f, #2abcf5);
  background-size: 0 1px;
  background-position: 0 24px;
  background-repeat: no-repeat;
  transition: color 250ms ease;
  transition: background-size 450ms ease; }

a.account_type:hover {
  text-decoration: none;
  background-size: 100% 1px;
  color: #0b7799; }

a.account_type.account_client {
  right: auto;
  left: 0;
  background-position: 100% 24px;
  background-size: 0 1px; }

a.account_type.account_client:hover {
  background-size: 100% 1px; }

.account__box--rodo {
  width: 800px; }
  @media only screen and (max-width: 1024px) {
    .account__box--rodo {
      width: auto;
      margin: 0 12px; } }
  @media only screen and (max-width: 767px) {
    .account__box--rodo {
      width: auto;
      margin: 0 12px; } }

.boxes--products p {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px; }

.boxes--products img {
  max-width: 100%;
  max-height: 100%; }

.price {
  font-size: 18px !important;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: #333333; }
  .price__old {
    font-size: 14px !important;
    font-weight: 500;
    float: left;
    color: #999;
    margin-bottom: 9px;
    position: relative; }
    .price__old:after {
      content: "";
      height: 1px;
      width: 100%;
      background-color: #999;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
    .price__old--static {
      font-size: 18px !important;
      font-weight: 700;
      position: relative;
      top: 0;
      left: 0;
      display: inline-block;
      float: none; }
  .price__title {
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    width: 100px;
    color: #b5bbbd; }
  .price__points {
    font-size: 14px;
    font-weight: 600;
    color: #ecb930;
    display: inline-flex;
    align-items: center; }

.points-symbol {
  background-color: #ecb930;
  width: 15px;
  line-height: 15px;
  display: inline-block;
  font-size: 9px;
  color: #fff;
  margin-left: 3px;
  border-radius: 50%;
  text-align: center;
  font-weight: 600 !important;
  margin-right: 0 !important; }

.products--filled {
  text-align: center; }
  .products--filled .product__price {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    .products--filled .product__price .price__points {
      justify-content: center;
      margin-left: 8px; }
    .products--filled .product__price > div {
      align-self: center; }
    .products--filled .product__price span {
      margin-right: 0; }
  .products--filled .product__promo-text {
    display: none; }
  .products--filled .product__badges {
    padding: 20px 0; }
  .products--filled .product__samples {
    margin-bottom: 13px; }
    .products--filled .product__samples li {
      height: 10px;
      width: 10px; }
  .products--filled .product__categories {
    justify-content: center; }
  .products--filled .slick-list {
    margin: 0 -9px !important; }
  .products--filled .slick-arrow--smaller {
    top: 140px; }
    .products--filled .slick-arrow--smaller.slick-next {
      right: -2px; }
  .products--filled .product__buttons {
    left: 50% !important;
    transform: translateX(-50%); }
  .products--filled .stock__missing {
    left: 50%;
    transform: translateX(-50%); }
  .products--filled .product__item {
    background-color: #F5F5F5;
    padding: 0 19.5px;
    margin-left: 9px !important;
    margin-right: 9px !important; }
  .products--filled .product__image {
    height: 280px; }
    .products--filled .product__image img {
      max-width: 150px;
      max-height: 150px; }

.product__samples {
  width: 60%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .product__samples li {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    margin: 4px; }

.product__item:nth-child(4n+5) {
  clear: both; }

@media (hover: hover) {
  .product__item .product__image__img {
    transition: transform 350ms ease;
    transform: scale(1);
    will-change: transform; }
  .product__item:hover .product__image__img {
    transform: scale(1.05); } }

.product__item--details {
  margin-top: 10px; }

.slick-list .product__item:nth-child(4n+5) {
  clear: none; }

@media only screen and (max-width: 1024px) {
  .product__item:nth-child(2n+3) {
    clear: both; } }

.product__item--promotion .button {
  width: 50% !important; }

.product__item--promotion .price {
  padding: 0 30px; }

@media only screen and (max-width: 1024px) {
  .product__item--promotion:nth-child(2n+1) {
    padding-left: 0 !important; }
  .product__item--promotion:nth-child(2n+3) {
    clear: both; } }

.product__image {
  background-color: #F9F9F9;
  position: relative;
  aspect-ratio: 1;
  overflow: hidden; }
  .product__image a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block; }
  .product__image__img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%; }

.product__categories {
  text-transform: uppercase;
  font-size: 10px;
  line-height: normal;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px !important; }
  .product__categories li {
    margin-right: 5px;
    color: #555555; }
    .product__categories li:after {
      content: ","; }
    .product__categories li:last-child:after {
      content: ""; }
  .product__categories a {
    color: #777777; }

.product__name {
  font-weight: 575;
  font-size: 17px;
  line-height: 21px;
  color: #333333; }

.product__info {
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  margin: 0; }

.product__description {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  padding: 0 20px 20px;
  color: #acacac;
  height: 120px;
  overflow: hidden;
  display: block;
  position: relative; }
  .product__description:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    background-image: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(126, 186, 232, 0) 1%, white 90%);
    background-image: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(126, 186, 232, 0) 1%, white 90%); }

.product__badges {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  z-index: 2;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .product__badges {
      padding: 5px; } }

.product__new-image {
  height: 36px;
  width: 36px;
  margin: 1px;
  float: right; }
  @media only screen and (max-width: 767px) {
    .product__new-image {
      height: 24px;
      width: 24px; } }

.product__points_up-image {
  height: 36px;
  width: 36px;
  margin: 1px;
  float: right; }
  @media only screen and (max-width: 767px) {
    .product__points_up-image {
      height: 24px;
      width: 24px; } }

.product__promo-image {
  height: 36px;
  width: 36px;
  margin: 1px;
  float: right; }
  @media only screen and (max-width: 767px) {
    .product__promo-image {
      height: 24px;
      width: 24px; } }

.product__promo-text {
  float: left;
  min-width: 55px;
  margin: 1px;
  background-color: #c32838;
  font-size: 11px;
  font-weight: 600;
  padding: 7px 15px;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  text-transform: uppercase; }
  .product__promo-text div {
    font-size: 90%;
    font-weight: 350; }
  @media only screen and (max-width: 767px) {
    .product__promo-text {
      height: 24px;
      line-height: 24px;
      padding: 0 5px; } }

.product__price {
  font-size: 14px !important;
  line-height: normal;
  width: 100%;
  white-space: nowrap;
  display: flex;
  align-items: flex-end;
  overflow: auto;
  margin-bottom: 0 !important;
  margin-top: 17px !important;
  flex-grow: 1; }
  .product__price span {
    margin-right: 18px; }
  .product__price .price__current {
    font-size: 15px;
    font-weight: 600;
    float: left;
    clear: both;
    color: #1a1a1a; }
  .product__price .price__points {
    float: left;
    margin-right: 0; }

.product__buttons {
  display: flex; }
  .product__buttons .button:last-child {
    position: relative;
    top: 0;
    vertical-align: top; }
  .product__buttons .button--white {
    font-weight: 600;
    color: #a0adbd; }

@media only screen and (max-width: 767px) {
  .product__buttons--sticky {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    z-index: 2;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    .product__buttons--sticky .spinner {
      margin-left: 10px;
      margin-right: 0; } }

.product__border {
  position: relative;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border: 1px solid #e2e2e3; }

.product__categories--border li {
  font-size: 10px;
  color: #999999;
  font-weight: 600;
  border: 1px solid #eeeeee;
  background-color: #f9f9f9;
  padding: 6px 12px;
  margin-bottom: 5px;
  border-radius: 20px; }
  .product__categories--border li:after {
    content: "" !important; }

.product__categories--border a {
  color: #999999; }

.product__image--popup {
  width: 287px; }
  .product__image--popup img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: block; }

.main--aside {
  width: calc(100% - 250px); }
  @media only screen and (max-width: 767px) {
    .main--aside {
      width: 100%; } }

.promotion--promotion {
  background-color: #F9F9F9;
  padding: 0 30px; }
  @media only screen and (max-width: 767px) {
    .promotion--promotion {
      padding: 0 5px; } }
  .promotion--promotion .product__name {
    font-size: 17px;
    line-height: 21px; }
  .promotion--promotion .product__info {
    font-weight: 400; }
  .promotion--promotion .product__buttons {
    left: 30px !important; }

.shop-promotions-container {
  margin: 0 -20px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .shop-promotions-container {
      margin: 0 auto;
      padding: 0 5px; } }
  .shop-promotions-container .df {
    flex-wrap: wrap; }
  .shop-promotions-container .stock__missing-overlay {
    left: 50%;
    transform: translate(-50%, 0); }
  .shop-promotions-container .content {
    padding: 0 10px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400; }
  .shop-promotions-container .product__buttons {
    position: absolute;
    left: 0;
    bottom: 0; }
    @media only screen and (max-width: 767px) {
      .shop-promotions-container .product__buttons {
        bottom: 0; } }
  .shop-promotions-container .product__item {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 80px;
    position: relative;
    width: calc(33.333333333% - 20px);
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 1261px) {
      .shop-promotions-container .product__item {
        padding-bottom: 111px; }
        .shop-promotions-container .product__item .product__buttons {
          width: 100%; }
          .shop-promotions-container .product__item .product__buttons .button--larens {
            width: 100%; }
        .shop-promotions-container .product__item .spinner--list {
          width: 100%;
          margin-bottom: 3px;
          margin-right: 0; }
          .shop-promotions-container .product__item .spinner--list + button {
            width: 100%;
            justify-content: center; }
          .shop-promotions-container .product__item .spinner--list .form__field {
            width: 100%; }
          .shop-promotions-container .product__item .spinner--list .spinner__buttons {
            width: 100%; } }
    @media only screen and (max-width: 1024px) {
      .shop-promotions-container .product__item {
        width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px; } }
  .shop-promotions-container .product__description {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 14px !important;
    text-align: left; }

.banner {
  position: relative; }
  .banner--page__image {
    width: 100%;
    height: auto; }
  .banner--page__title {
    position: absolute;
    top: 50%;
    left: 70px;
    margin-top: -15px; }
  .banner--product {
    position: relative; }
    .banner--product__overflow {
      height: 100%; }
      .banner--product__overflow > img {
        min-width: 100%;
        min-height: 100%; }
    .banner--product__content {
      position: absolute;
      top: 0;
      left: 35px;
      width: 85%;
      height: 100%; }

.delivery {
  position: relative;
  width: 175px;
  height: 175px;
  text-align: center;
  background: #F5F5F5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%; }
  .delivery p {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 35px;
    padding: 0 30px;
    text-align: center; }
  .delivery i {
    margin: 10px 0 0 10px; }
    .delivery i:before {
      font-size: 100px;
      position: absolute;
      left: 38px; }
    .delivery i span {
      font-size: 18px;
      font-weight: 700;
      position: relative;
      display: inline-block;
      margin-top: 35px;
      color: #333333; }

.details {
  margin-left: -10px;
  margin-right: -10px; }
  @media only screen and (max-width: 767px) {
    .details {
      margin-left: 0px;
      margin-right: 0px; } }
  .details .product-gallery {
    position: relative; }
  .details #replacePhoto {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 3;
    background-color: #F9F9F9;
    display: none; }
  .details__gallery {
    position: relative;
    z-index: 2; }
  .details .popup-gallery-thumbnail {
    max-height: 550px;
    display: block; }
  .details .slick-arrow--smaller {
    top: 50%;
    transform: translate(0, -50%); }
  .details__share {
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0; }
  .details .form--custom {
    display: flex;
    width: 100%; }
  .details .spinner--list {
    height: 56px;
    width: 151px;
    border: 1px solid #dedede;
    position: relative; }
    .details .spinner--list .form__field {
      margin-right: 0;
      padding-right: 35px;
      padding-left: 35px;
      width: 120px; }
      .details .spinner--list .form__field input {
        height: 54px !important;
        font-size: 17px !important;
        font-weight: 400;
        border: none !important;
        border-radius: 0;
        -webkit-appearance: none;
        -webkit-border-radius: 0; }
    .details .spinner--list .spinner__buttons {
      position: absolute;
      width: 120px; }
      .details .spinner--list .spinner__buttons .spinner__top {
        float: right; }
      .details .spinner--list .spinner__buttons .spinner__bottom {
        float: left; }
      .details .spinner--list .spinner__buttons a {
        height: 40px !important;
        width: 40px !important;
        border: none !important;
        margin: 6px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f0f0f0; }
        .details .spinner--list .spinner__buttons a .icon {
          width: 13px;
          height: 13px; }
  .details .product__price {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .details .product__price span {
      font-size: 24px !important;
      font-weight: 575; }
    .details .product__price .points-symbol {
      width: 20px;
      line-height: 20px;
      font-size: 11px !important; }
  .details .stock__missing {
    position: static; }
  .details__image {
    position: relative;
    overflow: hidden;
    background-color: #F9F9F9; }
    .details__image__product,
    .details__image #replacePhoto img {
      display: block;
      width: 100%;
      max-width: 534px !important;
      margin: 0 auto;
      vertical-align: middle; }
    @media only screen and (max-width: 767px) {
      .details__image .product__badges {
        padding: 20px; }
      .details__image .product__new-image {
        height: 36px;
        width: 36px; }
      .details__image .product__points_up-image {
        height: 36px;
        width: 36px; }
      .details__image .product__promo-image {
        height: 36px;
        width: 36px; }
      .details__image .product__promo-text {
        min-height: 30px;
        line-height: 1.6;
        padding: 2px 15px; }
      .details__image .details__image__product,
      .details__image #replacePhoto img {
        max-width: 100% !important; } }
  .details__availability {
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    margin-top: 4px; }
    .details__availability span {
      color: #333333;
      font-weight: 500; }
  .details__border {
    border-bottom: 1px solid #cccccd; }
  .details__size, .details__code {
    font-size: 13px;
    line-height: 18px;
    color: #aaaaaa;
    font-weight: 400; }
  .details__size__text {
    color: #8d8d8d;
    font-weight: 600; }
  .details__size--group {
    color: #003C71;
    opacity: .8; }
  .details__size i {
    font-size: 25px;
    font-size: 73px;
    width: 50px;
    height: 40px;
    margin-top: -35px;
    margin-left: -25px; }
  .details__size small {
    font-size: 12px;
    font-weight: 600;
    display: block;
    color: #b5bbbd; }
  .details__name {
    font-size: 27px;
    line-height: 1.5;
    font-weight: 600; }
  .details__default-attribute {
    font-size: 12px;
    line-height: 21px;
    font-weight: 400; }
  .details__short {
    font-size: 16px;
    line-height: 24px;
    font-weight: 475; }
    .details__short span {
      font-size: 12px !important;
      line-height: 21px !important; }
    .details__short a.text-svg b {
      font-weight: 550;
      margin-top: 2px; }
  .details--popup {
    margin-left: 0;
    margin-right: 0; }
    .details--popup .product__info {
      font-size: 17px;
      line-height: 27.5px;
      margin-top: 0 !important;
      font-weight: 400; }
      .details--popup .product__info h1,
      .details--popup .product__info .h1,
      .details--popup .product__info h2,
      .details--popup .product__info .h2,
      .details--popup .product__info h3,
      .details--popup .product__info .h3 {
        margin-top: 20px;
        margin-bottom: 10px; }
    .details--popup ul {
      margin: 0 0 10px;
      list-style: disc; }
  .details .product__price {
    margin-top: 0 !important;
    min-height: auto; }
  @media only screen and (max-width: 767px) {
    .details__name {
      line-height: 28px;
      font-weight: 700;
      margin-bottom: 11px;
      font-size: 23px; }
    .details__size {
      font-size: 12px;
      line-height: 21px; }
    .details__code {
      font-size: 12px;
      line-height: 21px; }
    .details__short {
      font-size: 12px;
      line-height: 21px;
      padding: 0; }
    .details .product__info {
      font-size: 12px;
      line-height: 21px; }
    .details .product__price {
      padding-top: 24px;
      padding-bottom: 18px; }
      .details .product__price span {
        font-size: 23px !important;
        line-height: 28px !important; }
      .details .product__price .points-symbol {
        line-height: 20px !important; } }

.spinner {
  float: left;
  margin-right: 8px; }
  .spinner--list {
    height: 36px;
    width: 91px;
    border: 1px solid #dedede;
    position: relative; }
    .spinner--list .form__field {
      margin-right: 0;
      padding-right: 34px;
      padding-left: 34px;
      width: 100%; }
      .spinner--list .form__field input {
        padding: 0 !important;
        background: #fff !important;
        color: #1a1a1a !important;
        height: 38px !important;
        font-size: 12px !important;
        font-weight: 425;
        border: none !important;
        border-radius: 0;
        -webkit-appearance: none;
        -webkit-border-radius: 0; }
  .spinner__input {
    padding: 0;
    background: #fff !important; }
  .spinner__buttons {
    float: left;
    position: absolute;
    width: 89px; }
    .spinner__buttons a {
      font-size: 10px;
      line-height: 18px;
      text-align: center;
      color: #1A1A1A;
      text-decoration: none;
      border: none !important;
      margin: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f0f0f0; }
      .spinner__buttons a .icon {
        width: 10px;
        height: 10px; }
  .spinner__top.spinner__top {
    position: relative;
    float: right; }
  .spinner__bottom.spinner__bottom {
    position: relative;
    float: left; }

.content p {
  font-weight: 350;
  margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  .content h4 img {
    margin-top: 0 !important; } }

.content--green h1, .content--green h2, .content--green h3, .content--green h4, .content--green h5 {
  color: #333333 !important; }

.content h1, .content h2, .content h3, .content h4, .content h5 {
  font-weight: 350;
  margin-bottom: 0;
  padding: 15px 0 22px;
  color: #000; }

.content ul.low li {
  margin-bottom: 10px; }

.content ul li {
  padding-left: 24px; }

.content li {
  font-weight: 350;
  position: relative;
  margin-bottom: 15px; }

.content ol {
  padding-left: 30px; }
  .content ol.custom-numeric {
    list-style: none;
    padding-left: 40px;
    counter-reset: section; }
    @media only screen and (max-width: 767px) {
      .content ol.custom-numeric {
        margin-top: 20px;
        padding-left: 0; } }
    .content ol.custom-numeric li {
      line-height: 23px;
      height: 70px;
      margin-bottom: 10px;
      padding-left: 90px; }
      @media only screen and (max-width: 1024px) {
        .content ol.custom-numeric li {
          line-height: 20px;
          font-size: 14px; } }
      @media only screen and (max-width: 767px) {
        .content ol.custom-numeric li {
          height: auto;
          min-height: 70px; } }
      .content ol.custom-numeric li:before {
        line-height: 70px;
        position: absolute;
        left: 0;
        display: block;
        width: 70px;
        height: 70px;
        content: counter(section, upper-roman);
        counter-increment: section;
        text-align: center;
        color: #333333;
        background: #F5F5F5;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -moz-border-radius: 50%; }
      .content ol.custom-numeric li span {
        display: table-cell;
        height: 70px;
        vertical-align: middle; }

.content ul li:before {
  position: absolute;
  top: 11px;
  left: 9px;
  width: 3px;
  height: 3px;
  content: "";
  background: #333333;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%; }

@media only screen and (max-width: 1024px) {
  .content img {
    max-width: 100%; } }

@media only screen and (max-width: 1024px) {
  .values {
    width: 100% !important; } }

.values__item {
  vertical-align: top;
  border: 4px solid #fff;
  border-top: 0;
  border-bottom: 0;
  background: #F5F5F5; }
  @media only screen and (max-width: 1024px) {
    .values__item {
      width: 50% !important;
      height: auto !important;
      display: block !important;
      float: left !important; } }
  @media only screen and (max-width: 767px) {
    .values__item {
      width: 100% !important;
      height: auto !important;
      float: none !important;
      border: 0; } }
  .values__item:first-child {
    padding-left: 0; }
  .values__item:last-child {
    padding-right: 0; }

.values__header {
  height: 195px;
  text-align: center; }
  .values__header h3 {
    line-height: 195px;
    padding: 0;
    text-transform: uppercase; }
  .values__header--violet {
    background: #84297a; }
  .values__header--blue {
    background: #0273b6; }
  .values__header--green {
    background: #77bc20; }
  .values__header--gray {
    background: #78797b; }

.values__content {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  padding: 25px;
  color: #47484a; }

.award__border {
  padding-right: 8px; }
  @media only screen and (max-width: 767px) {
    .award__border:nth-child(2n+2) {
      padding-right: 0; }
    .award__border img {
      max-width: 70%; } }
  .award__border:nth-child(4n+4) {
    padding-right: 0; }

.award__item {
  height: 245px;
  margin-bottom: 8px;
  text-align: center;
  border: 1px solid #e2e2e3; }

.news-list--home {
  margin-left: 52%; }
  @media only screen and (max-width: 1024px) {
    .news-list--home {
      margin-left: 55%; } }
  @media only screen and (max-width: 767px) {
    .news-list--home {
      margin-left: 88px;
      position: relative;
      transform: translateY(-100%); }
      .news-list--home .button {
        padding: 0 72px; } }

.news-list__link {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.news-list__image {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  width: 220px;
  min-height: 1px; }
  @media only screen and (max-width: 767px) {
    .news-list__image {
      width: 160px;
      float: none;
      margin: 0 auto; } }
  .news-list__image img {
    display: block; }

.news-list__item {
  position: relative;
  padding-bottom: 10px; }
  .news-list__item:hover .informations__data {
    color: #fff;
    background: linear-gradient(151deg, #3a3c5b 0%, #595781 40%, #1a2a35 100%); }
  .news-list__item:hover .news-list__content {
    background: #f3f5f3; }

.news-list__date {
  position: relative;
  z-index: 2;
  margin: 62px -48px 0 -48px; }
  @media only screen and (max-width: 767px) {
    .news-list__date {
      margin: -48px auto 0;
      float: none; } }

.news-list__content {
  height: 220px;
  margin-left: -220px;
  padding-left: 311px; }
  @media only screen and (max-width: 1024px) {
    .news-list__content h3 {
      font-size: 20px;
      line-height: 25px; } }
  @media only screen and (max-width: 767px) {
    .news-list__content {
      height: auto;
      padding: 20px 20px 30px 20px;
      width: 100%; } }
  .news-list__content p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #000; }

.news header h3 {
  padding-top: 0; }

.news__content {
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e2e3; }

.signature {
  position: relative;
  padding-top: 5px; }
  .signature p {
    font-size: 14px;
    font-weight: 600; }
    .signature p span {
      font-weight: 300;
      position: relative;
      top: -7px;
      display: inline-block; }
  .signature--border:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 1px;
    content: "";
    background: #dbdddb; }

.benefits__dots {
  position: absolute;
  right: -4px;
  margin-top: 16px;
  border-bottom: 1px dashed #a4a4a4; }
  @media only screen and (max-width: 1024px) {
    .benefits__dots {
      display: none; } }
  .benefits__dots:after {
    position: absolute;
    top: -3px;
    right: 0;
    width: 7px;
    height: 7px;
    content: "";
    background: #a4a4a4;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%; }

.benefits__left {
  margin-right: -1px;
  border-right: 1px solid #d1d1cf; }
  @media only screen and (max-width: 767px) {
    .benefits__left {
      border: 0; } }

.benefits__right {
  border-left: 1px solid #d1d1cf; }
  @media only screen and (max-width: 767px) {
    .benefits__right {
      border: 0; } }
  .benefits__right .benefits__dots {
    right: auto;
    left: 0; }
    @media only screen and (max-width: 1024px) {
      .benefits__right .benefits__dots {
        display: none; } }
    .benefits__right .benefits__dots:after {
      right: auto;
      left: -4px; }

.benefits h3 {
  text-transform: uppercase; }

.benefits__item {
  position: relative;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .benefits__item {
      margin-top: 40px !important; } }
  .benefits__item p {
    font-weight: 300;
    line-height: 23px;
    display: inline-block;
    text-align: center; }
    @media only screen and (max-width: 1024px) {
      .benefits__item p {
        width: 100% !important;
        padding: 0 10px; } }
  .benefits__item__icon {
    line-height: 200px;
    display: inline-block;
    width: 200px;
    height: 200px;
    margin-bottom: -45px;
    text-align: center;
    background: #F5F5F5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%; }

.circle {
  width: 315px;
  height: 315px;
  padding: 0 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%; }
  @media only screen and (max-width: 1024px) {
    .circle {
      max-width: 100%;
      margin: 0 auto; }
      .circle .dt {
        width: 100% !important; } }
  .circle--webinar h4 {
    padding-bottom: 10px; }
  .circle--webinar p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap; }

.story__item {
  margin-bottom: 25px; }
  @media only screen and (max-width: 767px) {
    .story__item h3 {
      text-align: center; }
    .story__item .signature {
      border-bottom: 1px solid #e2e2e3;
      margin-bottom: 20px; }
      .story__item .signature p {
        margin: 0; } }

.story__content {
  padding-bottom: 5px;
  border-bottom: 1px solid #e2e2e3; }
  @media only screen and (max-width: 767px) {
    .story__content {
      text-align: center;
      border: 0; }
      .story__content * {
        text-align: center; } }
  .story__content__more {
    display: none; }

@media only screen and (max-width: 767px) {
  .story img {
    max-width: 200px;
    display: block;
    margin: 0 auto; } }

.link-top {
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  position: fixed;
  z-index: 5;
  right: 0;
  bottom: 7px;
  display: none;
  width: 52px;
  text-align: center;
  text-transform: uppercase;
  color: #1A1A1A; }
  .link-top span {
    font-size: 14px;
    line-height: 52px;
    display: inline-block;
    width: 100%;
    height: 52px;
    margin-bottom: 7px;
    text-align: center;
    color: #fff;
    background: #565757; }
  .link-top:hover {
    text-decoration: none; }
    .link-top:hover span {
      background: #686868; }

.shop-boxes-wrap {
  border-right: 10px solid #fff;
  border-left: 10px solid #fff; }

.shop-boxes {
  margin-bottom: 60px; }
  .shop-boxes .span_12.dtc {
    vertical-align: top; }
  .shop-boxes__box {
    position: relative;
    z-index: 1; }
  .shop-boxes h4 {
    position: relative; }
  .shop-boxes__half {
    height: 340px; }
    .shop-boxes__half .bg--gray {
      position: relative;
      background: #f4f5f7 url("../../images/frontend/shop-product-bg.jpg") no-repeat top right;
      background-size: auto 100%; }
    .shop-boxes__half__width {
      position: relative;
      width: 100%; }
  .shop-boxes__sub {
    line-height: 18px !important; }
    .shop-boxes__sub * {
      font-size: 12px;
      line-height: 15px; }
    .shop-boxes__sub--blue {
      padding-right: 20px; }
      .shop-boxes__sub--blue a {
        color: #0064b0; }
    .shop-boxes__sub--violet {
      padding-right: 20px; }
      .shop-boxes__sub--violet a {
        color: #752860; }
  .shop-boxes .bg--gray {
    height: 100%; }
    .shop-boxes .bg--gray .shop-boxes__box {
      margin-bottom: 70px; }
      @media only screen and (max-width: 767px) {
        .shop-boxes .bg--gray .shop-boxes__box {
          margin-bottom: 0; } }
  .shop-boxes .button {
    position: absolute;
    bottom: 20px;
    left: 26px;
    width: 170px;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .shop-boxes .button {
        position: static;
        margin: 0 0 20px 26px;
        vertical-align: bottom; } }
  .shop-boxes__image {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden;
    width: 165px !important;
    height: 165px !important;
    max-width: 37% !important; }
    @media only screen and (max-width: 767px) {
      .shop-boxes__image {
        margin-top: 10px;
        max-width: 100%;
        height: auto !important; } }
    .shop-boxes__image img {
      display: block;
      max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .shop-boxes__image {
        position: relative;
        margin-left: 47px; } }
  .shop-boxes__bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 2000px;
    height: 100%;
    background: #f4f5f7; }
    .shop-boxes__bg--left {
      right: auto;
      left: 0;
      background: #f5f4ef; }
    .shop-boxes__bg h4 {
      position: relative;
      width: 280px;
      margin-left: 70px; }
  .shop-boxes__full {
    height: 680px; }

.w-tooltip {
  font-size: 20px;
  position: relative;
  margin: -2px 0 0 3px; }
  .w-tooltip:hover div {
    display: block;
    opacity: 1;
    font: normal 13px / 17px "Figtree", -apple-system, "Roboto", sans-serif;
    border-radius: 10px; }
  .w-tooltip div {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: none;
    width: 230px;
    padding: 7px 10px;
    opacity: 0;
    border: 1px solid #97979a;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }

.userinfo {
  padding: 7px 20px 0 2vw;
  display: flex; }
  .userinfo__avatar {
    border-right: 2px solid #eadfd5;
    margin-right: 10px;
    padding-right: 10px;
    width: 52px;
    display: flex;
    align-content: center;
    flex-wrap: wrap; }
    @media (max-width: 540px) {
      .userinfo__avatar {
        border: none;
        margin-right: 0;
        padding-bottom: 0; } }
    .userinfo__avatar img {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -o-border-radius: 50%;
      -moz-border-radius: 50%;
      max-width: 42px;
      max-height: 42px; }
      @media only screen and (max-width: 767px) {
        .userinfo__avatar img {
          max-width: 36px;
          max-height: 36px; } }
  .userinfo__info {
    font-size: 9px;
    font-weight: 700;
    line-height: 16px;
    position: absolute;
    top: -8px;
    left: -8px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    background: #e30000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%; }
  .userinfo__data a {
    font-size: 10px;
    line-height: 11px;
    font-weight: 600;
    display: block;
    max-width: 300px;
    color: #1a1a1a; }
    @media only screen and (max-width: 767px) {
      .userinfo__data a {
        font-size: 10px;
        line-height: 12px; } }
  .userinfo__data__id {
    font-size: 9px;
    font-weight: 500;
    line-height: 15px;
    display: block;
    color: #a8a8a8;
    margin: 0 0 -5px 0; }
  .userinfo__data__url {
    line-height: 9px;
    margin: 0; }
    .userinfo__data__url a {
      font-size: 9px;
      font-weight: 600;
      line-height: 11px;
      color: #333333; }
  .userinfo__data__invite {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 5px;
    margin-bottom: 2px;
    color: #b5bbbd; }
    .userinfo__data__invite a,
    .userinfo__data__invite .name {
      font-size: 13px;
      font-weight: 600;
      display: block;
      color: #5f5f5f; }

.partner__box {
  padding-top: 15px;
  padding-bottom: 15px;
  background: #fafafa; }
  @media only screen and (max-width: 767px) {
    .partner__box {
      padding: 0;
      background: transparent; }
      .partner__box .phl {
        padding: 10px;
        margin-bottom: 5px; } }
  .partner__box p {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #a0a0a0; }
  .partner__box input {
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    height: 20px;
    padding: 0 6px;
    color: #5f5f5f;
    border: 1px solid #cbd0d7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px; }

.box__grey {
  font-size: 12px;
  font-weight: 600;
  line-height: 38px;
  height: 38px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #a7a7a7; }

.icon--logout {
  font-size: 8px;
  position: relative;
  top: -1px;
  margin-right: 2px;
  padding: 1px;
  border: 1px solid #767676;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%; }

.container--aside {
  padding-right: 240px; }
  @media only screen and (max-width: 767px) {
    .container--aside {
      padding-right: 0; } }

.basket {
  margin-bottom: 36px; }
  .basket--empty {
    color: #3c3c3c; }
    .basket--empty .icon--cart * {
      fill: #1A1A1A !important; }
  .basket .icon--cart {
    height: 14px;
    width: auto;
    margin-right: 10px; }
    .basket .icon--cart * {
      fill: #6cbf49; }
  .basket .button {
    text-transform: none; }
    .basket .button svg {
      height: 6px !important; }
  .basket__header {
    font-size: 11px;
    font-weight: 500;
    line-height: 30px;
    height: 30px;
    color: #1a1a1a;
    border-bottom: 1px solid #e9e9e9; }
    .basket__header a {
      font-size: 11px;
      font-weight: 600;
      text-decoration: none; }
  .basket__less, .basket__more {
    float: right;
    display: flex;
    align-items: center; }
  .basket__less {
    display: none; }
  .basket__summary {
    padding-top: 12px;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .basket__summary strong {
      font-size: 15px;
      font-weight: 500; }
  .basket__products {
    border-bottom: 1px solid #e9e9e9; }
  .basket__notification {
    font-size: 11px;
    line-height: 15px;
    padding: 10px;
    color: #1A1A1A;
    background: #F5F5F5; }
  .basket__collapse {
    font-size: 12px;
    font-weight: 400; }
  .basket__item {
    position: relative;
    padding: 10px 0; }
    .basket__item__price {
      font-size: 11px;
      line-height: 15px;
      font-weight: 600;
      color: #1A1A1A; }
  .basket__expanded {
    display: none; }
    .basket__expanded h5,
    .basket__expanded h5 a {
      font-size: 11px;
      line-height: 15px;
      font-weight: 600;
      color: #68bd44;
      margin: 0;
      padding-right: 18px; }
  .basket__remove {
    position: absolute;
    top: 10px;
    right: 0;
    color: #b9b9b9;
    font-size: 9px;
    line-height: 1; }
    .basket__remove:hover {
      text-decoration: none;
      color: #1A1A1A; }
  .basket__counter {
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    display: inline-block;
    color: #1A1A1A; }
    .basket__counter__increase, .basket__counter__decrease {
      font-size: 13px;
      font-weight: bold;
      line-height: 9px;
      position: relative;
      display: inline-block;
      width: 9px;
      height: 9px;
      cursor: pointer;
      text-align: center;
      color: #fff; }
      .basket__counter__increase:hover, .basket__counter__decrease:hover {
        background: #2f3331; }
    .basket__counter__increase {
      background: #333333; }
    .basket__counter__decrease {
      background: #b9b9b9; }
    .basket__counter__summary {
      display: inline-block; }
  .basket--expanded .basket__more {
    display: none; }
  .basket--expanded .basket__less {
    display: flex; }

.wf {
  width: 100%; }

.dn {
  display: none; }

@media only screen and (max-width: 1024px) {
  .twf {
    width: 100%; }
  .span_9.pull_1.pr.oh.sspan_a.spull_0 div.phn {
    top: 20px !important; }
  .tdb {
    display: block !important; } }

@media only screen and (max-width: 767px) {
  .sdb {
    display: block; }
  .sh-auto {
    height: auto; }
  .stac {
    text-align: center; }
  .span_11.js-sh {
    height: auto; }
    .span_11.js-sh .bg--gray {
      padding: 20px 0; }
  .sdn {
    display: none; }
  .swf {
    width: 100%; }
  .table--internet tbody {
    display: block; }
  .table--internet tr {
    display: block; }
  .table--internet td {
    display: block;
    width: 100% !important;
    margin: 0 auto; }
  .table--rewards tbody tr:first-child td:last-child {
    line-height: 13px;
    font-size: 12px; }
  .sspan_a {
    width: 100%;
    overflow: hidden; }
    .sspan_a img {
      width: 100%;
      position: absolute; }
  .box-quote {
    width: auto;
    margin: 0 auto; } }

.stock__missing {
  background-color: var(--light-80);
  font-size: 11px;
  color: var(--dark-40);
  font-weight: 500;
  padding: 10px 20px;
  text-transform: uppercase;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  margin-bottom: 20px;
  border-radius: 30px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .stock__missing {
      font-size: 10px;
      margin-bottom: 15px;
      border: 1px solid var(--light-80); } }

.stock__missing-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(244, 244, 244, 0.7);
  z-index: 2;
  aspect-ratio: 1; }
  .stock__missing-overlay .button {
    text-transform: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: inline-flex;
    align-items: center;
    pointer-events: none; }
    @media only screen and (max-width: 767px) {
      .stock__missing-overlay .button {
        font-size: 9px;
        top: 93.5px; }
        .stock__missing-overlay .button svg {
          display: none; } }
  .stock__missing-overlay .button__overlay {
    width: 16px;
    height: auto;
    margin-right: 8px;
    font-weight: 400; }

.stock__description {
  font-size: 12px;
  line-height: 19px;
  color: #999;
  margin: 0;
  font-weight: 500; }

.sample {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 15px; }

.sample--small {
  height: 15px;
  width: 15px;
  margin-right: 5px;
  display: inline-block; }

.section--newsletter {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 376px; }
  @media only screen and (max-width: 767px) {
    .section--newsletter {
      min-height: 111vw; }
      .section--newsletter .bg-left {
        background-image: none !important; } }

.section--newsletter__background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  z-index: -1; }
  @media only screen and (max-width: 767px) {
    .section--newsletter__background {
      height: unset;
      min-height: 111vw; } }

.button {
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
  display: inline-block;
  padding: 0 35px;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase; }
  .button--label {
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 1em; }
  .button--gold {
    background-color: #ebb92f;
    color: white; }
  .button--social {
    border-radius: 5px;
    text-transform: none;
    font-size: 9px !important;
    font-weight: 700 !important;
    height: 28px !important;
    padding: 0 8px !important;
    line-height: 26px !important; }
    .button--social .icon--facebook {
      width: 13px;
      height: 13px;
      margin-right: 3px; }
    .button--social:hover {
      color: #fff;
      background: #333333; }
      .button--social:hover svg * {
        fill: #fff; }
    .button--social:active, .button--social:focus {
      color: #333333; }
      .button--social:active svg *, .button--social:focus svg * {
        fill: #333333; }
  .button--shop {
    display: inline-flex !important;
    align-content: center;
    border-color: #d1d1d1 !important;
    border-style: solid;
    border-width: 1px;
    padding: 0 20px !important;
    height: 42px !important;
    border-radius: 21px !important;
    margin: 0 14px;
    position: relative; }
    .button--shop.open:hover::before, .button--shop.open::before {
      position: absolute;
      display: block;
      content: "";
      width: 100%;
      height: 70px;
      bottom: 0;
      left: 0;
      transform: translateY(100%); }
    .button--shop.open .before, .button--shop.open .after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 15px 15px;
      border-color: transparent transparent rgba(161, 161, 161, 0.3) transparent;
      position: absolute;
      left: 23px;
      bottom: -32px;
      z-index: 4;
      pointer-events: none; }
    .button--shop.open .after {
      border-color: transparent transparent #fff transparent;
      border-width: 0 0 14px 14px;
      bottom: -33px; }
    .button--shop.button--green {
      border: none !important; }
      .button--shop.button--green:focus {
        color: #fff !important; }
    .button--shop.button--green {
      border: none !important; }
    .button--shop div {
      min-width: 25px;
      min-height: 1px; }
    .button--shop:active, .button--shop:focus {
      color: #1a1a1a !important; }
    .button--shop:hover {
      border-color: #fff !important;
      color: #fff !important; }
    .button--shop svg, .button--shop img {
      height: 16px;
      margin-right: 10px;
      margin-top: -3px; }
  .button--align {
    display: inline-flex;
    align-items: center;
    min-width: auto; }
    .button--align.button--full {
      justify-content: space-between; }
  .button .button__copy {
    height: 12px;
    width: auto;
    min-width: auto; }
  .button .button__arrow {
    height: 6px;
    width: auto;
    margin-left: 30px;
    min-width: auto; }
  .button .button__cart {
    height: 22px;
    width: auto;
    margin-left: 15px;
    min-width: auto;
    vertical-align: middle; }
    @media only screen and (max-width: 1024px) {
      .button .button__cart {
        margin-left: 24px; } }
    @media only screen and (max-width: 767px) {
      .button .button__cart {
        margin-left: 18px; } }
  .button .button--high .button__cart {
    height: 26px;
    margin-left: 28px; }
  @media only screen and (max-width: 767px) {
    .button {
      padding: 0 20px; } }
  .button:hover, .button:active, .button:focus {
    color: #fff;
    text-decoration: none; }
  .button--full.button--full {
    width: 100% !important; }
    .button--full.button--full svg {
      height: 20px; }
  .button--transparent {
    color: #fff;
    border: 1px solid #fff;
    background: transparent; }
    .button--transparent:hover {
      background: rgba(255, 255, 255, 0.3); }
  .button--white {
    color: #1a1a1a;
    border: 1px solid #fff;
    background: #fff; }
    .button--white svg * {
      fill: #1a1a1a; }
    .button--white:hover {
      color: #fff;
      background: #2f3331;
      border: 1px solid #2f3331; }
      .button--white:hover svg * {
        fill: #fff; }
  .button--border-green {
    border: 1px solid #333333; }
  .button--border-black {
    color: var(--dark-70);
    background-color: var(--light-70);
    font-size: 11px;
    font-weight: 550;
    border-radius: 15px; }
    .button--border-black svg * {
      fill: #000; }
    .button--border-black img.button__copy {
      opacity: .9; }
    .button--border-black:hover {
      color: #fff;
      background: #000; }
      .button--border-black:hover svg * {
        fill: #fff; }
      .button--border-black:hover img.button__copy {
        opacity: 1;
        filter: invert(1) brightness(1.3); }
  .button--border-gray {
    border: 1px solid rgba(40, 40, 40, 0.3);
    color: #333333;
    font-size: 11px;
    font-weight: 600; }
    .button--border-gray:hover {
      color: #fff;
      background: #2f3331; }
      .button--border-gray:hover .st0 {
        stroke: #fff;
        fill: #2f3331; }
      .button--border-gray:hover svg * {
        fill: #fff; }
      .button--border-gray:hover:focus, .button--border-gray:hover:active {
        color: #fff; }
    .button--border-gray:focus, .button--border-gray:active {
      color: #333333; }
  .button--rounded {
    border-radius: 25px; }
  .button--transparent-green {
    color: #333333;
    border: 1px solid #333333;
    background: transparent; }
    .button--transparent-green:hover {
      color: #fff;
      background: #333333; }
  .button--wide {
    padding: 0 80px; }
    @media only screen and (max-width: 767px) {
      .button--wide {
        max-width: 100%;
        padding: 0 50px; } }
  .button--green {
    font-size: 14px;
    font-weight: 475;
    letter-spacing: .2px;
    color: #fff;
    border: 1px solid var(--coral-primary);
    background: var(--coral-primary);
    border-radius: 28px;
    padding-top: 15px;
    padding-bottom: 15px; }
    .button--green svg * {
      fill: #fff; }
    .button--green:hover {
      border: 1px solid var(--coral-primary-hover);
      background: var(--coral-primary-hover); }
  .button-tertiary {
    font-size: 14px;
    font-weight: 475;
    letter-spacing: .2px;
    color: var(--dark-70);
    border: none;
    background: var(--light-70);
    border-radius: 28px;
    padding-top: 1px;
    padding-bottom: 1px;
    opacity: .8; }
    .button-tertiary:hover, .button-tertiary:active, .button-tertiary:focus {
      opacity: 1;
      color: var(--dark-80); }
  .button--larens, .button--larens:active, .button--larens:focus {
    color: var(--dark-90);
    border: 1px solid var(--light-80);
    background: var(--light-80);
    border-radius: 30px; }
    .button--larens .button__cart, .button--larens:active .button__cart, .button--larens:focus .button__cart {
      width: 18px; }
    .button--larens svg *, .button--larens:active svg *, .button--larens:focus svg * {
      fill: var(--dark-80); }
    .button--larens:hover, .button--larens:active:hover, .button--larens:focus:hover {
      color: var(--light-100);
      border: 1px solid var(--dark-80);
      background: var(--dark-80); }
      .button--larens:hover svg *, .button--larens:active:hover svg *, .button--larens:focus:hover svg * {
        fill: var(--light-100); }
  .button--link {
    color: #333333; }
    .button--link:hover, .button--link:active, .button--link:focus {
      color: #333333;
      text-decoration: underline; }
  .button--tight {
    padding: 0 20px; }
  .button--blue {
    color: #fff;
    background: #0064b1; }
    .button--blue:hover {
      background: #0d70bc; }
  .button--disabled {
    color: darkgrey;
    background: lightgray;
    border: none; }
    .button--disabled:hover {
      color: darkgrey;
      background: lightgray;
      background: lightgray; }
  .button--violet {
    color: #fff;
    background: #75285f; }
    .button--violet:hover {
      background: #82326b; }
  .button--short {
    padding: 0 20px; }
  .button--low {
    line-height: 34px;
    font-size: 12px;
    font-weight: 575;
    height: 36px;
    padding: 0 15px 0 18px;
    transition: all 220ms ease;
    overflow: hidden;
    cursor: pointer; }
    .button--low.button--rounded {
      border-radius: 18px; }
  .button--narrow {
    text-transform: none; }
    .button--narrow .button__arrow {
      margin-left: 8px; }
  .button--very-low {
    line-height: 20px;
    height: 20px; }
  .button--high {
    line-height: 56px;
    height: 56px;
    font-size: 16px;
    font-weight: 450;
    border-radius: 28px; }
    @media only screen and (max-width: 767px) {
      .button--high {
        font-size: 15px;
        line-height: 48px;
        height: 48px;
        margin-top: 4px; } }
  .button--pulse {
    animation: pulse 1s 2; }

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scale3d(1, 1, 1); } }

@media (max-width: 640px) {
  .button--shop {
    height: 33px !important; } }

@media (max-width: 414px) {
  .button--shop {
    padding: 0 !important;
    border: none !important;
    height: 40px !important; }
    .button--shop.button--green {
      color: #1a1a1a !important;
      background-color: transparent !important; }
      .button--shop.button--green svg * {
        fill: #1a1a1a !important; }
    .button--shop:hover {
      color: #1a1a1a !important;
      background-color: transparent !important; }
      .button--shop:hover svg * {
        fill: #1a1a1a !important; } }

.userinfo_link_cnt {
  padding: 2px 0;
  float: left; }

.userinfo__data .button--low {
  height: 20px;
  padding: 2px;
  width: 20px;
  line-height: 18px;
  padding: 0 16px 0 6px;
  cursor: pointer; }

.userinfo__data input.form-control {
  font-size: 10px;
  color: #000;
  background: transparent;
  height: auto;
  padding: 2px 0;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #eee;
  cursor: default; }

.slick-next,
.slick-prev {
  position: absolute;
  top: 50%;
  margin-top: 0;
  width: 72px;
  height: 79px;
  transform: translateY(-50%);
  color: #fff;
  background: rgba(47, 51, 49, 0.07); }
  .slick-next:hover,
  .slick-prev:hover {
    background: #2f3331; }
  .slick-next:before, .slick-next:after,
  .slick-prev:before,
  .slick-prev:after {
    font-family: "icons";
    opacity: 1; }

.slick-disabled {
  display: none !important; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.slick-slider {
  margin-bottom: 0; }

.slick-initialized {
  visibility: visible !important; }

.slick--home {
  visibility: hidden; }
  .slick--home .half-box {
    overflow: hidden;
    max-width: 100vw;
    position: relative; }
  .slick--home img {
    min-width: 100%; }
  .slick--home .slick-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
  .slick--home .slick-next .icon,
  .slick--home .slick-prev .icon {
    height: 20px;
    width: auto; }
  .slick--home .slick-next:before,
  .slick--home .slick-prev:before {
    display: none; }

.slick--categories {
  padding: 0 50px; }
  .slick--categories .slick-list {
    overflow: visible; }
    .slick--categories .slick-list:before {
      content: "";
      position: absolute;
      height: 46px;
      width: 9999999px;
      background-color: #fff;
      top: 50%;
      right: -50px;
      transform: translate(100%, -50%);
      z-index: 2; }
    .slick--categories .slick-list:after {
      content: "";
      position: absolute;
      height: 46px;
      width: 9999999px;
      background-color: #fff;
      top: 50%;
      left: -50px;
      transform: translate(-100%, -50%);
      z-index: 2; }
  .slick--categories:before {
    content: "";
    position: absolute;
    height: 46px;
    width: 50px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), white);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2; }
  .slick--categories:after {
    content: "";
    position: absolute;
    height: 46px;
    width: 50px;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2), white);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2; }
  .slick--categories .slick-arrow--smaller {
    top: 50%;
    width: 16px;
    z-index: 3; }
    .slick--categories .slick-arrow--smaller.slick-next {
      padding-left: 8px; }
    .slick--categories .slick-arrow--smaller.slick-prev {
      padding-right: 8px; }
    .slick--categories .slick-arrow--smaller:hover {
      background: #fff; }
      .slick--categories .slick-arrow--smaller:hover svg * {
        fill: #2f3331; }
  .slick--categories .slick-track {
    margin: auto;
    display: flex;
    align-items: center; }
  .slick--categories .nav--categories__item {
    text-align: center;
    margin-right: 0 !important; }
    .slick--categories .nav--categories__item a {
      padding: 0 20px;
      line-height: 1.5;
      white-space: nowrap; }
  @media only screen and (max-width: 767px) {
    .slick--categories {
      padding: 0 25px; }
      .slick--categories .nav--categories__item .underline--text:before {
        display: none; }
      .slick--categories .slick-list:before {
        right: -25px; }
      .slick--categories .slick-list:after {
        left: -25px; }
      .slick--categories .slick-arrow--smaller {
        width: 24px; }
        .slick--categories .slick-arrow--smaller.slick-prev {
          padding-right: 16px; }
        .slick--categories .slick-arrow--smaller.slick-next {
          padding-left: 16px; } }

.slick--gallery .slick-track {
  display: flex;
  align-items: center; }

@media only screen and (max-width: 767px) {
  .slick--gallery .slick-arrow--smaller {
    background: none; }
    .slick--gallery .slick-arrow--smaller .icon {
      height: 19px; } }

.slick--thumbnails {
  min-height: 1px; }
  .slick--thumbnails .details__image__product {
    margin: 0 auto;
    width: 100%;
    max-width: 75px !important;
    max-height: 75px; }
  .slick--thumbnails .slick-slide {
    background-color: #F9F9F9;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    border-right: 8px solid #fff;
    border-bottom: 8px solid #fff; }
  .slick--thumbnails .slick-focus {
    position: relative; }
    .slick--thumbnails .slick-focus:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 3px;
      width: 100%;
      background-color: #1a1a1a; }
  @media only screen and (max-width: 767px) {
    .slick--thumbnails {
      display: none; }
      .slick--thumbnails .details__image__product {
        width: 100%; } }

.slick--products {
  height: 265px;
  margin: 0 0 120px;
  padding-top: 80px; }
  @media only screen and (max-width: 767px) {
    .slick--products {
      height: auto;
      margin-bottom: 20px;
      padding: 20px 0;
      text-align: center; }
      .slick--products * {
        text-align: center; }
      .slick--products img {
        margin: 0 auto 20px auto;
        display: block; } }
  @media only screen and (max-width: 767px) {
    .slick--products .cf {
      height: auto !important; } }
  .slick--products__category {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000; }
  .slick--products__logo {
    display: block;
    margin-bottom: 25px;
    max-width: 100%; }
  .slick--products__description {
    font-size: 16px;
    line-height: 22px;
    color: #47484a; }
    @media only screen and (max-width: 1024px) {
      .slick--products__description {
        margin-bottom: 15px; } }
  .slick--products__image {
    float: right;
    vertical-align: bottom;
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .slick--products__image {
        float: none; } }
  .slick--products .slick-next,
  .slick--products .slick-prev {
    font-size: 20px;
    line-height: 35px;
    top: auto;
    bottom: -70px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #77bc20;
    background: #F5F5F5;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .slick--products .slick-next:before,
    .slick--products .slick-prev:before {
      font-size: 10px;
      line-height: inherit;
      color: #77bc20; }
    .slick--products .slick-next:hover,
    .slick--products .slick-prev:hover {
      background: #d8e1e8; }
  .slick--products .slick-prev {
    left: 0; }
  .slick--products .slick-next {
    left: 43px; }

.slick--informations, .slick--informations--news, .slick--news {
  height: 545px; }
  .slick--informations .slick-next,
  .slick--informations .slick-prev, .slick--informations--news .slick-next,
  .slick--informations--news .slick-prev, .slick--news .slick-next,
  .slick--news .slick-prev {
    font-size: 20px;
    line-height: 35px;
    top: auto;
    bottom: -34px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #77bc20;
    background: #F5F5F5;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .slick--informations .slick-next:before,
    .slick--informations .slick-prev:before, .slick--informations--news .slick-next:before,
    .slick--informations--news .slick-prev:before, .slick--news .slick-next:before,
    .slick--news .slick-prev:before {
      font-size: 10px;
      line-height: inherit;
      color: #77bc20; }
    .slick--informations .slick-next:hover,
    .slick--informations .slick-prev:hover, .slick--informations--news .slick-next:hover,
    .slick--informations--news .slick-prev:hover, .slick--news .slick-next:hover,
    .slick--news .slick-prev:hover {
      background: #d8e1e8; }
  .slick--informations .slick-prev, .slick--informations--news .slick-prev, .slick--news .slick-prev {
    left: 29%;
    margin-left: 33px; }
  .slick--informations .slick-next, .slick--informations--news .slick-next, .slick--news .slick-next {
    left: 29%;
    margin-left: 75px; }

.slick--informations--news {
  height: 340px; }
  .slick--informations--news .slick-prev {
    right: 29%;
    left: auto;
    margin-right: 83px; }
  .slick--informations--news .slick-next {
    right: 29%;
    left: auto;
    margin-right: 40px; }

.slick--news {
  height: auto; }
  .slick--news .slick-next,
  .slick--news .slick-prev {
    bottom: 0;
    left: 43%;
    right: auto;
    transform: translateY(100%); }
    @media only screen and (max-width: 767px) {
      .slick--news .slick-next,
      .slick--news .slick-prev {
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0); } }
  .slick--news .slick-next {
    margin-left: 43px; }
    @media only screen and (max-width: 767px) {
      .slick--news .slick-next {
        margin-left: 4px; } }
  .slick--news .slick-prev {
    margin-left: 0; }

.slick--products-new, .slick--promotions, .slick--bestsellers, .slick--brand-products, .slick--welcome, .slick--recommended, .slick--products-section-1, .slick--products-section-2, .slick--products-section-3 {
  position: relative;
  margin: 0 -10px; }
  @media screen and (max-width: 769px) {
    .slick--products-new, .slick--promotions, .slick--bestsellers, .slick--brand-products, .slick--welcome, .slick--recommended, .slick--products-section-1, .slick--products-section-2, .slick--products-section-3 {
      margin: 0 10px; }
      .slick--products-new .product__buttons, .slick--promotions .product__buttons, .slick--bestsellers .product__buttons, .slick--brand-products .product__buttons, .slick--welcome .product__buttons, .slick--recommended .product__buttons, .slick--products-section-1 .product__buttons, .slick--products-section-2 .product__buttons, .slick--products-section-3 .product__buttons {
        width: 100%; }
        .slick--products-new .product__buttons .button--larens, .slick--promotions .product__buttons .button--larens, .slick--bestsellers .product__buttons .button--larens, .slick--brand-products .product__buttons .button--larens, .slick--welcome .product__buttons .button--larens, .slick--recommended .product__buttons .button--larens, .slick--products-section-1 .product__buttons .button--larens, .slick--products-section-2 .product__buttons .button--larens, .slick--products-section-3 .product__buttons .button--larens {
          width: 100%; }
      .slick--products-new .spinner--list, .slick--promotions .spinner--list, .slick--bestsellers .spinner--list, .slick--brand-products .spinner--list, .slick--welcome .spinner--list, .slick--recommended .spinner--list, .slick--products-section-1 .spinner--list, .slick--products-section-2 .spinner--list, .slick--products-section-3 .spinner--list {
        width: 100%;
        margin-bottom: 3px;
        margin-right: 0; }
        .slick--products-new .spinner--list + button, .slick--promotions .spinner--list + button, .slick--bestsellers .spinner--list + button, .slick--brand-products .spinner--list + button, .slick--welcome .spinner--list + button, .slick--recommended .spinner--list + button, .slick--products-section-1 .spinner--list + button, .slick--products-section-2 .spinner--list + button, .slick--products-section-3 .spinner--list + button {
          width: 100%;
          justify-content: center; }
        .slick--products-new .spinner--list .form__field, .slick--promotions .spinner--list .form__field, .slick--bestsellers .spinner--list .form__field, .slick--brand-products .spinner--list .form__field, .slick--welcome .spinner--list .form__field, .slick--recommended .spinner--list .form__field, .slick--products-section-1 .spinner--list .form__field, .slick--products-section-2 .spinner--list .form__field, .slick--products-section-3 .spinner--list .form__field {
          width: 100%; }
        .slick--products-new .spinner--list .spinner__buttons, .slick--promotions .spinner--list .spinner__buttons, .slick--bestsellers .spinner--list .spinner__buttons, .slick--brand-products .spinner--list .spinner__buttons, .slick--welcome .spinner--list .spinner__buttons, .slick--recommended .spinner--list .spinner__buttons, .slick--products-section-1 .spinner--list .spinner__buttons, .slick--products-section-2 .spinner--list .spinner__buttons, .slick--products-section-3 .spinner--list .spinner__buttons {
          width: 100%; } }
  .slick--products-new .product__buttons, .slick--promotions .product__buttons, .slick--bestsellers .product__buttons, .slick--brand-products .product__buttons, .slick--welcome .product__buttons, .slick--recommended .product__buttons, .slick--products-section-1 .product__buttons, .slick--products-section-2 .product__buttons, .slick--products-section-3 .product__buttons {
    position: absolute;
    left: 0;
    bottom: 0; }
  .slick--products-new .slick-track, .slick--promotions .slick-track, .slick--bestsellers .slick-track, .slick--brand-products .slick-track, .slick--welcome .slick-track, .slick--recommended .slick-track, .slick--products-section-1 .slick-track, .slick--products-section-2 .slick-track, .slick--products-section-3 .slick-track {
    display: flex !important; }
  .slick--products-new .slick-list, .slick--promotions .slick-list, .slick--bestsellers .slick-list, .slick--brand-products .slick-list, .slick--welcome .slick-list, .slick--recommended .slick-list, .slick--products-section-1 .slick-list, .slick--products-section-2 .slick-list, .slick--products-section-3 .slick-list {
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .slick--products-new .slick-list, .slick--promotions .slick-list, .slick--bestsellers .slick-list, .slick--brand-products .slick-list, .slick--welcome .slick-list, .slick--recommended .slick-list, .slick--products-section-1 .slick-list, .slick--products-section-2 .slick-list, .slick--products-section-3 .slick-list {
        margin: 0 auto; } }
  .slick--products-new .slick-slide, .slick--promotions .slick-slide, .slick--bestsellers .slick-slide, .slick--brand-products .slick-slide, .slick--welcome .slick-slide, .slick--recommended .slick-slide, .slick--products-section-1 .slick-slide, .slick--products-section-2 .slick-slide, .slick--products-section-3 .slick-slide {
    margin-left: 9px;
    margin-right: 9px;
    height: inherit !important;
    position: relative;
    overflow: auto;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 767px) {
      .slick--products-new .slick-slide, .slick--promotions .slick-slide, .slick--bestsellers .slick-slide, .slick--brand-products .slick-slide, .slick--welcome .slick-slide, .slick--recommended .slick-slide, .slick--products-section-1 .slick-slide, .slick--products-section-2 .slick-slide, .slick--products-section-3 .slick-slide {
        margin-left: 5px;
        margin-right: 5px;
        padding-bottom: 111px; } }
    .slick--products-new .slick-slide .separate, .slick--promotions .slick-slide .separate, .slick--bestsellers .slick-slide .separate, .slick--brand-products .slick-slide .separate, .slick--welcome .slick-slide .separate, .slick--recommended .slick-slide .separate, .slick--products-section-1 .slick-slide .separate, .slick--products-section-2 .slick-slide .separate, .slick--products-section-3 .slick-slide .separate {
      display: none; }
  .slick--products-new .slick-prev, .slick--promotions .slick-prev, .slick--bestsellers .slick-prev, .slick--brand-products .slick-prev, .slick--welcome .slick-prev, .slick--recommended .slick-prev, .slick--products-section-1 .slick-prev, .slick--products-section-2 .slick-prev, .slick--products-section-3 .slick-prev {
    right: auto;
    left: 15px;
    transform: translate(-100%, -50%); }
  .slick--products-new .slick-next, .slick--promotions .slick-next, .slick--bestsellers .slick-next, .slick--brand-products .slick-next, .slick--welcome .slick-next, .slick--recommended .slick-next, .slick--products-section-1 .slick-next, .slick--products-section-2 .slick-next, .slick--products-section-3 .slick-next {
    right: 15px;
    left: auto;
    transform: translate(100%, -50%); }
  .slick--products-new .slick-arrow--smaller, .slick--promotions .slick-arrow--smaller, .slick--bestsellers .slick-arrow--smaller, .slick--brand-products .slick-arrow--smaller, .slick--welcome .slick-arrow--smaller, .slick--recommended .slick-arrow--smaller, .slick--products-section-1 .slick-arrow--smaller, .slick--products-section-2 .slick-arrow--smaller, .slick--products-section-3 .slick-arrow--smaller {
    background: none; }
    .slick--products-new .slick-arrow--smaller:hover svg *, .slick--promotions .slick-arrow--smaller:hover svg *, .slick--bestsellers .slick-arrow--smaller:hover svg *, .slick--brand-products .slick-arrow--smaller:hover svg *, .slick--welcome .slick-arrow--smaller:hover svg *, .slick--recommended .slick-arrow--smaller:hover svg *, .slick--products-section-1 .slick-arrow--smaller:hover svg *, .slick--products-section-2 .slick-arrow--smaller:hover svg *, .slick--products-section-3 .slick-arrow--smaller:hover svg * {
      fill: #2f3331; }

.slick--welcome .slick-slide {
  overflow: hidden; }

.slick--welcome button {
  justify-content: center; }
  .slick--welcome button .button__cart {
    display: none; }

.slick--brand-products .slick-slide {
  padding-bottom: 0; }

.slick--brand-products .product__image {
  height: 204px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .slick--brand-products .product__image {
      height: 115px; } }
  .slick--brand-products .product__image a {
    width: 100%; }
  .slick--brand-products .product__image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%; }

.slick--brand-products .slick-arrow--smaller {
  top: 102px; }
  @media only screen and (max-width: 767px) {
    .slick--brand-products .slick-arrow--smaller {
      top: 57px; } }

.slick--variants {
  margin-bottom: 21px;
  z-index: 1; }
  .slick--variants::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 999999px;
    background: #fff;
    transform: translateX(-100%);
    z-index: 1; }
  .slick--variants::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 999999px;
    background: #fff;
    transform: translateX(100%);
    z-index: 1; }
  .slick--variants .slick-list {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    overflow: initial; }
  .slick--variants .slick-current .sample::before {
    content: "";
    display: block;
    position: absolute;
    width: 47px;
    height: 47px;
    border: 2px solid #000;
    border-radius: 50%; }
  .slick--variants .sample {
    width: 35px;
    height: 35px;
    margin-right: 0;
    margin-left: 7px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    .slick--variants .sample:hover::before {
      content: "";
      display: block;
      position: absolute;
      width: 47px;
      height: 47px;
      border: 2px solid rgba(0, 0, 0, 0.6);
      border-radius: 50%; }
  .slick--variants .slick-arrow--smaller {
    width: 32px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    left: -1px; }
    .slick--variants .slick-arrow--smaller .icon {
      height: 15px; }
    .slick--variants .slick-arrow--smaller:hover svg * {
      fill: #2f3331; }
    .slick--variants .slick-arrow--smaller.slick-next {
      justify-content: flex-end;
      left: unset;
      right: -1px;
      width: 28px; }

.slick-arrow--smaller {
  width: 44px;
  height: 46px;
  background: #fff;
  top: 165px; }
  @media only screen and (max-width: 767px) {
    .slick-arrow--smaller {
      top: 93.5px;
      width: 24px; }
      .slick-arrow--smaller.slick-next {
        transform: translate(0, -50%); }
      .slick-arrow--smaller.slick-prev {
        transform: translate(0, -50%); } }
  .slick-arrow--smaller:hover svg * {
    fill: #fff; }
  .slick-arrow--smaller svg * {
    fill: #2f3331; }
  .slick-arrow--smaller .icon {
    height: 12px;
    width: auto; }
  .slick-arrow--smaller:before, .slick-arrow--smaller:after {
    display: none; }
  .slick-arrow--smaller.slick-next {
    right: -2px; }
  .slick-arrow--smaller.slick-prev {
    left: 0; }

.form--custom input[type=text], .form--custom input[type=password] {
  font-size: 15px;
  letter-spacing: .2px;
  color: var(--dark-80);
  font-weight: 475;
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--light-50);
  outline: none;
  background: #f9fafc; }
  .form--custom input[type=text]:focus, .form--custom input[type=password]:focus {
    border: 1px solid #c7c7c7; }
  .form--custom input[type=text].texterr, .form--custom input[type=password].texterr {
    border: 1px solid var(--lavender-error-border);
    color: var(--lavender-error-color);
    background-color: var(--lavender-error-bg); }

.form--custom li {
  margin-bottom: 12px; }

.form--custom legend {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  padding-top: 26px;
  color: inherit; }

.form--custom .help-block {
  font-size: 85%;
  line-height: 1.2em;
  color: #555555; }

.form--custom .selectric .label {
  font-weight: normal;
  text-align: inherit; }

.form--custom .errors li {
  margin: 0; }

.form--custom .media-object.img-thumbnail {
  width: 42px; }

.form--login a {
  font-size: 15px;
  padding: 4px 0 0 0;
  display: inline-block; }

#fieldset-businessrulesdata li {
  margin-bottom: 0; }

.field--checkbox__input {
  line-height: 40px; }
  .field--checkbox__input input {
    height: auto; }

.field--checkbox__label i.fa {
  float: left;
  line-height: 18px;
  font-size: 0.4em;
  margin-right: 4px; }

.field--text__label {
  font-size: 14px;
  font-weight: 450;
  line-height: 20px;
  margin-top: 9px;
  color: #333333; }

.field--checkbox__label,
.field--checkbox__label label {
  font-weight: 300; }

.radio label,
.checkbox label {
  font-weight: 300; }

.select--custom {
  position: relative; }
  .select--custom .icon--promotion {
    width: 12px;
    height: 12px;
    margin-right: 12px; }
    .select--custom .icon--promotion .st0 {
      fill: #c32838; }
  .select--custom select {
    display: none; }

.select-selected {
  border: 1px solid #dedede;
  padding: 17px 20px !important;
  position: relative; }
  .select-selected:before {
    content: "\f102";
    font-family: "icons";
    font-style: normal;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: never;
    text-rendering: optimizeLegibility;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    font-weight: 500;
    background: #fff; }
  .select-selected.select-arrow-active:before {
    content: "\f105"; }

.select-items div,
.select-selected {
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  font-weight: 525;
  padding: 8px 18px;
  cursor: pointer;
  background-color: #fff; }

.select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #dadada;
  margin-top: -1px;
  padding: 12px 0;
  background-color: #fff; }

.select-items__off {
  opacity: .3; }

.select-hide {
  display: none; }

.select-items div:hover,
.same-as-selected {
  background-color: #f5f5f5; }

.select--colors .sample {
  display: inline-block; }

.select--colors .details__size__text {
  margin-left: 3px; }

@media only screen and (max-width: 767px) {
  .select--colors .details__size__text {
    margin-left: 0; }
  .select--colors .select-items div,
  .select--colors .select-selected {
    font-size: 0; }
    .select--colors .select-items div span,
    .select--colors .select-selected span {
      font-size: 11px; } }

li.codice-fiscale-group-row {
  margin-bottom: 0; }

.codice-fiscale-group {
  margin-bottom: 12px; }
  .codice-fiscale-group p legend {
    margin-bottom: 0 !important; }

.codice-fiscale-label {
  margin-bottom: 0; }
  .codice-fiscale-label > div {
    margin-bottom: 0; }
  .codice-fiscale-label .form-control-static {
    padding: 0; }

.register-dateofbirth > div {
  margin-bottom: 12px; }

#fieldset-businessdata.remove-empty-space ul.cf li {
  margin-bottom: -12px !important; }

input[type="radio"],
input[type="checkbox"] {
  margin: 6px 0 0; }

.touchspin-input {
  min-width: 51px; }

@media (max-width: 768px) {
  .mx-inner {
    display: none; } }

.footer__bottom {
  text-transform: uppercase; }
  .footer__bottom * {
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    color: #a8a8a8; }
  .footer__bottom a:hover {
    color: #111111; }
  .footer__bottom img {
    position: relative; }
    .footer__bottom img.viewone {
      width: 65px;
      margin-bottom: 2px; }
    .footer__bottom img.insee {
      height: 21px;
      margin-bottom: 4px; }

.aside {
  width: 250px;
  padding-right: 44px; }
  @media only screen and (max-width: 767px) {
    .aside {
      position: absolute;
      right: -250px;
      z-index: 9;
      background: #fff;
      border: 1px solid #e9e9e9;
      padding: 10px; } }
  .aside__show {
    position: absolute;
    right: 100%;
    background: #2f3331;
    font-size: 11px;
    line-height: 1;
    color: #fff !important;
    font-weight: 600;
    white-space: nowrap;
    color: #67bc45;
    align-items: center;
    padding: 5px 10px 5px 5px; }
    @media only screen and (max-width: 767px) {
      .aside__show {
        display: flex; } }
    .aside__show span {
      display: inline-block; }
    .aside__show i {
      display: inline-block;
      margin-right: 5px; }
    .aside__show--open {
      right: 100%; }

.selectricWrapper {
  position: relative;
  width: 100%;
  cursor: pointer; }

.selectricResponsive {
  width: 100%; }

.selectric {
  position: relative;
  border: 1px solid #e2e2e3;
  border-radius: 2px;
  background: #f9fafc; }
  .selectric .label {
    font-size: 14px;
    line-height: 40px;
    display: block;
    overflow: hidden;
    min-height: 40px;
    margin: 0 30px 0 0;
    padding: 0 12px;
    white-space: nowrap;
    color: #444; }
  .selectric .button {
    font: 0/0 a;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #bbb; }
  .selectric:after {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    content: " ";
    border: 4px solid transparent;
    border-top-color: #bbb;
    border-bottom: 0; }

.selectricHover .selectric {
  border-color: #ccc; }
  .selectricHover .selectric .button {
    color: #888; }
    .selectricHover .selectric .button:after {
      border-top-color: #888; }

.selectricOpen {
  z-index: 9999; }
  .selectricOpen .selectric {
    border-color: #ccc;
    background: #f9fafc; }
  .selectricOpen .selectricItems {
    display: block; }

.selectricDisabled {
  cursor: default;
  user-select: none;
  opacity: .5;
  filter: alpha(opacity=50);
  -webkit-touch-callout: none; }

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectricHideSelect select {
    position: absolute;
    left: -100%;
    display: none; }

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  background: none !important; }

.selectricTempShow {
  position: absolute !important;
  display: block !important;
  visibility: hidden !important; }

.selectricItems {
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 0;
  display: none;
  border: 1px solid #ccc;
  background: #f9f9f9;
  box-shadow: 0 0 10px -6px; }
  .selectricItems .selectricScroll {
    overflow: auto;
    height: 100%; }
  .selectricItems ul, .selectricItems li {
    font-size: 14px;
    line-height: 20px;
    min-height: 20px;
    margin: 0;
    padding: 0;
    list-style: none; }
  .selectricItems li {
    display: block;
    padding: 5px 5px 5px 10px;
    cursor: pointer;
    color: var(--dark-80);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee; }
    .selectricItems li.selected {
      color: var(--dark-80);
      border-top-color: #e0e0e0;
      background: #efefef; }
    .selectricItems li:hover {
      color: var(--dark-90);
      background: #f0f0f0; }
    .selectricItems li.disabled {
      cursor: default;
      color: #bbb;
      border-top-color: #fafafa;
      background: #f5f5f5; }

.selectricAbove .selectricItems {
  top: auto;
  bottom: 100%; }

.icheckbox_minimal-blue, .iradio_minimal-blue {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
  border: 0; }

.icheckbox_minimal-blue {
  margin-top: 5px;
  vertical-align: top;
  background: #f9fafc;
  box-shadow: 0 0 0 1px #c4c4c4; }
  .icheckbox_minimal-blue.hover {
    border: 3px solid #fff;
    background: #b4e3a1; }
  .icheckbox_minimal-blue.checked {
    border: 3px solid #fff;
    background: #333333; }
    .icheckbox_minimal-blue.checked .disabled {
      background-position: -80px 0; }
  .icheckbox_minimal-blue .disabled {
    cursor: default;
    border: 3px solid #fff;
    background: #eee; }

.slideshow__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  padding: 90px 130px;
  width: 100%; }

.slideshow .slick-dots {
  bottom: 0;
  margin: 30px 0;
  font-size: 0;
  line-height: 1; }
  .slideshow .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px; }
    .slideshow .slick-dots li button {
      padding: 0;
      height: 10px;
      width: 10px; }
    .slideshow .slick-dots li.slick-active button:before {
      font-size: 10px;
      color: #2d322f;
      opacity: 1; }
    .slideshow .slick-dots li button:before {
      font-size: 10px;
      line-height: 10px;
      height: 10px;
      width: 10px;
      color: #fff;
      opacity: 1; }

.slideshow .push_8 {
  margin: 0; }
  .slideshow .push_8, .slideshow .push_8 p, .slideshow .push_8 a {
    text-align: center; }

.slideshow .push_16 {
  margin: 0; }
  .slideshow .push_16, .slideshow .push_16 p, .slideshow .push_16 a {
    text-align: right; }

.row_1 .dtc {
  vertical-align: top; }

.row_2 .dtc {
  vertical-align: middle; }

.row_3 .dtc {
  vertical-align: bottom; }

.slideshow__content__description {
  font-size: 33px;
  line-height: 44px;
  font-weight: 600; }

.slideshow__content__heading {
  font-size: 33px;
  line-height: 44px;
  font-weight: 300; }

@media only screen and (max-width: 767px) {
  .slideshow__content {
    padding: 35px 27px;
    position: static;
    transform: unset;
    top: unset;
    left: unset;
    z-index: 1;
    background-color: #F5F5F5;
    text-align: left !important; }
    .slideshow__content .button {
      padding: 0 20px;
      line-height: 36px;
      border-radius: 18px;
      font-size: 9px; }
  .slideshow .slick-dots {
    margin: 24px 0; }
    .slideshow .slick-dots li {
      width: 11px;
      height: 11px; }
      .slideshow .slick-dots li.slick-active button:before {
        font-size: 11px; }
      .slideshow .slick-dots li button {
        width: 11px;
        height: 11px; }
        .slideshow .slick-dots li button:before {
          font-size: 11px;
          line-height: 11px;
          height: 11px;
          width: 11px; }
  .slick--home img {
    min-width: 100%; }
  .slick--home .slick-next, .slick--home .slick-prev {
    display: none !important; }
  .slideshow__content__heading {
    font-size: 20px;
    line-height: 28px;
    text-align: left !important; }
  .slideshow__content__description {
    font-size: 20px;
    line-height: 28px;
    text-align: left !important; } }

.dashboard {
  position: relative;
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 3.05rem 4.1rem;
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
  color: #1a1a1a; }
  .dashboard .commission .dashboard__content__points--smaller {
    font-size: 12px;
    line-height: 12px; }
  .dashboard .commission .dashboard__point-sign {
    font-size: 7px;
    line-height: 7px;
    margin-left: 7px;
    width: 16px;
    height: 16px;
    margin-right: 2px; }
  .dashboard .commission .dashboard__criteria__row__summary .dashboard__content__points--smaller {
    font-size: 16px;
    line-height: 16px; }
  .dashboard .commission .dashboard__criteria__row__summary .dashboard__point-sign {
    font-size: 9px;
    line-height: 9px;
    margin-left: 9px;
    width: 20px;
    height: 20px;
    margin-right: 0; }
  .dashboard .side {
    margin-top: 8.65rem;
    padding-top: 1.2rem; }
    .dashboard .side .dashboard__content__points--smaller {
      font-size: 1rem;
      line-height: 1.2rem; }
    .dashboard .side .dashboard__point-sign {
      font-size: 6px;
      line-height: 6px;
      margin-left: 6px;
      width: 14px;
      height: 14px; }
    .dashboard .side .dashboard__criteria__row {
      min-height: 3.33rem; }
  .dashboard .side__user {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, -100%);
    display: flex;
    align-items: center; }
    .dashboard .side__user span {
      white-space: nowrap;
      font-size: 9px;
      line-height: 1;
      font-weight: 500;
      text-transform: uppercase;
      min-width: 100px;
      display: block; }
    .dashboard .side__user .icon {
      width: 45px;
      height: 55px;
      margin: 0 17px; }
    .dashboard .side__user .cls-1 {
      opacity: 1; }
  .dashboard .side__heading {
    width: 33.33%; }
  .dashboard .side--left {
    padding-right: 1.9rem;
    width: 100%;
    max-width: 29.4rem; }
    .dashboard .side--left .dashboard__content__points--smaller {
      width: 33.33%;
      text-align: right; }
  .dashboard .side--right {
    border-left: 1px solid rgba(199, 199, 199, 0.7);
    padding-left: 1.9rem;
    width: 100%;
    max-width: calc(100% - 29.4rem);
    position: relative; }
    .dashboard .side--right .dashboard__content__points--smaller {
      width: 50%;
      text-align: right; }

.dashboard__currency {
  min-width: 20px;
  margin-left: 9px;
  text-align: center; }

.dashboard__beam {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.dashboard__beam__title {
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 3.5rem; }

.dashboard__beam__button {
  font-size: 1.3rem;
  line-height: 4.05rem;
  height: 4.05rem;
  padding: 0 7rem;
  font-weight: 500;
  border: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.dashboard__beam__icon {
  font-size: 1.7rem;
  margin-left: 0.5rem; }

.dashboard__beam__button--up {
  display: none; }

.dashboard__content {
  display: none;
  margin-top: 2.2rem; }

.dashboard__content__profile {
  padding: 0 3.15rem 1.25rem 0;
  max-width: 28.2rem;
  width: 100%;
  min-height: 41.7rem;
  margin-top: 3.25rem; }

.dashboard__content__avatar {
  width: 5.85rem;
  height: 5.85rem;
  margin: auto;
  margin-top: 2.8rem;
  margin-bottom: 0.6rem;
  border-radius: 16px;
  display: block; }

.dashboard__content__id {
  margin-bottom: 0.5rem; }

.dashboard__content__summary {
  display: flex;
  flex-direction: column;
  margin-top: 1.85rem; }

.dashboard__content__row {
  height: 7.45rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.dashboard__content__left {
  width: 5.25rem; }

.dashboard__content__right {
  width: calc(100% - 5.25rem);
  text-align: right; }

.dashboard__content__points {
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #ebb92f;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.dashboard__content__points--smaller {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 500; }
  .dashboard__content__points--smaller .dashboard__point-sign {
    font-size: 9px;
    line-height: 9px;
    margin-left: 9px;
    width: 20px;
    height: 20px;
    margin-right: 7px; }

.dashboard__point-sign {
  font-weight: 600;
  font-size: 11px;
  line-height: 11px;
  color: white;
  background-color: #ebb92f;
  border-radius: 50%;
  margin-left: 11px;
  width: 35px;
  height: 35px;
  position: relative; }
  .dashboard__point-sign::after {
    content: "P";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.dashboard__content__main {
  display: flex;
  justify-content: space-between; }

.dashboard__content__rank {
  background-color: white;
  max-width: calc(100% - 28.2rem);
  width: 100%;
  min-height: 41.7rem;
  padding: 4.4rem 3.7rem;
  border-radius: 4px;
  margin-top: 3.25rem;
  margin-left: 3.15rem; }

.dashboard__shadow {
  box-shadow: 0px 0px 57.6px 2.4px rgba(72, 71, 71, 0.08); }

.dashboard__criteria {
  margin-top: 3.3rem; }

.dashboard__criteria__row {
  padding: 0.37rem 0; }

.dashboard__criteria__turnover {
  width: 100%;
  max-width: 40.65rem;
  margin-right: 3.15rem; }

.dashboard__criteria__binary {
  width: 100%; }

.dashboard__criteria__binary__content__left {
  width: 75%;
  padding-right: 12rem; }

.dashboard__criteria__binary__content__right {
  width: 25%; }

.dashboard__criteria__binary__content__block {
  display: inline-block; }

.dashboard__criteria__binary__content__result {
  font-weight: bold;
  float: right;
  margin-right: 1.25rem; }

.dashboard__criteria__structure {
  margin-left: 3.15rem;
  width: 100%;
  max-width: calc(100% - 43.8rem); }

.dashboard__criteria__turnover__content {
  margin-top: 4rem;
  display: flex;
  justify-content: space-between;
  padding-left: 2.4rem; }

.dashboard__criteria__turnover__content__stats {
  width: calc(100% - 15.25rem);
  padding-left: 2.4rem; }
  @media screen and (max-width: 961px) {
    .dashboard__criteria__turnover__content__stats {
      padding-left: 0;
      width: 100%; } }

.dashboard__criteria__structure__content {
  margin-top: 4rem; }

.current-turnover {
  margin-left: -0.87rem;
  margin-right: -0.87rem;
  margin-top: 0.87rem; }
  .current-turnover .dashboard__criteria__turnover__content {
    padding: 0;
    margin-top: 7.5rem; }

.current-turnover__box {
  margin: 0.87rem;
  border-radius: 4px;
  width: calc(50% - 1.74rem);
  padding: 3rem 3.7rem;
  min-height: 342px; }

.dashboard__content__path {
  margin-top: 5.4rem; }

.path__box {
  margin: 0.87rem;
  border-radius: 4px;
  width: calc(25% - 1.74rem);
  padding: 3rem 1.6rem;
  min-height: 362px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center; }
  .path__box .progress--circle--full .progress__full {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: var(--coral-primary);
    display: block; }
    .path__box .progress--circle--full .progress__full .icon {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      fill: white; }
  .path__box .progress__award {
    width: 177px;
    height: 177px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .path__box .progress--circle {
    width: 20.6rem;
    height: 20.6rem; }
    .path__box .progress--circle:before {
      width: 17.45rem;
      height: 17.45rem; }
  .path__box h3 {
    font-weight: 500; }
  .path__box .progress--circle {
    margin: auto; }

.current-turnover__box--statistics {
  min-height: 282px;
  position: relative;
  width: calc(33.33% - 1.74rem); }
  .current-turnover__box--statistics.disable .dashboard__heading {
    color: #999999; }
  .current-turnover__box--statistics.disable .dashboard__hr {
    opacity: 0; }
  .current-turnover__box--statistics.disable .disable__loaf {
    background-color: #f6f7f7;
    border-radius: 14px;
    color: transparent !important; }
  .current-turnover__box--statistics.disable .button {
    opacity: 0; }
  .current-turnover__box--statistics.disable .statistics-disable {
    display: block; }

.statistics-disable {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 600;
  padding: 3rem 3.3rem;
  width: 100%;
  text-align: center; }

.dashboard__content__bonus {
  margin-top: 5.4rem;
  min-height: 42.306rem; }
  .dashboard__content__bonus br {
    display: none; }
  .dashboard__content__bonus .dashboard__beam__title {
    position: relative;
    margin-bottom: 1.2rem;
    padding: 0 3.7rem; }
    .dashboard__content__bonus .dashboard__beam__title .button {
      position: absolute;
      right: 3.7rem;
      top: 50%;
      transform: translateY(-50%); }

.bonus {
  margin-top: 0.87rem;
  margin-left: -0.87rem;
  margin-right: -0.87rem; }
  .bonus .progress__number {
    max-width: 14.7rem;
    left: 50%;
    top: unset;
    bottom: 10.35rem;
    transform: translate(-50%, 50%);
    min-height: 3.24rem;
    background-color: white; }
    .bonus .progress__number--registrations {
      max-width: 9.7rem; }
  .bonus .progress--circle {
    width: 20.7rem;
    height: 20.7rem;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto; }
    .bonus .progress--circle:before {
      width: 17.55rem;
      height: 17.55rem; }
    .bonus .progress--circle--qualification:after {
      background-color: var(--coral-primary); }

.bonus__box {
  margin: 0.87rem;
  border-radius: 4px;
  width: calc(33.33% - 1.74rem);
  padding: 3rem 3.7rem;
  min-height: 362px;
  display: flex;
  flex-direction: column; }
  .bonus__box.disable .dashboard__heading {
    color: #999999; }
  .bonus__box.disable .dashboard__hr {
    background-color: #f7f7f7; }
  .bonus__box.disable .progress--circle {
    background-color: #f6f7f7; }
    .bonus__box.disable .progress--circle:after {
      background-color: #f6f7f7;
      background-image: unset; }
  .bonus__box.disable .progress__number {
    display: none; }
  .bonus__box.disable .progress__number--disable {
    display: block;
    max-width: 150px; }
    .bonus__box.disable .progress__number--disable span {
      text-transform: uppercase;
      font-size: 1.1rem;
      line-height: 1.5rem;
      font-weight: 600;
      display: block; }
  .bonus__box.disable .chart--circle--big {
    border: 15px solid #f6f7f7;
    border-radius: 50%; }
  .bonus__box.disable .chart--circle canvas {
    display: none; }

.dashboard__heading {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 600;
  padding-bottom: 0.45rem; }

.dashboard__missing--color {
  color: #9c9c9c; }

.dashboard__missing--background {
  background-color: #9c9c9c; }

.dashboard__muted {
  opacity: .4; }

.dashboard__user {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  position: relative;
  margin: 3px 7px 3px 0;
  background-color: #c7c7c7; }
  .dashboard__user svg {
    width: 17px;
    height: 17px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: white; }
    .dashboard__user svg .st0 {
      fill: white; }

.dashboard__user--b {
  background-color: #898989; }

.dashboard__user--m {
  background-color: #ccd626; }

.dashboard__user--mp {
  background-color: #7fc214; }

.dashboard__user--tm {
  background-color: #2cb8c7; }

.dashboard__user--l {
  background-color: #006eb7; }

.dashboard__user--lp {
  background-color: #675ca5; }

.dashboard__user--vd {
  background-color: #b55ca0; }

.dashboard__user--d {
  background-color: #e8308a; }

.dashboard__user--vp {
  background-color: #e41513; }

.dashboard__user--p {
  background-color: #eb5f0a; }

.dashboard__user--ip {
  background-color: #f9ae00; }

.dashboard__content__current-turnover {
  margin-top: 5.4rem; }

.dashboard__content__premium-class {
  margin-top: 5.4rem; }
  .dashboard__content__premium-class br {
    display: none; }
  .dashboard__content__premium-class .dashboard__beam__title {
    position: relative;
    margin-bottom: 1.2rem;
    padding: 0 3.7rem; }
    .dashboard__content__premium-class .dashboard__beam__title .button {
      position: absolute;
      right: 3.7rem;
      top: 50%;
      transform: translateY(-50%); }

.premium-class {
  padding: 0 3.7rem;
  min-height: 28rem;
  position: relative; }
  .premium-class.expired .expired__text {
    display: block; }
  .premium-class.expired .expired__cover {
    display: block; }

.dashboard__content__premium-class .dashboard__beam__buttons {
  position: absolute;
  top: 2rem;
  right: 3.75rem;
  display: flex;
  justify-content: flex-end;
  gap: 10px; }
  .dashboard__content__premium-class .dashboard__beam__buttons .button {
    position: initial; }
  .dashboard__content__premium-class .dashboard__beam__buttons .button--low {
    position: initial;
    min-width: max-content; }

.dashboard__level {
  font-size: 15px;
  font-weight: 325;
  text-align: center; }
  .dashboard__level strong {
    font-weight: 575; }

.premium-class__level {
  font-weight: 650;
  text-transform: uppercase;
  font-size: 92%;
  color: #828282; }
  .premium-class__level[data-class="1"] {
    color: #aab3cb; }
  .premium-class__level[data-class="2"] {
    color: #dfc173; }
  .premium-class__level[data-class="3"] {
    color: #aaaaab; }
  .premium-class__level[data-class="4"] {
    color: #8287a0; }

.premium-class__dots {
  display: flex;
  gap: 2px;
  align-items: center;
  margin-right: 10px; }

.premium-class__dot {
  display: inline-block;
  background-color: #828282;
  border-radius: 2px;
  width: 6px;
  height: 4px;
  opacity: .2; }

.premium-class__dots[data-class="1"] .premium-class__dot {
  background-color: #aab3cb; }

.premium-class__dots[data-class="2"] .premium-class__dot {
  background-color: #dfc173; }

.premium-class__dots[data-class="3"] .premium-class__dot {
  background-color: #aaaaab; }

.premium-class__dots[data-class="4"] .premium-class__dot {
  background-color: #8287a0; }

.premium-class__dots[data-class="4"] .premium-class__dot-score:before {
  content: none; }

.premium-class__dots .premium-class__dot.finished {
  opacity: 1; }

.premium-class__dots .premium-class__dot.grace {
  --grace-color: #ff6040;
  background-color: var(--grace-color);
  opacity: 0.85; }

.premim-class_nav {
  display: flex;
  gap: 2vw;
  margin-top: 2vw;
  margin-bottom: -1rem;
  border-bottom: 1px solid #aaa; }
  .premim-class_nav a {
    color: #777;
    padding: 0 1vw; }
    .premim-class_nav a:hover, .premim-class_nav a:focus, .premim-class_nav a:active {
      text-decoration: none; }
    .premim-class_nav a:hover {
      color: #333; }
    .premim-class_nav a.active {
      color: #333;
      border-bottom: 2px solid #777; }

.premium-class__dot-score {
  position: relative;
  color: #fff;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 525;
  line-height: 2.3rem;
  margin-right: 4px;
  opacity: .85; }

.premium-class__dot.premium-class__dot-score:before {
  display: block;
  content: '';
  position: absolute;
  width: 130px;
  height: 100%;
  background-color: rgba(210, 205, 200, 0.1);
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 20px;
  border: 1px solid rgba(193, 157, 136, 0.2);
  z-index: -1; }

.expired__info {
  background-color: #fff;
  padding: 20px 10px 15px;
  margin: 15px auto 5px;
  text-align: center;
  line-height: 1.8rem;
  width: 94%; }
  .expired__info h2 {
    font-size: 2.2rem;
    line-height: normal;
    padding-bottom: 2.2rem; }
  .expired__info .icon--30 {
    margin-bottom: 5px; }

.pin-btn {
  display: inline-block;
  opacity: .75; }
  .pin-btn:hover {
    opacity: .6;
    filter: saturate(0.7); }
    .pin-btn:hover .pin-enabled {
      margin-top: -2px;
      transform: rotate(5deg); }
    .pin-btn:hover .pin-disabled {
      background: url(/front/pin-icon.svg) no-repeat;
      opacity: .75;
      filter: saturate(0.75);
      margin-top: 4px;
      transform: rotate(-5deg); }
  .pin-btn i {
    width: 22px;
    height: 22px;
    margin: 0 2px 2px 2px;
    background: url(/front/pin-icon.svg) no-repeat;
    display: block;
    background-size: contain;
    transition: all 220ms ease;
    transform-origin: 40% 90%; }
    .pin-btn i.pin-disabled {
      background: url(/front/pin-disabled-icon.svg) no-repeat;
      opacity: 1;
      filter: saturate(1);
      transform: rotate(2deg); }

.expired__text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  z-index: 2;
  padding: 25px 120px;
  text-align: center;
  max-width: 968px;
  width: 100%;
  line-height: 2.5rem !important;
  font-weight: 500;
  display: none; }
  .expired__text h2 {
    font-size: 2.2rem;
    line-height: normal; }

.expired__cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  opacity: 0.92;
  z-index: 1;
  display: none; }

.premium-class__row {
  min-height: 6.8rem;
  display: flex;
  align-items: center; }

.premium-class__heading {
  min-width: 16.4rem;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: 600;
  display: block; }

.premium-class__tiles {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 31px; }
  .premium-class__tiles--qualification .premium-class__tile {
    border-color: #777777;
    color: #777777; }
    .premium-class__tiles--qualification .premium-class__tile.finished {
      background-color: #777777; }
  .premium-class__tiles--silver .premium-class__tile {
    border-color: #c4cdde;
    color: #c4cdde; }
    .premium-class__tiles--silver .premium-class__tile.finished {
      background-color: #c4cdde; }
  .premium-class__tiles--gold .premium-class__tile {
    border-color: #e5b758;
    color: #e5b758; }
    .premium-class__tiles--gold .premium-class__tile.finished {
      background-color: #e5b758; }
  .premium-class__tiles--platinum .premium-class__tile {
    border-color: #aaaaaa;
    color: #aaaaaa; }
    .premium-class__tiles--platinum .premium-class__tile.finished {
      background-color: #aaaaaa; }
  .premium-class__tiles .grace {
    --grace-color: #ff6040;
    color: var(--grace-color);
    border-color: var(--grace-color); }

.premium-class__tile {
  min-width: calc(8.33% - 6px);
  border: 2px solid rgba(199, 199, 199, 0.7);
  color: rgba(199, 199, 199, 0.7);
  border-radius: 15px;
  margin: 0 3px;
  position: relative;
  display: block;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  line-height: 13px;
  font-weight: 600; }
  .premium-class__tile.finished .icon--check {
    display: block; }
  .premium-class__tile .icon--check {
    width: 13px;
    height: 18px;
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: white; }

.premium-class__tile--vip {
  border: 2px solid #7f7f7f;
  color: #555555;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  padding: 4px 7px; }

.premium-class__end {
  min-width: 11rem; }
  .premium-class__end .finished {
    color: #ffc246;
    background-color: #7f7f7f; }

.dashboard__widget {
  min-height: 15rem; }

.dashboard__widget {
  min-height: 15rem; }

.dashboard__content__important-stats {
  margin-top: 5.4rem; }

.progress--circle.progress--0:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(90deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--0:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(90deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--1:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(93.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--1:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(93.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--2:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(97.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--2:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(97.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--3:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(100.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--3:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(100.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--4:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(104.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--4:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(104.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--5:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(108deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--5:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(108deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--6:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(111.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--6:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(111.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--7:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(115.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--7:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(115.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--8:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(118.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--8:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(118.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--9:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(122.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--9:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(122.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--10:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(126deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--10:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(126deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--11:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--11:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(129.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--12:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--12:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(133.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--13:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--13:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(136.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--14:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--14:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(140.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--15:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(144deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--15:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(144deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--16:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(147.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--16:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(147.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--17:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(151.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--17:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(151.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--18:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(154.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--18:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(154.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--19:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(158.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--19:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(158.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--20:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(162deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--20:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(162deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--21:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(165.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--21:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(165.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--22:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(169.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--22:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(169.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--23:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(172.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--23:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(172.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--24:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(176.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--24:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(176.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--25:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(180deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--25:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(180deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--26:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(183.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--26:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(183.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--27:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(187.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--27:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(187.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--28:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(190.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--28:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(190.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--29:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(194.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--29:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(194.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--30:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(198deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--30:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(198deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--31:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(201.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--31:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(201.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--32:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(205.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--32:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(205.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--33:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(208.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--33:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(208.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--34:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(212.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--34:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(212.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--35:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(216deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--35:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(216deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--36:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(219.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--36:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(219.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--37:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(223.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--37:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(223.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--38:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(226.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--38:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(226.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--39:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(230.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--39:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(230.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--40:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(234deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--40:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(234deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--41:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(237.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--41:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(237.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--42:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(241.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--42:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(241.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--43:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(244.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--43:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(244.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--44:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(248.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--44:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(248.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--45:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(252deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--45:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(252deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--46:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(255.6deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--46:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(255.6deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--47:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(259.2deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--47:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(259.2deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--48:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(262.8deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--48:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(262.8deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--49:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(266.4deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--49:after {
  background-image: linear-gradient(90deg, #eaebe6 50%, transparent 50%, transparent), linear-gradient(266.4deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--50:after {
  background-image: linear-gradient(-90deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--50:after {
  background-image: linear-gradient(-90deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--51:after {
  background-image: linear-gradient(-86.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--51:after {
  background-image: linear-gradient(-86.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--52:after {
  background-image: linear-gradient(-82.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--52:after {
  background-image: linear-gradient(-82.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--53:after {
  background-image: linear-gradient(-79.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--53:after {
  background-image: linear-gradient(-79.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--54:after {
  background-image: linear-gradient(-75.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--54:after {
  background-image: linear-gradient(-75.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--55:after {
  background-image: linear-gradient(-72deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--55:after {
  background-image: linear-gradient(-72deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--56:after {
  background-image: linear-gradient(-68.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--56:after {
  background-image: linear-gradient(-68.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--57:after {
  background-image: linear-gradient(-64.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--57:after {
  background-image: linear-gradient(-64.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--58:after {
  background-image: linear-gradient(-61.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--58:after {
  background-image: linear-gradient(-61.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--59:after {
  background-image: linear-gradient(-57.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--59:after {
  background-image: linear-gradient(-57.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--60:after {
  background-image: linear-gradient(-54deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--60:after {
  background-image: linear-gradient(-54deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--61:after {
  background-image: linear-gradient(-50.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--61:after {
  background-image: linear-gradient(-50.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--62:after {
  background-image: linear-gradient(-46.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--62:after {
  background-image: linear-gradient(-46.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--63:after {
  background-image: linear-gradient(-43.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--63:after {
  background-image: linear-gradient(-43.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--64:after {
  background-image: linear-gradient(-39.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--64:after {
  background-image: linear-gradient(-39.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--65:after {
  background-image: linear-gradient(-36deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--65:after {
  background-image: linear-gradient(-36deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--66:after {
  background-image: linear-gradient(-32.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--66:after {
  background-image: linear-gradient(-32.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--67:after {
  background-image: linear-gradient(-28.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--67:after {
  background-image: linear-gradient(-28.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--68:after {
  background-image: linear-gradient(-25.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--68:after {
  background-image: linear-gradient(-25.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--69:after {
  background-image: linear-gradient(-21.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--69:after {
  background-image: linear-gradient(-21.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--70:after {
  background-image: linear-gradient(-18deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--70:after {
  background-image: linear-gradient(-18deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--71:after {
  background-image: linear-gradient(-14.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--71:after {
  background-image: linear-gradient(-14.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--72:after {
  background-image: linear-gradient(-10.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--72:after {
  background-image: linear-gradient(-10.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--73:after {
  background-image: linear-gradient(-7.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--73:after {
  background-image: linear-gradient(-7.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--74:after {
  background-image: linear-gradient(-3.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--74:after {
  background-image: linear-gradient(-3.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--75:after {
  background-image: linear-gradient(0deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--75:after {
  background-image: linear-gradient(0deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--76:after {
  background-image: linear-gradient(3.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--76:after {
  background-image: linear-gradient(3.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--77:after {
  background-image: linear-gradient(7.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--77:after {
  background-image: linear-gradient(7.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--78:after {
  background-image: linear-gradient(10.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--78:after {
  background-image: linear-gradient(10.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--79:after {
  background-image: linear-gradient(14.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--79:after {
  background-image: linear-gradient(14.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--80:after {
  background-image: linear-gradient(18deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--80:after {
  background-image: linear-gradient(18deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--81:after {
  background-image: linear-gradient(21.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--81:after {
  background-image: linear-gradient(21.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--82:after {
  background-image: linear-gradient(25.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--82:after {
  background-image: linear-gradient(25.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--83:after {
  background-image: linear-gradient(28.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--83:after {
  background-image: linear-gradient(28.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--84:after {
  background-image: linear-gradient(32.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--84:after {
  background-image: linear-gradient(32.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--85:after {
  background-image: linear-gradient(36deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--85:after {
  background-image: linear-gradient(36deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--86:after {
  background-image: linear-gradient(39.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--86:after {
  background-image: linear-gradient(39.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--87:after {
  background-image: linear-gradient(43.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--87:after {
  background-image: linear-gradient(43.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--88:after {
  background-image: linear-gradient(46.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--88:after {
  background-image: linear-gradient(46.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--89:after {
  background-image: linear-gradient(50.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--89:after {
  background-image: linear-gradient(50.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--90:after {
  background-image: linear-gradient(54deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--90:after {
  background-image: linear-gradient(54deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--91:after {
  background-image: linear-gradient(57.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--91:after {
  background-image: linear-gradient(57.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--92:after {
  background-image: linear-gradient(61.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--92:after {
  background-image: linear-gradient(61.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--93:after {
  background-image: linear-gradient(64.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--93:after {
  background-image: linear-gradient(64.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--94:after {
  background-image: linear-gradient(68.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--94:after {
  background-image: linear-gradient(68.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--95:after {
  background-image: linear-gradient(72deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--95:after {
  background-image: linear-gradient(72deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--96:after {
  background-image: linear-gradient(75.6deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--96:after {
  background-image: linear-gradient(75.6deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--97:after {
  background-image: linear-gradient(79.2deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--97:after {
  background-image: linear-gradient(79.2deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--98:after {
  background-image: linear-gradient(82.8deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--98:after {
  background-image: linear-gradient(82.8deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--99:after {
  background-image: linear-gradient(86.4deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--99:after {
  background-image: linear-gradient(86.4deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle.progress--100:after {
  background-image: linear-gradient(90deg, #ebb92f 50%, transparent 50%, transparent), linear-gradient(270deg, #ebb92f 50%, #eaebe6 50%, #eaebe6); }

.progress--circle--qualification.progress--100:after {
  background-image: linear-gradient(90deg, #7ace5b 50%, transparent 50%, transparent), linear-gradient(270deg, #7ace5b 50%, #eaebe6 50%, #eaebe6); }

.progress--circle {
  position: relative;
  display: inline-block;
  width: 15.25rem;
  height: 15.25rem;
  border-radius: 50%;
  background-color: #eaebe6; }
  .progress--circle:before {
    content: '';
    position: absolute;
    top: 1.575rem;
    left: 1.575rem;
    width: 12.1rem;
    height: 12.1rem;
    border-radius: 50%;
    background-color: white; }
  .progress--circle:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ebb92f; }

.progress__number {
  position: absolute;
  top: 50%;
  width: 100%;
  line-height: 1;
  margin-top: -1.25rem;
  text-align: center;
  font-size: 2.5rem;
  color: #000000;
  font-weight: 400; }

.dashboard__hr {
  margin: 0;
  width: 100%;
  height: 1px;
  opacity: .7;
  background-color: #c7c7c7; }

.dashboard__hr--short {
  max-width: 1.6rem;
  margin: 1.17rem 0; }

.font--22 {
  font-size: 2.2rem;
  line-height: 3.5rem; }

.font--16 {
  font-size: 1.6rem;
  line-height: 2.5rem; }

.font--15 {
  font-size: 1.5rem;
  line-height: 1.5rem; }

.font--13 {
  font-size: 1.3rem;
  line-height: 1.3rem; }

.font--9 {
  font-size: 0.9rem;
  line-height: 1.3rem; }

.font--11 {
  font-size: 1.1rem;
  line-height: 1.7rem; }

.lh--1 {
  line-height: 1; }

.chart {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 122px;
  max-width: 239px;
  padding: 0 24px;
  border-bottom: 1px solid rgba(199, 199, 199, 0.7); }
  .chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 122px; }
  .chart span {
    margin: 0 7px;
    display: block;
    background: #ebb92f;
    animation: draw 1s cubic-bezier(0.12, 0.73, 0.25, 0.99) 100ms;
    border-radius: 2px;
    position: relative; }
    .chart span:before {
      position: absolute;
      left: 50%;
      top: 100%;
      padding: 13px 2px 0;
      display: block;
      text-align: center;
      content: attr(title);
      font-size: 8px;
      line-height: 12px;
      font-weight: 500;
      transform: translateX(-50%); }
    .chart span:after {
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, -100%);
      padding-bottom: 10px;
      display: block;
      text-align: center;
      content: attr(data-points);
      font-size: 8px;
      line-height: 12px;
      font-weight: 500;
      white-space: nowrap; }

.award-popup {
  max-width: 953px;
  margin: auto;
  position: relative; }
  .award-popup .progress--circle {
    width: 9.8rem;
    height: 9.8rem; }
    .award-popup .progress--circle:before {
      width: 6.65rem;
      height: 6.65rem; }
  .award-popup .progress__award {
    max-width: 274px; }
  .award-popup .content {
    font-size: 14px;
    line-height: 25px;
    font-weight: 500; }
    .award-popup .content ul {
      margin-top: 15px;
      margin-bottom: 25px; }
    .award-popup .content p {
      font-weight: 500;
      margin-bottom: 5px; }
    .award-popup .content li {
      font-weight: 500;
      margin-bottom: 5px; }
  .award-popup .mfp-close {
    top: 15px;
    right: 15px; }
  .award-popup .dashboard__hr--short {
    background-color: #1a1a1a;
    max-width: 1.9rem;
    margin-top: 27px; }

@keyframes draw {
  0% {
    height: 0; } }

.dashboard__loader {
  position: relative;
  left: 50%;
  top: 15%;
  z-index: 1;
  width: 40px;
  height: 40px;
  margin: -25px 0 0 -25px;
  border: 11px solid #f3f3f3;
  border-radius: 50%;
  border-top: 11px solid var(--coral-primary);
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

.chart--circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  color: #000;
  font-weight: 400; }
  .chart--circle--small {
    width: 150px;
    height: 150px; }
  .chart--circle--big {
    width: 200px;
    height: 200px; }
  .chart--circle canvas {
    position: absolute;
    left: 0;
    top: 0; }

.chart-container {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: auto; }

.rank__congratulations {
  display: none; }

.rank-achieved .rank__title {
  opacity: .3; }

.rank-achieved .rank__hide {
  display: none; }

.rank-achieved .rank__congratulations {
  display: flex;
  align-items: center;
  height: 100%;
  flex-direction: column;
  justify-content: center; }
  .rank-achieved .rank__congratulations p {
    line-height: normal; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.dashboard__disable__message {
  display: none; }

.dashboard__disable .chart {
  display: none; }

.dashboard__disable .dashboard__criteria__row {
  display: none; }

.dashboard__disable .dashboard__disable__message {
  display: block;
  max-width: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center; }
  .dashboard__disable .dashboard__disable__message span {
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 600;
    display: block; }

.dashboard__disable .dashboard__heading {
  color: #999999; }

.dashboard__disable .dashboard__hr {
  background-color: #f7f7f7; }

.dashboard__disable .progress--circle {
  background-color: #f6f7f7; }
  .dashboard__disable .progress--circle:after {
    background-color: #f6f7f7;
    background-image: unset; }

.dashboard__disable .progress__number {
  display: none; }

.dashboard__disable .progress__number--disable {
  display: block;
  max-width: 150px; }
  .dashboard__disable .progress__number--disable span {
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 600;
    display: block; }

.dashboard__disable .chart--circle--big {
  border: 15px solid #f6f7f7;
  border-radius: 50%; }

.dashboard__disable .chart--circle canvas {
  display: none; }

@media screen and (max-width: 1261px) {
  .dashboard__criteria {
    flex-wrap: wrap; }
    .dashboard__criteria .dashboard__criteria__turnover {
      max-width: unset;
      margin: 0; }
    .dashboard__criteria .dashboard__criteria__structure {
      max-width: unset;
      margin: 0;
      margin-top: 3.3rem; }
  .current-turnover__box--statistics {
    width: calc(50% - 1.74rem); } }

@media screen and (max-width: 961px) {
  .dashboard__criteria__turnover__content {
    flex-direction: column;
    padding: 0; }
    .dashboard__criteria__turnover__content .progress--circle {
      display: block;
      margin: auto; } }

@media screen and (max-width: 1366px) {
  .path__box {
    width: calc(33.33% - 1.74rem); } }

@media screen and (max-width: 1024px) {
  .current-turnover__box {
    width: 100%; }
  .path__box {
    width: calc(50% - 1.74rem); } }

@media screen and (max-width: 1366px) {
  .dashboard .side--left {
    max-width: unset; } }

@media screen and (max-width: 768px) {
  .dashboard {
    padding: 3.05rem 2.05rem; }
    .dashboard .commission .dashboard__content__points--smaller {
      font-size: 1rem;
      line-height: 1.2rem; }
    .dashboard .commission .dashboard__point-sign {
      font-size: 6px;
      line-height: 6px;
      margin-left: 6px;
      width: 14px;
      height: 14px; }
    .dashboard .commission .dashboard__criteria__row__summary .dashboard__content__points--smaller {
      font-size: 1rem;
      line-height: 1.2rem; }
    .dashboard .side--left {
      padding-right: 0; }
    .dashboard .side--right {
      padding-left: 0;
      max-width: 100%;
      border-left: none; }
      .dashboard .side--right .dashboard__content__points--smaller {
        width: 33.33%; }
    .dashboard .side {
      margin-top: 0;
      padding-top: 0;
      max-width: unset; }
      .dashboard .side .side__heading {
        display: block !important; }
      .dashboard .side .icon--user {
        width: 35px;
        height: 35px; }
        .dashboard .side .icon--user .cls-1 {
          opacity: 1; }
    .dashboard .side__user {
      display: none; }
  .dashboard__beam {
    display: flex;
    flex-direction: column; }
  .dashboard__beam__title {
    text-align: center;
    margin-bottom: 2rem; }
  .dashboard__beam__button {
    padding: 0 2rem; }
  .dashboard__beam__button--down {
    display: flex; }
  .dashboard__content__profile {
    padding-right: 0;
    margin-left: auto;
    margin-right: auto; }
  .dashboard__content__main {
    display: block;
    min-height: 44.95rem; }
  .dashboard__content__rank {
    max-width: 100%;
    margin: 0;
    padding: 4.4rem 1.85rem; }
    .dashboard__content__rank .button {
      margin: auto; }
  .dashboard__criteria__row--statistics {
    min-height: 32.375px;
    padding: 0; }
  .dashboard__criteria__turnover {
    max-width: 100%;
    margin: 0; }
  .dashboard__criteria__turnover__content {
    display: block;
    padding-left: 0; }
  .dashboard__criteria {
    display: block; }
  .progress--circle {
    display: block;
    margin: auto; }
  .dashboard__criteria__structure {
    max-width: 100%;
    margin: 0;
    margin-top: 4rem; }
  .current-turnover .df {
    display: block !important; }
  .current-turnover .dashboard__criteria__row {
    padding-top: 74px; }
  .current-turnover__box {
    padding: 3rem 1.85rem;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .chart {
    margin: auto; }
  .bonus__box {
    width: calc(100% - 1.74rem); }
  .dashboard__content__bonus br {
    display: block; }
  .dashboard__content__bonus .dashboard__beam__title .button {
    position: unset;
    transform: unset; }
  .dashboard__content__premium-class br {
    display: block; }
  .dashboard__content__premium-class .dashboard__hr {
    display: none; }
  .dashboard__content__premium-class .dashboard__beam__title .button {
    position: unset;
    transform: unset; }
  .premium-class {
    margin-top: 40.8px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: 392px; }
  .premium-class__row {
    flex-wrap: wrap;
    margin-bottom: 20.4px; }
  .premium-class__heading {
    width: 100%;
    text-align: center;
    margin-bottom: 10.2px; }
  .premium-class__tiles {
    flex-wrap: wrap; }
  .premium-class__tile {
    min-width: calc(16.66% - 6px);
    margin: 3px; }
  .premium-class__end {
    width: 100%; }
  .current-turnover__box--side .dashboard__criteria__row {
    padding-top: 0.37rem;
    display: flex !important; }
  .side__heading {
    display: block; }
  .current-turnover__box--commission .dashboard__criteria__row {
    padding-top: 0.37rem;
    display: flex !important; }
  .current-turnover__box--commission .df {
    display: flex !important; }
  .path__box {
    width: calc(100% - 1.74rem); }
  .award-popup .mfp-close {
    top: 0;
    right: 0; }
  .award-popup .progress__award {
    margin: 25px auto 0; }
  .award-popup__content {
    display: block; }
  .award-popup__top {
    margin-bottom: 0.37rem; }
  .award-popup__bottom {
    margin-bottom: 0.37rem; }
  .award-popup__row {
    display: block; }
  .chart--circle {
    margin: auto; }
  .expired__text {
    padding: 25px; } }

.page-header-dashboard--popup {
  padding-bottom: 0;
  border-bottom: none; }
  .page-header-dashboard--popup h4 {
    margin-top: 5px;
    margin-bottom: 0; }
  .page-header-dashboard--popup .mb30 {
    margin-bottom: 30px; }

.tabs {
  margin-top: 30px; }
  .tabs__button--expand {
    height: 30px;
    line-height: 28px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width: 210px;
    justify-content: center;
    background-color: white;
    margin-bottom: 0;
    z-index: 4;
    display: none; }
  .tabs__collapse {
    overflow: hidden;
    position: relative; }
    .tabs__collapse.activated::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), white 70%);
      height: 134px;
      z-index: 3; }
  .tabs--nostyle {
    padding: 0;
    margin: 0;
    border: 0; }
  .tabs ul {
    padding: 0;
    margin: 0; }
  .tabs__nav {
    margin-bottom: 20px; }
    .tabs__nav__item {
      display: inline-block;
      text-transform: uppercase;
      font-size: sizes(xs);
      font-weight: 400;
      margin-right: 40px;
      padding-bottom: 2px;
      cursor: pointer !important; }
      .tabs__nav__item.active {
        font-weight: 700;
        border-bottom: 1px solid #333333; }
      .tabs__nav__item a {
        text-decoration: none; }
      @media only screen and (max-width: 767px) {
        .tabs__nav__item {
          width: 100%; } }
  .tabs__content__item {
    display: none;
    padding-top: 50px; }
    .tabs__content__item span {
      font-size: 14px !important;
      line-height: 24px !important; }
      @media only screen and (max-width: 767px) {
        .tabs__content__item span {
          font-size: 12px !important;
          line-height: 21px !important; } }
    .tabs__content__item.active {
      display: block; }

.fb--sidebar {
  position: fixed;
  bottom: 65px;
  right: -320px;
  width: 320px;
  z-index: 5;
  background: #3B5997;
  padding: 10px; }
  @media only screen and (max-width: 1024px) {
    .fb--sidebar {
      display: none; } }
  .fb--sidebar__tab {
    width: 30px;
    height: 115px;
    background-image: url("/images/frontend/facebook-tab.jpg");
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: -30px;
    transform: rotate(180deg); }

.iframe-static {
  border: 0;
  width: 1px;
  min-width: 100%;
  min-height: 1000px; }

.pagination {
  text-align: center;
  margin-bottom: 0; }
  .pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative;
    top: 2px; }
    .pagination ul li {
      display: inline-block;
      margin: 0 3px; }
      .pagination ul li a {
        font-size: 14px;
        color: #000; }
      .pagination ul li.active a {
        color: #999; }
  .pagination__nav > a {
    width: 30px;
    height: 30px;
    color: #bababa;
    border: 1px solid #bababa;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    vertical-align: middle;
    margin: 0 5px;
    line-height: 28px;
    text-align: center; }
    .pagination__nav > a:hover {
      opacity: .5; }

.partner-page__bacground-picker__input {
  position: absolute; }

.partner-page__bacground-picker__label {
  position: relative;
  width: 100%; }

.partner-page__bacground-picker__link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: transparent;
  padding: 0; }

.partner-page__bacground-picker__image {
  width: calc(100% - 8px);
  display: block;
  margin: 4px auto; }
  .partner-page__bacground-picker__image__clickable {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.partner-page__bacground-picker__image-container {
  position: relative;
  display: block; }

.cookieinfo {
  font-size: 12px;
  line-height: 16px;
  position: fixed;
  z-index: 2000;
  right: 20px;
  bottom: 20px;
  width: 450px;
  height: auto;
  padding: 22px 10px 15px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  opacity: .9;
  background: #fff; }
  @media only screen and (max-width: 767px) {
    .cookieinfo {
      width: calc(100% - 40px); } }
  .cookieinfo #close-cookie {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px; }
    .cookieinfo #close-cookie i {
      font-size: 15px;
      color: #fff; }
    .cookieinfo #close-cookie span {
      line-height: 9px;
      text-align: center;
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-left: 5px;
      padding: 2px;
      border: 1px solid rgba(0, 0, 0, 0.1); }
    .cookieinfo #close-cookie:hover {
      text-decoration: none; }
      .cookieinfo #close-cookie:hover span {
        color: #fff;
        background: #32243b; }
  .cookieinfo a {
    color: #67bc45;
    font-weight: bold; }
  .cookieinfo p {
    width: 96%;
    margin: 0 auto;
    text-align: left; }
    .cookieinfo p strong {
      font-size: 12px;
      display: inline-block;
      margin-right: 5px;
      text-transform: uppercase; }

.mm-menu .icon--basket {
  font-size: 20px;
  opacity: .7;
  margin-right: 6px;
  position: relative;
  top: -1px; }

.mm-menu .bg {
  background: #f3f3f3; }
  .mm-menu .bg .mm-listview .mm-next + a, .mm-menu .bg .mm-listview .mm-next + span {
    font-size: 10px;
    font-weight: 600; }
  .mm-menu .bg .mm-listview > li > a, .mm-menu .bg .mm-listview > li > span {
    font-size: 10px;
    font-weight: 600; }

.mm-menu .icon--user {
  display: none; }

.mm-menu .no-border:after, .mm-menu .mm-listview li:last-child:after {
  display: none !important; }

.mm-menu .no-border.mm-opened:after {
  display: block !important; }

.mm-listview > li:not(.mm-divider):after {
  right: 20px; }

.mm-next:after, .mm-arrow:after {
  width: 12px;
  height: 12px;
  border-width: 1px; }

.mm-listview > li > ul > li a {
  font-size: 12px; }

.mm-menu {
  background: #fff;
  z-index: 9999999 !important; }
  .mm-menu .nav--aside__sub {
    display: block; }
  .mm-menu .number-of-links {
    position: absolute;
    top: 11.5px;
    right: 48px;
    font-weight: 500;
    font-size: 13px;
    opacity: .2; }
  .mm-menu .underline--text:hover:before {
    transform: scale(0); }
  .mm-menu .mm-title {
    font-size: 22px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 300; }
  .mm-menu .mm-buttons {
    position: absolute;
    left: 0;
    bottom: 72px;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #fff; }
    .mm-menu .mm-buttons > span {
      display: none; }
    .mm-menu .mm-buttons > a {
      line-height: 42px;
      font-size: 11px;
      height: 44px;
      padding: 0;
      text-align: center;
      white-space: nowrap;
      text-transform: uppercase;
      margin: 16px 4px 0;
      width: calc(50% - 28px);
      border-radius: 44px;
      justify-content: center;
      text-decoration: none;
      transition: background 0.3s; }
      .mm-menu .mm-buttons > a.user--log {
        border: 1px solid var(--dark-50);
        margin-left: 15px;
        margin-right: 3px; }
        .mm-menu .mm-buttons > a.user--log:hover {
          background-color: var(--dark-80);
          border: 1px solid var(--dark-80);
          color: #fff; }
          .mm-menu .mm-buttons > a.user--log:hover svg, .mm-menu .mm-buttons > a.user--log:hover .st0 {
            fill: #fff; }
      .mm-menu .mm-buttons > a.user--register {
        border: 1px solid var(--dark-60);
        background-color: var(--dark-60);
        color: #fff;
        margin-right: 15px;
        margin-left: 3px; }
        .mm-menu .mm-buttons > a.user--register:hover {
          background-color: transparent;
          border: 1px solid var(--dark-80);
          background-color: var(--dark-80); }
  .mm-menu .social {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #fff; }
    .mm-menu .social svg * {
      fill: #474747; }
    .mm-menu .social .social__item {
      width: 40px;
      margin: 16px 8px;
      color: #474747;
      border: 1px solid #474747; }
  .mm-menu .icon--specialoffer, .mm-menu .icon--cart, .mm-menu .icon--promotion {
    width: 12px;
    height: 12px;
    margin-right: 8px; }
  .mm-menu .arrow {
    width: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%); }

.mm-menu .mm-listview > li .mm-next:after {
  border-color: #000;
  display: none; }

.mm-listview .mm-next:before {
  display: none; }

.mm-listview .mm-next.mm-fullsubopen + span.flags--container {
  display: inline-block !important;
  padding: 0 !important;
  margin: 12px 0 12px 20px !important;
  vertical-align: middle;
  position: relative;
  top: -2px; }

.mm-panels > .mm-panel > .mm-listview {
  margin: 0 -20px;
  text-align: center; }
  .mm-panels > .mm-panel > .mm-listview li {
    text-align: left; }
    .mm-panels > .mm-panel > .mm-listview li.button {
      background: #f3f3f3;
      height: 36px;
      border-radius: 36px;
      padding: 0 20px;
      margin: 2px 4px;
      display: inline-flex;
      align-items: center;
      font-size: 9px;
      font-weight: 600;
      color: rgba(51, 51, 51, 0.5); }
      .mm-panels > .mm-panel > .mm-listview li.button .country-zone-picker span {
        margin-left: 2px; }
        .mm-panels > .mm-panel > .mm-listview li.button .country-zone-picker span:first-child {
          margin-right: 6px;
          margin-left: 0;
          color: rgba(51, 51, 51, 0.5);
          text-transform: uppercase; }
      .mm-panels > .mm-panel > .mm-listview li.button:after {
        display: block;
        position: absolute;
        right: 20px;
        left: unset;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 7px;
        background-image: url("../images/frontend/arrowright.svg");
        background-size: contain;
        content: "";
        background-color: transparent;
        border: none;
        background-repeat: no-repeat; }
      .mm-panels > .mm-panel > .mm-listview li.button .flag-mask {
        border-radius: 50%;
        border: 1px solid #C1BBB5;
        position: relative;
        width: 16px;
        height: 16px;
        overflow: hidden;
        margin-right: 4px; }
        .mm-panels > .mm-panel > .mm-listview li.button .flag-mask i {
          position: absolute;
          transform: translate(-50%, -50%) scale(1.5);
          top: 50%;
          left: 50%; }
      .mm-panels > .mm-panel > .mm-listview li.button span {
        font-weight: 600;
        margin-left: 6px;
        text-transform: initial;
        color: #0e0e0e; }
      .mm-panels > .mm-panel > .mm-listview li.button .mm-next {
        display: none; }
      .mm-panels > .mm-panel > .mm-listview li.button a {
        line-height: 36px;
        font-size: 9px;
        padding: 0 20px 0 0;
        margin: 0;
        display: flex;
        align-items: center;
        color: rgba(51, 51, 51, 0.5); }

.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
  top: 13px;
  display: none; }

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: transparent; }

.mm-listview .mm-next.mm-fullsubopen {
  width: 50px; }

.mm-opened > div {
  padding-bottom: 0; }

.mm-slideout {
  z-index: auto; }

.mm-opened .mm-slideout {
  z-index: 1; }

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
  height: 43px;
  margin-left: 0; }

.nav--level-0 > li:hover .nav--level-1 {
  display: block; }

.nav--level-0 > li:hover .button--shop {
  background: var(--coral-active);
  border-color: #fff !important;
  color: #fff !important;
  text-decoration: none; }
  .nav--level-0 > li:hover .button--shop svg * {
    fill: #fff; }

@media (max-width: 414px) {
  .nav--level-0 > li:hover .button--shop {
    background: #fff !important;
    color: #2f3331 !important; }
    .nav--level-0 > li:hover .button--shop:before, .nav--level-0 > li:hover .button--shop:after {
      display: none; }
    .nav--level-0 > li:hover .button--shop svg * {
      fill: #2f3331 !important; } }

.nav--level-0 > li:hover .underline--text:before {
  transform: scale(1); }

.mm-menu.mm-offcanvas {
  width: 100%;
  max-width: 100%; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

html.mm-opened .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

html.mm-opening .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.close-icon--mmenu {
  width: 27px;
  height: 27px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10; }

.mm-listview .mm-next + a, .mm-listview .mm-next + span {
  margin-right: 61px;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  color: #1a1a1a;
  padding: 15px 16px 15px 0;
  margin-left: 20px; }

.mm-listview > li > a, .mm-listview > li > span {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  color: #1a1a1a;
  padding: 15px 16px 15px 0;
  margin-left: 20px; }

.bg .mm-next + a, .bg .mm-next + span {
  font-weight: 600; }

.bg .mm-next {
  height: 40px !important; }

li.bg > a, li.bg > span {
  font-weight: 600; }

.mm-listview .mm-next {
  width: 28px; }

.mm-listview > li:after {
  background-color: rgba(161, 161, 161, 0.2);
  border-bottom-color: rgba(161, 161, 161, 0.2); }

.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 90px;
  padding-bottom: 132px; }

.mm-navbar {
  line-height: 22px;
  height: 42px;
  margin-top: 106px;
  background-color: #fff;
  z-index: 9999999;
  border: none; }
  @media only screen and (max-width: 767px) {
    .mm-navbar {
      margin-top: 42px; } }

.last-wo-bg:after {
  display: none !important; }

@media (max-width: 414px) {
  .mm-listview.nav--level-0 > li:not(.bg) {
    display: block; } }

.benefits-banner {
  font-size: 14px;
  line-height: normal; }

.benefits-banner__image {
  height: 49px;
  width: 49px; }

.benefits-banner__heading {
  font-weight: 600;
  font-size: 14px;
  line-height: normal; }
  .benefits-banner__heading + p {
    margin-top: 7px; }
    .benefits-banner__heading + p:empty {
      display: none; }

.tooltip--variants {
  position: relative;
  display: block; }
  .tooltip--variants:hover .tooltip--variants__text {
    visibility: visible;
    opacity: 1; }

.tooltip--variants__text {
  visibility: hidden;
  background-color: #ffffff;
  color: #1a1a1a;
  text-align: center;
  position: absolute;
  display: block;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid rgba(161, 161, 161, 0.2);
  top: -21px;
  left: 50%;
  transform: translate(-50%, -100%);
  white-space: nowrap;
  padding: 12px 24px;
  box-shadow: 0px 10px 23px 0px rgba(138, 138, 138, 0.12);
  min-height: 49px; }
  .tooltip--variants__text::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: rgba(138, 138, 138, 0.12) transparent transparent transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-25%);
    top: 48px; }
  .tooltip--variants__text::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 50%;
    transform: translateX(-25%);
    top: 47px;
    border-width: 14px 14px 0 0;
    border-color: #fff transparent transparent transparent; }

.product__rate {
  width: 100%;
  display: flex;
  color: var(--dark-50);
  font-size: 14px;
  max-width: 100%;
  overflow: hidden; }

.rating_avarage_outer {
  width: 150px;
  height: 30px;
  margin: auto;
  background: url(rating/stars_gray.svg) no-repeat;
  background-size: 150px 30px; }

.rating_avarage_star {
  width: 0px;
  height: 30px;
  background: url(rating/stars_gold.svg) no-repeat;
  background-size: 150px 30px; }

.rating_avarage_value {
  font-size: 12px;
  font-weight: 525; }

.rating_avarage_count {
  font-size: 12px; }

.product__rate .rating_avarage_outer {
  width: 80px;
  height: 16px;
  background-size: 80px 16px;
  min-width: 80px; }

.product__rate .rating_average_details {
  width: calc(100% - 80px);
  margin-bottom: 0;
  font-size: 12px !important;
  font-weight: 400;
  text-align: left;
  color: #777777;
  padding-left: 8px;
  height: 26px;
  line-height: 28px;
  vertical-align: middle; }

.product__rate .rating_avarage_star {
  width: 0px;
  height: 16px;
  background-size: 80px 16px; }

.details .rating_average_details:hover {
  text-decoration: underline;
  cursor: pointer; }

.rating_tab {
  display: flex;
  width: 100%;
  column-gap: 25px; }

@media only screen and (max-width: 1100px) {
  .rating_tab {
    margin-left: -12%;
    width: 112%; } }

@media only screen and (max-width: 767px) {
  .rating_tab {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-left: -0%;
    row-gap: 25px; } }

.tabs__comments {
  padding-top: 50px;
  position: relative; }
  .tabs__comments .loader {
    background: transparent url(rating/loader.svg) no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 42vw;
    top: 4vh; }

.rating_section {
  display: flex;
  width: 100%;
  column-gap: 25px; }
  .rating_section h4 {
    padding-top: 20px;
    width: 100%;
    text-align: center;
    color: #555555 !important; }

@media only screen and (max-width: 1100px) {
  .rating_section {
    margin-left: -12%;
    width: 112%; } }

@media only screen and (max-width: 767px) {
  .rating_section {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-left: -0%;
    row-gap: 25px; } }

.rate_stars_output {
  text-align: center;
  font-size: 400%;
  margin-bottom: 10px;
  padding-top: 0; }

@media only screen and (max-width: 767px) {
  .rate_list {
    padding-top: 25px; }
  .rate_stars_output {
    padding-top: 40px; }
  .rate_teaser .rate_stars_output {
    padding-top: 0px; } }

.rate_teaser {
  display: flex;
  color: #777777;
  background-color: #fafafa;
  padding: 12px 18px;
  transition: all 220ms ease;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-bottom: -1px; }
  .rate_teaser:nth-of-type(2n) {
    background-color: #ffffff; }
  .rate_teaser .rate_stars_output {
    font-size: 100%;
    margin-bottom: 0;
    width: calc(100% - 80px);
    text-align: left;
    margin-left: 0;
    font-size: 12px !important;
    font-weight: 375; }

.rate_teaser_desc {
  width: 100%; }
  .rate_teaser_desc .rate_text:nth-of-type(1) {
    font-weight: 475; }
  .rate_teaser_desc .rate_text:empty {
    display: none; }

.rate_teaser header {
  width: 100%;
  display: flex;
  padding-bottom: 8px; }

.rate_teaser span {
  font-size: 13px !important;
  color: #777777; }

.rate_teaser header span.rate_value {
  font-size: 10px !important;
  padding: 0 10px 0 4px; }

.rate_value b {
  font-size: 12px !important; }

.rate_data {
  padding: 0 10px; }

.rate_veryfied {
  padding: 0 10px; }

.rate_veryfied img {
  vertical-align: middle;
  margin-right: 3px;
  margin-bottom: 2px; }

.rate_teaser p {
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #333333;
  line-height: 1.4;
  padding-bottom: 8px;
  word-break: break-word; }

.rate_teaser p small {
  color: #999999;
  font-size: 12px; }

.rate_teaser p small a {
  color: var(--dark-60);
  text-decoration: underline; }

.rate_sign {
  font-size: 12px;
  color: #999999;
  vertical-align: text-top; }
  .rate_sign img {
    opacity: .45;
    vertical-align: middle;
    margin-right: 4px; }

.rate_teaser .rating_avarage_star {
  width: 0px;
  height: 15px;
  background-size: 80px 15px; }

.rate_teaser .rating_avarage_outer {
  width: 80px;
  height: 15px;
  background-size: 80px 15px;
  min-width: 80px; }

@media only screen and (max-width: 767px) {
  .rating_list {
    padding-top: 30px; } }

.product_rating_box {
  background-color: #fafafa;
  padding: 30px 10px 20px;
  max-width: 300px;
  width: 100%;
  text-align: center;
  margin: 0 auto 40px;
  min-height: 370px; }
  .product_rating_box strong {
    display: inline-block;
    font-size: 400%;
    font-weight: 425;
    padding: 10px 0 20px; }

.product_rating_box_details {
  padding-top: 10px;
  font-weight: 400; }

@media only screen and (max-width: 767px) {
  .product_rating_box {
    margin-top: 10px; } }

.comments_statement {
  font-size: 12px;
  line-height: 16px; }

.rate_mobile {
  display: none; }

@media only screen and (max-width: 1023px) {
  .rate_teaser header {
    display: block; }
    .rate_teaser header span {
      font-size: 12px !important; }
  .rate_teaser .rate_stars_output {
    width: auto; }
  .rate_teaser .rating_avarage_outer {
    float: left;
    margin-top: 6px; }
  .rate_veryfied {
    padding-left: 2px; }
  .rate_mobile {
    display: block; }
  .rate_dash {
    display: none; } }

.comments_controls {
  font-size: 12px !important;
  position: absolute;
  width: 100%;
  text-align: right;
  transform: translateY(-100%);
  display: flex;
  justify-content: flex-end; }
  .comments_controls span {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 13px;
    display: flex;
    display: flex;
    align-items: center; }
  .comments_controls input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden; }
  .comments_controls label {
    cursor: pointer;
    text-indent: 250px;
    width: 30px;
    height: 16px;
    overflow: hidden;
    background: var(--light-50);
    display: inline-block;
    border-radius: 100px;
    position: relative;
    margin-left: 6px;
    margin-right: 20px;
    margin-bottom: 0;
    vertical-align: middle; }
  .comments_controls label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s; }
  .comments_controls input:checked + label {
    background: var(--dark-50); }
  .comments_controls input:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%); }
  .comments_controls label:active:after {
    width: 26px; }
  .comments_controls select {
    font-size: 13px;
    border-radius: 30px;
    padding: 0 5px 1px 1px;
    line-height: 20px;
    border: 0;
    outline: 0;
    height: 22px;
    margin-left: 0;
    font-weight: 475;
    color: var(--dark-60);
    cursor: pointer; }
    .comments_controls select:hover {
      color: var(--dark-100); }

@media only screen and (max-width: 767px) {
  .comments_controls {
    position: initial;
    transform: none; } }

.comments_controls span {
  font-size: 13px !important; }

.comment_answers {
  overflow: hidden;
  margin-top: 5px; }

.comment_answer {
  padding-left: 34px;
  position: relative;
  padding-top: 7px; }
  .comment_answer:before {
    position: absolute;
    display: block;
    content: '';
    left: 8px;
    top: 19px;
    width: 18px;
    height: 320px;
    border-radius: 0 0 0 12px;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    transform: translateY(-100%); }
  .comment_answer img {
    width: 40px;
    margin-top: -14px;
    margin-right: 10px; }
  .comment_answer .comment_text {
    font-weight: 475; }

/*!
 * iStruct (http://www.istruct.pl/)
 *
 * @copyright Copyright (c) 2008-2016 InSee Sp. z o.o. (http://www.insee.pl)
 * @license   http://www.istruct.pl/license Proprietary License
 */
.product-gallery ul {
  list-style: none outside none;
  padding-left: 0;
  margin-bottom: 0; }

.product-gallery li {
  display: block;
  float: left;
  margin-right: 6px;
  cursor: pointer; }

.product-gallery img {
  display: block;
  height: auto;
  max-width: 100%; }

/* slider actions */
.lSAction > a {
  background-image: url("../images/controls.png"); }

#fieldset-registrantdata ul.cf li {
  margin-bottom: 0px; }

.registrant-id-field-inner .field--text__input {
  margin-bottom: 12px; }

.finance-global-bonus-green {
  color: #3C763D; }

.finance-global-bonus-gray {
  color: #777; }

.col-word-wrap-break {
  word-wrap: break-word; }

.media--prize .media-left img {
  width: 273px !important;
  border: none !important;
  padding: 0 !important; }

.media--prize .media-body {
  font-size: 14px;
  line-height: 25px;
  font-weight: 500;
  color: #1a1a1a; }
  .media--prize .media-body ol {
    padding-left: 24px; }
  .media--prize .media-body ul li {
    padding-left: 24px;
    position: relative; }
    .media--prize .media-body ul li::before {
      position: absolute;
      top: 11px;
      left: 9px;
      width: 4px;
      height: 4px;
      content: "";
      background: #67bc45;
      border-radius: 50%; }

.media--prize .easyPieChart {
  width: 57px;
  height: 57px; }

.media--prize .label {
  line-height: 1; }

@media (max-width: 767px) {
  .media--prize {
    flex-wrap: wrap;
    justify-content: center; }
  .media--prize__description {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .media--prize__description img {
      max-width: 100%; }
    .media--prize__description > * {
      width: 100%; } }

#avatar-wrapper {
  width: 100%; }
  #avatar-wrapper.images-element .imgcropper-view {
    border: 1px solid #ddd;
    box-shadow: none; }
    #avatar-wrapper.images-element .imgcropper-view:hover, #avatar-wrapper.images-element .imgcropper-view.thumbnail:focus, #avatar-wrapper.images-element .imgcropper-view.thumbnail.active {
      border-color: #337ab7; }

#avatar-thumbnail-link {
  width: 100%; }

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer; }

.notes-quote {
  margin: 0 0 5px;
  word-break: break-all; }
  .notes-quote.notes-quote-admin {
    border-left: 5px solid #f97070; }

.trainings--single .training__info {
  background: none; }

.training {
  padding: 0 10px 15px 0; }
  .training:nth-child(3n+4) {
    clear: both; }
  .training:nth-child(3n+2) {
    padding: 0 5px; }
  .training:nth-child(3n+3) {
    padding-left: 10px;
    padding-right: 0; }
  .training h4 {
    font-size: 18px;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .training__footnote {
    line-height: 16px; }
  .training__image {
    position: relative; }
    .training__image img {
      width: 100%; }
    .training__image:hover .training__image__over {
      opacity: 1; }
    .training__image__over {
      position: absolute;
      opacity: 0;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s;
      text-transform: uppercase;
      color: #ffffff;
      background: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center; }
      .training__image__over a {
        margin-top: 29%;
        line-height: 32px;
        font-size: 10px;
        font-weight: 700;
        padding: 0 15px;
        display: inline-block;
        background: #000000;
        color: #ffffff; }
        .training__image__over a:hover {
          background: #ffffff;
          color: #000000;
          text-decoration: none; }
  .training__sep {
    height: 1px;
    width: 100%;
    background: #bfbfbf; }
  .training__date {
    font-size: 14px; }
    .training__date i {
      margin-right: 5px; }
  .training__price {
    font-size: 14px; }
    .training__price * {
      display: block;
      text-align: right; }
  .training__info {
    width: 100%;
    padding: 12px 15px;
    background: #e9e6ee; }
    .trainings--single .training__info i {
      margin-left: -22px; }
    .training__info .training__icon-map {
      margin-left: -20px;
      margin-right: 7px; }
  .training__discount {
    font-size: 14px; }
    .training__discount div {
      color: #000000; }
    .training__discount em {
      top: -1px; }
    .training__discount span {
      float: right;
      color: #ffffff;
      background: #000000;
      padding: 0 10px;
      font-size: 12px; }
  .training__category {
    position: absolute;
    top: 0;
    right: 0;
    background: #e9e6ee;
    line-height: 24px;
    padding: 0 15px;
    font-size: 14px; }
  .training__tabs .tabs__content #tab-venue .venue-map {
    height: 500px; }

@media all and (max-width: 992px) and (min-width: 769px) {
  .training {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .training:nth-child(2n+2) {
      padding-left: 10px !important; }
    .training:nth-child(3n+4) {
      clear: none; }
    .training:first-child, .training:nth-child(2n+3) {
      padding-right: 10px !important;
      clear: both; } }

@media all and (max-width: 768px) {
  .training {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

.users-partner-page .partner-content {
  max-height: 440px;
  overflow: hidden;
  position: relative;
  padding-right: 10px; }
  .users-partner-page .partner-content .more {
    display: none;
    text-align: right;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
    background-image: linear-gradient(rgba(255, 255, 255, 0), white);
    padding-right: 10px; }
  .users-partner-page .partner-content ul li {
    font-weight: 300;
    position: relative;
    margin-bottom: 15px;
    padding-left: 24px; }
    .users-partner-page .partner-content ul li:before {
      position: absolute;
      top: 11px;
      left: 9px;
      width: 3px;
      height: 3px;
      content: "";
      background: #67bc45;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .users-partner-page .partner-content.has-more .more {
    display: block; }
  .users-partner-page .partner-content.has-more.expanded {
    max-height: none;
    overflow: inherit; }
    .users-partner-page .partner-content.has-more.expanded .more {
      display: none; }

.users-partner-page .partner-card {
  background-color: #f5f5f5;
  padding: 24px; }
  .users-partner-page .partner-card img.avatar {
    width: 100%;
    margin: auto; }
  .users-partner-page .partner-card p {
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .users-partner-page .partner-card p.display-name {
      font-size: 125%;
      font-weight: 600; }
    .users-partner-page .partner-card p.contact {
      font-size: 110%; }
    .users-partner-page .partner-card p i.fa {
      font-size: 100%; }