/*------------------------------------------------------------------
 * Author: coodiv (nedjai mohamed) (nbames.mohamed@gmail.com)
 * Author URI: https://coodiv.net/
 * Author URI: https://themeforest.net/user/coodiv
 * CSS File Version: 1.0
 * Bootstrap v4.5.0 (http://getbootstrap.com)
 * Love Our work & support team?  Buy us a coffee! https://ko-fi.com/coodiv
 * Copyright 2022 coodiv.
 -------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

img,
fieldset,
a img {
    border: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    -webkit-appearance: none;
}

button {
    outline: none !important;
}

input[type="submit"],
button {
    cursor: pointer;
}

input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a {
    text-decoration: none;
}

button {
    background: none;
}

svg,img {
    vertical-align: middle;
}

textarea {
    overflow: auto;
}

input,
button {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus {
    outline: none;
}

ul,
ol {
    list-style-type: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

html {
    box-sizing: border-box;
}

a {
	transition: all .25s ease;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}
:root{
    --font-heading:"Lexend Deca",sans-serif;
    --font-body:"Comfortaa",sans-serif;
    --gap: 1.5rem;
    --form-field-height: 40px;
    --form-background: #ddd;
    --form-background-disabled: #ddd;
    --form-border: none;
    --row-width: 1400px;
    --row-width-xl: 1500px;
	--primary: #2a6b6b;
    --secondary: #000;
    --system: #2e89ff;
    --system-background: #eff6ff;
    --listing-hover-bg: rgb(2 2 2 / 40%);
}
body {
  --background:  #fcfdfe;                   /*---- first backround color -----*/
  --background-2:#f4f7fa;                   /*---- second backround color -----*/  
  --background-3:#f8f8f8;                   /*---- third backround color -----*/
  --background-4:#fdfdff;                   /*---- fourth backround color -----*/
  --background-5:#ecf2f7;                   /*---- fifth backround color -----*/
  --background-6:#fff;                      /*---- sixth backround color -----*/
  --background-7:#EDF9F2;                   /*---- seventh backround color -----*/
  --color-h: #161c2d;                      /*---- headings text color -----*/
  --color-h-hover: #5b6278;                      /*---- headings text hover color -----*/
  --color-h-sub: rgba(22,28,45, 0.4);  /*---- sub headings text color -----*/
  --color-texts-opacity: rgba(22,28,45, 0.7);     /*---- texts color opacity -----*/
  --color-texts: #161c2d;                         /*---- text color -----*/
  --btn-border: rgba(3, 3, 3, 0.3);               /*---- buttons border color -----*/
  --border-color:#e7e9ed;                         /*---- border color -----*/
}

.dark-bg,.dark-mode-texts {
  --background:  #0E1019;                   /*---- first backround color -----*/
  --background-2:rgba(255,255,255,0.01);    /*---- second backround color -----*/ 
  --background-3:#0E1019;                   /*---- third backround color -----*/
  --background-4:#0E1019;                   /*---- fourth backround color -----*/
  --background-5:#0E1019;                   /*---- fifth backround color -----*/
  --background-6:#0E1019;                   /*---- sixth backround color -----*/
  --background-7:#13151C;                   /*---- seventh backround color -----*/
  --color-h: #fff;                         /*---- headings text color -----*/
   --color-h-hover: #ced9df;                      /*---- headings text hover color -----*/
  --color-h-sub:rgba(255, 255, 255, 0.4);/*---- sub headings text color -----*/
  --color-texts-opacity: rgba(255, 255, 255,0.7); /*---- texts color opacity -----*/
  --color-texts: #fff;                            /*---- text color -----*/                 
  --btn-border: rgba(255,255,255,.3);             /*---- buttons border color -----*/
  --border-color:rgba(255,255,255,.08);           /*---- border color -----*/
}

.light-bg,.light-mode-texts {
  --background:  #fcfdfe;                   /*---- first backround color -----*/
  --background-2:#f4f7fa;                   /*---- second backround color -----*/ 
  --background-3:#f8f8f8;                   /*---- third backround color -----*/
  --background-4:#fdfdff;                   /*---- fourth backround color -----*/
  --background-5:#ecf2f7;                   /*---- fifth backround color -----*/
  --background-6:#fff;                      /*---- sixth backround color -----*/
  --background-7:#EDF9F2;                   /*---- seventh backround color -----*/ 
  --color-h: #161c2d;                      /*---- headings text color -----*/
  --color-h-hover: #5b6278;                      /*---- headings text hover color -----*/
  --color-h-sub: rgba(22,28,45, 0.4);  /*---- sub headings text color -----*/
  --color-texts-opacity: rgba(22,28,45, 0.7);     /*---- texts color opacity -----*/
  --color-texts: #161c2d;                         /*---- text color -----*/ 
  --btn-border: rgba(3, 3, 3, 0.3);               /*---- buttons border color -----*/
  --border-color:#e7e9ed;                         /*---- border color -----*/
}
body {
    min-width: 375px;
    background: #fff;
    font-family:var(--font-body);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -.01em;
    color: #1A1D1F;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
	font-family:var(--font-heading);
}
p,.sub-color {
    color: var(--color-h-sub);
}
.main-text-color {
    color: var(--color-h);
}
small.smaller {
    font-size: 63%;
}
body.no-scroll,
html.no-scroll {
    overflow: hidden;
}
body.body__w__fixed__header__n__hero {
	padding-top: 95px;
}
.font-main,button {
	font-family:var(--font-body);
}
.font-heading,[class^="button"]{
	font-family:var(--font-heading);
}
.bg-default{background: var(--background)}
.bg-default-1{background: var(--background)}
.bg-default-2{background: var(--background-2)}
.bg-default-3{background: var(--background-3)}
.bg-default-4{background: var(--background-4)}
.bg-default-5{background: var(--background-5)}
.bg-default-6{background: var(--background-6)}
.bg-default-7{background: var(--background-7)}
.btn {
    padding: 9px 21px;
    font-size: 15px;
    border-radius: 8px;
    font-family: var(--font-heading);
    font-weight: 400;
    min-width: 175px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-green {
    background: #068178;
    color: #fff;
    border-color: #068178;
}
.btn-green:hover {
    color: #fff;
    background-color: #056760;
    border-color: #056760;
}
.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active, .show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #056760;
    border-color: #056760;
}
.btn-green:focus, .btn-green.focus {
    box-shadow: 0 0 0 0.2rem rgb(215 241 222 / 41%);
    color: #fff;
    background-color: #056760;
    border-color: #056760;
}
.btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(215 241 222 / 41%);
}
.btn.with-icon i {
    margin-left: 15px;
    font-size: 23px;
}
.min-h-100 {
    min-height: 100%!important;
}
@media (min-width: 992px){
.min-vh-lg-100 {
    min-height: 100vh!important;
}
}
.end-0 {
    right: 0!important;
}
.start-0 {
    left: 0!important;
}
.top-0 {
    top: 0!important;
}
.bottom-0 {
    bottom: 0!important;
}
/*---------------- template text sizes, spacing and line height -----------------*/
.coodiv-text-1{font-size:5rem;letter-spacing:-2.5px;line-height:1.05}
@media(max-width:1200px){.coodiv-text-1{font-size:calc(1.625rem + 4.5vw)}}
.coodiv-text-1.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.15) * .5em)}
.coodiv-text-1.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.15) * .5em)}

.coodiv-text-2{font-size:3.75rem;letter-spacing:-2px;line-height:1.083}
@media(max-width:1200px){.coodiv-text-2{font-size:calc(1.5rem + 3vw)}}
.coodiv-text-2.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.183) * .5em)}
.coodiv-text-2.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.183) * .5em)}

.coodiv-text-3{font-size:3rem;letter-spacing:-1.8px;line-height:1.21}
@media(max-width:1200px){.coodiv-text-3{font-size:calc(1.425rem + 2.1vw)}}
.coodiv-text-3.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.31) * .5em)}
.coodiv-text-3.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.31) * .5em)}

.coodiv-text-4{font-size:2.25rem;letter-spacing:-1.2px;line-height:1.3}
@media(max-width:1200px){.coodiv-text-4{font-size:calc(1.35rem + 1.2vw)}}
.coodiv-text-4.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.4) * .5em)}
.coodiv-text-4.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.4) * .5em)}

.coodiv-text-5{font-size:2rem;letter-spacing:-1.2px;line-height:1.375}
@media(max-width:1200px){.coodiv-text-5{font-size:calc(1.325rem + 0.9vw)}}
.coodiv-text-5.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.475) * .5em)}
.coodiv-text-5.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.475) * .5em)}

.coodiv-text-6{font-size:1.5rem;letter-spacing:-0.5px;line-height:1.42}
@media(max-width:1200px){.coodiv-text-6{font-size:calc(1.275rem + 0.3vw)}}
.coodiv-text-6.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.52) * .5em)}
.coodiv-text-6.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.52) * .5em)}

.coodiv-text-7{font-size:1.3125rem;letter-spacing:-0.5px;line-height:1.5}
@media(max-width:1200px){.coodiv-text-7{font-size:calc(1.25625rem + 0.075vw)}}
.coodiv-text-7.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.6) * .5em)}
.coodiv-text-7.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.6) * .5em)}

.coodiv-text-8{font-size:1.1875rem;letter-spacing:-0.2px;line-height:1.69}
.coodiv-text-9{font-size:1.0625rem;letter-spacing:-0.2px;line-height:1.71}
.coodiv-text-10{font-size: 0.98rem;}
.coodiv-text-11{font-size:.8725rem;letter-spacing:-0.1px;line-height:1.73}
.coodiv-text-12{font-size:.8125rem;line-height:1.63}
.coodiv-text-12.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.73) * .5em)}
.coodiv-text-12.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.73) * .5em)}
.coodiv-text-13{font-size:.625rem;line-height:1.63}
.coodiv-text-14{font-size:.5rem;line-height:1.63}

/*---------------- template color & backgrounds -----------------*/
/*--- template bg primary ---*/
.coodiv-bg-primary-opacity-visible{background-color:#473bf0}
.coodiv-bg-primary-opacity-1{background-color:rgba(71,59,240,0.1)}
.coodiv-bg-primary-opacity-2{background-color:rgba(71,59,240,0.2)}
.coodiv-bg-primary-opacity-3{background-color:rgba(71,59,240,0.3)}
.coodiv-bg-primary-opacity-4{background-color:rgba(71,59,240,0.4)}
.coodiv-bg-primary-opacity-5{background-color:rgba(71,59,240,0.5)}
.coodiv-bg-primary-opacity-6{background-color:rgba(71,59,240,0.6)}
.coodiv-bg-primary-opacity-7{background-color:rgba(71,59,240,0.7)}
.coodiv-bg-primary-opacity-8{background-color:rgba(71,59,240,0.8)}
.coodiv-bg-primary-opacity-9{background-color:rgba(71,59,240,0.9)}

/*--- template color primary ---*/
.coodiv-color-primary-opacity-visible{color:#473bf0}
.coodiv-color-primary-opacity-1{color:rgba(71,59,240,0.1)}
.coodiv-color-primary-opacity-2{color:rgba(71,59,240,0.2)}
.coodiv-color-primary-opacity-3{color:rgba(71,59,240,0.3)}
.coodiv-color-primary-opacity-4{color:rgba(71,59,240,0.4)}
.coodiv-color-primary-opacity-5{color:rgba(71,59,240,0.5)}
.coodiv-color-primary-opacity-6{color:rgba(71,59,240,0.6)}
.coodiv-color-primary-opacity-7{color:rgba(71,59,240,0.7)}
.coodiv-color-primary-opacity-8{color:rgba(71,59,240,0.8)}
.coodiv-color-primary-opacity-9{color:rgba(71,59,240,0.9)}

/*--- template bg secondary ---*/
.coodiv-bg-secondary-opacity-visible{background-color:#68d585}
.coodiv-bg-secondary-opacity-1{background-color:rgba(104,213,133,0.1)}
.coodiv-bg-secondary-opacity-2{background-color:rgba(104,213,133,0.2)}
.coodiv-bg-secondary-opacity-3{background-color:rgba(104,213,133,0.3)}
.coodiv-bg-secondary-opacity-4{background-color:rgba(104,213,133,0.4)}
.coodiv-bg-secondary-opacity-5{background-color:rgba(104,213,133,0.5)}
.coodiv-bg-secondary-opacity-6{background-color:rgba(104,213,133,0.6)}
.coodiv-bg-secondary-opacity-7{background-color:rgba(104,213,133,0.7)}
.coodiv-bg-secondary-opacity-8{background-color:rgba(104,213,133,0.8)}
.coodiv-bg-secondary-opacity-9{background-color:rgba(104,213,133,0.9)}

/*--- template color secondary ---*/
.coodiv-color-secondary-opacity-visible{color:#68d585}
.coodiv-color-secondary-opacity-1{color:rgba(104,213,133,0.1)}
.coodiv-color-secondary-opacity-2{color:rgba(104,213,133,0.2)}
.coodiv-color-secondary-opacity-3{color:rgba(104,213,133,0.3)}
.coodiv-color-secondary-opacity-4{color:rgba(104,213,133,0.4)}
.coodiv-color-secondary-opacity-5{color:rgba(104,213,133,0.5)}
.coodiv-color-secondary-opacity-6{color:rgba(104,213,133,0.6)}
.coodiv-color-secondary-opacity-7{color:rgba(104,213,133,0.7)}
.coodiv-color-secondary-opacity-8{color:rgba(104,213,133,0.8)}
.coodiv-color-secondary-opacity-9{color:rgba(104,213,133,0.9)}

/*--- template bg success ---*/
.coodiv-bg-success-opacity-visible{background-color:#68d585}
.coodiv-bg-success-opacity-1{background-color:rgba(104,213,133,0.1)}
.coodiv-bg-success-opacity-2{background-color:rgba(104,213,133,0.2)}
.coodiv-bg-success-opacity-3{background-color:rgba(104,213,133,0.3)}
.coodiv-bg-success-opacity-4{background-color:rgba(104,213,133,0.4)}
.coodiv-bg-success-opacity-5{background-color:rgba(104,213,133,0.5)}
.coodiv-bg-success-opacity-6{background-color:rgba(104,213,133,0.6)}
.coodiv-bg-success-opacity-7{background-color:rgba(104,213,133,0.7)}
.coodiv-bg-success-opacity-8{background-color:rgba(104,213,133,0.8)}
.coodiv-bg-success-opacity-9{background-color:rgba(104,213,133,0.9)}

/*--- template color success ---*/
.coodiv-color-success-opacity-visible{color:#68d585}
.coodiv-color-success-opacity-1{color:rgba(104,213,133,0.1)}
.coodiv-color-success-opacity-2{color:rgba(104,213,133,0.2)}
.coodiv-color-success-opacity-3{color:rgba(104,213,133,0.3)}
.coodiv-color-success-opacity-4{color:rgba(104,213,133,0.4)}
.coodiv-color-success-opacity-5{color:rgba(104,213,133,0.5)}
.coodiv-color-success-opacity-6{color:rgba(104,213,133,0.6)}
.coodiv-color-success-opacity-7{color:rgba(104,213,133,0.7)}
.coodiv-color-success-opacity-8{color:rgba(104,213,133,0.8)}
.coodiv-color-success-opacity-9{color:rgba(104,213,133,0.9)}

/*--- template bg info ---*/
.coodiv-bg-info-opacity-visible{background-color:#17a2b8}
.coodiv-bg-info-opacity-1{background-color:rgba(23,162,184,0.1)}
.coodiv-bg-info-opacity-2{background-color:rgba(23,162,184,0.2)}
.coodiv-bg-info-opacity-3{background-color:rgba(23,162,184,0.3)}
.coodiv-bg-info-opacity-4{background-color:rgba(23,162,184,0.4)}
.coodiv-bg-info-opacity-5{background-color:rgba(23,162,184,0.5)}
.coodiv-bg-info-opacity-6{background-color:rgba(23,162,184,0.6)}
.coodiv-bg-info-opacity-7{background-color:rgba(23,162,184,0.7)}
.coodiv-bg-info-opacity-8{background-color:rgba(23,162,184,0.8)}
.coodiv-bg-info-opacity-9{background-color:rgba(23,162,184,0.9)}

/*--- template color info ---*/
.coodiv-color-info-opacity-visible{color:#17a2b8}
.coodiv-color-info-opacity-1{color:rgba(23,162,184,0.1)}
.coodiv-color-info-opacity-2{color:rgba(23,162,184,0.2)}
.coodiv-color-info-opacity-3{color:rgba(23,162,184,0.3)}
.coodiv-color-info-opacity-4{color:rgba(23,162,184,0.4)}
.coodiv-color-info-opacity-5{color:rgba(23,162,184,0.5)}
.coodiv-color-info-opacity-6{color:rgba(23,162,184,0.6)}
.coodiv-color-info-opacity-7{color:rgba(23,162,184,0.7)}
.coodiv-color-info-opacity-8{color:rgba(23,162,184,0.8)}
.coodiv-color-info-opacity-9{color:rgba(23,162,184,0.9)}

/*--- template bg warning ---*/
.coodiv-bg-warning-opacity-visible{background-color:#f7e36d}
.coodiv-bg-warning-opacity-1{background-color:rgba(247,227,109,0.1)}
.coodiv-bg-warning-opacity-2{background-color:rgba(247,227,109,0.2)}
.coodiv-bg-warning-opacity-3{background-color:rgba(247,227,109,0.3)}
.coodiv-bg-warning-opacity-4{background-color:rgba(247,227,109,0.4)}
.coodiv-bg-warning-opacity-5{background-color:rgba(247,227,109,0.5)}
.coodiv-bg-warning-opacity-6{background-color:rgba(247,227,109,0.6)}
.coodiv-bg-warning-opacity-7{background-color:rgba(247,227,109,0.7)}
.coodiv-bg-warning-opacity-8{background-color:rgba(247,227,109,0.8)}
.coodiv-bg-warning-opacity-9{background-color:rgba(247,227,109,0.9)}

/*--- template color warning ---*/
.coodiv-color-warning-opacity-visible{color:#f7e36d}
.coodiv-color-warning-opacity-1{color:rgba(247,227,109,0.1)}
.coodiv-color-warning-opacity-2{color:rgba(247,227,109,0.2)}
.coodiv-color-warning-opacity-3{color:rgba(247,227,109,0.3)}
.coodiv-color-warning-opacity-4{color:rgba(247,227,109,0.4)}
.coodiv-color-warning-opacity-5{color:rgba(247,227,109,0.5)}
.coodiv-color-warning-opacity-6{color:rgba(247,227,109,0.6)}
.coodiv-color-warning-opacity-7{color:rgba(247,227,109,0.7)}
.coodiv-color-warning-opacity-8{color:rgba(247,227,109,0.8)}
.coodiv-color-warning-opacity-9{color:rgba(247,227,109,0.9)}

/*--- template bg danger ---*/
.coodiv-bg-danger-opacity-visible{background-color:#f64b4b}
.coodiv-bg-danger-opacity-1{background-color:rgba(246,75,75,0.1)}
.coodiv-bg-danger-opacity-2{background-color:rgba(246,75,75,0.2)}
.coodiv-bg-danger-opacity-3{background-color:rgba(246,75,75,0.3)}
.coodiv-bg-danger-opacity-4{background-color:rgba(246,75,75,0.4)}
.coodiv-bg-danger-opacity-5{background-color:rgba(246,75,75,0.5)}
.coodiv-bg-danger-opacity-6{background-color:rgba(246,75,75,0.6)}
.coodiv-bg-danger-opacity-7{background-color:rgba(246,75,75,0.7)}
.coodiv-bg-danger-opacity-8{background-color:rgba(246,75,75,0.8)}
.coodiv-bg-danger-opacity-9{background-color:rgba(246,75,75,0.9)}

/*--- template color-danger ---*/
.coodiv-color-danger-opacity-visible{color:#f64b4b}
.coodiv-color-danger-opacity-1{color:rgba(246,75,75,0.1)}
.coodiv-color-danger-opacity-2{color:rgba(246,75,75,0.2)}
.coodiv-color-danger-opacity-3{color:rgba(246,75,75,0.3)}
.coodiv-color-danger-opacity-4{color:rgba(246,75,75,0.4)}
.coodiv-color-danger-opacity-5{color:rgba(246,75,75,0.5)}
.coodiv-color-danger-opacity-6{color:rgba(246,75,75,0.6)}
.coodiv-color-danger-opacity-7{color:rgba(246,75,75,0.7)}
.coodiv-color-danger-opacity-8{color:rgba(246,75,75,0.8)}
.coodiv-color-danger-opacity-9{color:rgba(246,75,75,0.9)}

/*--- template bg light ---*/
.coodiv-bg-light-opacity-visible{background-color:#f8f9fa}
.coodiv-bg-light-opacity-1{background-color:rgba(248,249,250,0.1)}
.coodiv-bg-light-opacity-2{background-color:rgba(248,249,250,0.2)}
.coodiv-bg-light-opacity-3{background-color:rgba(248,249,250,0.3)}
.coodiv-bg-light-opacity-4{background-color:rgba(248,249,250,0.4)}
.coodiv-bg-light-opacity-5{background-color:rgba(248,249,250,0.5)}
.coodiv-bg-light-opacity-6{background-color:rgba(248,249,250,0.6)}
.coodiv-bg-light-opacity-7{background-color:rgba(248,249,250,0.7)}
.coodiv-bg-light-opacity-8{background-color:rgba(248,249,250,0.8)}
.coodiv-bg-light-opacity-9{background-color:rgba(248,249,250,0.9)}

/*--- template color light ---*/
.coodiv-color-light-opacity-visible{color:#f8f9fa}
.coodiv-color-light-opacity-1{color:rgba(248,249,250,0.1)}
.coodiv-color-light-opacity-2{color:rgba(248,249,250,0.2)}
.coodiv-color-light-opacity-3{color:rgba(248,249,250,0.3)}
.coodiv-color-light-opacity-4{color:rgba(248,249,250,0.4)}
.coodiv-color-light-opacity-5{color:rgba(248,249,250,0.5)}
.coodiv-color-light-opacity-6{color:rgba(248,249,250,0.6)}
.coodiv-color-light-opacity-7{color:rgba(248,249,250,0.7)}
.coodiv-color-light-opacity-8{color:rgba(248,249,250,0.8)}
.coodiv-color-light-opacity-9{color:rgba(248,249,250,0.9)}

/*--- template bg dark ---*/
.coodiv-bg-dark-opacity-visible{background-color:#343a40}
.coodiv-bg-dark-opacity-1{background-color:rgba(52,58,64,0.1)}
.coodiv-bg-dark-opacity-2{background-color:rgba(52,58,64,0.2)}
.coodiv-bg-dark-opacity-3{background-color:rgba(52,58,64,0.3)}
.coodiv-bg-dark-opacity-4{background-color:rgba(52,58,64,0.4)}
.coodiv-bg-dark-opacity-5{background-color:rgba(52,58,64,0.5)}
.coodiv-bg-dark-opacity-6{background-color:rgba(52,58,64,0.6)}
.coodiv-bg-dark-opacity-7{background-color:rgba(52,58,64,0.7)}
.coodiv-bg-dark-opacity-8{background-color:rgba(52,58,64,0.8)}
.coodiv-bg-dark-opacity-9{background-color:rgba(52,58,64,0.9)}

/*--- template color dark ---*/
.coodiv-color-dark-opacity-visible{color:#343a40}
.coodiv-color-dark-opacity-1{color:rgba(52,58,64,0.1)}
.coodiv-color-dark-opacity-2{color:rgba(52,58,64,0.2)}
.coodiv-color-dark-opacity-3{color:rgba(52,58,64,0.3)}
.coodiv-color-dark-opacity-4{color:rgba(52,58,64,0.4)}
.coodiv-color-dark-opacity-5{color:rgba(52,58,64,0.5)}
.coodiv-color-dark-opacity-6{color:rgba(52,58,64,0.6)}
.coodiv-color-dark-opacity-7{color:rgba(52,58,64,0.7)}
.coodiv-color-dark-opacity-8{color:rgba(52,58,64,0.8)}
.coodiv-color-dark-opacity-9{color:rgba(52,58,64,0.9)}

/*--- template bg red ---*/
.coodiv-bg-red-opacity-visible{background-color:#f64b4b}
.coodiv-bg-red-opacity-1{background-color:rgba(246,75,75,0.1)}
.coodiv-bg-red-opacity-2{background-color:rgba(246,75,75,0.2)}
.coodiv-bg-red-opacity-3{background-color:rgba(246,75,75,0.3)}
.coodiv-bg-red-opacity-4{background-color:rgba(246,75,75,0.4)}
.coodiv-bg-red-opacity-5{background-color:rgba(246,75,75,0.5)}
.coodiv-bg-red-opacity-6{background-color:rgba(246,75,75,0.6)}
.coodiv-bg-red-opacity-7{background-color:rgba(246,75,75,0.7)}
.coodiv-bg-red-opacity-8{background-color:rgba(246,75,75,0.8)}
.coodiv-bg-red-opacity-9{background-color:rgba(246,75,75,0.9)}

/*--- template color red ---*/
.coodiv-color-red-opacity-visible{color:#f64b4b}
.coodiv-color-red-opacity-1{color:rgba(246,75,75,0.1)}
.coodiv-color-red-opacity-2{color:rgba(246,75,75,0.2)}
.coodiv-color-red-opacity-3{color:rgba(246,75,75,0.3)}
.coodiv-color-red-opacity-4{color:rgba(246,75,75,0.4)}
.coodiv-color-red-opacity-5{color:rgba(246,75,75,0.5)}
.coodiv-color-red-opacity-6{color:rgba(246,75,75,0.6)}
.coodiv-color-red-opacity-7{color:rgba(246,75,75,0.7)}
.coodiv-color-red-opacity-8{color:rgba(246,75,75,0.8)}
.coodiv-color-red-opacity-9{color:rgba(246,75,75,0.9)}

/*--- template bg green ---*/
.coodiv-bg-green-opacity-visible{background-color:#68d585}
.coodiv-bg-green-opacity-1{background-color:rgba(104,213,133,0.1)}
.coodiv-bg-green-opacity-2{background-color:rgba(104,213,133,0.2)}
.coodiv-bg-green-opacity-3{background-color:rgba(104,213,133,0.3)}
.coodiv-bg-green-opacity-4{background-color:rgba(104,213,133,0.4)}
.coodiv-bg-green-opacity-5{background-color:rgba(104,213,133,0.5)}
.coodiv-bg-green-opacity-6{background-color:rgba(104,213,133,0.6)}
.coodiv-bg-green-opacity-7{background-color:rgba(104,213,133,0.7)}
.coodiv-bg-green-opacity-8{background-color:rgba(104,213,133,0.8)}
.coodiv-bg-green-opacity-9{background-color:rgba(104,213,133,0.9)}

/*--- template color green ---*/
.coodiv-color-green-opacity-visible{color:#68d585}
.coodiv-color-green-opacity-1{color:rgba(104,213,133,0.1)}
.coodiv-color-green-opacity-2{color:rgba(104,213,133,0.2)}
.coodiv-color-green-opacity-3{color:rgba(104,213,133,0.3)}
.coodiv-color-green-opacity-4{color:rgba(104,213,133,0.4)}
.coodiv-color-green-opacity-5{color:rgba(104,213,133,0.5)}
.coodiv-color-green-opacity-6{color:rgba(104,213,133,0.6)}
.coodiv-color-green-opacity-7{color:rgba(104,213,133,0.7)}
.coodiv-color-green-opacity-8{color:rgba(104,213,133,0.8)}
.coodiv-color-green-opacity-9{color:rgba(104,213,133,0.9)}

/*--- template bg green shamrock ---*/
.coodiv-bg-green-shamrock-opacity-visible{background-color:#2bd67b}
.coodiv-bg-green-shamrock-opacity-1{background-color:rgba(43,214,123,0.1)}
.coodiv-bg-green-shamrock-opacity-2{background-color:rgba(43,214,123,0.2)}
.coodiv-bg-green-shamrock-opacity-3{background-color:rgba(43,214,123,0.3)}
.coodiv-bg-green-shamrock-opacity-4{background-color:rgba(43,214,123,0.4)}
.coodiv-bg-green-shamrock-opacity-5{background-color:rgba(43,214,123,0.5)}
.coodiv-bg-green-shamrock-opacity-6{background-color:rgba(43,214,123,0.6)}
.coodiv-bg-green-shamrock-opacity-7{background-color:rgba(43,214,123,0.7)}
.coodiv-bg-green-shamrock-opacity-8{background-color:rgba(43,214,123,0.8)}
.coodiv-bg-green-shamrock-opacity-9{background-color:rgba(43,214,123,0.9)}

/*--- template color green shamrock ---*/
.coodiv-color-green-shamrock-opacity-visible{color:#2bd67b}
.coodiv-color-green-shamrock-opacity-1{color:rgba(43,214,123,0.1)}
.coodiv-color-green-shamrock-opacity-2{color:rgba(43,214,123,0.2)}
.coodiv-color-green-shamrock-opacity-3{color:rgba(43,214,123,0.3)}
.coodiv-color-green-shamrock-opacity-4{color:rgba(43,214,123,0.4)}
.coodiv-color-green-shamrock-opacity-5{color:rgba(43,214,123,0.5)}
.coodiv-color-green-shamrock-opacity-6{color:rgba(43,214,123,0.6)}
.coodiv-color-green-shamrock-opacity-7{color:rgba(43,214,123,0.7)}
.coodiv-color-green-shamrock-opacity-8{color:rgba(43,214,123,0.8)}
.coodiv-color-green-shamrock-opacity-9{color:rgba(43,214,123,0.9)}

/*--- template bg blue ---*/
.coodiv-bg-blue-opacity-visible{background-color:#473bf0}
.coodiv-bg-blue-opacity-1{background-color:rgba(71,59,240,0.1)}
.coodiv-bg-blue-opacity-2{background-color:rgba(71,59,240,0.2)}
.coodiv-bg-blue-opacity-3{background-color:rgba(71,59,240,0.3)}
.coodiv-bg-blue-opacity-4{background-color:rgba(71,59,240,0.4)}
.coodiv-bg-blue-opacity-5{background-color:rgba(71,59,240,0.5)}
.coodiv-bg-blue-opacity-6{background-color:rgba(71,59,240,0.6)}
.coodiv-bg-blue-opacity-7{background-color:rgba(71,59,240,0.7)}
.coodiv-bg-blue-opacity-8{background-color:rgba(71,59,240,0.8)}
.coodiv-bg-blue-opacity-9{background-color:rgba(71,59,240,0.9)}

/*--- template color blue ---*/
.coodiv-color-blue-opacity-visible{color:#473bf0}
.coodiv-color-blue-opacity-1{color:rgba(71,59,240,0.1)}
.coodiv-color-blue-opacity-2{color:rgba(71,59,240,0.2)}
.coodiv-color-blue-opacity-3{color:rgba(71,59,240,0.3)}
.coodiv-color-blue-opacity-4{color:rgba(71,59,240,0.4)}
.coodiv-color-blue-opacity-5{color:rgba(71,59,240,0.5)}
.coodiv-color-blue-opacity-6{color:rgba(71,59,240,0.6)}
.coodiv-color-blue-opacity-7{color:rgba(71,59,240,0.7)}
.coodiv-color-blue-opacity-8{color:rgba(71,59,240,0.8)}
.coodiv-color-blue-opacity-9{color:rgba(71,59,240,0.9)}

/*--- template bg sky blue ---*/
.coodiv-bg-sky-blue-opacity-visible{background-color:#1082e9}
.coodiv-bg-sky-blue-opacity-1{background-color:rgba(16,130,233,0.1)}
.coodiv-bg-sky-blue-opacity-2{background-color:rgba(16,130,233,0.2)}
.coodiv-bg-sky-blue-opacity-3{background-color:rgba(16,130,233,0.3)}
.coodiv-bg-sky-blue-opacity-4{background-color:rgba(16,130,233,0.4)}
.coodiv-bg-sky-blue-opacity-5{background-color:rgba(16,130,233,0.5)}
.coodiv-bg-sky-blue-opacity-6{background-color:rgba(16,130,233,0.6)}
.coodiv-bg-sky-blue-opacity-7{background-color:rgba(16,130,233,0.7)}
.coodiv-bg-sky-blue-opacity-8{background-color:rgba(16,130,233,0.8)}
.coodiv-bg-sky-blue-opacity-9{background-color:rgba(16,130,233,0.9)}

/*--- template color sky blue ---*/
.coodiv-color-sky-blue-opacity-visible{color:#1082e9}
.coodiv-color-sky-blue-opacity-1{color:rgba(16,130,233,0.1)}
.coodiv-color-sky-blue-opacity-2{color:rgba(16,130,233,0.2)}
.coodiv-color-sky-blue-opacity-3{color:rgba(16,130,233,0.3)}
.coodiv-color-sky-blue-opacity-4{color:rgba(16,130,233,0.4)}
.coodiv-color-sky-blue-opacity-5{color:rgba(16,130,233,0.5)}
.coodiv-color-sky-blue-opacity-6{color:rgba(16,130,233,0.6)}
.coodiv-color-sky-blue-opacity-7{color:rgba(16,130,233,0.7)}
.coodiv-color-sky-blue-opacity-8{color:rgba(16,130,233,0.8)}
.coodiv-color-sky-blue-opacity-9{color:rgba(16,130,233,0.9)}

/*--- template bg yellow ---*/
.coodiv-bg-yellow-opacity-visible{background-color:#f7e36d}
.coodiv-bg-yellow-opacity-1{background-color:rgba(247,227,109,0.1)}
.coodiv-bg-yellow-opacity-2{background-color:rgba(247,227,109,0.2)}
.coodiv-bg-yellow-opacity-3{background-color:rgba(247,227,109,0.3)}
.coodiv-bg-yellow-opacity-4{background-color:rgba(247,227,109,0.4)}
.coodiv-bg-yellow-opacity-5{background-color:rgba(247,227,109,0.5)}
.coodiv-bg-yellow-opacity-6{background-color:rgba(247,227,109,0.6)}
.coodiv-bg-yellow-opacity-7{background-color:rgba(247,227,109,0.7)}
.coodiv-bg-yellow-opacity-8{background-color:rgba(247,227,109,0.8)}
.coodiv-bg-yellow-opacity-9{background-color:rgba(247,227,109,0.9)}

/*--- template color yellow ---*/
.coodiv-color-yellow-opacity-visible{color:#f7e36d}
.coodiv-color-yellow-opacity-1{color:rgba(247,227,109,0.1)}
.coodiv-color-yellow-opacity-2{color:rgba(247,227,109,0.2)}
.coodiv-color-yellow-opacity-3{color:rgba(247,227,109,0.3)}
.coodiv-color-yellow-opacity-4{color:rgba(247,227,109,0.4)}
.coodiv-color-yellow-opacity-5{color:rgba(247,227,109,0.5)}
.coodiv-color-yellow-opacity-6{color:rgba(247,227,109,0.6)}
.coodiv-color-yellow-opacity-7{color:rgba(247,227,109,0.7)}
.coodiv-color-yellow-opacity-8{color:rgba(247,227,109,0.8)}
.coodiv-color-yellow-opacity-9{color:rgba(247,227,109,0.9)}

/*--- template bg yellow orange ---*/
.coodiv-bg-yellow-orange-opacity-visible{background-color:#fcad38}
.coodiv-bg-yellow-orange-opacity-1{background-color:rgba(252,173,56,0.1)}
.coodiv-bg-yellow-orange-opacity-2{background-color:rgba(252,173,56,0.2)}
.coodiv-bg-yellow-orange-opacity-3{background-color:rgba(252,173,56,0.3)}
.coodiv-bg-yellow-orange-opacity-4{background-color:rgba(252,173,56,0.4)}
.coodiv-bg-yellow-orange-opacity-5{background-color:rgba(252,173,56,0.5)}
.coodiv-bg-yellow-orange-opacity-6{background-color:rgba(252,173,56,0.6)}
.coodiv-bg-yellow-orange-opacity-7{background-color:rgba(252,173,56,0.7)}
.coodiv-bg-yellow-orange-opacity-8{background-color:rgba(252,173,56,0.8)}
.coodiv-bg-yellow-orange-opacity-9{background-color:rgba(252,173,56,0.9)}

/*--- template color yellow orange ---*/
.coodiv-color-yellow-orange-opacity-visible{color:#fcad38}
.coodiv-color-yellow-orange-opacity-1{color:rgba(252,173,56,0.1)}
.coodiv-color-yellow-orange-opacity-2{color:rgba(252,173,56,0.2)}
.coodiv-color-yellow-orange-opacity-3{color:rgba(252,173,56,0.3)}
.coodiv-color-yellow-orange-opacity-4{color:rgba(252,173,56,0.4)}
.coodiv-color-yellow-orange-opacity-5{color:rgba(252,173,56,0.5)}
.coodiv-color-yellow-orange-opacity-6{color:rgba(252,173,56,0.6)}
.coodiv-color-yellow-orange-opacity-7{color:rgba(252,173,56,0.7)}
.coodiv-color-yellow-orange-opacity-8{color:rgba(252,173,56,0.8)}
.coodiv-color-yellow-orange-opacity-9{color:rgba(252,173,56,0.9)}

/*--- template bg blackish blue ---*/
.coodiv-bg-blackish-blue-opacity-visible{background-color:#13151c}
.coodiv-bg-blackish-blue-opacity-1{background-color:rgba(19,21,28,0.1)}
.coodiv-bg-blackish-blue-opacity-2{background-color:rgba(19,21,28,0.2)}
.coodiv-bg-blackish-blue-opacity-3{background-color:rgba(19,21,28,0.3)}
.coodiv-bg-blackish-blue-opacity-4{background-color:rgba(19,21,28,0.4)}
.coodiv-bg-blackish-blue-opacity-5{background-color:rgba(19,21,28,0.5)}
.coodiv-bg-blackish-blue-opacity-6{background-color:rgba(19,21,28,0.6)}
.coodiv-bg-blackish-blue-opacity-7{background-color:rgba(19,21,28,0.7)}
.coodiv-bg-blackish-blue-opacity-8{background-color:rgba(19,21,28,0.8)}
.coodiv-bg-blackish-blue-opacity-9{background-color:rgba(19,21,28,0.9)}

/*--- template color blackish blue ---*/
.coodiv-color-blackish-blue-opacity-visible{color:#13151c}
.coodiv-color-blackish-blue-opacity-1{color:rgba(19,21,28,0.1)}
.coodiv-color-blackish-blue-opacity-2{color:rgba(19,21,28,0.2)}
.coodiv-color-blackish-blue-opacity-3{color:rgba(19,21,28,0.3)}
.coodiv-color-blackish-blue-opacity-4{color:rgba(19,21,28,0.4)}
.coodiv-color-blackish-blue-opacity-5{color:rgba(19,21,28,0.5)}
.coodiv-color-blackish-blue-opacity-6{color:rgba(19,21,28,0.6)}
.coodiv-color-blackish-blue-opacity-7{color:rgba(19,21,28,0.7)}
.coodiv-color-blackish-blue-opacity-8{color:rgba(19,21,28,0.8)}
.coodiv-color-blackish-blue-opacity-9{color:rgba(19,21,28,0.9)}

/*--- template bg black ---*/
.coodiv-bg-black-opacity-visible{background-color:black}
.coodiv-bg-black-opacity-1{background-color:rgba(0,0,0,0.1)}
.coodiv-bg-black-opacity-2{background-color:rgba(0,0,0,0.2)}
.coodiv-bg-black-opacity-3{background-color:rgba(0,0,0,0.3)}
.coodiv-bg-black-opacity-4{background-color:rgba(0,0,0,0.4)}
.coodiv-bg-black-opacity-5{background-color:rgba(0,0,0,0.5)}
.coodiv-bg-black-opacity-6{background-color:rgba(0,0,0,0.6)}
.coodiv-bg-black-opacity-7{background-color:rgba(0,0,0,0.7)}
.coodiv-bg-black-opacity-8{background-color:rgba(0,0,0,0.8)}
.coodiv-bg-black-opacity-9{background-color:rgba(0,0,0,0.9)}

/*--- template color black ---*/
.coodiv-color-black-opacity-visible{color:black}
.coodiv-color-black-opacity-1{color:rgba(0,0,0,0.1)}
.coodiv-color-black-opacity-2{color:rgba(0,0,0,0.2)}
.coodiv-color-black-opacity-3{color:rgba(0,0,0,0.3)}
.coodiv-color-black-opacity-4{color:rgba(0,0,0,0.4)}
.coodiv-color-black-opacity-5{color:rgba(0,0,0,0.5)}
.coodiv-color-black-opacity-6{color:rgba(0,0,0,0.6)}
.coodiv-color-black-opacity-7{color:rgba(0,0,0,0.7)}
.coodiv-color-black-opacity-8{color:rgba(0,0,0,0.8)}
.coodiv-color-black-opacity-9{color:rgba(0,0,0,0.9)}

/*--- template bg mirage ---*/
.coodiv-bg-mirage-opacity-visible{background-color:#131829}
.coodiv-bg-mirage-opacity-1{background-color:rgba(19,24,41,0.1)}
.coodiv-bg-mirage-opacity-2{background-color:rgba(19,24,41,0.2)}
.coodiv-bg-mirage-opacity-3{background-color:rgba(19,24,41,0.3)}
.coodiv-bg-mirage-opacity-4{background-color:rgba(19,24,41,0.4)}
.coodiv-bg-mirage-opacity-5{background-color:rgba(19,24,41,0.5)}
.coodiv-bg-mirage-opacity-6{background-color:rgba(19,24,41,0.6)}
.coodiv-bg-mirage-opacity-7{background-color:rgba(19,24,41,0.7)}
.coodiv-bg-mirage-opacity-8{background-color:rgba(19,24,41,0.8)}
.coodiv-bg-mirage-opacity-9{background-color:rgba(19,24,41,0.9)}

/*--- template color mirage ---*/
.coodiv-color-mirage-opacity-visible{color:#131829}
.coodiv-color-mirage-opacity-1{color:rgba(19,24,41,0.1)}
.coodiv-color-mirage-opacity-2{color:rgba(19,24,41,0.2)}
.coodiv-color-mirage-opacity-3{color:rgba(19,24,41,0.3)}
.coodiv-color-mirage-opacity-4{color:rgba(19,24,41,0.4)}
.coodiv-color-mirage-opacity-5{color:rgba(19,24,41,0.5)}
.coodiv-color-mirage-opacity-6{color:rgba(19,24,41,0.6)}
.coodiv-color-mirage-opacity-7{color:rgba(19,24,41,0.7)}
.coodiv-color-mirage-opacity-8{color:rgba(19,24,41,0.8)}
.coodiv-color-mirage-opacity-9{color:rgba(19,24,41,0.9)}

/*--- template bg white ---*/
.coodiv-bg-white-opacity-visible,.white-bg{background-color: white;background: white;}
.coodiv-bg-white-opacity-1{background-color:rgba(255,255,255,0.1)}
.coodiv-bg-white-opacity-2{background-color:rgba(255,255,255,0.2)}
.coodiv-bg-white-opacity-3{background-color:rgba(255,255,255,0.3)}
.coodiv-bg-white-opacity-4{background-color:rgba(255,255,255,0.4)}
.coodiv-bg-white-opacity-5{background-color:rgba(255,255,255,0.5)}
.coodiv-bg-white-opacity-6{background-color:rgba(255,255,255,0.6)}
.coodiv-bg-white-opacity-7{background-color:rgba(255,255,255,0.7)}
.coodiv-bg-white-opacity-8{background-color:rgba(255,255,255,0.8)}
.coodiv-bg-white-opacity-9{background-color:rgba(255,255,255,0.9)}

/*--- template color white ---*/
.coodiv-color-white-opacity-visible{color:white}
.coodiv-color-white-opacity-1{color:rgba(255,255,255,0.1)}
.coodiv-color-white-opacity-2{color:rgba(255,255,255,0.2)}
.coodiv-color-white-opacity-3{color:rgba(255,255,255,0.3)}
.coodiv-color-white-opacity-4{color:rgba(255,255,255,0.4)}
.coodiv-color-white-opacity-5{color:rgba(255,255,255,0.5)}
.coodiv-color-white-opacity-6{color:rgba(255,255,255,0.6)}
.coodiv-color-white-opacity-7{color:rgba(255,255,255,0.7)}
.coodiv-color-white-opacity-8{color:rgba(255,255,255,0.8)}
.coodiv-color-white-opacity-9{color:rgba(255,255,255,0.9)}

/*--- template bg smoke ---*/
.coodiv-bg-smoke-opacity-visible{background-color:#f8f8f8}
.coodiv-bg-smoke-opacity-1{background-color:rgba(248,248,248,0.1)}
.coodiv-bg-smoke-opacity-2{background-color:rgba(248,248,248,0.2)}
.coodiv-bg-smoke-opacity-3{background-color:rgba(248,248,248,0.3)}
.coodiv-bg-smoke-opacity-4{background-color:rgba(248,248,248,0.4)}
.coodiv-bg-smoke-opacity-5{background-color:rgba(248,248,248,0.5)}
.coodiv-bg-smoke-opacity-6{background-color:rgba(248,248,248,0.6)}
.coodiv-bg-smoke-opacity-7{background-color:rgba(248,248,248,0.7)}
.coodiv-bg-smoke-opacity-8{background-color:rgba(248,248,248,0.8)}
.coodiv-bg-smoke-opacity-9{background-color:rgba(248,248,248,0.9)}

/*--- template color smoke ---*/
.coodiv-color-smoke-opacity-visible{color:#f8f8f8}
.coodiv-color-smoke-opacity-1{color:rgba(248,248,248,0.1)}
.coodiv-color-smoke-opacity-2{color:rgba(248,248,248,0.2)}
.coodiv-color-smoke-opacity-3{color:rgba(248,248,248,0.3)}
.coodiv-color-smoke-opacity-4{color:rgba(248,248,248,0.4)}
.coodiv-color-smoke-opacity-5{color:rgba(248,248,248,0.5)}
.coodiv-color-smoke-opacity-6{color:rgba(248,248,248,0.6)}
.coodiv-color-smoke-opacity-7{color:rgba(248,248,248,0.7)}
.coodiv-color-smoke-opacity-8{color:rgba(248,248,248,0.8)}
.coodiv-color-smoke-opacity-9{color:rgba(248,248,248,0.9)}

/*--- template bg storm ---*/
.coodiv-bg-storm-opacity-visible{background-color:#7d818d}
.coodiv-bg-storm-opacity-1{background-color:rgba(125,129,141,0.1)}
.coodiv-bg-storm-opacity-2{background-color:rgba(125,129,141,0.2)}
.coodiv-bg-storm-opacity-3{background-color:rgba(125,129,141,0.3)}
.coodiv-bg-storm-opacity-4{background-color:rgba(125,129,141,0.4)}
.coodiv-bg-storm-opacity-5{background-color:rgba(125,129,141,0.5)}
.coodiv-bg-storm-opacity-6{background-color:rgba(125,129,141,0.6)}
.coodiv-bg-storm-opacity-7{background-color:rgba(125,129,141,0.7)}
.coodiv-bg-storm-opacity-8{background-color:rgba(125,129,141,0.8)}
.coodiv-bg-storm-opacity-9{background-color:rgba(125,129,141,0.9)}

/*--- template color storm ---*/
.coodiv-color-storm-opacity-visible{color:#7d818d}
.coodiv-color-storm-opacity-1{color:rgba(125,129,141,0.1)}
.coodiv-color-storm-opacity-2{color:rgba(125,129,141,0.2)}
.coodiv-color-storm-opacity-3{color:rgba(125,129,141,0.3)}
.coodiv-color-storm-opacity-4{color:rgba(125,129,141,0.4)}
.coodiv-color-storm-opacity-5{color:rgba(125,129,141,0.5)}
.coodiv-color-storm-opacity-6{color:rgba(125,129,141,0.6)}
.coodiv-color-storm-opacity-7{color:rgba(125,129,141,0.7)}
.coodiv-color-storm-opacity-8{color:rgba(125,129,141,0.8)}
.coodiv-color-storm-opacity-9{color:rgba(125,129,141,0.9)}

/*--- template bg ghost ---*/
.coodiv-bg-ghost-opacity-visible{background-color:#fdfdff}
.coodiv-bg-ghost-opacity-1{background-color:rgba(253,253,255,0.1)}
.coodiv-bg-ghost-opacity-2{background-color:rgba(253,253,255,0.2)}
.coodiv-bg-ghost-opacity-3{background-color:rgba(253,253,255,0.3)}
.coodiv-bg-ghost-opacity-4{background-color:rgba(253,253,255,0.4)}
.coodiv-bg-ghost-opacity-5{background-color:rgba(253,253,255,0.5)}
.coodiv-bg-ghost-opacity-6{background-color:rgba(253,253,255,0.6)}
.coodiv-bg-ghost-opacity-7{background-color:rgba(253,253,255,0.7)}
.coodiv-bg-ghost-opacity-8{background-color:rgba(253,253,255,0.8)}
.coodiv-bg-ghost-opacity-9{background-color:rgba(253,253,255,0.9)}

/*--- template color ghost ---*/
.coodiv-color-ghost-opacity-visible{color:#fdfdff}
.coodiv-color-ghost-opacity-1{color:rgba(253,253,255,0.1)}
.coodiv-color-ghost-opacity-2{color:rgba(253,253,255,0.2)}
.coodiv-color-ghost-opacity-3{color:rgba(253,253,255,0.3)}
.coodiv-color-ghost-opacity-4{color:rgba(253,253,255,0.4)}
.coodiv-color-ghost-opacity-5{color:rgba(253,253,255,0.5)}
.coodiv-color-ghost-opacity-6{color:rgba(253,253,255,0.6)}
.coodiv-color-ghost-opacity-7{color:rgba(253,253,255,0.7)}
.coodiv-color-ghost-opacity-8{color:rgba(253,253,255,0.8)}
.coodiv-color-ghost-opacity-9{color:rgba(253,253,255,0.9)}

/*--- template bg gray 1 ---*/
.coodiv-bg-gray-1-opacity-visible{background-color:#fcfdfe}
.coodiv-bg-gray-1-opacity-1{background-color:rgba(252,253,254,0.1)}
.coodiv-bg-gray-1-opacity-2{background-color:rgba(252,253,254,0.2)}
.coodiv-bg-gray-1-opacity-3{background-color:rgba(252,253,254,0.3)}
.coodiv-bg-gray-1-opacity-4{background-color:rgba(252,253,254,0.4)}
.coodiv-bg-gray-1-opacity-5{background-color:rgba(252,253,254,0.5)}
.coodiv-bg-gray-1-opacity-6{background-color:rgba(252,253,254,0.6)}
.coodiv-bg-gray-1-opacity-7{background-color:rgba(252,253,254,0.7)}
.coodiv-bg-gray-1-opacity-8{background-color:rgba(252,253,254,0.8)}
.coodiv-bg-gray-1-opacity-9{background-color:rgba(252,253,254,0.9)}

/*--- template color gray 1 ---*/
.coodiv-color-gray-1-opacity-visible{color:#fcfdfe}
.coodiv-color-gray-1-opacity-1{color:rgba(252,253,254,0.1)}
.coodiv-color-gray-1-opacity-2{color:rgba(252,253,254,0.2)}
.coodiv-color-gray-1-opacity-3{color:rgba(252,253,254,0.3)}
.coodiv-color-gray-1-opacity-4{color:rgba(252,253,254,0.4)}
.coodiv-color-gray-1-opacity-5{color:rgba(252,253,254,0.5)}
.coodiv-color-gray-1-opacity-6{color:rgba(252,253,254,0.6)}
.coodiv-color-gray-1-opacity-7{color:rgba(252,253,254,0.7)}
.coodiv-color-gray-1-opacity-8{color:rgba(252,253,254,0.8)}
.coodiv-color-gray-1-opacity-9{color:rgba(252,253,254,0.9)}

/*--- template bg gray 2 ---*/
.coodiv-bg-gray-2-opacity-visible{background-color:#f4f7fa}
.coodiv-bg-gray-2-opacity-1{background-color:rgba(244,247,250,0.1)}
.coodiv-bg-gray-2-opacity-2{background-color:rgba(244,247,250,0.2)}
.coodiv-bg-gray-2-opacity-3{background-color:rgba(244,247,250,0.3)}
.coodiv-bg-gray-2-opacity-4{background-color:rgba(244,247,250,0.4)}
.coodiv-bg-gray-2-opacity-5{background-color:rgba(244,247,250,0.5)}
.coodiv-bg-gray-2-opacity-6{background-color:rgba(244,247,250,0.6)}
.coodiv-bg-gray-2-opacity-7{background-color:rgba(244,247,250,0.7)}
.coodiv-bg-gray-2-opacity-8{background-color:rgba(244,247,250,0.8)}
.coodiv-bg-gray-2-opacity-9{background-color:rgba(244,247,250,0.9)}

/*--- template color gray 2 ---*/
.coodiv-color-gray-2-opacity-visible{color:#f4f7fa}
.coodiv-color-gray-2-opacity-1{color:rgba(244,247,250,0.1)}
.coodiv-color-gray-2-opacity-2{color:rgba(244,247,250,0.2)}
.coodiv-color-gray-2-opacity-3{color:rgba(244,247,250,0.3)}
.coodiv-color-gray-2-opacity-4{color:rgba(244,247,250,0.4)}
.coodiv-color-gray-2-opacity-5{color:rgba(244,247,250,0.5)}
.coodiv-color-gray-2-opacity-6{color:rgba(244,247,250,0.6)}
.coodiv-color-gray-2-opacity-7{color:rgba(244,247,250,0.7)}
.coodiv-color-gray-2-opacity-8{color:rgba(244,247,250,0.8)}
.coodiv-color-gray-2-opacity-9{color:rgba(244,247,250,0.9)}

/*--- template bg gray 3 ---*/
.coodiv-bg-gray-3-opacity-visible{background-color:#e7e9ed}
.coodiv-bg-gray-3-opacity-1{background-color:rgba(231,233,237,0.1)}
.coodiv-bg-gray-3-opacity-2{background-color:rgba(231,233,237,0.2)}
.coodiv-bg-gray-3-opacity-3{background-color:rgba(231,233,237,0.3)}
.coodiv-bg-gray-3-opacity-4{background-color:rgba(231,233,237,0.4)}
.coodiv-bg-gray-3-opacity-5{background-color:rgba(231,233,237,0.5)}
.coodiv-bg-gray-3-opacity-6{background-color:rgba(231,233,237,0.6)}
.coodiv-bg-gray-3-opacity-7{background-color:rgba(231,233,237,0.7)}
.coodiv-bg-gray-3-opacity-8{background-color:rgba(231,233,237,0.8)}
.coodiv-bg-gray-3-opacity-9{background-color:rgba(231,233,237,0.9)}

/*--- template color gray 3 ---*/
.coodiv-color-gray-3-opacity-visible{color:#e7e9ed}
.coodiv-color-gray-3-opacity-1{color:rgba(231,233,237,0.1)}
.coodiv-color-gray-3-opacity-2{color:rgba(231,233,237,0.2)}
.coodiv-color-gray-3-opacity-3{color:rgba(231,233,237,0.3)}
.coodiv-color-gray-3-opacity-4{color:rgba(231,233,237,0.4)}
.coodiv-color-gray-3-opacity-5{color:rgba(231,233,237,0.5)}
.coodiv-color-gray-3-opacity-6{color:rgba(231,233,237,0.6)}
.coodiv-color-gray-3-opacity-7{color:rgba(231,233,237,0.7)}
.coodiv-color-gray-3-opacity-8{color:rgba(231,233,237,0.8)}
.coodiv-color-gray-3-opacity-9{color:rgba(231,233,237,0.9)}


/*--- template bg gray opacity ---*/
.coodiv-bg-gray-opacity-opacity-visible{background-color:#e7e9ed}
.coodiv-bg-gray-opacity-opacity-1{background-color:rgba(231,233,237,0.1)}
.coodiv-bg-gray-opacity-opacity-2{background-color:rgba(231,233,237,0.2)}
.coodiv-bg-gray-opacity-opacity-3{background-color:rgba(231,233,237,0.3)}
.coodiv-bg-gray-opacity-opacity-4{background-color:rgba(231,233,237,0.4)}
.coodiv-bg-gray-opacity-opacity-5{background-color:rgba(231,233,237,0.5)}
.coodiv-bg-gray-opacity-opacity-6{background-color:rgba(231,233,237,0.6)}
.coodiv-bg-gray-opacity-opacity-7{background-color:rgba(231,233,237,0.7)}
.coodiv-bg-gray-opacity-opacity-8{background-color:rgba(231,233,237,0.8)}
.coodiv-bg-gray-opacity-opacity-9{background-color:rgba(231,233,237,0.9)}

/*--- template color gray opacity ---*/
.coodiv-color-gray-opacity-opacity-visible{color:#e7e9ed}
.coodiv-color-gray-opacity-opacity-1{color:rgba(231,233,237,0.1)}
.coodiv-color-gray-opacity-opacity-2{color:rgba(231,233,237,0.2)}
.coodiv-color-gray-opacity-opacity-3{color:rgba(231,233,237,0.3)}
.coodiv-color-gray-opacity-opacity-4{color:rgba(231,233,237,0.4)}
.coodiv-color-gray-opacity-opacity-5{color:rgba(231,233,237,0.5)}
.coodiv-color-gray-opacity-opacity-6{color:rgba(231,233,237,0.6)}
.coodiv-color-gray-opacity-opacity-7{color:rgba(231,233,237,0.7)}
.coodiv-color-gray-opacity-opacity-8{color:rgba(231,233,237,0.8)}
.coodiv-color-gray-opacity-opacity-9{color:rgba(231,233,237,0.9)}

/*--- template bg blackish blue opacity ---*/
.coodiv-bg-blackish-blue-opacity-opacity-visible{background-color:#161c2d}
.coodiv-bg-blackish-blue-opacity-opacity-1{background-color:rgba(22,28,45,0.1)}
.coodiv-bg-blackish-blue-opacity-opacity-2{background-color:rgba(22,28,45,0.2)}
.coodiv-bg-blackish-blue-opacity-opacity-3{background-color:rgba(22,28,45,0.3)}
.coodiv-bg-blackish-blue-opacity-opacity-4{background-color:rgba(22,28,45,0.4)}
.coodiv-bg-blackish-blue-opacity-opacity-5{background-color:rgba(22,28,45,0.5)}
.coodiv-bg-blackish-blue-opacity-opacity-6{background-color:rgba(22,28,45,0.6)}
.coodiv-bg-blackish-blue-opacity-opacity-7{background-color:rgba(22,28,45,0.7)}
.coodiv-bg-blackish-blue-opacity-opacity-8{background-color:rgba(22,28,45,0.8)}
.coodiv-bg-blackish-blue-opacity-opacity-9{background-color:rgba(22,28,45,0.9)}

/*--- template color blackish blue opacity ---*/
.coodiv-color-blackish-blue-opacity-opacity-visible{color:#161c2d}
.color-blackish-blue{color:#161c2d}
.color-blackish-blue-opacity{color:rgba(22,28,45,0.7)}
.coodiv-color-blackish-blue-opacity-opacity-1{color:rgba(22,28,45,0.1)}
.coodiv-color-blackish-blue-opacity-opacity-2{color:rgba(22,28,45,0.2)}
.coodiv-color-blackish-blue-opacity-opacity-3{color:rgba(22,28,45,0.3)}
.coodiv-color-blackish-blue-opacity-opacity-4{color:rgba(22,28,45,0.4)}
.coodiv-color-blackish-blue-opacity-opacity-5{color:rgba(22,28,45,0.5)}
.coodiv-color-blackish-blue-opacity-opacity-6{color:rgba(22,28,45,0.6)}
.coodiv-color-blackish-blue-opacity-opacity-7{color:rgba(22,28,45,0.7)}
.coodiv-color-blackish-blue-opacity-opacity-8{color:rgba(22,28,45,0.8)}
.coodiv-color-blackish-blue-opacity-opacity-9{color:rgba(22,28,45,0.9)}

/*--- template bg narvik ---*/
.coodiv-bg-narvik-opacity-visible{background-color:#edf9f2}
.coodiv-bg-narvik-opacity-1{background-color:rgba(237,249,242,0.1)}
.coodiv-bg-narvik-opacity-2{background-color:rgba(237,249,242,0.2)}
.coodiv-bg-narvik-opacity-3{background-color:rgba(237,249,242,0.3)}
.coodiv-bg-narvik-opacity-4{background-color:rgba(237,249,242,0.4)}
.coodiv-bg-narvik-opacity-5{background-color:rgba(237,249,242,0.5)}
.coodiv-bg-narvik-opacity-6{background-color:rgba(237,249,242,0.6)}
.coodiv-bg-narvik-opacity-7{background-color:rgba(237,249,242,0.7)}
.coodiv-bg-narvik-opacity-8{background-color:rgba(237,249,242,0.8)}
.coodiv-bg-narvik-opacity-9{background-color:rgba(237,249,242,0.9)}

/*--- template color narvik ---*/
.coodiv-color-narvik-opacity-visible{color:#edf9f2}
.coodiv-color-narvik-opacity-1{color:rgba(237,249,242,0.1)}
.coodiv-color-narvik-opacity-2{color:rgba(237,249,242,0.2)}
.coodiv-color-narvik-opacity-3{color:rgba(237,249,242,0.3)}
.coodiv-color-narvik-opacity-4{color:rgba(237,249,242,0.4)}
.coodiv-color-narvik-opacity-5{color:rgba(237,249,242,0.5)}
.coodiv-color-narvik-opacity-6{color:rgba(237,249,242,0.6)}
.coodiv-color-narvik-opacity-7{color:rgba(237,249,242,0.7)}
.coodiv-color-narvik-opacity-8{color:rgba(237,249,242,0.8)}
.coodiv-color-narvik-opacity-9{color:rgba(237,249,242,0.9)}
.coodiv-color-narvik-green{color: #3e8e93}

/*--- template opacity stylesheets ---*/
.coodiv-opacity-visible{opacity:1}
.coodiv-opacity-1{opacity:.1}
.coodiv-opacity-2{opacity:.2}
.coodiv-opacity-3{opacity:.3}
.coodiv-opacity-4{opacity:.4}
.coodiv-opacity-5{opacity:.5}
.coodiv-opacity-6{opacity:.6}
.coodiv-opacity-7{opacity:.7}
.coodiv-opacity-8{opacity:.8}
.coodiv-opacity-9{opacity:.9}


.font-weight-100 {font-weight:100!important}
.font-weight-200 {font-weight:200!important}
.font-weight-300 {font-weight:300!important}
.font-weight-400 {font-weight:400!important}
.font-weight-500 {font-weight:500!important}
.font-weight-600 {font-weight:600!important}
.font-weight-700 {font-weight:700!important}
.font-weight-800 {font-weight:800!important}
.font-weight-900 {font-weight:900!important}


/*---------------- template border radius stylesheets -----------------*/
.rounded-xs{border-radius:3px}
.rounded-left-0{border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-right-0{border-top-right-radius:0;border-bottom-right-radius:0}
.rounded-top-xs{border-top-left-radius:3px;border-top-right-radius:3px}
.rounded-bottom-xs{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.rounded-left-xs{border-top-left-radius:3px;border-bottom-left-radius:3px}
.rounded-right-xs{border-top-right-radius:3px;border-bottom-right-radius:3px}
.border-top-xs{border-top-width:3px;border-top-style:solid}
.rounded-md{border-radius:.5rem}
.rounded-top-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}
.rounded-bottom-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}
.rounded-left-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}
.rounded-right-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}
.border-top-md{border-top-width:.5rem;border-top-style:solid}
.rounded-xl{border-radius:1.25rem}
.rounded-top-xl{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}
.rounded-bottom-xl{border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}
.rounded-left-xl{border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem}
.rounded-right-xl{border-top-right-radius:1.25rem;border-bottom-right-radius:1.25rem}
.border-top-xl{border-top-width:1.25rem;border-top-style:solid}
.rounded-3{border-radius:3px}
.rounded-top-3{border-top-left-radius:3px;border-top-right-radius:3px}
.rounded-bottom-3{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.rounded-left-3{border-top-left-radius:3px;border-bottom-left-radius:3px}
.rounded-right-3{border-top-right-radius:3px;border-bottom-right-radius:3px}
.border-top-3{border-top-width:3px;border-top-style:solid}
.rounded-5{border-radius:5px}
.rounded-top-5{border-top-left-radius:5px;border-top-right-radius:5px}
.rounded-bottom-5{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.rounded-left-5{border-top-left-radius:5px;border-bottom-left-radius:5px}
.rounded-right-5{border-top-right-radius:5px;border-bottom-right-radius:5px}
.border-top-5{border-top-width:5px;border-top-style:solid}
.rounded-8{border-radius:8px}
.rounded-top-8{border-top-left-radius:8px;border-top-right-radius:8px}
.rounded-bottom-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.rounded-left-8{border-top-left-radius:8px;border-bottom-left-radius:8px}
.rounded-right-8{border-top-right-radius:8px;border-bottom-right-radius:8px}
.rounded-top-left-8{border-top-left-radius:8px;border-bottom-left-radius:0}
.rounded-top-right-8{border-top-right-radius:8px;border-bottom-right-radius:0}
.border-top-8{border-top-width:8px;border-top-style:solid}
.rounded-10{border-radius:10px}
.rounded-top-10{border-top-left-radius:10px;border-top-right-radius:10px}
.rounded-bottom-10{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.rounded-left-10{border-top-left-radius:10px;border-bottom-left-radius:10px}
.rounded-right-10{border-top-right-radius:10px;border-bottom-right-radius:10px}
.rounded-right-10-0{border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-right-10-0-0{border-top-right-radius:10px;border-bottom-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-left-10-0-0{border-top-left-radius:10px;border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:0}
.rounded-right-bottom-10-0-0{border-top-right-radius:0;border-bottom-right-radius:10px;border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-left-bottom-10-0-0{border-top-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:10px}
.border-top-10{border-top-width:10px;border-top-style:solid}
.rounded-12{border-radius:12px}
.rounded-top-12{border-top-left-radius:12px;border-top-right-radius:12px}
.rounded-bottom-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.rounded-left-12{border-top-left-radius:12px;border-bottom-left-radius:12px}
.rounded-right-12{border-top-right-radius:12px;border-bottom-right-radius:12px}
.border-top-12{border-top-width:12px;border-top-style:solid}
.rounded-15{border-radius:15px}
.rounded-top-15{border-top-left-radius:15px;border-top-right-radius:15px}
.rounded-bottom-15{border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.rounded-left-15{border-top-left-radius:15px;border-bottom-left-radius:15px}
.rounded-right-15{border-top-right-radius:15px;border-bottom-right-radius:15px}
.border-top-15{border-top-width:15px;border-top-style:solid}
.rounded-20{border-radius:20px}
.rounded-top-20{border-top-left-radius:20px;border-top-right-radius:20px}
.rounded-bottom-20{border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.rounded-left-20{border-top-left-radius:20px;border-bottom-left-radius:20px}
.rounded-right-20{border-top-right-radius:20px;border-bottom-right-radius:20px}
.border-top-20{border-top-width:20px;border-top-style:solid}
.rounded-25{border-radius:25px}
.rounded-top-25{border-top-left-radius:25px;border-top-right-radius:25px}
.rounded-bottom-25{border-bottom-left-radius:25px;border-bottom-right-radius:25px}
.rounded-left-25{border-top-left-radius:25px;border-bottom-left-radius:25px}
.rounded-right-25{border-top-right-radius:25px;border-bottom-right-radius:25px}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    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-list.dragging {
    cursor: pointer;
    cursor: hand;
}

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

.slick-arrow.slick-hidden {
    display: none;
}

.nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.nice-select:hover {
    border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6;
}

.nice-select .option.selected {
    font-weight: bold;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute;
}

.tooltipster-box {
    flex: 1 1 auto;
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
}

.tooltipster-fade {
    opacity: 0;
    transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    transition-property: top;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
    transition-property: all;
    top: 0 !important;
    opacity: 0;
}

.tooltipster-slide {
    transition-property: left;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
    transition-property: all;
    left: 0 !important;
    opacity: 0;
}

@-webkit-keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.tooltipster-update-fade {
    -webkit-animation: tooltipster-fading .4s;
    animation: tooltipster-fading .4s;
}

@-webkit-keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.tooltipster-update-rotate {
    -webkit-animation: tooltipster-rotating .6s;
    animation: tooltipster-rotating .6s;
}

@-webkit-keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.tooltipster-update-scale {
    -webkit-animation: tooltipster-scaling .6s;
    animation: tooltipster-scaling .6s;
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px;
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px;
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px;
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0;
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px;
}

/*
 RichText: WYSIWYG editor developed as jQuery plugin
 Copyright (C) 2020 Bob Schockweiler ( richtext@webfashion.eu )
*/

.richText {
    position: relative;
    background-color: #FAFAFA;
    border: #EFEFEF solid 1px;
    color: #333333;
    width: 100%;
}

.richText .richText-form {
    font-family: Calibri, Verdana, Helvetica, sans-serif;
}

.richText .richText-form label {
    display: block;
    padding: 10px 15px;
}

.richText .richText-form input[type="text"],
.richText .richText-form input[type="file"],
.richText .richText-form input[type="number"],
.richText .richText-form select {
    padding: 10px 15px;
    border: #999999 solid 1px;
    min-width: 200px;
    width: 100%;
}

.richText .richText-form select {
    cursor: pointer;
}

.richText .richText-form button {
    margin: 10px 0;
    padding: 10px 15px;
    background-color: #3498db;
    border: none;
    color: #FAFAFA;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
}

.richText .richText-toolbar {
    min-height: 20px;
    border-bottom: #EFEFEF solid 1px;
}

.richText .richText-toolbar .richText-length {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: middle;
    line-height: 34px;
}

.richText .richText-toolbar .richText-length .black {
    color: #000;
}

.richText .richText-toolbar .richText-length .orange {
    color: orange;
}

.richText .richText-toolbar .richText-length .red {
    color: red;
}

.richText .richText-toolbar ul {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.richText .richText-toolbar ul li {
    float: left;
    display: block;
    list-style: none;
}

.richText .richText-toolbar ul li a {
    display: block;
    padding: 10px 13px;
    border-right: #EFEFEF solid 1px;
    cursor: pointer;
    transition: background-color 0.4s;
}

.richText .richText-toolbar ul li a .fa,
.richText .richText-toolbar ul li a .fas,
.richText .richText-toolbar ul li a .far,
.richText .richText-toolbar ul li a svg {
    pointer-events: none;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: default;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
    position: relative;
    display: block;
    margin: 3% auto 0 auto;
    background-color: #FAFAFA;
    border: #EFEFEF solid 1px;
    min-width: 100px;
    width: 300px;
    max-width: 90%;
    box-shadow: 0 0 5px 0 #333;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
    position: absolute;
    top: 0;
    right: -23px;
    background: #FFF;
    color: #333;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    width: 20px;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {
    list-style: none;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {
    display: block;
    float: none;
    font-family: Calibri, Verdana, Helvetica, sans-serif;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
    display: block;
    padding: 10px 15px;
    border-bottom: #EFEFEF solid 1px;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
    background-color: #FFFFFF;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {
    margin: 10px 6px;
    float: left;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 #999;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown {
    padding: 10px 15px;
}

.richText .richText-toolbar ul li a:hover {
    background-color: #FFFFFF;
}

.richText .richText-toolbar ul li[data-disable="true"] {
    opacity: 0.1;
}

.richText .richText-toolbar ul li[data-disable="true"] a {
    cursor: default;
}

.richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer {
    display: block;
}

.richText .richText-toolbar ul:after {
    display: block;
    content: "";
    clear: both;
}

.richText .richText-toolbar:last-child {
    font-size: 12px;
}

.richText .richText-toolbar:after {
    display: block;
    clear: both;
    content: "";
}

.richText .richText-editor {
    padding: 20px;
    background-color: #FFFFFF;
    border-left: #FFFFFF solid 2px;
    font-family: Calibri, Verdana, Helvetica, sans-serif;
    height: 300px;
    outline: none;
    overflow-y: scroll;
    overflow-x: auto;
}

.richText .richText-editor ul,
.richText .richText-editor ol {
    margin: 10px 25px;
    list-style: disc;
}

.richText .richText-editor table {
    margin: 10px 0;
    border-spacing: 0;
    width: 100%;
}

.richText .richText-editor table td,
.richText .richText-editor table th {
    padding: 10px;
    border: #EFEFEF solid 1px;
}

.richText .richText-editor:focus {
    border-left: #3498db solid 2px;
}

.richText .richText-initial {
    margin-bottom: -4px;
    padding: 10px;
    background-color: #282828;
    border: none;
    color: #33FF33;
    font-family: Monospace, Calibri, Verdana, Helvetica, sans-serif;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    min-height: 400px;
    height: 400px;
}

.richText .richText-help {
    float: right;
    display: block;
    padding: 10px 15px;
    cursor: pointer;
}

.richText .richText-undo,
.richText .richText-redo {
    float: left;
    display: block;
    padding: 10px 15px;
    border-right: #EFEFEF solid 1px;
    cursor: pointer;
}

.richText .richText-undo.is-disabled,
.richText .richText-redo.is-disabled {
    opacity: 0.4;
}

.richText .richText-help-popup a {
    color: #3498db;
    text-decoration: underline;
}

.richText .richText-help-popup hr {
    margin: 10px auto 5px auto;
    border: none;
    border-top: #EFEFEF solid 1px;
}

.richText .richText-list.list-rightclick {
    position: absolute;
    background-color: #FAFAFA;
    border-right: #EFEFEF solid 1px;
    border-bottom: #EFEFEF solid 1px;
}

.richText .richText-list.list-rightclick li {
    padding: 5px 7px;
    cursor: pointer;
    list-style: none;
}
.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background-color: rgb(28 30 31 / 74%);
    backdrop-filter: blur(1px);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-button--download,
.fancybox-navigation,
.fancybox-button.fancybox-button--play,
.fancybox-button.fancybox-button--thumbs,
.fancybox-button.fancybox-button--fsenter,
.fancybox-button.fancybox-button--share{
    display: none !important
}
.fancybox-button.fancybox-button--close{
    position: absolute;
    right: 130px;
    top: 30px;
    border-radius: 25px;
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 25px 180px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image:before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}
body.item__popup__body .fancybox-stage {
    max-height: 700px;
}
.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 14px -4px rgb(0 0 0 / 5%), 0px 32px 48px -8px rgb(0 0 0 / 10%);
    overflow: hidden;
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: linear;
    z-index: 99998;
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }
    .fancybox-slide--image {
        padding: 6px 0;
    }
    .fancybox-close-small {
        right: -6px;
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }
    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1;
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

:root {
    --tagify-dd-color-primary: rgb(53, 149, 246);
    --tagify-dd-bg-color: white;
}

.tagify {
    --tags-disabled-bg: #F1F1F1;
    --tags-border-color: #DDD;
    --tags-hover-border-color: #CCC;
    --tags-focus-border-color: #3595f6;
    --tag-bg: #E5E5E5;
    --tag-hover: #D3E2E2;
    --tag-text-color: black;
    --tag-text-color--edit: black;
    --tag-pad: 0.3em 0.5em;
    --tag-inset-shadow-size: 1.1em;
    --tag-invalid-color: #D39494;
    --tag-invalid-bg: rgba(211, 148, 148, 0.5);
    --tag-remove-bg: rgba(211, 148, 148, 0.3);
    --tag-remove-btn-color: black;
    --tag-remove-btn-bg: none;
    --tag-remove-btn-bg--hover: #c77777;
    --input-color: inherit;
    --tag--min-width: 1ch;
    --tag--max-width: auto;
    --tag-hide-transition: 0.3s;
    --placeholder-color: rgba(0, 0, 0, 0.4);
    --placeholder-color-focus: rgba(0, 0, 0, 0.25);
    --loader-size: .8em;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    border: 1px solid var(--tags-border-color);
    padding: 0;
    line-height: 0;
    cursor: text;
    outline: 0;
    position: relative;
    box-sizing: border-box;
    transition: .1s;
}

@-webkit-keyframes tags--bump {
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes tags--bump {
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-webkit-keyframes rotateLoader {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes rotateLoader {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.tagify:hover {
    border-color: #ccc;
    border-color: var(--tags-hover-border-color);
}

.tagify.tagify--focus {
    transition: 0s;
    border-color: #3595f6;
    border-color: var(--tags-focus-border-color);
}

.tagify[disabled] {
    background: var(--tags-disabled-bg);
    -webkit-filter: saturate(0);
    filter: saturate(0);
    opacity: .5;
    pointer-events: none;
}

.tagify[readonly].tagify--select {
    pointer-events: none;
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) {
    cursor: default;
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input {
    visibility: hidden;
    width: 0;
    margin: 5px 0;
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div {
    padding: .3em .5em;
    padding: var(--tag-pad);
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before {
    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
    box-shadow: none;
    -webkit-filter: brightness(0.95);
    filter: brightness(0.95);
}

.tagify[readonly] .tagify__tag__removeBtn {
    display: none;
}

.tagify--loading .tagify__input>br:last-child {
    display: none;
}

.tagify--loading .tagify__input::before {
    content: none;
}

.tagify--loading .tagify__input::after {
    content: "";
    vertical-align: middle;
    opacity: 1;
    width: .7em;
    height: .7em;
    width: var(--loader-size);
    height: var(--loader-size);
    border: 3px solid;
    border-color: #eee #bbb #888 transparent;
    border-radius: 50%;
    -webkit-animation: rotateLoader .4s infinite linear;
    animation: rotateLoader .4s infinite linear;
    content: "" !important;
    margin: -2px 0 -2px .5em;
}

.tagify--loading .tagify__input:empty::after {
    margin-left: 0;
}

.tagify+input,
.tagify+textarea {
    position: absolute !important;
    left: -9999em !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
}

.tagify__tag {
    display: inline-flex;
    align-items: center;
    margin: 5px 0 5px 5px;
    position: relative;
    z-index: 1;
    outline: 0;
    line-height: normal;
    cursor: default;
    transition: .13s ease-out;
}

.tagify__tag>div {
    vertical-align: top;
    box-sizing: border-box;
    max-width: 100%;
    padding: .3em .5em;
    padding: var(--tag-pad, 0.3em 0.5em);
    color: #000;
    color: var(--tag-text-color, #000);
    line-height: inherit;
    border-radius: 3px;
    white-space: nowrap;
    transition: .13s ease-out;
}

.tagify__tag>div>* {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    min-width: 1ch;
    max-width: auto;
    min-width: var(--tag--min-width, 1ch);
    max-width: var(--tag--max-width, auto);
    transition: .8s ease, .1s color;
}

.tagify__tag>div>[contenteditable] {
    outline: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text;
    margin: -2px;
    padding: 2px;
    max-width: 350px;
}

.tagify__tag>div::before {
    content: "";
    position: absolute;
    border-radius: inherit;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    transition: 120ms ease;
    -webkit-animation: tags--bump .3s ease-out 1;
    animation: tags--bump .3s ease-out 1;
    box-shadow: 0 0 0 1.1em #e6eff4 inset;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-bg, #e6eff4) inset;
}

.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    box-shadow: 0 0 0 1.1em #d8f2ff inset;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-hover, #d8f2ff) inset;
}

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

.tagify__tag--loading .tagify__tag__removeBtn {
    display: none;
}

.tagify__tag--loading::after {
    --loader-size: .4em;
    content: "";
    vertical-align: middle;
    opacity: 1;
    width: .7em;
    height: .7em;
    width: var(--loader-size);
    height: var(--loader-size);
    border: 3px solid;
    border-color: #eee #bbb #888 transparent;
    border-radius: 50%;
    -webkit-animation: rotateLoader .4s infinite linear;
    animation: rotateLoader .4s infinite linear;
    margin: 0 .5em 0 -.1em;
}

.tagify__tag--flash div::before {
    -webkit-animation: none;
    animation: none;
}

.tagify__tag--hide {
    width: 0 !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: .3s;
    transition: var(--tag-hide-transition, 0.3s);
    pointer-events: none;
}

.tagify__tag--hide>div>* {
    white-space: nowrap;
}

.tagify__tag.tagify--noAnim>div::before {
    -webkit-animation: none;
    animation: none;
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span {
    opacity: .5;
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
    box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-invalid-bg, rgba(211, 148, 148, 0.5)) inset !important;
    transition: .2s;
}

.tagify__tag[readonly] .tagify__tag__removeBtn {
    display: none;
}

.tagify__tag[readonly]>div::before {
    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
    box-shadow: none;
    -webkit-filter: brightness(0.95);
    filter: brightness(0.95);
}

.tagify__tag--editable>div {
    color: #000;
    color: var(--tag-text-color--edit, #000);
}

.tagify__tag--editable>div::before {
    box-shadow: 0 0 0 2px #d3e2e2 inset !important;
    box-shadow: 0 0 0 2px var(--tag-hover, #d3e2e2) inset !important;
}

.tagify__tag--editable>.tagify__tag__removeBtn {
    pointer-events: none;
}

.tagify__tag--editable>.tagify__tag__removeBtn::after {
    opacity: 0;
    -webkit-transform: translateX(100%) translateX(5px);
    transform: translateX(100%) translateX(5px);
}

.tagify__tag--editable.tagify--invalid>div::before {
    box-shadow: 0 0 0 2px #d39494 inset !important;
    box-shadow: 0 0 0 2px var(--tag-invalid-color, #d39494) inset !important;
}

.tagify__tag__removeBtn {
    order: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    font: 14px/1 Arial;
    background: 0 0;
    background: var(--tag-remove-btn-bg, none);
    color: #000;
    color: var(--tag-remove-btn-color, #000);
    width: 14px;
    height: 14px;
    margin-right: 4.6666666667px;
    margin-left: auto;
    overflow: hidden;
    transition: .2s ease-out;
}

.tagify__tag__removeBtn::after {
    content: "×";
    transition: .3s, color 0s;
}

.tagify__tag__removeBtn:hover {
    color: #fff;
    background: #c77777;
    background: var(--tag-remove-btn-bg--hover, #c77777);
}

.tagify__tag__removeBtn:hover+div>span {
    opacity: .5;
}

.tagify__tag__removeBtn:hover+div::before {
    box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
    transition: box-shadow .2s;
}

.tagify:not(.tagify--mix) .tagify__input br {
    display: none;
}

.tagify:not(.tagify--mix) .tagify__input * {
    display: inline;
    white-space: nowrap;
}

.tagify__input {
    flex-grow: 1;
    display: inline-block;
    min-width: 110px;
    margin: 5px;
    padding: .3em .5em;
    padding: var(--tag-pad, 0.3em 0.5em);
    line-height: normal;
    position: relative;
    white-space: pre-wrap;
    color: inherit;
    color: var(--input-color, inherit);
    box-sizing: inherit;
}

.tagify__input:focus {
    outline: 0;
}

.tagify__input:focus::before {
    transition: .2s ease-out;
    opacity: 0;
    -webkit-transform: translatex(6px);
    transform: translatex(6px);
}

@supports (-ms-ime-align: auto) {
    .tagify__input:focus::before {
        display: none;
    }
}

.tagify__input:focus:empty::before {
    transition: .2s ease-out;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    color: rgba(0, 0, 0, 0.25);
    color: var(--placeholder-color-focus);
}

@-moz-document url-prefix() {
    .tagify__input:focus:empty::after {
        display: none;
    }
}

.tagify__input::before {
    content: attr(data-placeholder);
    height: 1em;
    line-height: 1em;
    margin: auto 0;
    z-index: 1;
    color: rgba(0, 0, 0, 0.4);
    color: var(--placeholder-color);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    position: absolute;
}

.tagify__input::after {
    content: attr(data-suggest);
    display: inline-block;
    white-space: pre;
    color: #000;
    opacity: .3;
    pointer-events: none;
    max-width: 100px;
}

.tagify__input .tagify__tag {
    margin: 0 1px;
}

.tagify__input .tagify__tag>div {
    padding-top: 0;
    padding-bottom: 0;
}

.tagify--mix {
    display: block;
}

.tagify--mix .tagify__input {
    padding: 5px;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 1.5;
    display: block;
}

.tagify--mix .tagify__input::before {
    height: auto;
    display: none;
    line-height: inherit;
}

.tagify--mix .tagify__input::after {
    content: none;
}

.tagify--select::after {
    content: ">";
    opacity: .5;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    font: 16px monospace;
    line-height: 8px;
    height: 8px;
    pointer-events: none;
    -webkit-transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
    transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
    transition: .2s ease-in-out;
}

.tagify--select[aria-expanded=true]::after {
    -webkit-transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
    transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
}

.tagify--select .tagify__tag {
    position: absolute;
    top: 0;
    right: 1.8em;
    bottom: 0;
}

.tagify--select .tagify__tag div {
    display: none;
}

.tagify--select .tagify__input {
    width: 100%;
}

.tagify--empty .tagify__input::before {
    transition: .2s ease-out;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    display: inline-block;
    width: auto;
}

.tagify--mix .tagify--empty .tagify__input::before {
    display: inline-block;
}

.tagify--invalid {
    --tags-border-color: #D39494;
}

.tagify__dropdown {
    position: absolute;
    z-index: 9999;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    overflow: hidden;
}

.tagify__dropdown[placement=top] {
    margin-top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
    border-top-width: 1.1px;
    border-bottom-width: 0;
}

.tagify__dropdown[position=text] {
    box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
    font-size: .9em;
}

.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
    border-width: 1px;
}

.tagify__dropdown__wrapper {
    max-height: 300px;
    overflow: auto;
    background: #fff;
    background: var(--tagify-dd-bg-color);
    border: 1px solid #3595f6;
    border-color: var(--tagify-dd-color-primary);
    border-bottom-width: 1.33px;
    border-top-width: 0;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
    transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
}

.tagify__dropdown--initial .tagify__dropdown__wrapper {
    max-height: 20px;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
}

.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
}

.tagify__dropdown__item {
    box-sizing: inherit;
    padding: .3em .5em;
    margin: 1px;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    outline: 0;
}

.tagify__dropdown__item--active {
    background: #3595f6;
    background: var(--tagify-dd-color-primary);
    color: #fff;
}

.tagify__dropdown__item:active,
.tagify__dropdown__item.nice-select.open {
    -webkit-filter: brightness(105%);
    filter: brightness(105%);
}

.date-picker {
    width: 170px;
    height: 25px;
    padding: 0;
    border: 0;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 2;
}

.date-picker-wrapper {
    position: absolute;
    z-index: 1;
    border: 1px solid #bfbfbf;
    background-color: #efefef;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 20px;
    color: #aaa;
    font-family: Arial, sans-serif;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    box-sizing: initial;
}

.dp-clearfix {
    clear: both;
    height: 0;
    font-size: 0;
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    box-shadow: none;
    display: inline-block;
}

.date-picker-wrapper.single-date {
    width: auto;
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 12px;
}

.date-picker-wrapper.no-topbar {
    padding-top: 12px;
}

.date-picker-wrapper .footer {
    font-size: 11px;
    padding-top: 3px;
}

.date-picker-wrapper b {
    color: #666;
    font-weight: 700;
}

.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline;
}

.date-picker-wrapper .month-name {
    text-transform: uppercase;
}

.date-picker-wrapper .select-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.date-picker-wrapper .select-wrapper:hover {
    text-decoration: underline;
}

.date-picker-wrapper .month-element {
    display: inline-block;
    vertical-align: middle;
}

.date-picker-wrapper .select-wrapper select {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: -1px;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 0.01;
}

.date-picker-wrapper .month-wrapper {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background-color: #fff;
    padding: 5px;
    cursor: default;
    position: relative;
    _overflow: hidden;
}

.date-picker-wrapper .month-wrapper table {
    width: 190px;
    float: left;
}

.date-picker-wrapper .month-wrapper table.month2 {
    width: 190px;
    float: left;
}

.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    margin: 0px;
    padding: 0px;
}

.date-picker-wrapper .month-wrapper table .day {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #ccc;
    cursor: default;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #999;
    cursor: default;
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #9cdbf7;
}

.date-picker-wrapper .month-wrapper table .week-name {
    height: 20px;
    line-height: 20px;
    font-weight: 100;
    text-transform: uppercase;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help !important;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
    white-space: nowrap;
}

.date-picker-wrapper .time label {
    white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #333;
    cursor: pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #cdecfa;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth,
.date-picker-wrapper .month-wrapper table .day.lastMonth {
    display: none;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #ffe684;
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #70ccd5;
}

.date-picker-wrapper table .caption {
    height: 40px;
}

.date-picker-wrapper table .caption>th:first-of-type,
.date-picker-wrapper table .caption>th:last-of-type {
    width: 27px;
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
    padding: 0 5px;
    cursor: pointer;
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
    background-color: #ccc;
    color: white;
}

.date-picker-wrapper .gap {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 100%;
    background-color: red;
    font-size: 0;
    line-height: 0;
    float: left;
    top: -5px;
    margin: 0 10px -10px;
    visibility: hidden;
    height: 0;
}

.date-picker-wrapper .gap .gap-lines {
    height: 100%;
    overflow: hidden;
}

.date-picker-wrapper .gap .gap-line {
    height: 15px;
    width: 15px;
    position: relative;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
    z-index: 1;
    height: 0;
    border-left: 8px solid white;
    border-top: 8px solid #eee;
    border-bottom: 8px solid #eee;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid white;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid white;
}

.date-picker-wrapper .gap .gap-top-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 1px;
    background-color: #eee;
    z-index: 3;
}

.date-picker-wrapper .gap .gap-bottom-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 7px;
    background-color: #eee;
    z-index: 3;
}

.date-picker-wrapper .selected-days {
    display: none;
}

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top,
.date-picker-wrapper .drp_top-bar .normal-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
    display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
    color: #333;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0px;
    top: 6px;
    padding: 3px 5px;
    margin: 0;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    color: white;
    line-height: initial;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.date-picker-wrapper .time {
    position: relative;
}

.date-picker-wrapper.single-month .time {
    display: block;
}

.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px;
}

.date-picker-wrapper .time1 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}
.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}

.date-picker-wrapper .time1 {
    float: left;
}

.date-picker-wrapper .time2 {
    float: right;
}

.date-picker-wrapper .hour {
    text-align: right;
}

.minute {
    text-align: right;
}

.date-picker-wrapper .hide {
    display: none;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
    background-color: #49e !important;
    color: white !important;
}

.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: none;
    background-color: yellow;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}

.date-picker-wrapper .date-range-length-tip:after {
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid yellow;
    left: 50%;
    margin-left: -4px;
    bottom: -4px;
}

.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none;
}

.date-picker-wrapper .week-number {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer;
}

.date-picker-wrapper .week-number.week-number-selected {
    color: #49e;
    font-weight: bold;
}
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}

.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto;
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3FB8AF;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #AAA;
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%, 0);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.select {
    float: none;
    background: none;
    border: none;
    opacity: 1;
    font-weight: 300;
    line-height: 45px;
    color: #545a5e;
    height: 42px;
    border-radius: 13px;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #e4e7e9;
}

.select:after {
    display: none;
}

.select:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.707 15.707l-.094.083a1 1 0 0 1-1.32-.083h0l-6-6-.083-.094a1 1 0 0 1 1.497-1.32h0L12 13.585l5.293-5.292.094-.083a1 1 0 0 1 1.32 1.497h0l-6 6z' fill='%236f767e'/%3E%3C/svg%3E") no-repeat 50% 50%/18px auto;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}
.select.open {
    box-shadow: inset 0 0 0 1px #9a9fa5;
    background: #FFFFFF;
}

.select.open:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select .current {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select .list {
    right: 0;
    margin-top: 2px;
    padding: 8px 0;
    border-radius: 12px;
    background: #FFFFFF;
    border: none;
    box-shadow: inset 0 0 0 1px #EFEFEF, 0 4px 12px rgba(244, 244, 244, 0.1);
}

.select .option {
    min-height: auto;
    padding: 11px 16px;
    background: none;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.71429;
    color: #9ba3ac;
    border-bottom: 1px solid #f1f4f6;
}
.select .option:last-child {
    border-bottom: 0;
}


.select .option:hover,
.select .option.focus,
.select .option.selected.focus {
    background: none;
}

.select .option:hover,
.select .option.focus {
    color: #1A1D1F;
}
.select .option.selected {
    font-weight: 600;
    color: #00bcd4;
}
.select_small {
    height: 40px;
    padding: 0 40px 0 16px;
    line-height: 40px;
}

.select_small:before {
    width: 40px;
    background-size: 16px auto;
}

.select_small .option {
    padding: 7px 16px;
}

.select_up .list {
    top: auto;
    bottom: 100%;
    margin: 0 0 2px;
}

.tooltip {
    display: inline-block;
    margin-left: 4px;
    cursor: pointer;
    position: inherit;
    opacity: 1;
    z-index: auto;
}

.tooltipster-base .tooltipster-box {
    margin: 0 !important;
    background: #272B30;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 0px 1px #000000;
}

.tooltipster-base .tooltipster-content {
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    color: #F4F4F4;
}

.tooltipster-base .tooltipster-arrow {
    display: none;
}

.apexcharts-canvas .apexcharts-text {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.01em;
    fill: #9A9FA5;
}

.apexcharts-canvas .apexcharts-gridline {
    stroke: #EFEFEF;
}

.apexcharts-canvas .apexcharts-xcrosshairs.apexcharts-active,
.apexcharts-canvas .apexcharts-ycrosshairs.apexcharts-active {
    stroke: rgba(111, 118, 126, 0.5);
}

.apexcharts-canvas .apexcharts-marker {
    stroke-width: 0;
}

.apexcharts-canvas .apexcharts-tooltip {
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 0px 1px #000000;
}

.apexcharts-canvas .apexcharts-tooltip-title {
    margin-bottom: 8px;
    padding: 0;
}

.apexcharts-canvas .apexcharts-tooltip-series-group {
    background: none !important;
    padding: 0 !important;
}

.apexcharts-canvas .apexcharts-tooltip-y-group {
    padding: 0;
}

.apexcharts-canvas .apexcharts-tooltip-marker {
    margin-right: 4px;
    border-radius: 4px;
}

.apexcharts-canvas .apexcharts-tooltip-text {
    font-weight: 600;
    color: #FCFCFC;
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {
    border-color: rgba(255, 255, 255, 0.12);
    background: #272B30;
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: none;
    border: none;
    color: #EFEFEF;
}

.apexcharts-canvas .apexcharts-legend.position-bottom.apexcharts-align-center,
.apexcharts-canvas .apexcharts-legend.position-top.apexcharts-align-center {
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .apexcharts-canvas .apexcharts-legend.position-bottom.apexcharts-align-center,
    .apexcharts-canvas .apexcharts-legend.position-top.apexcharts-align-center {
        justify-content: center;
    }
}

.apexcharts-canvas .apexcharts-legend-marker {
    border-radius: 4px !important;
}

.apexcharts-canvas .apexcharts-legend-series {
    margin-top: 6px !important;
}

.apexcharts-canvas .apexcharts-legend-text {
    font-weight: 600 !important;
    color: #1A1D1F !important;
}
.slick-arrow {
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 0;
    transition: all .2s;
}

.slick-arrow svg {
    position: relative;
    z-index: 2;
}

.slick-arrow path {
    fill: #6F767E;
    transition: fill .2s;
}

.slick-arrow:hover {
    box-shadow: inset 0 0 0 2px #272B30;
}

.fancybox-caption__body {
    color: #6F767E;
}

.fancybox-image {
    border-radius: 16px;
}

.fancybox-infobar {
    font-size: 14px;
    font-weight: 700;
    color: #6F767E;
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

.tagify {
    padding: 3px;
    background: #F4F4F4;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #e4e7e9;
    font-family: var(--font-heading);
}
.tagify__tag>div::before {
    border-radius: 6px;
}

.tagify__input::before {
    line-height: 1.4em;
}

.tagify__input::after {
    color: #9A9FA5;
}

.tagify__input:focus:empty:before {
    color: #9A9FA5;
}

.noUi-horizontal {
    height: 4px;
}

.noUi-target {
    border: none;
    background: #EFEFEF;
    box-shadow: none;
}
.noUi-connect {
    background: #2A85FF;
}

.noUi-handle {
    border: none;
    box-shadow: none;
    background: #FCFCFC;
    border-radius: 50%;
    cursor: pointer;
}

.noUi-handle:before,
.noUi-handle:after {
    display: none;
}

.noUi-horizontal .noUi-handle {
    right: -12px;
    top: -6px;
    width: 16px;
    height: 16px;
    border: 2px solid #2A85FF;
    background: #FCFCFC;
    box-shadow: 0px 1px 2px #2881FF, inset 0px 2px 2px #FFFFFF;
}

.noUi-tooltip {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    padding: 3px 10px;
    background: #272B30;
    border-radius: 8px;
    border: 1px solid rgba(252, 252, 252, 0.12);
    font-size: 12px;
    font-weight: 600;
    color: #FCFCFC;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}

.noUi-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #272B30 transparent transparent transparent;
}
.noUi-handle:hover .noUi-tooltip {
    visibility: visible;
    opacity: 1;
}

.noUi-horizontal .noUi-tooltip {
    bottom: 24px;
}

.range_time .noUi-horizontal {
    height: 2px;
}

.range_time .noUi-handle {
    top: -11px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -12px;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.m-auto {
    margin: auto;
}

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

.mr-auto {
    margin-right: auto;
}

.align-baseline {
    align-items: baseline;
}

@media only screen and (max-width: 1259px) {
    .desktop-hide {
        display: none !important;
    }
}

.desktop-show {
    display: none !important;
}

@media only screen and (max-width: 1259px) {
    .desktop-show {
        display: block !important;
    }
}

@media only screen and (max-width: 1259px) {
    .desktop-text-right {
        text-align: right !important;
    }
}

@media only screen and (max-width: 1023px) {
    .tablet-hide {
        display: none !important;
    }
}

.tablet-show {
    display: none !important;
}

@media only screen and (max-width: 1023px) {
    .tablet-show {
        display: block !important;
    }
}

@media only screen and (max-width: 1023px) {
    .tablet-text-right {
        text-align: right !important;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-hide {
        display: none !important;
    }
}

.mobile-show {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .mobile-show {
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-text-right {
        text-align: right !important;
    }
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 80px;
}

.h1,
.h2,
.h3,
.h4 {
	font-family: var(--font-heading);
    font-weight: 600;
}

.h1 {
    font-size: 64px;
    line-height: 1;
    letter-spacing: -.03em;
}

.h2 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -.03em;
}

.h3 {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .h3 {
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: -.03em;
    }
}

.h4 {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -.03em;
}

[class^="button"] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 23px;
    background: #00bcd4;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    color: #FCFCFC;
    transition: all .2s;
}

[class^="button"]:hover {
    background: #0b9daf;
	color: #fff;
}

[class^="button"].disabled {
    opacity: .5;
    pointer-events: none;
}

.button-stroke,
.button-stroke-red {
    background: none;
    box-shadow: 0 0 0 1px #EFEFEF inset;
}

.button-stroke {
    color: #1A1D1F;
}

.button-stroke:hover {
    background: none;
    box-shadow: 0 0 0 1px #1A1D1F inset;
	color: #1A1D1F;
}



.button-stroke.active {
    background: #272B30;
    box-shadow: 0 0 0 2px #272B30 inset;
}

.button-stroke.active svg {
    fill: #1A1D1F;
}

.button-stroke-red {
    color: #FF6A55;
}

.button-stroke-red svg {
    fill: #FF6A55;
}

.button-stroke-red:hover,
.button-stroke-red.active {
    background: #FF6A55;
    box-shadow: 0 0 0 2px #FF6A55 inset;
    color: #FCFCFC;
}

.button-stroke-red:hover svg,
.button-stroke-red.active svg {
    fill: #FCFCFC;
}

.button-white {
    box-shadow: 0 0 0 2px #EFEFEF inset;
    background: #FCFCFC;
    color: #1A1D1F;
}

.button-white svg {
    fill: #1A1D1F;
}

.button-white:hover,
.button-white.active {
    box-shadow: 0 0 0 2px #1A1D1F inset;
    background: #FFFFFF;
    color: #1A1D1F;
}

.button-white:hover svg,
.button-white.active svg {
    fill: #1A1D1F;
}

.button-small {
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 13px;
}

.button-square-stroke {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    padding: 0;
    background: none;
    box-shadow: 0 0 0 2px #EFEFEF inset;
    transition: all .2s;
}

.button-square-stroke svg {
    fill: #6F767E;
}

.button-square-stroke:hover {
    background: #2A85FF;
    box-shadow: 0 0 0 2px #2A85FF inset;
}

.button-square-stroke:hover svg {
    fill: #FCFCFC;
}

.button-square-stroke.button-small {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
}

.btn-red {
    color: #fff;
    background-color: #f64b4b;
    border-color: #f64b4b;
}
.btn-red:hover {
    color: #fff;
    background-color: #c43c3c;
    border-color: #c43c3c;
}
[class^="status"] {
    display: inline-block;
    padding: 2px 16px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    font-family: var(--font-heading);
}

.status-green {
    background: #EAFAE5;
    color: #83BF6E;
}

.status-green-dark {
    background: #B5E4CA;
    color: #1A1D1F;
}

.status-red {
    background: #FFE7E4;
    color: #FF6A55;
}

.status-red-dark {
    background: #FFBC99;
    color: #FCFCFC;
}

.status-purple {
    background: #CABDFF;
    color: #8E59FF;
}

.status-blue {
    background: #B1E5FC;
    color: #2A85FF;
}

.status-yellow {
    background: #FFD88D;
    color: #1A1D1F;
}

[class^="title"] {
    position: relative;
    display: inline-block;
    padding-left: 5px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    [class^="title"] {
        font-size: 18px;
    }
}

.balance.negative,
.balance.positive {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    display: flex;
    align-items: center;
}
.balance i {
    font-size: 15px;
    margin-right: 4px;
}
.balance.negative {
    color: #FF6A55;
}

.balance.negative i {
    color: #FF6A55;
}

.balance.positive {
    color: #83BF6E;
}

.balance.positive i {
    color: #83BF6E;
}

.balance.background.positive,
.balance.background.negative {
    height: 24px;
    padding: 0 4px;
    border-radius: 8px;
}

.balance.background.positive {
    background: #EAFAE5;
}

.balance.background.negative {
    background: #FFE7E4;
}

.favorite {
    position: relative;
    width: 20px;
    height: 20px;
}

.favorite .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #9A9FA5;
    transition: all .2s;
}

.favorite .icon:nth-child(2) {
    z-index: 2;
    opacity: 0;
}

.favorite:hover .icon {
    fill: #2A85FF;
}

.favorite.active .icon {
    fill: #2A85FF;
}

.favorite.active .icon:first-child {
    opacity: 0;
}

.favorite.active .icon:nth-child(2) {
    opacity: 1;
}

.page {
    display: flex;
    justify-content: end;
    padding: 75px 0 0;
}



@media only screen and (max-width: 1023px) {
    .page {
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .page {
        padding-left: 0;
    }
}

.page__inner {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 96px);
    padding: 40px;
    flex: 0 0 calc(100% - 324px);
    width: calc(100% - 324px);
}

@media only screen and (max-width: 1339px) {
    .page__inner {
        padding: 32px 24px;
    }
}

@media only screen and (max-width: 767px) {
    .page__inner {
        padding: 24px 16px;
    }
}

.page__container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    margin: 0 auto;
	max-width: calc(var(--row-width) + var(--gap)*2);
    padding-left: var(--gap);
    padding-right: var(--gap);
}

.page__container.wide {
    max-width: 100%;
}

.page__title {
    margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
    .page__title {
        margin-bottom: 16px;
    }
}

.page__row {
    display: flex;
}

@media only screen and (max-width: 1023px) {
    .page__row {
        display: block;
    }
}

.page__row:not(:last-child) {
    margin-bottom: 8px;
}

.page__col:first-child {
    flex: 0 0 calc(100% - 340px);
    width: calc(100% - 340px);
    padding-right: 8px;
}

@media only screen and (max-width: 1339px) {
    .page__col:first-child {
        flex: 0 0 calc(100% - 324px);
        width: calc(100% - 324px);
    }
}

@media only screen and (max-width: 1259px) {
    .page__col:first-child {
        flex: 0 0 calc(100% - 312px);
        width: calc(100% - 312px);
    }
}

@media only screen and (max-width: 1023px) {
    .page__col:first-child {
        width: 100%;
        margin-bottom: 8px;
        padding-right: 0;
    }
}

.page__col:nth-child(2) {
    flex-shrink: 0;
    width: 340px;
}

@media only screen and (max-width: 1339px) {
    .page__col:nth-child(2) {
        width: 324px;
    }
}

@media only screen and (max-width: 1259px) {
    .page__col:nth-child(2) {
        width: 312px;
    }
}

@media only screen and (max-width: 1023px) {
    .page__col:nth-child(2) {
        width: 100%;
    }
}

.page_simple {
    padding: 0;
}

@media only screen and (max-width: 1339px) {
    .page_simple {
        padding: 0;
    }
}

@media only screen and (max-width: 1259px) {
    .page_simple {
        padding-left: 0;
    }
}
.sidebar__page__wrapper {
    position: relative;
    display: flex;
    min-height: 100%;
}
.sidebar {
    position: sticky;
    top: 95px;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 320px;
    flex: 0 0 320px;
    padding: 35px 20px 20px 0;
    overflow: auto;
    z-index: 1;
    border-right: 1px solid rgb(235 241 244 / 57%);
    height: 100%;
    height: calc(100vh - 95px);
    -webkit-box-shadow: 100px 7px 130px rgb(0 0 0 / 2%);
    box-shadow: 100px 7px 130px rgb(0 0 0 / 2%);
}
.sidebar::-webkit-scrollbar {
    display: none; 
}
@media only screen and (max-width: 1339px) {
    .sidebar {
      width: 300px;
      padding: 16px; 
	 } 
}
@media only screen and (max-width: 767px) {
    .sidebar {
      width: 100%;
      align-items: stretch;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s; } 
}
.sidebar.visible {
    -webkit-transform: translateX(0);
            transform: translateX(0); 
}
@media only screen and (max-width: 1259px) {
    .sidebar.active {
        align-items: stretch;
        width: 300px;
        box-shadow: 4px 0 32px rgba(17, 19, 21, 0.05);
    }
    .sidebar.active .sidebar__item > .icon,
    .sidebar.active .sidebar__help > .icon {
        margin-right: 12px;
    }
    .sidebar.active .sidebar__counter {
        display: block;
    }
    .sidebar.active .sidebar__toggle {
        position: absolute;
        top: 16px;
        right: 16px;
    }
    .sidebar.active .sidebar__toggle .icon {
        fill: #1a1d1f;
    }
    .sidebar.active .sidebar__toggle .icon:first-child {
        display: none;
    }
    .sidebar.active .sidebar__toggle .icon:nth-child(2) {
        display: inline-block;
    }
}
.sidebar__logo {
    display: block;
    width: 48px;
    margin-bottom: 48px;
}
@media only screen and (max-width: 1339px) {
    .sidebar__logo {
        margin-bottom: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .sidebar__logo {
        margin-left: auto;
    }
}
.sidebar__logo img {
    width: 100%;
}
.sidebar__menu {
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
}
.sidebar__item:not(:last-child) {
    margin-bottom: 8px;
}
.sidebar__item[href],
.sidebar__help,
.sidebar__head,
.sidebar__link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 15px;
    border-radius: 12px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 300;
    color: #78808a;
    transition: all 0.2s;
    font-family: var(--font-heading);
    letter-spacing: 0.3px;
}
.sidebar__item[href] .icon,
.sidebar__help .icon,
.sidebar__head .icon {
    width: 24px;
    height: 24px;
    color: #6f767e;
    transition: fill 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}
@media only screen and (min-width: 1024px) {
    .sidebar__item[href]:hover,
    .sidebar__help:hover,
    .sidebar__head:hover {
        color: #1a1d1f;
    }
    .sidebar__item[href]:hover .icon,
    .sidebar__help:hover .icon,
    .sidebar__head:hover .icon {
        color: #1a1d1f;
    }

    .sidebar__item[href].active .icon,
    .sidebar__help.active .icon {
        color: #00bcd4;
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__item[href],
    .sidebar__help {
        width: 100%;
        font-size: 15px;
    }
}
.sidebar__item[href].active,
.sidebar__help.active {
    color: #222525;
    background: rgb(236 242 245 / 59%);
}
.sidebar__item[href] .icon,
.sidebar__help .icon {
    margin-right: 6px;
}
@media only screen and (max-width: 1259px) {
    .sidebar__item[href] .icon,
    .sidebar__help .icon {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .sidebar__item[href] .icon,
    .sidebar__help .icon {
        margin-right: 12px;
    }
}
.sidebar__item_dropdown.active .sidebar__body,
.sidebar__item_dropdown.visible .sidebar__body {
    display: block;
}
@media only screen and (max-width: 1259px) {
    .sidebar__item_dropdown.active .sidebar__body,
    .sidebar__item_dropdown.visible .sidebar__body {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .sidebar__item_dropdown.active .sidebar__body,
    .sidebar__item_dropdown.visible .sidebar__body {
        display: block;
    }
}
@media only screen and (max-width: 1259px) and (max-width: 1259px) {
    .sidebar__item_dropdown.wide .sidebar__head > .icon:first-child {
        margin-right: 12px;
    }
}
@media only screen and (max-width: 1259px) and (max-width: 1259px) {
    .sidebar__item_dropdown.wide .sidebar__head > .icon:last-child {
        display: inline-block;
    }
}
@media only screen and (max-width: 1259px) {
    .sidebar__item_dropdown.wide.active .sidebar__body {
        display: block;
    }
}
.sidebar__top {
    position: relative;
}
.sidebar__top.active .sidebar__head {
    background: #efefef;
    box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.05), inset 0px 1px 1px #ffffff;
    color: #1a1d1f;
}
@media only screen and (max-width: 1259px) {
    .sidebar__item.visible:not(.wide) .sidebar__head {
        background: #efefef;
        box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.05), inset 0px 1px 1px #ffffff;
        color: #1a1d1f;
    }
}
@media only screen and (max-width: 767px) {
    .sidebar__item.visible:not(.wide) .sidebar__head {
        background: none;
        box-shadow: none;
        color: #6f767e;
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__head {
        font-size: 15px;
    }
}
.sidebar__head .icon:first-child {
    margin-right: 6px;
}
@media only screen and (max-width: 1259px) {
    .sidebar__head .icon:first-child {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .sidebar__head .icon:first-child {
        margin-right: 12px;
    }
}
.sidebar__body {
    position: relative;
    display: none;
    background: rgb(236 242 245 / 37%);
    border-radius: 0 0 12px 12px;
    padding: 15px 0 15px 20px;
}
.sidebar__link .icon {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    opacity: 0;
    fill: #1a1d1f;
    transition: opacity 0.2s;
}
.sidebar__link:hover {
    color: #1a1d1f;
}
.sidebar__link.active {
    background: #f2f6f7;
    color: #1a1d1f;
}
.sidebar__link.active .icon {
    opacity: 1;
}
.sidebar__counter {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    margin-left: auto;
    border-radius: 6px;
    color: rgb(0 0 0 / 66%);
    font-weight: 400;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 11px;
}
.sidebar__toggle {
    display: none;
    width: 48px;
    height: 48px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 1259px) {
    .sidebar__toggle {
        display: inline-block;
    }
}
@media only screen and (max-width: 767px) {
    .sidebar__toggle {
        display: none;
    }
}
.sidebar__toggle .icon {
    width: 24px;
    height: 24px;
    fill: #6f767e;
}
.sidebar__toggle .icon:nth-child(2) {
    display: none;
}
.sidebar__close {
    display: none;
}
@media only screen and (max-width: 991px) {
    .sidebar__close {
		display: flex;
		position: absolute;
		top: 27px;
		right: 20px;
		width: 33px;
		height: 33px;
		background: #111112;
		align-items: center;
		justify-content: center;
		border-radius: 25px;
    }
    .sidebar__close .icon {
		color: #fff;
		font-size: 17px;
    }
}
.sidebar__foot {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #f4f4f4;
}
@media only screen and (max-width: 1259px) {
    .sidebar__foot {
        margin-top: 12px;
        padding-top: 12px;
    }
}
.sidebar .theme {
    margin-top: 16px;
}
.sidebar__help .sidebar__counter {
    background: #cabdff;
}
@media only screen and (max-width: 1259px) {
    .sidebar__help .sidebar__counter {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .sidebar__help .sidebar__counter {
        display: block;
    }
}
@media only screen and (max-width: 1259px) {
    .sidebar + .overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 25;
        background: rgba(244, 244, 244, 0.8);
        visibility: hidden;
        opacity: 0;
        transition: all 0.2s;
    }
    .sidebar + .overlay.active {
        visibility: visible;
        opacity: 1;
    }
}
@media only screen and (max-width: 767px) {
    .sidebar + .overlay {
        display: none;
    }
}
.sidebar__item_dropdown.active .sidebar__head{
    background: rgb(236 242 245 / 55%);
    color: #2e3233;
    border-radius: 12px 12px 0 0;
}
.sidebar__item_dropdown.active .sidebar__head .icon{
    color: #00bcd4;
}
.sidebar__body .sidebar__link {
    font-size: 13px;
}
.sidebar__item_dropdown .sidebar__head:before {
    font-family: "Material Icons Outlined";
    content: "\e5cf";
    font-weight: 100;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    color: #b9c6cc;
    transition: all 0.2s;
    height: 19px;
    width: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar__item_dropdown.active .sidebar__head:before {
    transform: translateY(-50%) rotate(180deg);
}
.page___wrapper__with__sidebar {
    width: 100%;
    position: relative;
    padding: 40px 0 24px 24px;
}
.theme {
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 0;
}

@media only screen and (max-width: 1259px) {
    .theme.wide .theme__input:checked+.theme__inner .theme__box:first-child {
        display: flex;
    }
    .theme.wide .theme__inner {
        display: flex;
        padding: 4px 2px;
        border-radius: 20px;
    }
    .theme.wide .theme__box {
        display: flex;
        height: 32px;
        border-radius: 16px;
        font-size: 15px;
    }
    .theme.wide .theme__box .icon {
        margin-right: 8px;
    }
}

.theme__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.theme__input:checked+.theme__inner {
    background: #111315;
}

.theme__input:checked+.theme__inner .theme__box:first-child {
    background: none;
    box-shadow: none;
    color: #6F767E;
}

@media only screen and (max-width: 1259px) {
    .theme__input:checked+.theme__inner .theme__box:first-child {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .theme__input:checked+.theme__inner .theme__box:first-child {
        display: flex;
    }
}

.theme__input:checked+.theme__inner .theme__box:first-child .icon {
    fill: #6F767E;
}

.theme__input:checked+.theme__inner .theme__box:first-child:hover {
    color: #FCFCFC;
}

.theme__input:checked+.theme__inner .theme__box:first-child:hover .icon {
    fill: #FCFCFC;
}

.theme__input:checked+.theme__inner .theme__box:nth-child(2) {
    box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.49), inset 0px 2px 1px rgba(255, 255, 255, 0.06);
    background: #272B30;
    color: #FCFCFC;
}

.theme__input:checked+.theme__inner .theme__box:nth-child(2) .icon {
    fill: #FCFCFC;
}

@media only screen and (max-width: 1259px) {
    .theme__input:checked+.theme__inner .theme__box:nth-child(2) {
        display: flex;
    }
}

.theme__inner {
    position: relative;
    display: flex;
    padding: 4px 2px;
    border-radius: 20px;
    background: #F4F4F4;
    transition: background .2s;
}

@media only screen and (max-width: 1259px) {
    .theme__inner {
        display: block;
        padding: 2px;
        border-radius: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .theme__inner {
        display: flex;
        padding: 4px 2px;
        border-radius: 20px;
    }
}

.theme__box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 calc(50% - 4px);
    height: 32px;
    margin: 2px;
    border-radius: 16px;
    font-size: 15px;
    transition: background .2s, box-shadow .2s, color .2s;
}

@media only screen and (max-width: 1259px) {
    .theme__box {
        height: 40px;
        border-radius: 50%;
        font-size: 0;
    }
}

@media only screen and (max-width: 767px) {
    .theme__box {
        height: 32px;
        border-radius: 16px;
        font-size: 15px;
    }
}

.theme__box .icon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    transition: fill .2s;
}

@media only screen and (max-width: 1259px) {
    .theme__box .icon {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .theme__box .icon {
        margin-right: 8px;
    }
}

.theme__box:first-child {
    background: #FCFCFC;
    box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
}

.theme__box:nth-child(2) {
    color: #6F767E;
}

@media only screen and (max-width: 1259px) {
    .theme__box:nth-child(2) {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .theme__box:nth-child(2) {
        display: flex;
    }
}

.theme__box:nth-child(2) .icon {
    fill: #6F767E;
}

.theme__box:hover {
    color: #1A1D1F;
}

.theme__box:hover .icon {
    fill: #1A1D1F;
}

.help {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    width: 340px;
    padding: 24px 12px;
    background: #FFFFFF;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

@media only screen and (max-width: 1339px) {
    .help {
        width: 320px;
        padding: 16px 8px;
    }
}

@media only screen and (max-width: 767px) {
    .help {
        width: 100%;
    }
}


.help.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@media only screen and (max-width: 1259px) {
    .help.active {
        box-shadow: 4px 0 32px rgba(17, 19, 21, 0.05);
    }
}

.help__head {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    padding: 12px;
}

.help__head>.icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: #1A1D1F;
}


.help__close {
    margin-left: auto;
}

.help__close .icon {
    width: 24px;
    height: 24px;
    fill: #1A1D1F;
    transition: fill .2s;
}


.help__close:hover .icon {
    fill: #2A85FF;
}

.help__list {
    margin-bottom: auto;
    padding: 24px 0;
    border-top: 1px solid #EFEFEF;
}


.help__menu {
    display: flex;
    flex-direction: column;
}

.help__item {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    color: #1A1D1F;
    cursor: pointer;
    transition: all .2s;
}

@media only screen and (max-width: 1339px) {
    .help__item {
        padding: 6px;
    }
}


.help__item:hover {
    background: #F4F4F4;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}


.help__item:not(:last-child) {
    margin-bottom: 8px;
}

.help__preview {
    flex-shrink: 0;
    width: 96px;
    height: 72px;
    margin-right: 16px;
}

.help__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

.help__title {
    margin-bottom: 8px;
}

.help__line {
    display: flex;
    align-items: center;
}

.help__status {
    margin-right: 4px;
    color: #1A1D1F;
}

.help__user {
    display: flex;
    align-items: center;
    padding: 1px 8px 1px 1px;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
}

.help__avatar {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    font-size: 0;
}

.help__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px;
}

.help__time {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    color: #6F767E;
}

.help__link {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 12px;
    border-radius: 12px;
    color: #6F767E;
    transition: all .2s;
}

.help__link .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}

.help__link>.icon {
    margin-right: 12px;
}

.help__link:hover {
    color: #1A1D1F;
}

.help__link:hover .icon {
    fill: #1A1D1F;
}


.help__link:not(:last-child) {
    margin-bottom: 8px;
}

@media only screen and (max-width: 1339px) {
    .help__link:not(:last-child) {
        margin-bottom: 4px;
    }
}

.help__arrow {
    margin-left: auto;
}

.help__arrow .icon {
    width: 24px;
    height: 24px;
}

.help__counter {
    flex-shrink: 0;
    min-width: 24px;
    margin-left: auto;
    border-radius: 6px;
    background: #FFBC99;
    text-align: center;
    line-height: 24px;
    color: #1A1D1F;
}

.help+.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    background: rgba(244, 244, 244, 0.8);
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}


.help+.overlay.active {
    visibility: visible;
    opacity: 1;
}

.card {
    position: relative;
    padding: 24px;
    background: #fff;
    border-radius: 15px;
    border: 0;
}

@media only screen and (max-width: 767px) {
    .card {
        padding: 16px;
    }
}

.card__head {
    display: flex;
    align-items: center;
    min-height: 40px;
    margin-bottom: 32px;
}

@media only screen and (max-width: 767px) {
    .card__head {
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .card__head_wide {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .card__head_wide .card__title {
        margin-bottom: 16px;
    }
}

.card__title {
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .card__title {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

.card__chart {
    width: auto;
}

.card__chart_product-views {
    height: 274px;
    margin-left: -10px;
    margin-bottom: -10px;
}

.card__chart_product-views-small {
    height: 172px;
    margin-left: -10px;
    margin-bottom: -10px;
}

.card__chart_traffic-channel {
    height: 358px;
    margin-left: -10px;
}

.card__chart_active-customers {
    height: 244px;
    margin-left: -10px;
    margin-bottom: -10px;
}

.card__chart_top-country {
    height: 274px;
    margin-bottom: -10px;
}

@media only screen and (max-width: 767px) {
    .card__chart_top-country {
        margin-top: -10px;
        margin-bottom: 0;
    }
}

.card__chart_new-customers {
    height: 274px;
    margin-bottom: -10px;
}

@media only screen and (max-width: 1023px) {
    .card__chart_new-customers {
        max-width: 310px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    .card__chart_new-customers {
        margin: -10px auto 0;
    }
}

.card__chart_performance-by-day {
    height: 250px;
    margin-left: -15px;
    margin-bottom: -10px;
}

.card__chart_product-sales {
    height: 335px;
    margin-left: -15px;
    margin-bottom: -15px;
}

.card__full {
    width: 40px;
    height: 40px;
    margin-left: auto;
}

.card__full .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}

.card__full:hover .icon {
    fill: #2A85FF;
}

.card__sorting {
    display: flex;
    margin-left: auto;
}

.card__sorting .card__link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
}

.card__sorting .card__link .icon {
    width: 24px;
    height: 24px;
    fill: #9A9FA5;
    transition: fill .2s;
}

.card__sorting .card__link:hover .icon {
    fill: #1A1D1F;
}

.card__sorting .card__link.active {
    background: #FCFCFC;
    box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.1), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
}

.card__sorting .card__link.active .icon {
    fill: #1A1D1F;
}

.card__sorting .card__link:not(:last-child) {
    margin-right: 12px;
}

.card__nav {
    display: flex;
}

@media only screen and (max-width: 767px) {
    .card__nav {
        width: 100%;
    }
}

.card__nav .card__link {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #6F767E;
    transition: all .2s;
    font-family: var(--font-heading);
}

@media only screen and (max-width: 767px) {
    .card__nav .card__link {
        flex: 1;
    }
}

.card__nav .card__link:hover {
    color: #1A1D1F;
}

.card__nav .card__link.active {
    color: #fff;
    background: #000;
    border-radius: 25px;
}

.card__nav .card__link:not(:last-child) {
    margin-right: 8px;
}

@media only screen and (max-width: 767px) {
    .card__nav .card__link:not(:last-child) {
        margin-right: 0;
    }
}

.card__legend {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

.card__indicator {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 700;
}

.card__color {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 4px;
}

.card:not(:last-child) {
    margin-bottom: 8px;
}

.actions {
    position: relative;
    display: inline-block;
    z-index: 3;
}

.actions__button {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FFFFFF;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background .2s;
}

.actions__button .icon {
    transition: color .2s;
    color: #6F767E;
    font-size: 19px;
}

.actions__button:hover .icon {
    color: #2A85FF;
}

.actions__body {
    position: absolute;
    top: calc(100% + 12px);
    right: -12px;
    width: 264px;
    z-index: 2;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid transparent;
    box-shadow: 0px 40px 64px -12px rgba(0, 0, 0, 0.08), 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    transition: all .2s;
}

.actions__body:before {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 100%;
    width: 20px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}
.actions__option {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    color: #323539;
    transition: all .2s;
    cursor: pointer;
}

.actions__option .icon {
    margin-right: 7px;
    color: #6F767E;
    transition: color 2s;
    font-size: 17px;
}

.actions__option:hover,
.actions__option.selectioned {
    background: #EFEFEF;
    color: #1A1D1F;
}

.actions__option:hover .icon,
.actions__option.selectioned .icon {
    color: #1A1D1F;
}

.actions.active {
    z-index: 10;
}

.actions.active .actions__button {
    background: #EFEFEF;
}

.actions.active .actions__button .icon {
    color: #1A1D1F;
}

.actions.active .actions__body {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.actions_small .actions__button {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.actions_small .actions__body {
    right: -8px;
}

.actions_small .actions__body:before {
    right: 14px;
}

.actions_up .actions__body {
    top: auto;
    bottom: calc(100% + 12px);
    box-shadow: 0px 20px 32px -6px rgba(0, 0, 0, 0.08), 0px 0px 7px -4px rgba(0, 0, 0, 0.05), 0px 16px 24px -4px rgba(0, 0, 0, 0.1);
}

.actions_up .actions__body:before {
    top: 100%;
    bottom: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    height: 95px;
    background: transparent;
}
body.body__w__fixed__header__n__hero .header {
    border-bottom: 1px solid #ebf1f4;
    background: #fff;
}

@media only screen and (max-width: 1339px) {
    .header {
        padding: 16px 24px;
    }
}


@media only screen and (max-width: 767px) {
    .header {
       left: 0;
       padding: 16px 0 16px 0;
    }
}

.header__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
}

@media only screen and (max-width: 767px) {
    .header__burger {
        display: flex;
    }
}

.header__burger:before,
.header__burger:after {
    content: "";
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: #6F767E;
}

.header__burger:before {
    margin-bottom: 6px;
}

.header__control {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .header__control {
        margin-left: 0;
    }
	.header__control .header__nav__items{
        display: none;
    }
}
.header__control .header__button:not(:last-child),
.header__control .header__item:not(:last-child),
.header__search:not(:last-child) {
    margin-right: 20px;
}
.header__control .header__item.header__item_shopping {
    margin-right: 10px;
}
@media only screen and (max-width: 767px) {
	.header__control .header__button:not(:last-child),
	.header__item:not(:last-child),
	.header__search:not(:last-child) {
        margin-right: 7px;
    }
	
}
.header__search {
    display: none;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .header__search {
        display: flex;
    }
}

.header__search .icon {
    color: var(--color-h);
    transition: fill .2s;
    font-size: 22px;
    font-weight: 100;
}

.header__search:hover .icon,
.header__search.active .icon {
    color: var(--color-h-hover);
}

@media only screen and (max-width: 1023px) {
    .header__control .header__button {
        display: none;
    }
}

.header__control .header__button .icon {
    font-size: 20px;
    font-weight: 100;
    margin-right: 5px;
}

.header__item {
    position: relative;
}

@media only screen and (max-width: 767px) {
    .header__item {
        position: static;
    }
}

.header__item.active .header__body {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.header__item_messages.active .header__head .icon,
.header__item_shopping.active .header__head .icon {
    color: var(--color-h-hover);
}

.header__item_shopping .shopping__bag_number {
    position: absolute;
    top: -2px;
    right: 5px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #3f51b5;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
}
.header__icon__small .header__head {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
}
.header__item_messages .header__head,
.header__item_shopping .header__head {
    position: relative;
}
.header__item__shopping__mass__pay {
    background: #60cb8e;
    font-family: var(--font-heading);
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    padding: 5px 17px;
    border-radius: 6px;
}
.header__item__shopping__mass__pay:hover {
    background: #4baa74;
    color: #fff;
}
.header__item_messages .header__head .icon,
.header__item_shopping .header__head .icon {
    color: var(--color-h);
    transition: fill .2s;
    font-size: 22px;
    font-weight: 100;
}
.header__item_shopping .header__body .header__top {
    margin: 10px 0 20px 0;
}
.header__item_messages .header__head:hover .icon,
.header__item_shopping .header__head:hover .icon {
    color: var(--color-h-hover);
}
.header__item_messages .header__head.active:before {
    content: "";
    position: absolute;
    top: 3px;
    right: 11px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9800;
}
.header__item__shopping__bag__content {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
	gap: 10px;
}
.header__item__shopping__bag__content__item {
    border: 1px solid #ecf0f2;
    padding: 20px 20px 15px;
    border-radius: 10px;
    position: relative;
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__informations .header__item__shopping__bag__content__item__thumb{
    width: 50px;
    height: 50px;
    display: block;
    flex: 0 0 50px;
    margin-right: 15px;
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__informations .header__item__shopping__bag__content__item__thumb.subscription__plan{
    background: #9ff6d3;
    border-radius: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4b7e6a;
    font-family: var(--font-heading);
    font-weight: bold;
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__informations .header__item__shopping__bag__content__item__thumb img{
    width: 100%;
    object-fit: cover;
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__informations .text .item__name{
	display: block;
    color: var(--color-h);
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__informations .text .header__item__shopping__bag__content__item__option{
    font-size: 12px;
    font-weight: 300;
    display: block;
    color: var(--color-h-sub);
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__price .item__price{
    
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__price .delete{
    position: absolute;
    top: 8px;
    left: 13px;
    background: #ff5252;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    font-size: 13px;
    z-index: 1;  
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__price .delete:hover{
    background: #fb0000;
    color: #fff;
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__addons .addon{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    background: var(--background-2);
    color: var(--color-h);
    padding: 6px 40px 6px 10px;
    border-radius: 6px;
    position: relative; 
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__addons .addon:last-child{
    margin-bottom: 0;
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__addons .addon .price{
    font-weight: 200;
    font-size: 12px;
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__addons .addon .delete{
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    color: var(--color-h-sub);
}
.header__item__shopping__bag__content__item .header__item__shopping__bag__content__item__addons .addon .delete:hover{
    color: var(--color-h);
}


.header__item_user .header__head {
    border-radius: 50%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header__item_user .header__head img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.header__body {
    position: absolute;
    top: calc(100% + 18px);
    border-radius: 16px;
    box-shadow: 0px 40px 64px -12px rgba(0, 0, 0, 0.08), 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    transition: all .2s;
	z-index: 9;
}
.header__body.hastag{
	padding-top: 50px !important;
}
.header__body .admin-type{
    position: absolute;
    top: 13px;
    background: #673ab7;
    left: 25px;
    right: 25px;
    text-align: center;
    padding: 5px 0;
    color: #fff;
    font-weight: 100;
    font-size: 13px;
    border-radius: 20px;
}
@media only screen and (max-width: 1339px) {
    .header__body {
        top: calc(100% + 15px);
    }
}
@media only screen and (max-width: 767px) {
    .header__body {
        top: 100%;
        left: 16px;
    }
}
.header__body:before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 20px;
    height: 10px;
	left: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}
.header__item_messages .header__body {
    right: -12px;
    width: 392px;
    padding: 12px 24px 24px;
}
@media only screen and (max-width: 767px) {
    .header__item_messages .header__body {
        right: 16px;
        width: auto;
        padding: 12px 16px 20px;
    }
}
.header__item_messages .header__body:before {
    right: 26px;
}
@media only screen and (max-width: 767px) {
    .header__item_messages .header__body:before {
        right: 165px;
    }
}
.header__item_shopping .header__body {
    right: -92px;
    width: 500px;
    padding: 12px 24px 24px;
}
@media only screen and (max-width: 1339px) {
    .header__item_shopping .header__body {
        right: -72px;
    }
}
@media only screen and (max-width: 767px) {
    .header__item_shopping .header__body {
        right: 16px;
        width: auto;
        padding: 12px 16px 20px;
    }
}
.header__item_shopping .header__body:before {
    right: 107px;
}
@media only screen and (max-width: 1339px) {
    .header__item_shopping .header__body:before {
        right: 84px;
    }
}

@media only screen and (max-width: 767px) {
    .header__item_shopping .header__body:before {
        right: 92px;
    }
}
.header__item_shopping .header__head.active:before{
    content: "";
    position: absolute;
    top: 3px;
    right: 11px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #009688;
}
.header__item_user .header__body {
    right: -20px;
    width: 280px;
    padding: 16px;
}

@media only screen and (max-width: 1339px) {
    .header__item_user .header__body {
        right: 0;
        border-radius: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .header__item_user .header__body {
        right: 16px;
        width: auto;
        padding: 12px 16px 20px;
    }
}

.header__item_user .header__body:before,
.header__item_messages .header__body:before {
    right: 27px;
    left: auto;
}
.header__item_shopping .header__body:before {
    left: auto;
}

@media only screen and (max-width: 1339px) {
    .header__item_user .header__body:before {
        right: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .header__item_user .header__body:before {
        right: 21px;
    }
}

.header__top {
    display: flex;
    align-items: center;
    margin: 10px -8px 20px 0;
}

.header__item_messages .header__avatar {
    width: 40px;
    height: 40px;
}

@media only screen and (max-width: 767px) {
    .header__top {
        margin-right: -8px;
    }
}

.header__title {
    margin-right: auto;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    font-family: var(--font-heading);
}

@media only screen and (max-width: 767px) {
    .header__title {
        font-size: 18px;
    }
}

.header .actions__button {
    background: #EFEFEF;
}



.header__list {
    margin: 0 -12px;
}

@media only screen and (max-width: 767px) {
    .header__item_messages .header__list {
        margin: 0 -8px;
    }
}

.header__message,
.header__notification {
    position: relative;
    display: flex;
    align-items: center;
    padding: 17px 12px;
    transition: background .2s;
}

.header__message:after,
.header__notification:after {
    content: "";
    position: absolute;
    right: 12px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e2e3e4;
    transition: background .2s;
}

.header__message:not(:last-child):before,
.header__notification:not(:last-child):before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 1px;
    background: #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .header__message:nth-child(n+3),
    .header__notification:nth-child(n+3) {
        display: none;
    }
}

@media only screen and (max-width: 639px) {
    .header__message:nth-child(n+3),
    .header__notification:nth-child(n+3) {
        display: flex;
    }
}

@media only screen and (max-width: 639px) {
    .header__message:nth-child(n+6),
    .header__notification:nth-child(n+6) {
        display: none;
    }
}

.header__message {
    border-radius: 12px;
}

@media only screen and (max-width: 767px) {
    .header__message {
        padding: 8px;
    }
}

.header__message:hover {
    background: #EFEFEF;
}



@media only screen and (max-width: 767px) {
    .header__message:hover {
        background: none;
    }
}

.header__message:hover .header__avatar.online:before {
    border-color: #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .header__message:hover .header__avatar.online:before {
        border-color: #FFFFFF;
    }
}


.header__message:after {
    top: 20px;
}

@media only screen and (max-width: 767px) {
    .header__message:after {
        top: 14px;
    }
}

.header__message.new:after {
    background: #2A85FF;
}

.header__notification {
    border-radius: 8px;
}

.header__notification:hover {
    background: #F4F4F4;
}

@media only screen and (max-width: 767px) {
    .header__notification:hover {
        background: none;
    }
}

.header__notification:hover .icon {
    border-color: #F4F4F4;
}

.header__notification:after {
    top: 25px;
}

.header__notification.new:after {
    background: #8151e8;
}

.header__avatar {
    position: relative;
    flex-shrink: 0;
}

.header__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header__item_messages .header__avatar {
    width: 56px;
    height: 56px;
}

@media only screen and (max-width: 767px) {
    .header__item_messages .header__avatar {
        width: 48px;
        height: 48px;
    }
}

.header__item_messages .header__avatar.online:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
    border: 4px solid #FFFFFF;
    background: #83BF6E;
    border-radius: 50%;
    transition: border-color .2s;
}



.header__item_shopping .header__avatar {
    width: 48px;
    height: 48px;
}

.header__icon {
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    transition: border-color .2s;
}



.header__icon img {
    width: 12px;
    height: 12px;
}

.header__details {
    padding-left: 12px;
}

.header__item_messages .header__details {
    flex: 0 0 calc(100% - 56px);
    width: calc(100% - 56px);
}

.header__item_shopping .header__details {
    flex: 0 0 100%;
    width: 100%;
}

.header__line {
    display: flex;
    align-items: center;
    padding-right: 24px;
}

.header__subtitle {
    font-weight: 700;
    color: #1A1D1F;
}

.header__item_messages .header__subtitle {
    font-family: var(--font-heading);
    font-size: 14px;
}

.header__item_shopping .header__subtitle {
    margin-right: 4px;
    background: #e9f7fd;
    color: #62c4f3;
    font-weight: 500;
    padding: 5px 7px;
    border-radius: 6px;
    font-size: 13px;
}
.header__item_shopping .header__subtitle.order {
    background: #eafae5;
    color: #a0c673;
}
.header__item_shopping .header__subtitle.refund {
    background: #fef6f6;
    color: #f36262;
}

.header__login {
    font-weight: 500;
    color: #9A9FA5;
}

.header__item_messages .header__login {
    margin-left: 16px;
}

.header__item_shopping .header__login {
    margin-right: auto;
}

.header__time {
    margin-left: 7px;
    font-size: 10px;
    font-weight: 100;
    padding-top: 3px;
    color: #9A9FA5;
}

.header__content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #6F767E;
    font-size: 12px;
}

.header__content strong{
    color: #191818;
    font-weight: bold;
}

.header__item_messages .header__content {
    padding-right: 40px;
}

.header__item_shopping .header__content strong {
    font-weight: 700;
    color: #1A1D1F;
}


.header__body .header__button {
    width: 100%;
    margin-top: 24px;
}

@media only screen and (max-width: 767px) {
    .header__body .header__button {
        margin-top: 16px;
    }
}

.header__nav:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .header__nav:not(:last-child) {
        margin-bottom: 8px;
        padding-bottom: 8px;
    }
}

.header__link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 34px;
    padding: 0 12px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    color: #5b636d;
    transition: all .2s;
}
.header__link__title {
    font-size: 12px;
    padding: 6px 19px 7px;
    display: block;
    color: #a0afb6;
    font-family: var(--font-heading);
    font-weight: 400;
}
.header__nav__title {
    padding: 0 15px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 20px;
    display: block;
    color: #bbc5ca;
    font-weight: 600;
}
.header__link i {
    font-size: 20px;
    margin-left: 2px;
    margin-right: 12px;
    color: #6F767E;
}
.header__link .right-info.number {
    margin-left: auto;
    background: #59d9ea;
    color: #fff;
    font-weight: 100;
    font-size: 12px;
    padding: 2px 9px;
    border-radius: 8px;
    letter-spacing: 0.2px;
}
.header__link .right-info.text {
    margin-left: auto;
    background: #ff9800;
    color: #fff;
    font-weight: 100;
    font-size: 12px;
    padding: 2px 9px;
    border-radius: 8px;
    letter-spacing: 0.2px;
}
.header__link:hover,
.header__link.active {
    color: #1A1D1F;
}

.header__link:hover .icon,
.header__link.active .icon {
    color: #1A1D1F;
}
.header__links__downloads .compteur{
    background-color: #dfe9ef;
    border-radius: 20px;
    color: #212527;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    text-align: center;
    font-size: 10px;
    padding: 0px 10px;
    font-family: var(--font-heading);
    font-weight: 400;
}
.header__link.active {
    background: #f2f7f9;
}

.header__link.color {
    color: #00bcd4;
}

.header__link.color i {
    color: #00bcd4;
}
.header__link.color:hover i {
    color: #00bcd4;
	opacity: .8;
}

.header__link.color:hover {
    opacity: .8;
}

.header__not__loggined__btns {
    display: none;
    align-items: center;
    margin-left: auto;
}
.header__nav__items {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.header__nav__items a {
	color: var(--color-h);
    cursor: pointer;
    font-size: 12px;
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.header__nav__items a:hover {
    color: var(--color-h-hover);
}

@media only screen and (max-width: 767px) {
    .header__not__loggined__btns {
        margin-left: 0;
    }
}
.header__not__loggined__btns .header__button {
    white-space: nowrap;
}

.header__not__loggined__btns .header__link {
    font-weight: 700;
    line-height: 1.6;
    transition: color .2s;
    color: var(--color-h);
    cursor: pointer;
    font-size: 12px;
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .header__not__loggined__btns a:not(:last-child) {
        display: none;
    }
}
.header__not__loggined__btns .header__link:hover {
    color: var(--color-h-hover);
}
.header.unauthorized .header__control {
    display: none;
}
.header.unauthorized .header__not__loggined__btns {
    display: flex;
}
.search {
    position: static;
    width: 360px;
}
@media only screen and (max-width: 767px) {
    .search {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 16px;
    background: #FFFFFF;
    box-shadow: 0 8px 12px rgb(17 19 21 / 5%);
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    z-index: 2;
    }
}
.search.active .search__start,
.search.active .search__result {
    visibility: visible;
    opacity: 1;
}
.search.active .search__direction,
.search.active .search__close,
.search.visible .search__close {
    visibility: visible;
    opacity: 1;
}

.search.active .search__body {
    visibility: visible;
    opacity: 1;
}

@media only screen and (min-width: 767px) {
.search__head {
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
    margin: auto;
    width: 360px;
    top: 50%;
    transform: translateY(-50%);
}
}
@media only screen and (max-width: 767px) {
    .search.visible {
    visibility: visible;
    opacity: 1;
    }
	.search__head {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 15px;
    right: 15px;
    }
}
.search.active .search__head {
    right: 20px;
    left: 20px;
    width: auto;
}
.search__icon__header,
.search__direction,
.search__result,
.search__head .search__close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .2s;
}
.search__head .search__close {
    font-size: 20px;
    color: #ee786f;
	opacity: 0.7;
}
.search__head .search__close:hover {
    color: #f44336;
}
.search__head .search__icon__header {
    font-size: 20px;
    color: #a9b8bf;
    left: 12px;
}
.search__start .icon,
.search__direction .icon,
.search__result .icon,
.search__head .search__close .icon {
    transition: color .2s;
    font-size: 20px;
    font-weight: 100;
}

.search__start {
    left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.search__start .icon {
    color: #8e97a2;
}

.search__start:hover .icon {
    color: #1A1D1F;
}

.search__result {
    right: 8px;
    width: 56px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.05), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
    font-size: 16px;
    font-weight: 600;
    color: #1A1D1F;
}


@media only screen and (max-width: 767px) {
    .search__result {
        display: none;
    }
}

.search__result:hover {
    color: #2A85FF;
}

.search__direction {
    left: 10px;
}

.search__direction .icon {
    color: #2A85FF;
}

.search__direction:hover {
    -webkit-transform: translate(-2px, -50%);
    transform: translate(-2px, -50%);
}

.search__head .search__close {
    right: 10px;
    width: 32px;
    height: 32px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}
.search.active .search__input {
    padding: 0 68px 0 40px;
}
.search__head .search__close .icon {
    color: #9A9FA5;
}

.search__head .search__close:hover .icon {
    color: #FF6A55;
}

.search__direction,
.search__head .search__close {
    visibility: hidden;
    opacity: 0;
}
.search__input {
    width: 100%;
    height: 42px;
    padding: 0 68px 0 42px;
    background: #ecf2f5;
    border: 2px solid transparent;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    color: #1A1D1F;
    transition: all .2s;
}
.search__input::-webkit-input-placeholder {
    color: #9A9FA5;
}

.search__input::-moz-placeholder {
    color: #9A9FA5;
}

.search__input:-ms-input-placeholder {
    color: #9A9FA5;
}

.search__input::-ms-input-placeholder {
    color: #9A9FA5;
}

.search__input::placeholder {
    color: #9A9FA5;
}

.search__input:focus {
    border-color: #a9ebf4;
    background: #FFFFFF;
}
.search__body {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    padding: 90px 20px 35px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 14px -4px rgb(0 0 0 / 5%), 0px 32px 48px -8px rgb(0 0 0 / 10%);
    background: #FFFFFF;
    border-radius: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}
header.header.top-header-fixed .search__body {
    padding: 80px 20px 35px;
}
@media only screen and (max-width: 767px) {
	header.header.top-header-fixed .search__body {
    padding: 25px 20px 35px;
    }
}
@media only screen and (min-width: 767px) {
header.header.header__with__search__hero .search {
    visibility: hidden;
    opacity: 0;
    transition: all 0s;
}
header.header.header__with__search__hero.top-header-fixed .search, header.header.header__with__search__hero .search.active {
    visibility: visible;
    opacity: 1;
	transition: all .2s;
}
}
@media screen and (max-width:1024px) and (min-width:768px){
    header.header.header__with__search__hero .search:not(.active) {
	position: relative;
    width: 190px;
	}
	header.header.header__with__search__hero .search:not(.active) .search__head{
	left: 0;
    right: 0;
    width: 100%;
	}
	header.header.header__with__search__hero .search:not(.active) .search__head .search__input{
	padding: 0 14px 0 40px;
	}
}
.search__body .header__search__container{
    background: #f0f4f6;
    padding: 25px;
    border-radius: 17px;
}
.search__list__text li {
    display: block;
    width: 100%;
    padding: 8px 8px;
    font-size: 13px;
    color: #9eaab0;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 2px;
    font-family: var(--font-heading);
    font-weight: 500;
}
.no__search__result {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #95a1a6;
    font-weight: 400;
}
.search__list__text li:hover {
    background: #f4f6f7;
}
.search__list__text li mark{
    color: #2f3335;
    background-color: transparent;
}
.search__list__text li.devider{
    height: 1px;
    background: #e7eef1;
    margin: 9px 8px;
}
@media only screen and (max-width: 767px) {
    .search__body {
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100vh - 152px);
    border-radius: 0;
    border-top: 1px solid #EFEFEF;
    box-shadow: 0 12px 32px rgb(17 19 21 / 5%);
    overflow: auto;
    padding: 25px 20px 35px;
    }
}
.search__box:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #EFEFEF;
}
@media only screen and (max-width: 767px) {
    .search__box:not(:last-child) {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
}
.search__category {
    margin-bottom: 12px;
    padding-left: 12px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}
.search__category__small {
    margin-bottom: 12px;
    padding-left: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}
.search__list__find {
    padding: 8px 15px;
    margin-bottom: 17px;
    border-bottom: 1px solid #dae0e2;
    padding-bottom: 20px;
}
.search__list__find a {
    background: #539bfb;
    margin-right: 10px;
    color: #fff;
    font-size: 13px;
    padding: 6px 21px;
    border-radius: 15px;
    font-weight: 1;
    letter-spacing: 0.2px;
    display: flex;
    overflow: hidden;
    align-items: baseline;
	transition: all 0.2s;
	margin-bottom: 8px;
}
.search__list__find a:hover {
    background: #2a85ff;
    color: #fff;
}
.search__list__find a span{
    display: block;
    margin: -14px 15px -8px -21px;
    background: #2a85ff;
    padding: 11px;
    color: #fff;
    font-weight: 500;
    transition: all 0.2s;
}
.search__list__find a:hover span{
    background: #1e6cd4;
}
.search__item, .search__suggestion {
    display: flex;
    align-items: center;
    padding: 2px 15px;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 15px;
}
.search__link {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.search__link:hover .search__title {
    color: #2A85FF;
}

.search__suggestion:hover .search__title {
    color: #2A85FF;
}

.search__suggestion:hover .search__arrow {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}

.search__preview {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 16px;
    border-radius: 8px;
    overflow: hidden;
}

.search__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.search__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 16px;
    border-radius: 50%;
    border: 2px solid #CABDFF;
}

.search__icon .icon {
    width: 24px;
    height: 24px;
    fill: #1A1D1F;
}


.search__details {
    flex-grow: 1;
}

.search__content {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.search__item .search__content {
    margin-bottom: 4px;
}

.search__title {
    color: #1A1D1F;
    transition: color .2s;
}

.search__suggestion .search__title {
    margin-bottom: 4px;
}

.search__remove {
    flex-shrink: 0;
    margin-left: 24px;
}

.search__remove .icon {
    width: 24px;
    height: 24px;
    fill: #9A9FA5;
    transition: fill .2s;
}

.search__remove:hover .icon {
    fill: #FF6A55;
}

.search__arrow {
    margin-left: 24px;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.search__arrow .icon {
    width: 24px;
    height: 24px;
    fill: #9A9FA5;
}

.overview__nav {
    display: flex;
    margin-bottom: 32px;
    padding: 8px;
    background: #F4F4F4;
    border-radius: 20px;
}

@media only screen and (max-width: 767px) {
    .overview__nav {
        margin-bottom: 24px;
    }
}


.overview__link {
    display: flex;
    padding: 20px;
    flex: 0 0 50%;
    border-radius: 12px;
    color: #1A1D1F;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: all .2s;
}

@media only screen and (max-width: 1419px) {
    .overview__link {
        padding: 20px 16px;
    }
}

@media only screen and (max-width: 767px) {
    .overview__link {
        display: block;
    }
}


.overview__link.active {
    background: #FCFCFC;
    box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
}


.overview__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 16px;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .overview__icon {
        display: none;
    }
}

.overview__icon .icon {
    width: 24px;
    height: 24px;
}

.overview__subtitle {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.overview .tooltip .icon {
    fill: #9A9FA5;
}

.overview__counter {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

@media only screen and (max-width: 1419px) {
    .overview__counter {
        font-size: 40px;
        line-height: 48px;
    }
}

.overview .balance {
    margin: -12px -12px 0 auto;
}

@media only screen and (max-width: 767px) {
    .overview .balance {
        margin: 4px 0 0;
    }
}


.overview__item {
    display: none;
}

.overview__chart {
    width: auto;
    height: 238px;
    margin: 0 0 -10px -10px;
}

@media only screen and (max-width: 767px) {
    .overview__chart {
        height: 206px;
    }
}

.overview__chart_snapshot {
    height: 329px;
    margin-left: -10px;
}

@media only screen and (max-width: 1023px) {
    .overview__chart_snapshot {
        height: 300px;
    }
}

.users__head {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
    .users__button {
        margin-left: 16px;
    }
}

.users__button span {
    margin-left: 4px;
}

@media only screen and (max-width: 767px) {
    .users__button span {
        display: none;
    }
}

.users__info {
    max-width: 240px;
    margin-right: auto;
    font-weight: 500;
    color: #6F767E;
}

.users__info strong {
    font-weight: 600;
    color: #1A1D1F;
}

.users__list {
    display: flex;
}

.users__item,
.users__all {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 32px 16px;
    flex: 0 0 25%;
    text-align: center;
    color: #1A1D1F;
    transition: color .2s;
}

@media only screen and (max-width: 767px) {
    .users__item,
    .users__all {
        flex: 0 0 33.333%;
        padding: 16px 8px;
    }
}

.users__item:hover,
.users__all:hover {
    color: #2A85FF;
}

.users__item {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.23077;
}

@media only screen and (max-width: 639px) {
    .users__item:nth-child(n+3) {
        display: none;
    }
}

.users__all {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
}

.users__avatar,
.users__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 12px;
}

.users__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.users__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #EFEFEF;
    border-radius: 50%;
    background: #EFEFEF;
    transition: all .2s;
}

.users__icon .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}

.users__all:hover .users__icon {
    border-color: #2A85FF;
    background: none;
}

.users__all:hover .users__icon .icon {
    fill: #2A85FF;
}

.tips__info {
    margin-bottom: 24px;
    font-weight: 500;
    color: #6F767E;
}

.tips__list {
    display: flex;
    flex-wrap: wrap;
    margin: -32px -16px 0;
}

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

.tips__item {
    display: flex;
    align-items: center;
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
    margin: 32px 16px 0;
    color: #1A1D1F;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .tips__item {
        width: 100%;
        margin: 0;
    }
}

.tips__item:hover .tips__icon {
    background: #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .tips__item:not(:last-child) {
        margin-bottom: 24px;
    }
}

.tips__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid #EFEFEF;
    margin-right: 12px;
    transition: background .2s;
}

.tips__icon .icon {
    width: 24px;
    height: 24px;
    fill: #272B30;
}

.tips__details {
    flex-grow: 1;
}

.tips__title {
    margin-bottom: 8px;
}

.tips__line {
    display: flex;
    align-items: center;
}

.tips__status {
    margin-right: 4px;
    color: #1A1D1F;
}

.tips__user {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px 1px 1px;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
}

.tips__avatar {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    font-size: 0;
}

.tips__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px;
}

.tips__action {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    color: #6F767E;
}

.media__content {
    margin-bottom: 16px;
    font-weight: 500;
    color: #6F767E;
}

.media__btns {
    display: flex;
    margin: 0 -8px;
}

@media only screen and (max-width: 767px) {
    .media__btns {
        margin: 0 -6px;
    }
}

.media__button {
    flex: 0 0 calc(33.333% - 16px);
    width: calc(33.333% - 16px);
    margin: 0 8px;
}

@media only screen and (max-width: 767px) {
    .media__button {
        flex: 0 0 calc(33.333% - 12px);
        width: calc(33.333% - 12px);
        margin: 0 6px;
        font-size: 0;
    }
    .media__button .icon {
        margin: 0 !important;
    }
}

.media__button .icon {
    width: 24px;
    height: 24px;
}

.popular__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 24px;
    border-bottom: 1px solid #EFEFEF;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.popular__list {
    margin: 0 -12px;
}

.popular__item {
    display: flex;
    align-items: center;
    padding: 12px;
    color: #1A1D1F;
    cursor: pointer;
}

.popular__item:hover .popular__title {
    color: #2A85FF;
}

.popular__item:not(:last-child) {
    margin-bottom: 12px;
}

.popular__preview {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    margin-right: 12px;
    border-radius: 8px;
    overflow: hidden;
}

.popular__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.popular__title {
    flex-grow: 1;
    padding-right: 16px;
    transition: color .2s;
}

.popular__details {
    flex-shrink: 0;
    text-align: right;
}

.popular__button {
    width: 100%;
    margin-top: 12px;
}

.review__item {
    display: flex;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #EFEFEF;
}
.review__avatar {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 12px;
}

.review__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.review__details {
    flex-grow: 1;
}

.review__line {
    display: flex;
    align-items: center;
}

.review__user {
    margin-right: auto;
}

.review__title {
    font-weight: 700;
}

.review__login {
    margin-left: 5px;
    font-weight: 500;
    color: #9A9FA5;
}

.review__time {
    margin-left: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

.review__product {
    margin-bottom: 8px;
    font-weight: 500;
    color: #9A9FA5;
}

.review__product strong {
    font-weight: 700;
    color: #1A1D1F;
}
.review__content {
    margin-bottom: 16px;
    font-weight: 500;
    color: #1A1D1F;
}

.review__control {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review__link .icon {
    width: 20px;
    height: 20px;
    color: #9A9FA5;
    transition: fill .2s;
}

.review__link:hover .icon {
    color: #2A85FF;
}

.review__button {
    width: 100%;
}

.in__review__item__box {
    display: flex;
}

.in__review__item__box:not(:last-child) {
    margin-bottom: 35px;
    border-bottom: 1px solid rgb(228 233 236 / 55%);
    padding-bottom: 30px;
}

.in__review__item__box__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 12px;
    background: rgb(255 193 7 / 25%);
}
.in__review__item__box__icon i {
    color: #ffc107;
    line-height: 0;
    font-size: 20px;
}
.in__review__item__box__icon.accepted {
    background: rgb(149 249 99 / 41%);
}
.in__review__item__box__icon.accepted i{
    color: rgb(139 195 74 / 62%);
}
.in__review__item__box__content {
    font-weight: 500;
    color: #6F767E;
    font-size: 12px;
}

.in__review__item__box__content strong {
    font-weight: bold;
    color: #1A1D1F;
}

.in__review__item__box__button {
    width: 100%;
    margin-top: 24px;
}

.popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    min-width: 320px;
    padding: 20px 10px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    overflow: auto;
    z-index: 999;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.popup.visible {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
}

.popup.animation .popup__wrap {
    opacity: 1;
}

.popup__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(244, 244, 244, 0.8);
    backdrop-filter: blur(3px);
}

.popup__wrap {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 26px 24px 24px;
    margin: auto;
    opacity: 0;
    background: #FCFCFC;
    border-radius: 16px;
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
    transition: opacity .5s;
}


@media only screen and (max-width: 767px) {
    .popup__wrap {
        box-shadow: none;
    }
}

.popup .popup__wrap {
    max-width: 408px;
}

.popup__close {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: all .2s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__close .icon {
	font-size: 21px;
    color: #c2d0d7;
    transition: all .25s;
}
.popup__close:hover .icon {
    color: #33383F;
}

.popup__edit__item {
    padding: 120px 24px 24px;
}

@media only screen and (max-width: 767px) {
    .popup__edit__item {
        padding: 88px 16px 24px;
    }
}
.popup__edit__item .popup__overlay {
    background-color: rgba(244, 244, 244, 0.9);
}
.popup__edit__item .popup__wrap {
    position: static;
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 0;
    border-radius: 15px;
    z-index: 2;
    box-shadow: none;
}

@media only screen and (max-width: 1259px) {
    .popup__edit__item .popup__wrap {
        background: none;
    }
}

.popup_post .popup__wrap,
.popup_success .popup__wrap {
    max-width: 560px;
}

.popup__license__options .popup__wrap {
    max-width: 860px;
    padding: 26px 40px 24px;
}

@media only screen and (max-width: 767px) {
.popup__license__options .popup__wrap {
    padding: 28px 16px 16px;
}
}

.product__wrapper {
    position: relative;
}

.product__details {
    padding: 24px 0;
    flex-grow: 1;
}

@media only screen and (max-width: 767px) {
    .product__details {
        padding: 0;
        overflow: hidden;
    }
}


@media only screen and (max-width: 1259px) {
    .product__comments {
        width: 600px;
    }
}

@media only screen and (max-width: 1023px) {
    .product__comments {
        width: 100%;
    }
}

.product__next {
    position: absolute;
    left: calc(100% + 24px);
    bottom: 256px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background: #FFFFFF;
    border-radius: 50%;
}

@media only screen and (max-width: 1259px) {
    .product__next {
        left: auto;
        right: -88px;
        bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product__next {
        display: none;
    }
}


.product__next .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}

.product__next:hover .icon {
    fill: #2A85FF;
}

.product__control {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .product__control {
        top: 16px;
        left: 16px;
        right: 16px;
    }
}
.product__close {
    width: 36px;
    height: 36px;
    margin-left: auto;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 6%);
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__close .icon {
    color: #33383F;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    font-size: 15px;
}
.product__head {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
    .product__head {
        flex-wrap: wrap;
        margin-bottom: 32px;
    }
}

.product__nav {
    display: flex;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .product__nav {
        width: 100%;
        margin: 0 0 16px;
    }
}

.product__link {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6F767E;
    transition: all .2s;
}

@media only screen and (max-width: 767px) {
    .product__link {
        flex: 1;
    }
}

.product__link:hover,
.product__link.active {
    color: #1A1D1F;
}
.product__link.active {
    background: #EFEFEF;
}

.product__link:not(:last-child) {
    margin-right: 8px;
}

@media only screen and (max-width: 767px) {
    .product__link:not(:last-child) {
        margin-right: 0;
    }
}

.product__btns {
    display: flex;
    align-items: center;
}

.product__favorite {
    margin-right: 16px;
}

.product__favorite .icon {
    color: #FF6A55;
    font-size: 15px;
    margin-right: 11px;
}

.product__favorite:hover {
    box-shadow: inset 0 0 0 1px #FF6A55;
    background: #FF6A55;
    color: #FCFCFC;
}
.product__favorite:hover .icon {
    color: #FCFCFC;
}

@media only screen and (max-width: 1023px) {
    .product__buy {
        padding: 0 16px;
    }
}

@media only screen and (max-width: 767px) {
    .product__buy {
        flex-grow: 1;
    }
}

.product__buy .icon {
    font-size: 15px;
    margin-left: 10px;
}
.product__inner {
    display: inline-flex;
    align-items: center;
}

.product__inner span {
    margin-left: 4px;
}

@media only screen and (max-width: 1023px) {
    .product__inner span {
        display: none;
    }
}

.product__price {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid rgb(0 0 0 / 7%);
    box-shadow: 1px 0 0 0 rgb(0 0 0 / 3%);
    line-height: 40px;
}

@media only screen and (max-width: 1023px) {
    .product__price {
        margin-right: 16px;
        padding-right: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .product__price {
        margin-right: 12px;
        padding-right: 12px;
    }
}

.product__title {
    margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
    .product__title {
        font-size: 24px;
    }
}

.product__info {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #6F767E;
}

@media only screen and (max-width: 767px) {
    .product__info {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .product__info {
        font-size: 14px;
    }
}

.product__line {
    display: flex;
    align-items: center;
}

.product__author {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6F767E;
}

.product__author span {
    margin-left: 4px;
    color: #1A1D1F;
}

.product__author .product__avatar {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px;
}

.product__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.product__rating {
    display: flex;
    align-items: center;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

.product__rating .icon {
    margin-right: 8px;
    color: #FFC554;
    font-size: 19px;
}

.product__counter {
    margin-left: 4px;
    color: #6F767E;
}

.product__gallery {
    position: relative;
    margin-top: 25px;
}

@media only screen and (max-width: 767px) {
    .product__gallery {
        margin-top: 32px;
    }
}

.product__gallery .product__button {
    position: absolute;
    left: 12px;
    bottom: 12px;
    pointer-events: none;
}

@media only screen and (max-width: 767px) {
    .product__gallery .product__button {
        bottom: 5px;
    }
}

.product__preview {
    display: block;
    cursor: pointer;
}

.product__preview img {
    width: 100%;
    border-radius: 12px;
}

.product__preview:not(:first-child) {
    display: none;
}

.product__row {
    display: flex;
    margin-top: 40px;
}

@media only screen and (max-width: 1023px) {
    .product__row {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .product__row {
        margin-top: 32px;
    }
}

.product__col:first-child {
    flex-grow: 1;
    padding-right: 64px;
}

@media only screen and (max-width: 1259px) {
    .product__col:first-child {
        padding-right: 48px;
    }
}

@media only screen and (max-width: 1023px) {
    .product__col:first-child {
        padding-right: 0;
    }
}

.product__col:nth-child(2) {
    flex-shrink: 0;
    width: 308px;
}

@media only screen and (max-width: 1023px) {
    .product__col:nth-child(2) {
        width: 100%;
        margin-top: 32px;
    }
}

.product__subtitle {
    margin-bottom: 32px;
}

@media only screen and (max-width: 1023px) {
    .product__subtitle {
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .product__subtitle {
        margin-bottom: 12px;
    }
}

.product__content {
    font-weight: 500;
    color: #33383F;
}

.product__content p:not(:last-child) {
    margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
    .product__features {
        margin-top: 12px;
    }
}

.product__features li {
    position: relative;
    padding-left: 40px;
    color: #33383F;
}

.product__features li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.707 6.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0l-3.586-3.586a1 1 0 0 1 1.414-1.414l3.586 3.586a1 1 0 0 0 1.414 0l8.586-8.586a1 1 0 0 1 1.414 0z' fill='%23b5e4ca'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}

.product__features li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .product__features li:not(:last-child) {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
}

.product__panel {
    position: absolute;
    top: 16px;
    left: calc(100% + 24px);
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 1259px) {
    .product__panel {
        top: 0;
        left: auto;
        right: -88px;
    }
}

@media only screen and (max-width: 767px) {
    .product__panel {
        display: none;
    }
}

.product__panel .product__avatar:not(:last-child),
.product__brand:not(:last-child),
.product__share:not(:last-child) {
    margin-bottom: 24px;
}

.product__panel .product__avatar,
.product__brand,
.product__share {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
}

.product__brand {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #FFFFFF;
}
.product__brand img {
    max-height: 32px;
}

.product__number {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 20px;
    padding: 0 4px;
    background: #1A1D1F;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #FCFCFC;
}
.product__share {
    background: #FFFFFF;
    border-radius: 50%;
}

.product__share .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}

.product__share:hover .icon {
    fill: #2A85FF;
}

.product.active .product__wrapper {
    display: flex;
    max-width: 1440px;
}

@media only screen and (max-width: 1259px) {
    .product.active .product__wrapper {
        max-width: 100%;
        margin-right: 0;
    }
}

.product.active .product__details {
    flex: 0 0 calc(100% - 472px);
    width: calc(100% - 472px);
}

@media only screen and (max-width: 1259px) {
    .product.active .product__details {
        display: none;
    }
}

.product.active .product__comments {
    display: block;
}

.product.active .product__panel,
.product.active .product__next {
    display: none;
}

.hit {
    margin-top: 64px;
    padding-top: 64px;
    border-top: 1px solid #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .hit {
        margin-top: 48px;
        padding-top: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .hit {
        margin-top: 32px;
        padding-top: 32px;
    }
}
.hit__head {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.hit__title {
    margin-right: auto;
}

.hit__button .icon {
    width: 24px;
    height: 24px;
}

.hit__wrapper {
    margin: 0 -12px;
}

@media only screen and (max-width: 767px) {
    .hit__wrapper {
        margin: 0;
    }
}

.hit .summary {
    margin: 0 12px;
}

.hit__slider {
    padding-bottom: 48px;
}

@media only screen and (max-width: 767px) {
    .hit .slick-list {
        margin: 0 -296px 0 -8px;
    }
}

.hit .slick-arrow {
    bottom: 0;
}


.hit .slick-prev {
    left: calc(50% - 48px);
}

.hit .slick-next {
    right: calc(50% - 48px);
}

.summary__preview:after,
.summary__control,
.summary .checkbox {
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
}

.summary__preview {
    width: 120px;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    min-width: 120px;
}

.summary__preview img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.summary__preview .checkbox {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
}

@media only screen and (max-width: 1023px) {
    .summary__preview .checkbox {
        display: none;
    }
}

.summary__preview .checkbox .checkbox__tick {
    border-color: #2A85FF;
}

.summary__control {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.summary__button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #FCFCFC;
}

.summary__button .icon {
    color: #b0bac5;
    transition: color .2s;
    font-size: 19px;
}

.summary__button:hover .icon {
    color: #2A85FF;
}

.summary__button:not(:last-child) {
    margin-right: 16px;
}

.summary__title {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #1d1f20;
    font-family: var(--font-heading);
    display: block;
}

.summary__informations {
    padding: 0 0 0 15px;
}

.summary__price,
.summary__empty {
    flex-shrink: 0;
    display: inline-block;
    border-radius: 6px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 300;
    font-family: var(--font-heading);
    color: #a0acb2;
}
.summary__price strong {
    font-weight: bold;
    font-size: 13px;
}
.summary__empty {
    background: #EFEFEF;
}
.summary__active {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 220px;
    text-align: center;
    background: #00bcd4;
    color: #fff;
    padding: 10px 0;
    border-radius: 21px;
    top: 50%;
    transform: translateY(-50%);
}
.summary__active:hover {
    background: #04a0b4;
    color: #fff;
}

.summary__date {
    display: flex;
    margin-top: 8px;
    font-size: 11px;
    font-weight: 600;
    color: #6F767E;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .summary__date {
        margin-top: 2px;
    }
}

.summary__rating {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    padding: 0 13px 20px;
}

@media only screen and (max-width: 767px) {
    .summary__rating {
        margin-top: 4px;
    }
}

.summary__rating .icon {
    width: 15px;
    height: 14px;
    margin-right: 3px;
    color: #FFC554;
}

.summary__rating_empty {
    color: #6F767E;
}

.summary__rating_empty .icon {
    fill: #6F767E;
}

.summary__counter {
    margin-left: 4px;
    color: #6F767E;
}

.summary:hover .summary__preview:after,
.summary:hover .summary__control,
.summary:hover .checkbox {
    visibility: visible;
    opacity: 1;
}

.summary.active .checkbox {
    visibility: visible;
    opacity: 1;
}

.summary.active .summary__preview:before {
    border-color: #2A85FF;
}

.editor__label {
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.71429;
    color: #55595f;
    display: flex;
    align-items: center;
}

.editor .tooltip {
    position: relative;
    top: -1px;
}

.editor .tooltip .icon {
    color: #9A9FA5;
}

.editor .richText {
    background: rgb(96 125 139 / 5%);
    border: 1px solid rgb(96 125 139 / 5%);
    border-radius: 7px;
}

.editor .richText-toolbar {
    border: none;
    padding: 0 3px;
}

.editor .richText-toolbar ul li {
    margin: 6px;
}

@media only screen and (max-width: 767px) {
    .editor .richText-toolbar ul li {
        margin: 3px;
    }
}

.editor .richText-toolbar ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: none !important;
    transition: color .2s;
}

.editor .richText-toolbar ul li a:hover {
    color: #2A85FF;
}

.editor .richText-toolbar:first-child {
    padding-right: 100px;
    background: #FCFCFC;
    border-radius: 10px 10px 0 0;
}

@media only screen and (max-width: 767px) {
    .editor .richText-toolbar:first-child {
        padding-right: 85px;
    }
}

.editor .richText-toolbar:last-child {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
}

.editor .richText-undo,
.editor .richText-redo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 6px;
    padding: 0;
    border: none;
    transition: color .2s;
}

@media only screen and (max-width: 767px) {
    .editor .richText-undo,
    .editor .richText-redo {
        margin: 3px;
    }
}

.editor .richText-undo:not(.is-disabled):hover,
.editor .richText-redo:not(.is-disabled):hover {
    color: #2A85FF;
}

.editor .richText-help {
    display: none;
}

.editor .richText-editor {
    min-height: 122px;
    max-height: 200px;
    height: auto;
    padding: 12px;
    border: none !important;
    background: none;
    border-radius: 0 0 10px 10px;
    color: #33383F;
}

.editor .richText-dropdown {
    z-index: 2;
}

.editor__wrap {
    position: relative;
}

.editor__wrap .richText {
    padding-bottom: 60px;
}

.editor__wrap .richText-editor {
    min-height: 60px;
}

.editor__button {
    position: absolute;
    right: 25px;
    bottom: 12px;
    z-index: 1;
    min-width: 135px;
    border-radius: 5px;
}

.answer {
    display: none;
    position: relative;
    margin-top: 15px;
    background: rgb(222 230 235 / 27%);
    padding: 25px;
    border-radius: 6px;
}

.author__comment {
    font-weight: 300;
    font-size: 11px;
    margin-left: 7px;
    background: #242729;
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
}

@media only screen and (max-width: 767px) {
    .answer {
        padding-left: 52px;
    }
}

.answer__avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
}

.answer__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.answer__details {
    flex-grow: 1;
}

.answer__details textarea {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 30px;
    min-height: 19px;
    padding: 0;
    resize: none;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 300;
    color: #252629;
    font-family: var(--font-heading);
}

.comments__list .comments__item__full:not(:last-child) {
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .answer__details textarea {
        padding-right: 8px;
    }
}

.answer__details textarea::-webkit-input-placeholder {
    color: rgba(17, 19, 21, 0.5);
}

.answer__details textarea::-moz-placeholder {
    color: rgba(17, 19, 21, 0.5);
}

.answer__details textarea:-ms-input-placeholder {
    color: rgba(17, 19, 21, 0.5);
}

.answer__details textarea::-ms-input-placeholder {
    color: rgba(17, 19, 21, 0.5);
}

.answer__details textarea::placeholder {
    color: rgba(17, 19, 21, 0.5);
}



.answer__btns {
    display: flex;
    margin-top: 16px;
}


.answer__button:not(:last-child) {
    margin-right: 8px;
}


.comments__head {
    display: flex;
    align-items: center;
    height: 48px;
}

.comments__title {
    display: flex;
    align-items: center;
    margin-right: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .comments__title {
        font-size: 18px;
    }
}

.comments__counter {
    flex-shrink: 0;
    min-width: 38px;
    margin-right: 12px;
    padding: 0 6px;
    border-radius: 8px;
    background: #CABDFF;
    text-align: center;
    line-height: 36px;
}


.comments__close {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
}

.comments__close .icon {
    width: 20px;
    height: 20px;
    fill: #33383F;
    transition: fill .2s;
}


.comments__close:hover .icon {
    fill: #2A85FF;
}

.comments .editor {
    margin-top: 24px;
}

.comments__list {
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .comments__list {
        margin-top: 24px;
    }
}

.comments__item,
.comments__answer {
    display: flex;
}

.comments__item .comments__avatar {
    width: 48px;
    height: 48px;
}

.comments__item .comments__details {
    flex: 0 0 calc(100% - 48px);
    width: calc(100% - 48px);
    padding-left: 16px;
}

.comments__item:not(:first-child) {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #EFEFEF;
}

.comments__answer {
    margin-top: 32px;
    padding: 24px 0 0 64px;
    border-top: 1px solid #EFEFEF;
}

.comments__answer .comments__avatar {
    width: 32px;
    height: 32px;
    margin-top: 7px;
}

.comments__answer .comments__details {
    flex: 0 0 calc(100% - 32px);
    width: calc(100% - 32px);
    padding-left: 16px;
}

.comments__avatar {
    flex-shrink: 0;
}

.comments__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.comments__line {
    display: block;
}

.comments__author {
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-heading);
    font-size: 19px;
    display: flex;
    align-items: center;
}
.comments__author a{
    color: #181a1b;
}
.comments__author a:hover{
    color: #00bcd4;
}
.comments__author .customer__buy__item{
    font-weight: 300;
    font-size: 11px;
    margin-left: 7px;
    background: #00bcd4;
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
}

.comments__time {
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.33333;
    font-weight: 500;
    color: #8a919a;
}

.comments__login {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    font-weight: 500;
    color: #6F767E;
}

.comments__content {
    margin-top: 12px;
    font-weight: 300;
    color: #646e72;
    font-size: 14px;
    font-family: var(--font-heading);
}

.comments__content strong {
    font-weight: 600;
}

.comments__control {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.comments__reply {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.23077;
    color: #9A9FA5;
    transition: color .2s;
    font-family: var(--font-heading);
}

.comments__reply .icon {
    margin-right: 10px;
    color: #9A9FA5;
    transition: fill .2s;
    font-size: 19px;
}
.comments__reply:hover,
.comments__reply.active {
    color: #1A1D1F;
}
.comments__reply:hover .icon,
.comments__reply.active .icon {
    color: #1A1D1F;
}
.comments__reply:not(:last-child) {
    margin-right: 24px;
}
.share__head,
.share__preview {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #EFEFEF;
}


.share__head {
    padding-right: 50px;
}

.share__title {
    position: 40px;
}

.share__field {
    position: relative;
    margin-bottom: 24px;
}

.share__field i{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 11px;
    font-size: 20px;
    color: #969696;
}

.comments__item__full {
    border: 1px solid #edf2f4;
    padding: 40px 20px;
    border-radius: 7px;
}

.share__input {
    width: 100%;
    height: 40px;
    padding: 0 60px 0 44px;
    border-radius: 8px;
    background: #F4F4F4;
    font-size: 13px;
    font-weight: 400;
    color: #89929d;
    font-family: var(--font-heading);
    line-height: 39px;
}

.share__copy {
    position: absolute;
    right: 8px;
    font-weight: 600;
    color: #5e696f;
    transition: opacity .2s;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--font-heading);
    background: #dadfe1;
    font-size: 12px;
    padding: 4px 15px;
    border-radius: 8px;
}

.share__copy:hover {
    opacity: .8;
}

.share__preview img {
    width: 100%;
    border-radius: 12px;
}

.share__btns {
    display: flex;
    margin: 0 -8px;
}

.share__button {
    flex-grow: 1;
    margin: 0 8px;
}

.share__button .icon {
    width: 24px;
    height: 24px;
}

.stock__list {
    display: flex;
    margin: 0 -6px;
}

@media only screen and (max-width: 1023px) {
    .stock__list {
        margin: 0 -24px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .stock__list::-webkit-scrollbar {
        display: none;
    }
    .stock__list:before,
    .stock__list:after {
        content: "";
        flex-shrink: 0;
        width: 24px;
        height: 1px;
    }
}

@media only screen and (max-width: 767px) {
    .stock__list {
        margin: 0 -16px;
    }
    .stock__list:before,
    .stock__list:after {
        width: 16px;
    }
}

.stock__item {
    display: block;
    flex: 0 0 calc(25% - 12px);
    width: calc(25% - 12px);
    margin: 0 6px;
    padding: 32px;
    border-radius: 12px;
    color: #1A1D1F;
}

@media only screen and (max-width: 1023px) {
    .stock__item {
        flex: 0 0 295px;
        width: 295px;
        margin: 0;
    }
    .stock__item:not(:last-child) {
        margin-right: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .stock__item {
        flex: 0 0 285px;
        width: 285px;
    }
}


.stock__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    border-radius: 50%;
    color: #333;
    font-size: 40px;
}

.stock__list .stock__item:nth-child(1) .stock__icon {
    color: #ff5722;
}

.stock__list .stock__item:nth-child(2) .stock__icon {
    color: #ff9800;
}

.stock__list .stock__item:nth-child(3) .stock__icon {
    color: #3f51b5;
}

.stock__list .stock__item:nth-child(4) .stock__icon {
    color: #6dadbe;
}

.stock__line {
    display: flex;
}

.stock__category {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #33383F;
}



.stock__counter {
    margin-bottom: 4px;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.stock__indicator {
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    padding: 4px 12px;
    background: #FCFCFC;
    color: #6F767E;
}

.stock__indicator span {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33333;
}

.stock__chart {
    width: 100px;
    height: 110px;
    margin-left: auto;
}

.activity__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .activity__table {
        display: block;
    }
}

.activity__row {
    display: table-row;
}

@media only screen and (max-width: 767px) {
    .activity__row {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .activity__row:first-child {
        display: none;
    }
}

.activity__row:first-child .activity__col {
    padding-bottom: 24px;
    border-bottom: 1px solid #EFEFEF;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}



.activity__row:not(:first-child) .activity__col {
    padding-top: 24px;
}

@media only screen and (max-width: 767px) {
    .activity__row:not(:first-child) .activity__col {
        padding: 0;
    }
}

.activity__row:not(:first-child) .activity__col:first-child {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6F767E;
}

@media only screen and (max-width: 1419px) {
    .activity__row:not(:first-child) .activity__col:first-child {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1023px) {
    .activity__row:not(:first-child) .activity__col:first-child {
        font-size: 14px;
    }
}

.activity__row:nth-child(2) .activity__col {
    padding-top: 32px;
}

@media only screen and (max-width: 767px) {
    .activity__row:nth-child(2) .activity__col {
        padding-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .activity__row:not(:last-child):not(:first-child) {
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #EFEFEF;
    }

}

.activity__row:not(:last-child):not(:first-child) .activity__col {
    padding-bottom: 16px;
    border-bottom: 1px solid #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .activity__row:not(:last-child):not(:first-child) .activity__col {
        padding-bottom: 0;
        border: none;
    }
}


.activity__col {
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .activity__col {
        display: flex;
        align-items: center;
    }
}

.activity__col:not(:last-child) {
    padding-right: 16px;
}

@media only screen and (max-width: 767px) {
    .activity__col:not(:last-child) {
        margin-bottom: 8px;
        padding-right: 0;
    }
}

.activity__label {
    display: none;
}

@media only screen and (max-width: 767px) {
    .activity__label {
        display: block;
        flex-shrink: 0;
        width: 116px;
        padding-right: 12px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #6F767E;
    }
}

.activity__item {
    display: inline-flex;
    align-items: center;
}

.activity__counter {
    padding: 0 6px;
    border-radius: 6px;
    cursor: pointer;
}



.activity__counter:hover+.balance {
    visibility: visible;
    opacity: 1;
}

.activity .balance {
    margin-left: 6px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}

@media only screen and (max-width: 1259px) {
    .activity .balance {
        visibility: visible;
        opacity: 1;
        font-size: 11px;
    }
}

@media only screen and (max-width: 1023px) {
    .activity .balance {
        font-size: 12px;
    }
}

.activity__nav {
    display: none;
    margin-top: 32px;
}

@media only screen and (max-width: 767px) {
    .activity__nav {
        display: flex;
    }
}

.activity__link {
    flex: 1;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6F767E;
    transition: all .2s;
}

.activity__link:hover,
.activity__link.active {
    color: #1A1D1F;
}


.activity__link.active {
    background: #EFEFEF;
}



.form {
    position: relative;
    width: 360px;
}

.form__input {
    width: 100%;
    height: 40px;
    padding: 0 20px 0 44px;
    background: #F4F4F4;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #1A1D1F;
}


.form__input::-webkit-input-placeholder {
    color: #9A9FA5;
}

.form__input::-moz-placeholder {
    color: #9A9FA5;
}

.form__input:-ms-input-placeholder {
    color: #9A9FA5;
}

.form__input::-ms-input-placeholder {
    color: #9A9FA5;
}

.form__input::placeholder {
    color: #9A9FA5;
}

.form__button {
    width: 44px;
    padding-right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form__button .icon {
    color: #6F767E;
    transition: color .2s;
    font-size: 18px;
}

.form__button:hover .icon {
    color: #2A85FF;
}

.checkbox {
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.checkbox__inner {
    display: flex;
}

.checkbox__inner:hover .checkbox__tick {
    border-color: #00bcd4;
}

.checkbox__tick {
    position: relative;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 2px solid rgba(111, 118, 126, 0.4);
    transition: all .2s;
}

.checkbox__tick:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' viewBox='0 0 17 12'%3E%3Cpath d='M16.707.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0L.293 6.707A1 1 0 0 1 .735 5.02a1 1 0 0 1 .973.273l3.586 3.586a1 1 0 0 0 1.414 0L15.293.293a1 1 0 0 1 1.414 0z' fill='%23fcfcfc' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% 50%/9px auto;
    opacity: 0;
    transition: opacity .2s;
}

.checkbox__text {
    flex-grow: 1;
    padding-left: 7px;
    font-size: 13px;
    font-weight: 600;
    color: #1A1D1F;
    font-family: var(--font-heading);
}

.checkbox__input:checked+.checkbox__inner .checkbox__tick {
    background: #00bcd4;
    border-color: #00bcd4;
}

.checkbox__input:checked+.checkbox__inner .checkbox__tick:before {
    opacity: 1;
}

.checkbox_reverse .checkbox__inner {
    flex-direction: row-reverse;
}

.checkbox_reverse .checkbox__text {
    padding: 0 16px 0 0;
}

.radio {
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.radio__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.radio__inner {
    display: flex;
}

.radio__inner:hover .radio__tick {
    border-color: #00bcd4;
}

.radio__tick {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid rgba(111, 118, 126, 0.4);
    transition: all .2s;
}

.radio__tick:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FCFCFC;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25), inset 0px -1px 2px #DEDEDE;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.radio__text {
    flex-grow: 1;
    padding-right: 16px;
    line-height: 1.71429;
    color: #1A1D1F;
}

.radio__input:checked+.radio__inner .radio__tick {
	background: #00bcd4;
    border-color: #00bcd4;
}

.radio__input:checked+.radio__inner .radio__tick:before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.control {
    display: flex;
    align-items: center;
}

.control__button {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-right: 24px;
    border-radius: 50%;
    background: #FCFCFC;

}

@media only screen and (max-width: 1023px) {
    .control__button {
        display: none;
    }
}


.control__button .icon {
    width: 20px;
    height: 20px;
    fill: #6F767E;
    transition: fill .2s;
}

.control__button:hover .icon {
    fill: #2A85FF;
}

.control .actions__button {
    width: 40px;
    height: 40px;
    background: #f4f4f4;
    line-height: 42px;
    font-size: 23px;
    color: #2d2f30;
	font-size: 15px;
}

.control .actions__button:hover {
    background: #2a85ff;
    color: #fff;
}

.control .actions.active .actions__button {
    background: #2a85ff;
    color: #fff;
}

.control .actions__body:before {
    right: 19px;
}

@media only screen and (max-width: 1023px) {
    .control .actions__option:first-child,
    .control .actions__option:nth-child(2) {
        display: flex;
    }
}

.products__head {
    display: flex;
    align-items: center;
    margin-bottom: 44px;
}

@media only screen and (max-width: 1023px) {
    .products__head {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .products__head {
        flex-wrap: wrap;
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 1419px) {
    .products__head .form {
        width: 300px;
    }
}

@media only screen and (max-width: 1023px) {
    .products__head .form {
        width: 250px;
    }
}

@media only screen and (max-width: 767px) {
    .products__head .form {
        width: 100%;
    }
}

.products__title {
    margin-right: 24px;
}

@media only screen and (max-width: 767px) {
    .products__title {
        margin-right: 0;
    }
}

.products__indicators {
    display: none;
    align-items: center;
}

@media only screen and (max-width: 1023px) {
    .products__indicators {
        display: none;
    }
}

.products__indicators .products__button {
    margin-right: 8px;
}

.products__counter {
    margin-left: 16px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.84615;
}

.products__select {
    min-width: 154px;
    margin-left: auto;
}

@media only screen and (max-width: 767px) {
    .products__select {
        width: 100%;
        margin-top: 16px;
    }
}

.products__nav {
    display: flex;
    margin-left: auto;
}

@media only screen and (max-width: 1023px) {
    .products__nav {
        display: none;
    }
}

.products__link {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6F767E;
    transition: all .2s;
}

.products__link:hover,
.products__link.active {
    color: #1A1D1F;
}

.products__link.active {
    background: #EFEFEF;
}


.products__link:not(:last-child) {
    margin-right: 8px;
}

.products__tab {
    display: none;
}

.products__wrapper {
    margin: 0 -12px;
}

@media only screen and (max-width: 1023px) {
    .products__wrapper {
        margin: 0;
    }
}

.products__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .products__table {
        display: block;
    }
}

.products__row {
    display: table-row;
}

@media only screen and (max-width: 1023px) {
    .products__row {
        position: relative;
        display: block;
    }
}


.products__row:first-child .products__col {
    padding: 0 12px 16px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.products__row:not(:first-child) {
    transition: background .2s;
}

.products__row:not(:first-child) .products__col:not(:first-child):not(:nth-child(2)) {
    padding-top: 20px;
}

@media only screen and (max-width: 1023px) {
    .products__row:not(:first-child) .products__col:not(:first-child):not(:nth-child(2)) {
        padding-top: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .products__row:not(:last-child) {
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #EFEFEF;
    }
}

.products__col {
    position: relative;
    display: table-cell;
    padding: 16px 12px;
    vertical-align: middle;
    color: #1A1D1F;
}

@media only screen and (max-width: 1023px) {
    .products__col {
        position: static;
        display: flex;
        align-items: center;
        padding: 0;
    }
}

.products__table .products__row:not(:last-child) .products__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .products__col:after {
        display: none;
    }
}



@media only screen and (max-width: 1023px) {
    .products__col:nth-child(4) {
        display: none;
    }
}

.products__col:last-child {
    border-radius: 0 8px 8px 0;
}

.products__col:last-child:after {
    right: 12px;
}

@media only screen and (max-width: 1023px) {
    .products__col:not(:first-child):not(:last-child) {
        margin-bottom: 12px;
    }
}

.products__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #1A1D1F;
    transition: color .2s;
}

@media only screen and (max-width: 767px) {
    .products__item {
        align-items: stretch;
    }
}

.products__item:hover {
    color: #2A85FF;
}


.products__preview {
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .products__preview {
    width: 104px;
    height: 104px;
    }
}

.products__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.products__subtitle {
    max-width: 360px;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    font-family: var(--font-heading);
}

@media only screen and (max-width: 1023px) {
    .products__subtitle {
    max-width: 100%;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.33333;
    }
}

@media only screen and (max-width: 1023px) {
    .products__wrap {
        display: flex;
        align-items: center;
    }
}

.products__category {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.23077;
    color: #b8bec6;
}


.products__sales {
    display: inline-flex;
    align-items: center;
}

.products__number,
.products__price {
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    background: #EFEFEF;
    transition: background .2s;
}

.products__price {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .products__price {
        display: inline-block;
        margin-right: 12px;
    }
}

.products .balance {
    margin-left: 8px;
}

.products__box {
    display: flex;
    align-items: center;
}

.products__line {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 8px;
    margin-left: 8px;
}

@media only screen and (max-width: 1259px) {
    .products__line {
        width: 36px;
    }
}

@media only screen and (max-width: 1023px) {
    .products__line {
        width: 44px;
    }
}

.products__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px;
}

.products__progress_views {
    background: #2A85FF;
}

.products__progress_likes {
    background: #8E59FF;
}

.products__status {
    transition: background .2s;
}

.products .control {
    position: absolute;
    left: 12px;
    bottom: 16px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}

@media only screen and (max-width: 1023px) {
    .products .control {
        top: 0;
        left: auto;
        right: 0;
        bottom: auto;
        visibility: visible;
        opacity: 1;
    }
}

.products__label {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .products__label {
        display: block;
        flex-shrink: 0;
        width: 124px;
        padding-right: 20px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #6F767E;
    }
}

.products__foot {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.products__arrow {
    width: 40px;
    height: 40px;
    border: 2px solid #EFEFEF;
    border-radius: 50%;
    transition: border-color .2s;
}


.products__arrow .icon {
    width: 20px;
    height: 20px;
    fill: #6F767E;
    transition: fill .2s;
}

.products__arrow:hover {
    border-color: #EFEFEF;
}

.products__arrow:hover .icon {
    fill: #1A1D1F;
}


.products__arrow:not(:last-child) {
    margin-right: 8px;
}

.statistics__wrapper {
    margin: 0 -12px;
}

@media only screen and (max-width: 1023px) {
    .statistics__wrapper {
        margin: 0;
    }
}

.statistics__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .statistics__table {
        display: block;
    }
}

.statistics__row {
    display: table-row;
}

@media only screen and (max-width: 1023px) {
    .statistics__row {
        display: block;
    }
}

@media only screen and (max-width: 1023px) {
    .statistics__row:first-child {
        margin-bottom: 24px;
    }
}

.statistics__row:first-child .statistics__col {
    padding: 0 12px 16px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

@media only screen and (max-width: 1023px) {
    .statistics__row:first-child .statistics__col {
        padding: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .statistics__row:first-child .statistics__col:nth-child(2) {
        display: none;
    }
}

.statistics__row:not(:first-child) {
    transition: background .2s;
}

@media only screen and (max-width: 1023px) {
    .statistics__row:not(:first-child) {
        position: relative;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #EFEFEF;
    }
}

@media only screen and (min-width: 1024px) {
    .statistics__row:not(:first-child):hover {
        background: #F4F4F4;
    }
    .statistics__row:not(:first-child):hover .control {
        visibility: visible;
        opacity: 1;
    }
}

.statistics__col {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding: 16px 12px;
    color: #1A1D1F;
}

@media only screen and (max-width: 1023px) {
    .statistics__col {
        position: static;
        display: block;
        padding: 0;
    }
}

.statistics__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .statistics__col:after {
        display: none;
    }
}

.statistics__col:first-child {
    width: 56px;
    border-radius: 8px 0 0 8px;
    font-size: 0;
}

@media only screen and (max-width: 1023px) {
    .statistics__col:first-child {
        display: none;
    }
}

.statistics__col:first-child:after {
    left: 12px;
}

.statistics__col:nth-child(2) {
    width: 300px;
}

@media only screen and (max-width: 1023px) {
    .statistics__col:nth-child(2) {
        width: 100%;
    }
}

.statistics__col:last-child {
    border-radius: 0 8px 8px 0;
}

.statistics__col:last-child:after {
    right: 12px;
}

.statistics__control {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1023px) {
    .statistics__control {
        display: block;
    }
}

.statistics__info {
    margin-right: auto;
}

@media only screen and (max-width: 1023px) {
    .statistics__info {
        display: none;
    }
}

.statistics__indicators {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 0 -24px;
}

@media only screen and (max-width: 1419px) {
    .statistics__indicators {
        margin-left: -12px;
    }
}

@media only screen and (max-width: 1023px) {
    .statistics__indicators {
        margin-left: -24px;
    }
}

.statistics__indicators .statistics__legend {
    position: relative;
    margin: 8px 0 0 24px;
    padding-left: 24px;
}

@media only screen and (max-width: 1419px) {
    .statistics__indicators .statistics__legend {
        margin-left: 12px;
    }
}

@media only screen and (max-width: 1259px) {
    .statistics__indicators .statistics__legend {
        padding-left: 18px;
    }
}

@media only screen and (max-width: 1023px) {
    .statistics__indicators .statistics__legend {
        margin-left: 24px;
        padding-left: 24px;
    }
}

.statistics__indicators .statistics__color {
    position: absolute;
    top: 2px;
    left: 0;
}

.statistics__color {
    width: 12px;
    height: 12px;
    border-radius: 4px;
}

.statistics__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #1A1D1F;
    transition: color .2s;
}

@media only screen and (max-width: 767px) {
    .statistics__item {
        align-items: stretch;
    }
}


.statistics__item:hover {
    color: #2A85FF;
}


.statistics__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .statistics__preview {
        width: 104px;
    }
}

.statistics__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.statistics__product {
    max-width: 170px;
    margin-bottom: 4px;
}

@media only screen and (max-width: 1023px) {
    .statistics__product {
        max-width: 100%;
        margin-bottom: 8px;
        padding-right: 42px;
        font-size: 18px;
        line-height: 1.33333;
        letter-spacing: -0.02em;
    }
}

.statistics__date {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.statistics__line {
    display: flex;
    margin: 11px 0 0 -1px;
}

@media only screen and (max-width: 1023px) {
    .statistics__line {
        margin-top: 20px;
    }
}

.statistics__box {
    position: relative;
    height: 12px;
    margin-left: 1px;
    border-radius: 2px;
    cursor: pointer;
}

.statistics__box:hover .statistics__tooltip {
    visibility: visible;
    opacity: 1;
}

.statistics__tooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 8px;
    background: #272B30;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 0px 1px #000000;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
}

.statistics__subtitle {
    margin-bottom: 8px;
    white-space: nowrap;
    color: #EFEFEF;
}

.statistics__tooltip .statistics__legend {
    display: flex;
    align-items: center;
    color: #FCFCFC;
}
.statistics__tooltip .statistics__color {
    flex-shrink: 0;
    margin-right: 4px;
}
.statistics .control {
    position: absolute;
    left: 12px;
    bottom: 16px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}
@media only screen and (max-width: 1023px) {
    .statistics .control {
        top: 0;
        left: auto;
        right: 0;
        bottom: auto;
        visibility: visible;
        opacity: 1;
    }
}
.statistics__foot {
    margin-top: 20px;
    text-align: center;
}
@media only screen and (max-width: 1023px) {
    .statistics__foot {
        margin-top: 0;
    }
}
.switch {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 0;
}
.switch__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.switch__input:checked+.switch__inner .switch__box {
    background: #00bcd4;
}
.switch__input:checked+.switch__inner .switch__box:before {
    -webkit-transform: translate(24px, -50%);
    transform: translate(24px, -50%);
    background: #FCFCFC;
}
.switch__inner {
    position: relative;
    display: inline-block;
    transition: all .2s;
}
.switch__box {
    position: relative;
    display: block;
    width: 48px;
    height: 24px;
    background: #F4F4F4;
    border-radius: 12px;
    transition: all .2s;
}
.switch__box:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FCFCFC;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 2px #FFFFFF, inset 0px -1px 1px rgba(0, 0, 0, 0.1);
    transition: all .2s;
}
.fields__row {
    margin-bottom: 20px;
}
.field__label {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.71429;
    color: #7c838c;
    display: flex;
    align-items: center;
    font-family: var(--font-heading);
    margin-bottom: 6px;
    padding-left: 7px;
}
.field__label__header {
    margin-bottom: 14px;
}
.field__label__header .field__label__sub__title small {
    font-weight: 100;
    color: #7d8093;
    display: block;
    font-size: 12px;
    margin-top: -3px;
}
.field__wrap {
    position: relative;
}
.field__input {
    height: 42px;
    border-radius: 13px;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #e4e7e9;
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.6;
    color: #1A1D1F;
    transition: all .2s;
    outline: none !important;
}
.error__input input{
    border: 1px solid #f44336 !important;
}
.error__input__badge {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
}
.field__input::-webkit-input-placeholder {
    color: #6F767E;
}
.field__input::-moz-placeholder {
    color: #6F767E;
}
.field__input:-ms-input-placeholder {
    color: #6F767E;
}
.field__input::-ms-input-placeholder {
    color: #6F767E;
}
.field__input::placeholder {
    color: #6F767E;
}
.field__input:focus {
    border-color: #9A9FA5;
    background: #FFFFFF;
}
.field__icon,
.field__copy {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
}
.field__icon .icon,
.field__copy .icon {
    font-size: 16px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.field__icon {
    left: 0;
    pointer-events: none;
}
.field__icon .icon {
	color: #6F767E;
}
.field__copy {
    right: 0;
}
.field__copy .icon {
    color: #6F767E;
    transition: fill .2s;
}
.field__copy:hover .icon {
    color: #2A85FF;
}
.field__currency {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    border-radius: 10px 0 0 10px;
    background: #eaeeef;
    color: #63696d;
    font-family: var(--font-heading);
    font-weight: 200;
    font-size: 13px;
}
.field_icon .field__input {
    padding-left: 48px;
}

.field_currency .field__input:focus {
    border-color: #9A9FA5;
}
.field_copy .field__input {
    padding-right: 48px;
}

.field.error .field__icon .icon {
    color: #FF6A55;
}

.field.error .field__wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a1 1 0 0 0 1-1V9a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1zm7.675 2.504L12.87 5.563a1 1 0 0 0-1.738 0L4.327 17.504A1 1 0 0 0 5.196 19h13.61a1 1 0 0 0 .869-1.495zM14.607 4.573c-1.151-2.019-4.062-2.019-5.213 0L2.589 16.514C1.45 18.514 2.894 21 5.196 21h13.61c2.302 0 3.746-2.486 2.606-4.485L14.607 4.573z' fill-rule='evenodd' fill='%23ff6a55'/%3E%3Cpath d='M13 17a1 1 0 1 1-2 0 1 1 0 1 1 2 0z' fill='%23ff6a55'/%3E%3C/svg%3E") no-repeat 50% 50%/18px auto;
}

.field.error .field__input {
    padding-right: 48px;
    background: rgba(255, 188, 153, 0.25);
    border-color: transparent;
    color: #FF6A55;
    box-shadow: inset 0 0 0 1px #f44336;
}

.field.error .field__input::-webkit-input-placeholder {
    color: #FF6A55;
}

.field.error .field__input::-moz-placeholder {
    color: #FF6A55;
}

.field.error .field__input:-ms-input-placeholder {
    color: #FF6A55;
}

.field.error .field__input::-ms-input-placeholder {
    color: #FF6A55;
}

.field.error .field__input::placeholder {
    color: #FF6A55;
}
.field.success .field__wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.707 6.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0l-3.586-3.586a1 1 0 0 1 1.414-1.414l3.586 3.586a1 1 0 0 0 1.414 0l8.586-8.586a1 1 0 0 1 1.414 0z' fill='%2383bf6e'/%3E%3C/svg%3E") no-repeat 50% 50%/24px auto;
}
.field.success .field__input {
    padding-right: 48px;
    background: #FFFFFF;
    border-color: #9A9FA5;
}
.file__label {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383F;
}
.file .tooltip {
    position: relative;
    top: -1px;
}
.file .tooltip .icon {
    color: #9A9FA5;
}
.file__wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    background: #fff;
    overflow: hidden;
	border-radius: 12px;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23E6E7F1FF' stroke-width='3' stroke-dasharray='9' stroke-dashoffset='2' stroke-linecap='round'/%3e%3c/svg%3e");
}
.file__wrap__preview {
    background: #ebebeb;
    padding: 15px 29px;
    border-radius: 0 0 12px 12px;
    display: flex;
    justify-content: flex-start;
}
.file__wrap__preview .products__preview{
    position: relative;
	margin-right: 15px;
	opacity: 0.7;
	width: 180px;
    height: 120px;
	transition: all .2s;
}
.file__wrap__preview .products__preview .products__preview__thumb{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    background: #00bcd4;
    color: #fff;
    padding: 4px 0;
	opacity: 0;
	transition: all .2s;
}
.file__wrap__preview .products__preview:hover .products__preview__thumb,
.file__wrap__preview .products__preview.active .products__preview__thumb{
	opacity: 1;
}
.file__wrap__preview .products__preview:hover,
.file__wrap__preview .products__preview.active{
	opacity: 1;
}
.file__wrap__preview .products__preview .delete{
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #f44336;
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    border-radius: 4px;
}
.file__input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    bottom: 0;
    cursor: pointer;
    width: 100%;
}
.file__input:hover+.file__box {
    background: #059baf;
}
.file__box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0 37px;
    border: 0;
    border-radius: 12px;
    background: #00bcd4;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.6;
    transition: all 0.2s;
    color: #fff;
    font-family: var(--font-heading);
}
.file__box .icon {
    margin-right: 8px;
    font-size: 22px;
}
.create__row {
    display: flex;
}

@media only screen and (max-width: 1023px) {
    .create__row {
        display: block;
    }
}

.create__col:first-child {
    flex: 0 0 calc(100% - 340px);
    width: calc(100% - 340px);
    padding-right: 8px;
}

@media only screen and (max-width: 1259px) {
    .create__col:first-child {
        flex: 0 0 calc(100% - 296px);
        width: calc(100% - 296px);
    }
}

@media only screen and (max-width: 1023px) {
    .create__col:first-child {
        width: 100%;
        padding: 0;
    }
}

.create__col:nth-child(2) {
    flex-shrink: 0;
    width: 340px;
}

@media only screen and (max-width: 1259px) {
    .create__col:nth-child(2) {
        width: 296px;
    }
}

@media only screen and (max-width: 1023px) {
    .create__col:nth-child(2) {
        width: auto;
    }
}

.create__card:not(:last-child) {
    margin-bottom: 8px;
}

.create .card__button .icon {
    width: 24px;
    height: 24px;
}

.create__card>.field:not(:last-child),
.create .editor:not(:last-child),
.create .file:not(:last-child) {
    margin-bottom: 32px;
}

@media only screen and (max-width: 1259px) {
    .create__card>.field:not(:last-child),
    .create .editor:not(:last-child),
    .create .file:not(:last-child) {
        margin-bottom: 24px;
    }
}

.create__group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 -6px -12px;
}

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

.create__group .field {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
    margin: 0 6px 12px;
}

@media only screen and (max-width: 767px) {
    .create__group .field {
        width: 100%;
        margin: 12px 0 0;
    }
}

.create__line {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #EFEFEF;
}

.create__info {
    margin-right: auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383F;
}


.create .tooltip {
    position: relative;
    top: -1;
}

.create .tooltip .icon {
    fill: #9A9FA5;
}

.create .switch {
    margin-left: 12px;
}

.create__fieldset {
    display: flex;
    margin: 0 -6px;
}

.create__fieldset .field {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
    margin: 0 6px;
}

.create__fieldset .field__label {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1.33333;
    font-weight: 700;
    color: #6F767E;
}

.create__label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383F;
}

.create__list {
    display: flex;
    flex-wrap: wrap;
    margin: -4px -16px 32px 0;
}

@media only screen and (max-width: 1259px) {
    .create__list {
        margin-bottom: 24px;
    }
}

.create__list .checkbox {
    margin: 16px 25px 0 0;
}

.create__top {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.create__top .create__label {
    margin-right: auto;
}
.create__counter {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.23077;
    color: #bac4d0;
    font-family: var(--font-heading);
}
.create__counter span {
    color: #1A1D1F;
}
.create__preview {
    position: sticky;
    top: 102px;
}

@media only screen and (max-width: 1339px) {
    .create__preview {
        top: 86px;
    }
}
@media only screen and (max-width: 1023px) {
    .create__preview {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 50;
        display: flex;
        padding: 64px 16px;
        overflow: auto;
        background: #F4F4F4;
        visibility: hidden;
        opacity: 0;
        transition: all .2s;
    }
    .create__preview.visible {
        visibility: visible;
        opacity: 1;
    }
}
@media only screen and (max-width: 1259px) {
    .create__preview .card {
        padding: 16px;
    }
}
@media only screen and (max-width: 1023px) {
    .create__preview .card {
        max-width: 340px;
        margin: auto;
    }
}
.create__preview .card__head {
    margin-bottom: 24px;
}
.create__close {
    position: absolute;
    top: 32px;
    left: 32px;
    display: none;
}
@media only screen and (max-width: 1023px) {
    .create__close {
        display: inline-block;
    }
}
.create__close .icon {
    width: 24px;
    height: 24px;
    color: #6F767E;
}
.create__photo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.create__photo img {
    width: 100%;
    border-radius: 12px;
}

.create__flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}

.create__subtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .create__subtitle {
        font-size: 18px;
    }
}

.create__price {
    flex-shrink: 0;
    margin-left: 12px;
    padding: 0 8px;
    background: #B5E4CA;
    border-radius: 6px;
    line-height: 32px;
    font-weight: 700;
}

.create__user {
    display: flex;
    align-items: center;
}

.create__avatar {
    position: relative;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px;
}

.create__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.create__text {
    font-weight: 500;
    color: #6F767E;
}

.create__text span {
    font-weight: 600;
    color: #1A1D1F;
}

.panel {
    position: relative;
    display: flex;
    align-items: center;
    margin: auto -40px -40px;
    padding: 60px 40px 20px;
}

@media only screen and (max-width: 1339px) {
    .panel {
        margin: auto -24px -32px;
        padding: 44px 24px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .panel {
        display: block;
        margin: auto -16px -24px;
        padding: 40px 16px 16px;
    }
}

.panel:before {
    content: "";
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #FCFCFC;
    box-shadow: inset 1px 0px 0px #F4F4F4;
}

@media only screen and (max-width: 1339px) {
    .panel:before {
        top: 24px;
    }
}


.panel__info {
    margin-right: auto;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

@media only screen and (max-width: 767px) {
    .panel__info {
        margin: 0 0 24px;
    }
}

.panel__info .icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: #6F767E;
}

.panel__info span {
    color: #1A1D1F;
}


.panel__note {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    background: #272B30;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    color: #F4F4F4;
}

.panel__note>.icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #83BF6E;
}

.panel__note span {
    position: relative;
    top: -2px;
    margin-left: 4px;
}

.panel .close {
    margin-left: 20px;
}

.panel .close .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}

.panel .close:hover .icon {
    fill: #FCFCFC;
}

.panel__btns {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.panel__btns .panel__button {
    margin-right: 8px;
}

@media only screen and (max-width: 767px) {
    .panel__btns .panel__button {
        flex-grow: 1;
    }
}

.panel__btns .panel__button .icon {
    width: 24px;
    height: 24px;
}

.panel .actions__button {
    width: 48px;
    height: 48px;
    border: 2px solid #EFEFEF;
    border-radius: 12px;
    transition: all .2s;
}

.panel .actions__button .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #6F767E;
}

.panel .actions__button:hover {
    background: #EFEFEF;
}

.panel .actions__button:hover .icon {
    fill: #1A1D1F;
}

.panel .actions__option:first-child {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .panel .actions__option:first-child {
        display: flex;
    }
}

.panel .actions__body {
    right: 0;
}

.panel .actions__body:before {
    right: 14px;
}

.loader {
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    position: relative;
    font-size: 4px;
    -webkit-animation: loader 1.1s infinite ease;
    animation: loader 1.1s infinite ease;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
	position: absolute;
    top: 20px;
}

.loader_white {
    -webkit-animation-name: loader-white;
    animation-name: loader-white;
}

@-webkit-keyframes loader {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #777e90, 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.5), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.7), 1.8em -1.8em 0 0em #777e90, 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.5), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7), 2.5em 0em 0 0em #777e90, 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5), 2.5em 0em 0 0em rgba(119, 126, 144, 0.7), 1.75em 1.75em 0 0em #777e90, 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.5), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.7), 0em 2.5em 0 0em #777e90, -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.5), 0em 2.5em 0 0em rgba(119, 126, 144, 0.7), -1.8em 1.8em 0 0em #777e90, -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.5), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.7), -2.6em 0em 0 0em #777e90, -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.5), -2.6em 0em 0 0em rgba(119, 126, 144, 0.7), -1.8em -1.8em 0 0em #777e90;
    }
}

@keyframes loader {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #777e90, 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.5), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.7), 1.8em -1.8em 0 0em #777e90, 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.5), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7), 2.5em 0em 0 0em #777e90, 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5), 2.5em 0em 0 0em rgba(119, 126, 144, 0.7), 1.75em 1.75em 0 0em #777e90, 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.5), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.7), 0em 2.5em 0 0em #777e90, -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.5), 0em 2.5em 0 0em rgba(119, 126, 144, 0.7), -1.8em 1.8em 0 0em #777e90, -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.5), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.7), -2.6em 0em 0 0em #777e90, -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.5), -2.6em 0em 0 0em rgba(119, 126, 144, 0.7), -1.8em -1.8em 0 0em #777e90;
    }
}

@-webkit-keyframes loader-white {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes loader-white {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

.schedule__wrapper {
    margin: 0 -12px;
}

@media only screen and (max-width: 1023px) {
    .schedule__wrapper {
        margin: 0;
    }
}

.schedule__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .schedule__table {
        display: block;
    }
}

.schedule__row {
    display: table-row;
}

@media only screen and (max-width: 1023px) {
    .schedule__row:first-child {
        display: none;
    }
}

.schedule__row:first-child .schedule__col {
    padding: 0 12px 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.schedule__row:not(:first-child) {
    transition: background .2s;
}

@media only screen and (max-width: 1023px) {
    .schedule__row:not(:first-child) {
        position: relative;
        display: block;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #EFEFEF;
    }
}

@media only screen and (min-width: 1260px) {
    .schedule__row:not(:first-child):hover {
        background: #F4F4F4;
    }
    .schedule__row:not(:first-child):hover .schedule__control {
        visibility: visible;
        opacity: 1;
    }
}

.schedule__col {
    position: relative;
    display: table-cell;
    padding: 16px 12px;
    vertical-align: middle;
    color: #1A1D1F;
}

@media only screen and (max-width: 1023px) {
    .schedule__col {
        display: block;
        position: static;
        padding: 0;
    }
}

.schedule__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .schedule__col:after {
        display: none;
    }
}

.schedule__col:first-child {
    width: 56px;
    border-radius: 8px 0 0 8px;
    font-size: 0;
}

@media only screen and (max-width: 1023px) {
    .schedule__col:first-child {
        display: none;
    }
}

.schedule__col:first-child:after {
    left: 12px;
}

.schedule__col:last-child {
    padding-right: 164px;
    border-radius: 0 8px 8px 0;
    color: #6F767E;
}

@media only screen and (max-width: 1023px) {
    .schedule__col:last-child {
        padding: 0;
    }
}

.schedule__col:last-child:after {
    right: 12px;
}

@media only screen and (max-width: 1023px) {
    .schedule__col:not(:nth-child(2)) {
        display: none;
    }
}

.schedule__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: color .2s;
}

@media only screen and (max-width: 767px) {
    .schedule__item {
        align-items: stretch;
    }
}

.schedule__item:hover {
    color: #2A85FF;
}

.schedule__item .schedule__price,
.schedule__item .schedule__empty,
.schedule__item .schedule__date {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .schedule__item .schedule__price,
    .schedule__item .schedule__empty {
        display: inline-block;
    }
}

@media only screen and (max-width: 1023px) {
    .schedule__item .schedule__date {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #9A9FA5;
    }
    .schedule__item .schedule__date .icon {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        fill: #9A9FA5;
    }
}

.schedule__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .schedule__preview {
        width: 104px;
        height: 116px;
    }
}

.schedule__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.schedule__product {
    max-width: 170px;
    margin-bottom: 4px;
    font-weight: 700;
}

@media only screen and (max-width: 1023px) {
    .schedule__product {
        max-width: 100%;
        margin-bottom: 8px;
        padding-right: 44px;
        font-size: 18px;
        line-height: 1.33333;
        letter-spacing: -0.02em;
    }
}

.schedule__link {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

@media only screen and (max-width: 1023px) {
    .schedule__link {
        display: none;
    }
}

.schedule__price,
.schedule__empty {
    flex-shrink: 0;
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    line-height: 32px;
    font-weight: 700;
}

.schedule__price {
    background: #B5E4CA;
}

.schedule__empty {
    background: #EFEFEF;
}

.schedule__control {
    position: absolute;
    top: 50%;
    right: 12px;
    display: flex;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}

@media only screen and (max-width: 1259px) {
    .schedule__control {
        visibility: visible;
        opacity: 1;
    }
}

@media only screen and (max-width: 1023px) {
    .schedule__control {
        display: none;
    }
}

.schedule__control .schedule__button {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #FCFCFC;
}

@media only screen and (max-width: 1259px) {
    .schedule__control .schedule__button {
        background: #EFEFEF;
    }
}

.schedule__control .schedule__button .icon {
    width: 20px;
    height: 20px;
    fill: #6F767E;
    transition: fill .2s;
}

.schedule__control .schedule__button:hover .icon {
    fill: #2A85FF;
}

.schedule__control .schedule__button:not(:last-child) {
    margin-right: 16px;
}

.schedule .actions {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .schedule .actions {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
    }
    .schedule .actions.active {
        z-index: 10;
    }
}

.schedule__foot {
    margin-top: 20px;
    text-align: center;
}

@media only screen and (max-width: 1023px) {
    .schedule__foot {
        margin-top: 0;
    }
}

.schedule__foot .schedule__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.drafts .card__head {
    margin-bottom: 44px;
}

@media only screen and (max-width: 1023px) {
    .drafts .card__head {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .drafts .card__head {
        flex-wrap: wrap;
        margin-bottom: 24px;
    }
}

.drafts .card__title {
    margin-right: 24px;
}

@media only screen and (max-width: 1023px) {
    .drafts .form {
        width: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .drafts .form {
        width: 100%;
        margin-top: 16px;
        order: 3;
    }
}

.drafts__tab {
    display: none;
}

.drafts__list {
    display: flex;
    flex-wrap: wrap;
    margin: -32px -12px 0;
}

@media only screen and (max-width: 639px) {
    .drafts__list {
        display: block;
        margin: 0 -8px;
    }
}

.drafts .summary {
    flex: 0 0 calc(33.333% - 24px);
    width: calc(33.333% - 24px);
    margin: 32px 12px 0;
}

@media only screen and (max-width: 1023px) {
    .drafts .summary {
        flex: 0 0 calc(50% - 24px);
        width: calc(50% - 24px);
    }
}

@media only screen and (max-width: 639px) {
    .drafts .summary {
        width: 100%;
        margin: 0;
    }
    .drafts .summary:not(:last-child) {
        margin-bottom: 32px;
    }
}

.drafts__foot {
    margin-top: 44px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .drafts__foot {
        margin-top: 32px;
    }
}

.drafts__foot .drafts__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.calendar__title {
    padding-right: 48px;
}

.calendar__note {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #EFEFEF;
    font-weight: 500;
    color: #6F767E;
}

.calendar__list {
    margin-top: 24px;
}

.calendar__item {
    display: block;
}

@media only screen and (max-width: 1259px) {
    .calendar__item {
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .calendar__item {
        position: static;
    }
}

.calendar__item.active .calendar__head {
    border-color: #2A85FF;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05);
}

.calendar__item.active .calendar__head .icon {
    fill: #1A1D1F;
}

.calendar__item.active .calendar__body {
    visibility: visible;
    opacity: 1;
}

.calendar__item:not(:last-child) {
    margin-bottom: 8px;
}

.calendar__head {
    display: flex;
    min-height: 68px;
    padding: 14px;
    border-radius: 12px;
    border: 2px solid #EFEFEF;
    cursor: pointer;
    transition: all .2s;
}

.calendar__head .icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 12px;
    fill: #6F767E;
    transition: fill .2s;
}

.calendar__head:hover {
    border-color: #2A85FF;
}

.calendar__category {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #6F767E;
}

.calendar__value {
    width: 100%;
    height: 24px;
    background: none;
    border: none;
    box-shadow: none;
    pointer-events: none;
    font-size: 15px;
    font-weight: 600;
    color: #1A1D1F;
}

.calendar__body {
    position: absolute;
    top: 0;
    left: calc(100% + 8px);
    background: #FCFCFC;
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}

@media only screen and (max-width: 1259px) {
    .calendar__body {
        top: 100%;
        left: 0;
        right: 0;
        z-index: 3;
    }
}

@media only screen and (max-width: 767px) {
    .calendar__body {
        top: 50%;
        left: 12px;
        right: 12px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}



.calendar__item_date .calendar__body {
    padding: 10px 0 24px;
    text-align: center;
}

.calendar__item_time .calendar__body {
    width: 280px;
    padding: 24px;
}

@media only screen and (max-width: 1259px) {
    .calendar__item_time .calendar__body {
        width: auto;
    }
}

.calendar__date {
    padding: 24px 12px;
}

@media only screen and (max-width: 1259px) {
    .calendar__date {
        width: 100%;
        text-align: center;
    }
}

.calendar__time {
    max-height: 360px;
    overflow: auto;
}

@media only screen and (max-width: 1259px) {
    .calendar__time {
        max-height: 240px;
    }
}

@media only screen and (max-width: 767px) {
    .calendar__time {
        max-height: 360px;
    }
}

.calendar__time li {
    padding: 0 12px;
    border-radius: 4px;
    line-height: 40px;
    color: #6F767E;
    cursor: pointer;
    transition: all .2s;
}

.calendar__time li:hover,
.calendar__time li.active {
    background: #EFEFEF;
    color: #1A1D1F;
}


.calendar__foot {
    margin: 6px 20px 0;
    padding-top: 16px;
    border-top: 1px solid #EFEFEF;
    text-align: right;
}


.calendar__foot .calendar__button:not(:last-child) {
    margin-right: 8px;
}

.calendar__top {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 23px;
    border-bottom: 1px solid #EFEFEF;
}


.calendar__subtitle {
    margin-right: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .calendar__subtitle {
        font-size: 18px;
    }
}

.calendar__close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #EFEFEF;
    font-size: 0;
}

.calendar__close .icon {
    width: 20px;
    height: 20px;
    fill: #33383F;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}


.calendar__close:hover .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.calendar__btns {
    margin-top: 24px;
    text-align: right;
}

.date-picker-wrapper {
    padding: 0;
    border: none;
    border-radius: 24px;
    box-shadow: 0px 40px 32px -24px rgba(15, 15, 15, 0.12);
    background: none;
    z-index: 20;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .date-picker-wrapper {
        width: 262px !important;
        padding: 0 19px;
    }
}


.date-picker-wrapper.single-month .month-wrapper {
    width: 252px !important;
    padding: 0 19px;
}

@media only screen and (max-width: 767px) {
    .date-picker-wrapper.single-month .month-wrapper {
        margin: 0 5px;
        padding: 0;
    }
}

.date-picker-wrapper.single-month .month-wrapper table {
    width: 100% !important;
}

@media only screen and (min-width: 768px) {
    .date-picker-wrapper.two-months .month-wrapper {
        display: flex;
        width: 600px !important;
    }
    .date-picker-wrapper.two-months .month-wrapper table {
        flex: 0 0 calc(50% - 48px);
        width: calc(50% - 48px);
        margin: 0 24px;
    }
}

.date-picker-wrapper.single-date .day {
    border-radius: 50% !important;
}

.date-picker-wrapper.single-date .day.first-date-selected:before,
.date-picker-wrapper.single-date .day.last-date-selected:before {
    display: none;
}

.date-picker-wrapper .month-wrapper {
    background: none;
    border: none;
    box-shadow: none;
}

.date-picker-wrapper .month-wrapper table {
    display: block;
}

@media only screen and (max-width: 767px) {
    .date-picker-wrapper .month-wrapper table {
        width: 100%;
    }
}

.date-picker-wrapper .month-wrapper table thead,
.date-picker-wrapper .month-wrapper table tbody {
    display: block;
    width: 100%;
}

.date-picker-wrapper .month-wrapper table tr {
    display: flex;
    align-items: center;
    height: 36px;
}

.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex: 1;
    font-weight: 500;
}

.date-picker-wrapper .month-wrapper table thead tr:first-child {
    height: 36px;
}

.date-picker-wrapper .month-wrapper table thead tr:first-child th:first-child,
.date-picker-wrapper .month-wrapper table thead tr:first-child th:nth-child(3) {
    flex: 0 0 24px;
}

.date-picker-wrapper .month-wrapper table .week-name,
.date-picker-wrapper .month-wrapper table .caption {
    height: auto;
}

.date-picker-wrapper .month-wrapper table .week-name {
    height: 40px;
}

.date-picker-wrapper .month-wrapper table .week-name th {
    height: auto;
}

.date-picker-wrapper .month-wrapper table .day {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 0;
    transition: background .2s, color .2s;
}

.date-picker-wrapper .month-wrapper table .day.valid.toMonth {
    color: #1A1D1F;
}


.date-picker-wrapper .month-wrapper table .day:hover {
    background: #6F767E;
    color: #F4F4F4 !important;
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background: #272B30;
    border-radius: 0;
}


.date-picker-wrapper .month-wrapper table .day.hovering {
    border-radius: 0;
    background: #EFEFEF !important;
    color: #1A1D1F !important;
}


.date-picker-wrapper .month-wrapper table .day.real-today {
    background: #2A85FF !important;
    color: #FCFCFC !important;
}

.date-picker-wrapper .month-wrapper table .day.day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.day.real-today.hovering {
    background: #2A85FF;
}

.date-picker-wrapper .month-wrapper table .day.first-date-selected,
.date-picker-wrapper .month-wrapper table .day.last-date-selected {
    position: relative;
    border-radius: 50% !important;
    background: #1A1D1F !important;
    color: #FCFCFC !important;
}


.date-picker-wrapper .month-wrapper table .day.first-date-selected:before,
.date-picker-wrapper .month-wrapper table .day.last-date-selected:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 50%;
    background: #272B30;
}

.date-picker-wrapper .month-wrapper table .day.first-date-selected:before {
    right: 0;
}

.date-picker-wrapper .month-wrapper table .day.last-date-selected:before {
    left: 0;
}

.date-picker-wrapper .month-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
    text-transform: capitalize;
    color: #1A1D1F;
}

@media only screen and (max-width: 767px) {
    .date-picker-wrapper .month-name {
        font-size: 18px;
    }
}

.date-picker-wrapper .month-element:not(:last-child) {
    margin-right: 5px;
}

.date-picker-wrapper .week-name {
    font-size: 14px;
    color: #6F767E;
}

.date-picker-wrapper .week-name th {
    font-weight: 500;
    text-transform: capitalize;
}

.date-picker-wrapper .gap {
    display: none;
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
    background: none;
}

.date-picker-wrapper table .caption .next:hover path,
.date-picker-wrapper table .caption .prev:hover path {
    fill: #2A85FF;
}

.date-picker-wrapper .footer {
    display: none;
}

.released__wrapper {
    margin: 0 -12px;
}

@media only screen and (max-width: 1023px) {
    .released__wrapper {
        margin: 0;
    }
}

.released__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .released__table {
        display: block;
    }
}

.released__row {
    display: table-row;
}

@media only screen and (max-width: 1023px) {
    .released__row:first-child {
        display: none;
    }
}

.released__row:first-child .released__col {
    padding: 0 12px 16px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.released__row:not(:first-child) {
    transition: background .2s;
}

@media only screen and (max-width: 1023px) {
    .released__row:not(:first-child) {
        position: relative;
        display: block;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #EFEFEF;
    }

}

@media only screen and (min-width: 1024px) {
    .released__row:not(:first-child):hover {
        background: #F4F4F4;
    }
    .released__row:not(:first-child):hover .number,
    .released__row:not(:first-child):hover .status {
        background: #FCFCFC;
    }
}

.released__row:not(:first-child) .released__col:not(:first-child):not(:nth-child(2)) {
    padding-top: 20px;
}

@media only screen and (max-width: 1023px) {
    .released__row:not(:first-child) .released__col:not(:first-child):not(:nth-child(2)) {
        padding-top: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .released__row:last-child .released__col {
        padding-bottom: 0;
    }
    .released__row:last-child .released__col:after {
        display: none;
    }
}

.released__col {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding: 16px 12px;
    color: #1A1D1F;
}

@media only screen and (max-width: 1023px) {
    .released__col {
        position: static;
        display: flex;
        align-items: center;
        padding: 0;
    }
}

.released__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .released__col:after {
        display: none;
    }
}


.released__col:first-child {
    width: 56px;
    border-radius: 8px 0 0 8px;
    font-size: 0;
}

@media only screen and (max-width: 1023px) {
    .released__col:first-child {
        display: none;
    }
}

.released__col:first-child:after {
    left: 12px;
}

@media only screen and (max-width: 1023px) {
    .released__col:nth-child(3) {
        display: none;
    }
}

.released__col:last-child {
    border-radius: 0 8px 8px 0;
}

.released__col:last-child:after {
    right: 12px;
}

@media only screen and (max-width: 1023px) {
    .released__col:not(:first-child):not(:last-child) {
        margin-bottom: 12px;
    }
}

.released__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #1A1D1F;
    transition: color .2s;
}

@media only screen and (max-width: 767px) {
    .released__item {
        align-items: stretch;
    }
}

.released__item:hover {
    color: #2A85FF;
}

.released__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .released__preview {
        width: 104px;
    }
}

.released__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.released__product {
    max-width: 170px;
    margin-bottom: 4px;
}

@media only screen and (max-width: 1023px) {
    .released__product {
        max-width: 100%;
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 1.33333;
        letter-spacing: -0.02em;
    }
}

@media only screen and (max-width: 1023px) {
    .released__wrap {
        display: flex;
        align-items: center;
    }
}

.released__category {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

@media only screen and (max-width: 1023px) {
    .released__category {
        font-size: 15px;
    }
}

.released__sales {
    display: inline-flex;
    align-items: center;
}

.released__number,
.released__price {
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    background: #EFEFEF;
    transition: background .2s;
}
.released__price {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .released__price {
        display: inline-block;
        margin-right: 12px;
    }
}

.released__status {
    transition: background .2s;
}

.released__rating {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

.released__rating .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #FFC554;
}

.released__rating_empty {
    white-space: nowrap;
    color: #6F767E;
}

.released__rating_empty .icon {
    fill: #6F767E;
}

.released__counter {
    margin-left: 4px;
    color: #6F767E;
}

.released .balance {
    margin-left: 8px;
}

.released__box {
    display: flex;
    align-items: center;
}

.released__line {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 12px;
    margin-left: 8px;
}

.released__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px;
    background: #2A85FF;
}

.released__label {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .released__label {
        display: block;
        flex-shrink: 0;
        width: 124px;
        padding-right: 20px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #6F767E;
    }
}

.released__foot {
    margin-top: 32px;
    text-align: center;
}

@media only screen and (max-width: 1023px) {
    .released__foot {
        margin-top: 24px;
    }
}

.released__foot .released__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.recall .card__head {
    margin-bottom: 44px;
}

@media only screen and (max-width: 1023px) {
    .recall .card__head {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .recall .card__head {
        flex-wrap: wrap;
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 1023px) {
    .recall .form {
        width: 320px;
    }
}

@media only screen and (max-width: 767px) {
    .recall .form {
        width: 100%;
    }
}

.recall .card__title {
    margin-right: 24px;
}

@media only screen and (max-width: 1023px) {
    .recall .card__title {
        margin-right: auto;
    }
}

@media only screen and (max-width: 767px) {
    .recall .card__title {
        margin: 0 0 16px;
    }
}

.recall__wrapper {
    margin: 0 -12px;
}

@media only screen and (max-width: 1023px) {
    .recall__wrapper {
        margin: 0;
    }
}

.recall__row {
    position: relative;
    display: flex;
}

.recall__row:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0;
    right: 12px;
    height: 1px;
    background: #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .recall__row:after {
        display: none;
    }
}

.recall__row:first-child {
    align-items: center;
    padding: 0 12px 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

@media only screen and (max-width: 1023px) {
    .recall__row:first-child {
        display: none;
    }
}

.recall__row:not(:first-child) {
    padding: 16px 12px;
    border-radius: 8px;
    transition: background .2s;
}

@media only screen and (max-width: 1023px) {
    .recall__row:not(:first-child) {
        display: block;
        margin-bottom: 16px;
        padding: 0 0 16px;
        border-radius: 0;
        border-bottom: 1px solid #EFEFEF;
    }
}

@media only screen and (min-width: 1260px) {
    .recall__row:not(:first-child):hover {
        background: #EFEFEF;
    }
    .recall__row:not(:first-child):hover .recall__control {
        visibility: visible;
        opacity: 1;
    }
}

.recall__row:not(:first-child).active .recall__control {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .recall__row:not(:first-child).active .recall__control {
        display: flex;
    }
}

.recall__row:not(:first-child).active .answer {
    display: block !important;
}

@media only screen and (min-width: 1024px) {
    .recall__row:not(:first-child).active {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        background: #FFFFFF;
    }
}

.recall__col:first-child {
    flex-shrink: 0;
    width: 24px;
    font-size: 0;
}

@media only screen and (max-width: 1023px) {
    .recall__col:first-child {
        display: none;
    }
}

.recall__col:nth-child(2) {
    flex-grow: 1;
    padding: 0 32px;
}

@media only screen and (max-width: 1023px) {
    .recall__col:nth-child(2) {
        padding: 0;
    }
}

.recall__col:last-child {
    flex-shrink: 0;
    width: 268px;
}

@media only screen and (max-width: 1023px) {
    .recall__col:last-child {
        display: none;
    }
}

.recall__item {
    display: flex;
    align-items: center;
}

.recall__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.recall__preview img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

.recall__product {
    margin-bottom: 4px;
    font-weight: 700;
    color: #1A1D1F;
}


.recall__category {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

.recall__box {
    display: flex;
}

.recall__avatar {
    position: relative;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    .recall__avatar {
        margin-right: 12px;
    }
}

.recall__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.recall__details {
    flex-grow: 1;
}

.recall__line {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.recall__author {
    margin-right: auto;
    font-weight: 700;
}

.recall__time {
    margin-left: 24px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

.recall__content {
    color: #33383F;
}

.recall__control {
    display: flex;
    align-items: center;
    margin: 12px 0 -4px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}

@media only screen and (max-width: 1259px) {
    .recall__control {
        visibility: visible;
        opacity: 1;
    }
}

.recall__button {
    flex-shrink: 0;
}

.recall__button .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}

.recall__button:hover .icon {
    fill: #2A85FF;
}

.recall__button.active .icon {
    fill: #1A1D1F;
}
.recall .favorite .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
}

.recall .favorite:hover .icon {
    fill: #2A85FF;
}

.recall .favorite.active .icon {
    fill: #2A85FF;
}

.recall__button:not(:last-child),
.recall .favorite:not(:last-child) {
    margin-right: 32px;
}

.recall__foot {
    margin-top: 24px;
    text-align: center;
}

@media only screen and (max-width: 1023px) {
    .recall__foot {
        margin-top: 0;
    }
}

.recall__foot .recall__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.smile {
    display: inline-block;
    position: relative;
}

.smile__head .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}

.smile__head:hover .icon {
    fill: #2A85FF;
}

.smile__body {
    position: absolute;
    width: 264px;
    padding: 4px;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}

@media only screen and (max-width: 767px) {
    .smile__body {
        max-width: 168px;
    }
}

.smile__list {
    display: flex;
    flex-wrap: wrap;
}

.smile__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: background .2s;
}

.smile__item img {
    width: 100%;
}

.smile__item:hover {
    background: #EFEFEF;
}
.smile.active .smile__head .icon {
    fill: #1A1D1F;
}


.smile.active .smile__body {
    visibility: visible;
    opacity: 1;
}

.smile_right .smile__body {
    top: 50%;
    left: calc(100% + 10px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
    .smile_right .smile__body {
        top: auto;
        left: 50%;
        bottom: calc(100% + 10px);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.smile_up .smile__body {
    left: 50%;
    bottom: calc(100% + 10px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
    .total .card__head {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .total .card__title {
        margin-bottom: 16px;
    }
}

.total__details {
    margin-bottom: 32px;
}

@media only screen and (max-width: 767px) {
    .total__details {
        margin-bottom: 24px;
        text-align: center;
    }
}

.total__title {
    margin-bottom: 4px;
}

.total__line {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 700;
    color: #9A9FA5;
}

@media only screen and (max-width: 767px) {
    .total__line {
        justify-content: center;
    }
}

.total .balance {
    margin-right: 4px;
}

.total__chart {
    width: auto;
    height: 238px;
    margin: 0 0 -10px -10px;
}

.total .users {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .total .users {
        margin-top: 24px;
        padding-top: 24px;
    }
}


@media only screen and (max-width: 767px) {
    .promote .card__head .button {
        display: none;
    }
}

.promote__list {
    display: flex;
    flex-wrap: wrap;
    margin: -32px -16px 0;
}

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

.promote .summary {
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
    margin: 32px 16px 0;
}

@media only screen and (max-width: 767px) {
    .promote .summary {
        width: 100%;
        margin: 0;
    }
    .promote .summary:not(:last-child) {
        margin-bottom: 24px;
    }
}

.promote .media {
    margin: 32px 0 16px;
    padding-top: 32px;
    border-top: 1px solid #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .promote .media {
        margin-top: 24px;
        padding-top: 24px;
    }
}

.device__chart {
    width: auto;
    height: 230px;
}

@media only screen and (max-width: 1023px) {
    .device__chart {
        max-width: 310px;
        margin: 0 auto;
    }
}

.device__legend {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
}

.device__legend .icon {
    width: 24px;
    height: 24px;
    margin-bottom: 12px;
}

.device__indicator_mobile .icon {
    fill: #8E59FF;
}

.device__indicator_tablet .icon {
    fill: #83BF6E;
}

.device__indicator_desktop .icon {
    fill: #2A85FF;
}

.device__title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

.device__percent {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .device__percent {
        font-size: 18px;
    }
}

.message__item {
    display: flex;
}

.message__item:not(:last-child) {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .message__item:not(:last-child) {
        margin-bottom: 24px;
    }
}

.message__avatar {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 12px;
}

.message__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.message__details {
    flex-grow: 1;
}

.message__line {
    display: flex;
    align-items: center;
}

.message__user {
    margin-right: auto;
}

.message__title {
    font-weight: 700;
}

.message__login {
    font-weight: 500;
    color: #9A9FA5;
}

.message__time {
    margin-left: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

.message__content {
    font-weight: 500;
    color: #1A1D1F;
}

.message__button {
    width: 100%;
    margin-top: 32px;
}

.customer .card__head {
    margin-bottom: 44px;
}

@media only screen and (max-width: 1023px) {
    .customer .card__head {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .customer .card__head {
        flex-wrap: wrap;
        margin-bottom: 24px;
    }
}

.customer .card__head .form {
    margin-right: auto;
}

@media only screen and (max-width: 1023px) {
    .customer .card__head .form {
        width: 250px;
    }
}

@media only screen and (max-width: 767px) {
    .customer .card__head .form {
        width: 100%;
        margin: 0 0 16px;
    }
}

.customer .card__title {
    margin-right: 24px;
}

@media only screen and (max-width: 767px) {
    .customer .card__title {
        margin: 0 0 16px;
    }
}

.customer .filters {
    margin-left: 8px;
}

@media only screen and (max-width: 1023px) {
    .customer .filters {
        display: none;
    }
}

.customer__details {
    display: none;
}

.customer__wrapper {
    margin: 0 -12px;
}

@media only screen and (max-width: 1023px) {
    .customer__wrapper {
        margin: 0;
    }
}

.customer__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .customer__table {
        display: block;
    }
}

.customer__row {
    display: table-row;
}

@media only screen and (max-width: 1023px) {
    .customer__row:first-child {
        display: none;
    }
}

.customer__row:first-child .customer__col {
    padding: 0 12px 16px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.customer__row:not(:first-child) {
    transition: all .2s;
}

@media only screen and (max-width: 1023px) {
    .customer__row:not(:first-child) {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #EFEFEF;
    }
}


@media only screen and (min-width: 1024px) {
    .customer__row:not(:first-child):hover {
        background: #F4F4F4;
    }
    .customer__row:not(:first-child):hover .price {
        background: #FCFCFC;
    }
}

.customer__row:last-child .customer__col:after {
    display: none;
}

.customer__row.active {
    background: #EFEFEF !important;
}


.customer__row.active .customer__col:first-child {
    border-radius: 12px 0 0 12px;
}

.customer__row.active .customer__col:nth-child(2) {
    padding-right: 40px;
    border-radius: 0 12px 12px 0;
}

.customer__row.active .customer__col:nth-child(2):before {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M8.293 17.293a1 1 0 0 0 1.414 1.414l-1.414-1.414zM15 12l.707.707a1 1 0 0 0 0-1.414L15 12zM9.707 5.293a1 1 0 1 0-1.414 1.414l1.414-1.414zm0 13.414l6-6-1.414-1.414-6 6 1.414 1.414zm6-7.414l-6-6-1.414 1.414 6 6 1.414-1.414z' fill='%236f767e'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}

.customer__col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 16px 12px;
    color: #1A1D1F;
}

@media only screen and (max-width: 1023px) {
    .customer__col {
        display: block;
        padding: 0;
    }
}


.customer__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .customer__col:after {
        display: none;
    }
}



@media only screen and (max-width: 1023px) {

}

.customer__col:first-child:after {
    left: 12px;
}

@media only screen and (max-width: 1023px) {
    .customer__col:nth-child(5) {
        margin-left: auto;
        padding-left: 16px;
    }
}

@media only screen and (max-width: 1023px) {
    .customer__col:nth-child(3),
    .customer__col:nth-child(4),
    .customer__col:nth-child(6),
    .customer__col:nth-child(7) {
        display: none;
    }
}

.customer__col:last-child {
    border-radius: 0 8px 8px 0;
}

.customer__col:last-child:after {
    right: 12px;
}

.customer__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: color .2s;
}

.customer__item:hover {
    color: #2A85FF;
}

.customer__item .customer__email {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .customer__item .customer__email {
        display: block;
        font-size: 13px;
        line-height: 1;
        color: #9A9FA5;
    }
}

.customer__avatar {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden;
}

.customer__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.customer__user {
    max-width: 160px;
    margin-bottom: 4px;
}

.customer__login {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

@media only screen and (max-width: 1023px) {
    .customer__login {
        display: none;
    }
}

.customer__email {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6F767E;
}

@media only screen and (max-width: 1023px) {
    .customer__col>.customer__email {
        display: none;
    }
}

.customer__lifetime {
    display: inline-flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .customer__lifetime {
        flex-direction: column;
        align-items: flex-end;
    }
}

.customer__price {
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    background: #EFEFEF;
    transition: backround .2s;
}

.customer .balance {
    margin-left: 8px;
}

@media only screen and (max-width: 767px) {
    .customer .balance {
        margin: 4px 0 0;
    }
}

.customer__foot {
    margin-top: 32px;
    text-align: center;
}

@media only screen and (max-width: 1023px) {
    .customer__foot {
        margin-top: 24px;
    }
}

.customer__foot .customer__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

@media only screen and (max-width: 1023px) {
    .customer.active .card__head {
        display: none;
    }
}

.customer.active .customer__inner {
    display: flex;
}

.customer.active .customer__container {
    flex-shrink: 0;
    width: 360px;
}

@media only screen and (max-width: 1419px) {
    .customer.active .customer__container {
        width: 350px;
    }
}

@media only screen and (max-width: 1259px) {
    .customer.active .customer__container {
        width: 320px;
    }
}

@media only screen and (max-width: 1023px) {
    .customer.active .customer__container {
        display: none;
    }
}

.customer.active .customer__row:hover {
    background: none;
}

.customer.active .customer__col:not(:first-child):not(:nth-child(2)) {
    display: none;
}

.customer.active .customer__col:nth-child(2):after {
    right: 12px;
}

.customer.active .customer__details {
    display: block;
}

.filters {
    position: relative;
}

.filters__head .icon {
    width: 24px;
    height: 24px;
}

.filters__body {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    width: 400px;
    padding: 24px;
    box-shadow: 0px 0px 14px -4px rgb(0 0 0 / 5%), 0px 32px 48px -8px rgb(0 0 0 / 10%);
    background: #FCFCFC;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
}

@media only screen and (max-width: 767px) {
    .filters__body {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: auto;
        overflow: auto;
    }
}

.filters__top {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.filters__title {
    margin-right: auto;
}

.filters__close {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #EFEFEF;
    margin-left: 24px;
}

.filters__close .icon {
    width: 20px;
    height: 20px;
    fill: #1A1D1F;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}


.filters__close:hover .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.filters .form {
    width: 100%;
    margin-bottom: 24px;
}

.filters__item:not(:last-child) {
    margin-bottom: 24px;
}

.filters__label,
.filters .field__label {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6F767E;
}

.filters .checkbox:not(:last-child) {
    margin-bottom: 12px;
}

.filters__range {
    margin: 20px 0;
}

.filters__box {
    position: relative;
}

.filters__box .select {
    padding-left: 48px;
}

.filters__box .icon {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 10;
    pointer-events: none;
    width: 24px;
    height: 24px;
    fill: #FFD88D;
}

.filters__btns .filters__button:not(:last-child) {
    margin-right: 12px;
}


.details {
    position: relative;
    flex-grow: 1;
    padding: 60px 0 0 48px;
}

@media only screen and (max-width: 1419px) {
    .details {
        padding: 48px 0 0 48px;
    }
}

@media only screen and (max-width: 1023px) {
    .details {
        padding: 0;
    }
}

.details__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .details__close {
        top: -90px;
        background: #FCFCFC;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    }
}

@media only screen and (max-width: 767px) {
    .details__close {
        top: -70px;
    }
}

.details__close .icon {
    width: 20px;
    height: 20px;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.details__close:hover .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.details__head,
.details .editor {
    margin-bottom: 48px;
}

@media only screen and (max-width: 1339px) {
    .details__head,
    .details .editor {
        margin-bottom: 32px;
    }
}

.details__head {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .details__head {
        display: block;
    }
}

.details__user {
    display: flex;
    align-items: center;
    margin-right: 24px;
}

@media only screen and (max-width: 767px) {
    .details__user {
        margin: 0 0 24px;
    }
}

.details__avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 24px;
}

@media only screen and (max-width: 1419px) {
    .details__avatar {
        width: 64px;
        height: 64px;
        margin-right: 16px;
    }
}

.details__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.details__man {
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .details__man {
        font-size: 18px;
    }
}

.details__login {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

.details__btns {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.details__btns .details__button .icon {
    width: 24px;
    height: 24px;
}

@media only screen and (max-width: 767px) {
    .details__btns .details__button {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 1419px) {
    .details__btns .details__button:first-child {
        width: 48px;
        padding: 0;
        font-size: 0;
    }
    .details__btns .details__button:first-child .icon:last-child {
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .details__btns .details__button:first-child {
        width: auto;
        padding: 0 20px;
        font-size: 15px;
    }
    .details__btns .details__button:first-child .icon:last-child {
        margin-left: 8px;
    }
}

.details__btns .details__button:not(:last-child) {
    margin-right: 8px;
}

.details__line {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #1A1D1F;
    transition: color .2s;
}

.details__line .icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: #6F767E;
    transition: fill .2s;
}
.details__line:hover {
    color: #2A85FF;
}

.details__line:hover .icon {
    fill: #2A85FF;
}

.details__socials {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .details__socials {
        padding: 16px 0;
    }
}

.details__social .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}

.details__social:hover .icon {
    fill: #2A85FF;
}

.details__social:not(:last-child) {
    margin-right: 32px;
}

.details__line:not(:last-child),
.details__socials:not(:last-child) {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .details__line:not(:last-child),
    .details__socials:not(:last-child) {
        margin-bottom: 16px;
    }
}

.details .history {
    margin-top: 48px;
}

@media only screen and (max-width: 1339px) {
    .details .history {
        margin-top: 32px;
    }
}

.history__label {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383F;
}

.history .tooltip {
    position: relative;
    top: -1;
}

.history .tooltip .icon {
    fill: #9A9FA5;
}

.history__inner {
    margin: 0 -12px;
}

@media only screen and (max-width: 767px) {
    .history__inner {
        margin: 0;
    }
}

.history__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .history__table {
        display: block;
    }
}

.history__row {
    display: table-row;
    cursor: pointer;
    transition: background .2s;
}

@media only screen and (max-width: 767px) {
    .history__row {
        display: block;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #EFEFEF;
    }
}

@media only screen and (max-width: 767px) {
    .history__row:first-child {
        display: none;
    }
}

.history__row:first-child .history__col {
    padding-top: 0;
    padding-bottom: 24px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

@media only screen and (min-width: 768px) {
    .history__row:not(:first-child):hover {
        background: #F4F4F4;
    }
}

.history__col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 12px;
    color: #1A1D1F;
}

@media only screen and (max-width: 767px) {
    .history__col {
        display: block;
        padding: 0;
    }
}

.history__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .history__col:after {
        display: none;
    }
}

.history__col:first-child {
    border-radius: 8px 0 0 8px;
}

.history__col:first-child:after {
    left: 12px;
}

@media only screen and (max-width: 767px) {
    .history__col:not(:first-child) {
        display: none;
    }
}

.history__col:last-child {
    border-radius: 0 8px 8px 0;
}

.history__col:last-child:after {
    right: 12px;
}

.history__item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.history__item .history__price {
    display: none;
}

@media only screen and (max-width: 767px) {
    .history__item .history__price {
        display: inline-block;
        margin-top: 8px;
    }
}

.history__preview {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin-right: 16px;
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .history__preview {
        width: 104px;
        height: 112px;
        margin-right: 20px;
    }
}

.history__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.history__product {
    max-width: 200px;
    margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
    .history__product {
        max-width: 100%;
    }
}

.history__link {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.history__price {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 6px;
    background: #B5E4CA;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

.history__date {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6F767E;
}

.history__foot {
    margin-top: 20px;
    text-align: center;
}

.history__foot .history__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.quality__list {
    display: flex;
    justify-content: start;
}

@media only screen and (max-width: 767px) {
    .quality__list {
        display: block;
    }
}

.quality__item {
    display: block;
    padding: 0 32px 0 64px;
    color: #1A1D1F;
}

@media only screen and (max-width: 1339px) {
    .quality__item {
        padding: 0 32px 0 32px;
    }
}

@media only screen and (max-width: 1023px) {
    .quality__item {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .quality__item {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
    }
}


.quality__item:not(:first-child) {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #EFEFEF;
}

@media only screen and (max-width: 767px) {
    .quality__item:not(:first-child) {
        margin-top: 24px;
        padding-top: 24px;
        border-width: 1px 0 0;
    }
}

.quality__item:first-child {
    padding-left: 0;
}

.quality__item:last-child {
    padding-right: 0;
}

.quality__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
}
.quality__icon i{
    font-size: 22px;
    color: #151617;
    opacity: 0.6;
}

@media only screen and (max-width: 767px) {
    .quality__icon {
        margin: 0 0 0 auto;
    }
}

.quality__icon .icon {
    width: 24px;
    height: 24px;
    fill: #1A1D1F;
}

.quality__label {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.23077;
    color: #b1b4b8;
}

.quality .tooltip .icon {
    fill: #6F767E;
}

.quality__counter {
    margin-top: 5px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.03em;
}

@media only screen and (max-width: 1023px) {
    .quality__counter {
        min-width: auto;
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .quality__counter {
        font-size: 48px;
    }
}

.quality__indicator {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    color: #6F767E;
}

.quality__indicator span {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
}

.press .card__head {
    margin-bottom: 44px;
}

@media only screen and (max-width: 1023px) {
    .press .card__head {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .press .card__head {
        flex-wrap: wrap;
        margin-bottom: 24px;
    }
    .press .card__head .card__title {
        width: 100%;
        margin: 0 0 16px;
    }
}

.press .card__button {
    margin-left: 16px;
}

.press__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .press__table {
        display: block;
    }
}

.press__row {
    display: table-row;
}

@media only screen and (max-width: 1023px) {
    .press__row:first-child {
        display: none;
    }
}

.press__row:first-child .press__col {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

@media only screen and (max-width: 1023px) {
    .press__row:not(:first-child) {
        display: block;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #EFEFEF;
    }
}

.press__row:not(:first-child) .press__col:not(:first-child) {
    padding-top: 32px;
}

@media only screen and (max-width: 1023px) {
    .press__row:not(:first-child) .press__col:not(:first-child) {
        padding-top: 0;
    }
}

.press__row:not(:last-child) .press__col {
    border-bottom: 1px solid #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .press__row:not(:last-child) .press__col {
        border: none;
    }
}


.press__col {
    display: table-cell;
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 1023px) {
    .press__col {
        display: flex;
        align-items: center;
        padding: 0;
    }
}

.press__col:not(:last-child) {
    padding-right: 24px;
}

@media only screen and (max-width: 1023px) {
    .press__col:not(:last-child) {
        margin-bottom: 12px;
        padding-top: 0;
    }
}

.press__item {
    display: flex;
    align-items: center;
}

.press__preview {
    position: relative;
    flex-shrink: 0;
    width: 136px;
    height: 112px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .press__preview {
        width: 112px;
        height: 96px;
        margin-right: 16px;
    }
}

.press__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.press__icon {
    position: absolute;
    top: 4px;
    left: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #FCFCFC;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}

.press__icon .icon {
    fill: #6F767E;
}

.press__post {
    max-width: 160px;
    margin-bottom: 12px;
    font-weight: 700;
}

@media only screen and (max-width: 1023px) {
    .press__post {
        max-width: 100%;
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .press__post {
        font-size: 15px;
    }
}

.press__controls {
    display: flex;
}

.press__control {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #EFEFEF;
    transition: all .2s;
    text-align: center;
}

.press__control .icon {
    color: #1A1D1F;
    transition: fill .2s;
    font-size: 13px;
    width: auto;
    height: auto;
}
.press__control:hover {
    background: #2A85FF;
}
.press__control:hover .icon {
    color: #FCFCFC;
}
.press__control:not(:last-child) {
    margin-right: 12px;
}
.press__control.remove {
    background: #ff766b;
}
.press__control.remove:hover {
    background: #f44336;
}

.press__control.remove .icon {
    color: #fff;
}

.press__distribution {
    font-size: 15px;
    font-weight: 600;
    color: #1A1D1F;
}

.press__label {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .press__label {
        display: block;
        flex-shrink: 0;
        width: 156px;
        padding-right: 20px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #6F767E;
    }
}

@media only screen and (max-width: 767px) {
    .press__label {
        width: 128px;
    }
}

@media only screen and (max-width: 1023px) {
    .press__cell {
        display: flex;
        align-items: center;
    }
}

.press__box {
    display: flex;
    align-items: center;
}

.press__number {
    padding: 0 7px;
    border-radius: 6px;
    background: #EFEFEF;
    line-height: 24px;
}

.press__line {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 12px;
    margin-left: 8px;
}

@media only screen and (max-width: 1023px) {
    .press__line {
        margin-left: 12px;
    }
}

.press__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px;
}

.press__progress_red {
    background: #FF6A55;
}

.press__progress_green {
    background: #83BF6E;
}

.press__progress_blue {
    background: #2A85FF;
}

.press .balance {
    margin-top: 8px;
    padding: 4px;
    border-radius: 4px;
}

@media only screen and (max-width: 1023px) {
    .press .balance {
        margin: 0 0 0 4px;
    }
}

.press__foot {
    margin-top: 20px;
    text-align: center;
}

@media only screen and (max-width: 1023px) {
    .press__foot {
        margin-top: 0;
    }
}

.press__foot .press__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.post__title {
    margin-bottom: 24px;
}

.post__list {
    display: flex;
    margin-bottom: 24px;
}

.post__avatar {
    position: relative;
    width: 48px;
    height: 48px;
}

.post__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.post__avatar:not(:last-child) {
    margin-right: 24px;
}

.post__social {
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #FCFCFC;
    background: #2A85FF;
}

.post__social .icon {
    width: 12px;
    height: 12px;
    fill: #FCFCFC;
}

.post__textarea {
    width: 100%;
    height: 132px;
    background: none;
    border: none;
    box-shadow: none;
    resize: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #1A1D1F;
}

@media only screen and (max-width: 767px) {
    .post__textarea {
        font-size: 18px;
    }
}

.post__textarea::-webkit-input-placeholder {
    color: rgba(111, 118, 126, 0.4);
}

.post__textarea::-moz-placeholder {
    color: rgba(111, 118, 126, 0.4);
}

.post__textarea:-ms-input-placeholder {
    color: rgba(111, 118, 126, 0.4);
}

.post__textarea::-ms-input-placeholder {
    color: rgba(111, 118, 126, 0.4);
}

.post__textarea::placeholder {
    color: rgba(111, 118, 126, 0.4);
}

.post__info {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .post__info {
        font-size: 18px;
    }
}

.post__preview img {
    width: 100%;
    border-radius: 8px;
}

.post__foot {
    display: flex;
    align-items: center;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #EFEFEF;
}

.post__files {
    display: flex;
    margin-right: auto;
}

.post__file {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.post__file input {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 120px;
    opacity: 0;
}

.post__file input:hover+.post__icon {
    background: #EFEFEF;
    cursor: pointer;
}

.post__file input:hover+.post__icon .icon {
    fill: #1A1D1F;
}

.post__file.active .post__icon {
    background: #EFEFEF;
}

.post__file:not(:last-child) {
    margin-right: 16px;
}

.post__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition: all .2s;
}

.post__icon .icon {
    width: 20px;
    height: 20px;
    fill: #6F767E;
    transition: fill .2s;
}

.post__button .icon {
    width: 24px;
    height: 24px;
}

.notification__row {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 1023px) {
    .notification__row {
        display: block;
    }
}

.notification__col:first-child {
    flex: 0 0 calc(100% - 340px);
    width: calc(100% - 340px);
    padding-right: 8px;
}

@media only screen and (max-width: 1259px) {
    .notification__col:first-child {
        flex: 0 0 calc(100% - 300px);
        width: calc(100% - 300px);
    }
}

@media only screen and (max-width: 1023px) {
    .notification__col:first-child {
        width: 100%;
        padding-right: 0;
    }
}

.notification__col:nth-child(2) {
    flex-shrink: 0;
    width: 340px;
    position: sticky;
    top: 102px;
}

@media only screen and (max-width: 1339px) {
    .notification__col:nth-child(2) {
        top: 86px;
    }
}

@media only screen and (max-width: 1259px) {
    .notification__col:nth-child(2) {
        width: 300px;
    }
}

@media only screen and (max-width: 1023px) {
    .notification__col:nth-child(2) {
        display: none;
    }
}

.notification .actions {
    margin-left: 16px;
}

.notification .select {
    min-width: 105px;
}

.notification__item {
    position: relative;
    display: flex;
    padding: 17px 12px 20px;
    border-radius: 12px;
    transition: background .2s;
    opacity: 0.4;
}
.notification__item.new{
    opacity: 1;
}
.notification__item:hover {
    background: rgb(240 244 245 / 51%)
}

@media only screen and (max-width: 767px) {
    .notification__item {
        padding: 0;
        border-radius: 0;
    }
}
.notification__item:after {
    content: "";
    position: absolute;
    top: 40px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e4eaf1;
    transition: background .2s;
}

@media only screen and (max-width: 767px) {
    .notification__item:after {
        display: none;
    }
}

.notification__item.new:after {
    background: #2A85FF;
}


@media only screen and (max-width: 767px) {
    .notification__item:not(:last-child) {
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #EFEFEF;
    }
}

.notification__list .notification__item:not(:last-child):before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    height: 1px;
    background: rgb(240 244 245 / 80%);
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    .notification__item:not(:last-child):before {
        display: none;
    }
}

.notification__avatar {
    position: relative;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
}

.notification__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.notification__icon {
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

.notification__icon img {
    width: 16px;
}

.notification__details {
    flex: 0 0 calc(100% - 64px);
    width: calc(100% - 64px);
    padding-left: 25px;
    align-items: baseline;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    justify-content: center;
}

.notification__line {
    display: flex;
    align-items: center;
    padding-right: 24px;
}

.notification__subtitle {
    margin-right: 4px;
    font-weight: 700;
    color: #1A1D1F;
}

.notification__login {
    margin-right: auto;
    font-weight: bold;
    color: #0c0c0d;
    font-family: var(--font-heading);
    font-size: 15px;
}

.notification__time {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.23077;
    color: #9A9FA5;
    font-family: var(--font-heading);
}

.notification__content {
    font-weight: 300;
    color: #a2aab2;
    font-family: var(--font-heading);
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.notification__content strong {
    font-weight: 700;
    color: #1A1D1F;
}

.notification__comment {
    margin-top: 8px;
    font-weight: 500;
}

.notification__control {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.notification__action {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    color: #1A1D1F;
    transition: color .2s;
}

.notification__action:hover {
    color: #2A85FF;
}

.notification__action:not(:last-child) {
    margin-right: 24px;
}

.notification__action_favorite span {
    display: none;
}

.notification__action_favorite.active {
    color: #2A85FF;
}

.notification__action_favorite.active span {
    display: inline;
}

.notification__group {
    display: flex;
    flex-direction: column;
}

.notification .checkbox:not(:last-child),
.notification .radio:not(:last-child) {
    margin-bottom: 16px;
}

.notification__btns {
    display: flex;
    margin: 32px -6px 0;
}

.notification__btns .notification__button {
    width: calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    margin: 0 6px;
}

.notification__variants {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #EFEFEF;
}

.notification__foot {
    margin-top: 32px;
    text-align: center;
}

.notification__foot .notification__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.settings {
    display: flex;
    align-items: flex-start;
    padding: 24px;
    border-radius: 8px;
    background: #FCFCFC;
}

@media only screen and (max-width: 1023px) {
    .settings {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .settings {
        padding: 24px 16px;
    }
}
.settings__menu {
    position: sticky;
    top: 116px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 280px;
}

@media only screen and (max-width: 1259px) {
    .settings__menu {
        width: 210px;
    }
}

@media only screen and (max-width: 1023px) {
    .settings__menu {
        display: none;
    }
}

.settings__link {
    padding: 8px 16px;
    border-radius: 8px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6F767E;
    transition: all .2s;
}

.settings__link:not(:last-child) {
    margin-bottom: 8px;
}

.settings__link:hover,
.settings__link.active {
    color: #1A1D1F;
}

.settings__link.active {
    background: #EFEFEF;
}

.settings__wrapper {
    flex-grow: 1;
    padding-left: 32px;
}

@media only screen and (max-width: 1023px) {
    .settings__wrapper {
        padding-left: 0;
    }
}

.settings__wrapper>.settings__button {
    margin-top: 48px;
}

@media only screen and (max-width: 1023px) {
    .settings__wrapper>.settings__button {
        margin-top: 32px;
    }
}

.settings__wrapper>.select {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .settings__wrapper>.select {
        display: block;
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .settings__wrapper>.select {
        margin-bottom: 24px;
    }
}

.settings__item {
    position: relative;
}

.settings__item:not(:last-child) {
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .settings__item:not(:last-child) {
        margin-bottom: 32px;
        padding-bottom: 32px;
    }
}

.settings__title {
    margin-bottom: 32px;
    line-height: 40px;
}

.settings__anchor {
    position: absolute;
    top: -116px;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 1023px) {
    .settings__anchor {
        top: -106px;
    }
}

@media only screen and (max-width: 767px) {
    .settings__anchor {
        top: -90px;
    }
}

.settings__profile {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

@media only screen and (max-width: 1023px) {
    .settings__profile {
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .settings__profile>.settings__button {
        display: none;
    }
}


.settings__remove {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #FCFCFC;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
    font-size: 0;
}

@media only screen and (max-width: 767px) {
    .settings__remove {
        display: inline-block;
    }
}

.settings__file {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .settings__file {
        margin-right: 0;
    }
}
.settings__file input {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0px;
    opacity: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}
@media only screen and (max-width: 767px) {
    .settings__file .settings__button {
        padding: 0 10px;
    }
}
.settings__file .settings__button .icon {
    width: 24px;
    height: 24px;
}
.settings__fieldset>.field:not(:last-child) {
    margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) {
    .settings__fieldset>.field:not(:last-child) {
        margin-bottom: 24px;
    }
}
.settings__row {
    display: flex;
    margin: 0 -8px;
}
@media only screen and (max-width: 767px) {
    .settings__row {
        display: block;
        margin: 0;
    }
}
.settings__row .field {
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
    margin: 0 8px;
}
@media only screen and (max-width: 767px) {
    .settings__row .field {
        width: 100%;
        margin: 0;
    }
    .settings__row .field:not(:last-child) {
        margin-bottom: 24px;
    }
}

.settings__row:not(:last-child) {
    margin-bottom: 32px;
}

@media only screen and (max-width: 1023px) {
    .settings__row:not(:last-child) {
        margin-bottom: 24px;
    }
}

.settings__line {
    display: flex;
    padding-bottom: 11px;
    justify-content: space-between;
}

.settings__line:not(:last-child) {
    margin-bottom: 11px;
    border-bottom: 1px solid #EFEFEF;
}

@media only screen and (max-width: 1023px) {
    .settings__line:not(:last-child) {
        margin-bottom: 11px;
    }
}


.settings__label {
    margin-right: 24px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.71429;
    color: #1b1c1f;
}


.settings .tooltip {
    position: relative;
    top: -1px;
}

.settings .tooltip .icon {
    fill: #9A9FA5;
}

.settings .switch {
    margin-left: auto;
}

.settings__top {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #EFEFEF;
}

.settings__top .settings__label {
    margin-right: 24px;
}

.settings__top .settings__button {
    margin-left: auto;
}

.settings__email {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

.settings__content {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

.packages {
    padding: 48px;
    background: #FCFCFC;
    border-radius: 8px;
}

@media only screen and (max-width: 1259px) {
    .packages {
        padding: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .packages {
        padding: 24px;
    }
}


.packages__group {
    display: flex;
    flex-wrap: wrap;
    margin: -80px -80px 0;
}

@media only screen and (max-width: 1419px) {
    .packages__group {
        margin: -64px -64px 0;
    }
}

@media only screen and (max-width: 1023px) {
    .packages__group {
        display: block;
        margin: 0;
    }
}

.packages__item {
    display: flex;
    flex-direction: column;
    padding: 40px 50px 50px;
    border-radius: 16px;
    box-shadow: 0 5px 30px rgb(0 0 0 / 3%);
    background: #fff;
    border: 1px solid #efefef8c;
}


@media only screen and (max-width: 1023px) {
    .packages__item:not(:last-child) {
        margin-bottom: 48px;
        padding-bottom: 48px;
        border-bottom: 1px solid #EFEFEF;
    }
}

.packages__top {
    display: flex;
    align-items: center;
    min-height: 26px;
}
.packages__top [class^="title"] {
	padding-left: 0;
}

.packages__recommended {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    margin-left: 18px;
    padding: 0 14px;
    border-radius: 20px;
    background: #B5E4CA;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.84615;
}
.packages__content {
    margin-bottom: 24px;
    color: #a5aeb9;
    font-family: var(--font-heading);
    font-weight: 300;
    letter-spacing: 0.3px;
    font-size: 13px;
}
.packages__content strong{
    font-weight: bold;
    color: #5d686d;
}
.packages__line {
    display: flex;
    align-items: start;
    margin-bottom: 24px;
    padding: 24px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #EFEFEF;
    flex-direction: column;
}
.packages__note {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.23077;
    color: #c0c5cc;
}
.packages__price {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 10px;
}
.package__parencet {
    background: #EEF8F9;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #24A8AF;
    font-weight: 500;
    font-family: var(--font-heading);
    padding: 4px 10px;
    font-size: 13px;
}
.pricing__payment__getway {
    margin-top: 28px;
    gap: 20px;
}
.packages__list {
    flex-grow: 1;
}


.packages__list li {
    position: relative;
    padding-left: 26px;
    color: #3d4248;
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 13px;
}
.packages__list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.707 6.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0l-3.586-3.586a1 1 0 0 1 1.414-1.414l3.586 3.586a1 1 0 0 0 1.414 0l8.586-8.586a1 1 0 0 1 1.414 0z' fill='%23b5e4ca'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}
.packages__list li:not(:last-child) {
    margin-bottom: 14px;
}
.packages__button {
    width: 100%;
    margin-top: 30px;
}
@media only screen and (max-width: 1023px) {
    .packages__button {
        margin-top: 48px;
    }
}
.packages:not(:last-child) {
    margin-bottom: 40px;
}

.trusted__company__pricing__logos {
	gap: 10px;
}

.faq__title {
    margin-bottom: 24px;
}
.faq__container {
    display: flex;
    margin-top: 40px;
    background: #fff;
    border-radius: 22px;
    padding: 45px 35px;
    box-shadow: 0px 12px 30px rgb(0 0 0 / 5%);
}

@media only screen and (max-width: 1023px) {
    .faq__container {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .faq__container {
        padding: 24px;
    }
}

.faq__sidebar {
    flex-shrink: 0;
    width: 310px;
}

@media only screen and (max-width: 1023px) {
    .faq__sidebar {
        width: 100%;
        margin-bottom: 32px;
    }
}

.faq__menu {
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 1023px) {
    .faq__menu {
        display: none;
    }
}
.faq__link {
    padding: 12px 16px;
    border-radius: 8px;
    text-align: left;
    font-size: 13px;
    font-weight: 6;
    FONT-WEIGHT: 600;
    line-height: 1.6;
    color: #6F767E;
    transition: all .2s;
    font-family: var(--font-heading);
}
.faq__link:not(:last-child) {
    margin-bottom: 8px;
}
.faq__link:hover,
.faq__link.active {
    color: #1A1D1F;
}
.faq__link.active {
    background: #f3f5f6;
}
.faq .select {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .faq .select {
        display: block;
    }
}

.faq__wrapper {
    flex-grow: 1;
    padding-left: 64px;
}

@media only screen and (max-width: 1259px) {
    .faq__wrapper {
        padding-left: 48px;
    }
}

@media only screen and (max-width: 1023px) {
    .faq__wrapper {
        padding-left: 0;
    }
}

.faq__tab {
    display: none;
}


.faq__item:not(:last-child) {
    margin-bottom: 16px;
}
.faq__head {
    position: relative;
    display: flex;
    padding-bottom: 16px;
    color: #33383F;
    cursor: pointer;
    transition: color .2s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.faq__item:not(:last-child) .faq__head{
    border-bottom: 1px solid #f3f5f6;
}
.faq__head:after {
    content: "\e5cf";
    font-family: 'Material Icons Outlined';
    font-weight: 100;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 13px;
    top: 0;
    font-size: 18px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #849197;
    transition: all 0.2s;
}
.faq__item.active .faq__head:after {
    transform: rotate(-180deg);
}
.faq__subtitle {
    flex-grow: 1;
    font-family: var(--font-heading);
    font-size: 14px;
}
.faq__body {
    display: none;
    padding-top: 17px;
    font-weight: 500;
    color: #71767c;
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 13px;
    padding-bottom: 20px;
}
.messages {
    display: flex;
    height: 776px;
    padding: 12px;
    border-radius: 8px;
    background: #FCFCFC;
}
@media only screen and (max-width: 1419px) {
    .messages {
        height: 700px;
    }
}

@media only screen and (max-width: 1023px) {
    .messages {
        display: block;
        height: calc(100vh - 218px);
        padding: 0;
    }
    .messages.active .messages__users {
        display: none;
    }
    .messages.active .messages__messenger {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .messages {
        height: calc(100vh - 184px);
    }
}


.messages__users {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 340px;
    margin-right: 12px;
    padding: 12px;
}

@media only screen and (max-width: 1259px) {
    .messages__users {
        width: 310px;
    }
}

@media only screen and (max-width: 1023px) {
    .messages__users {
        width: 100%;
        height: 100%;
        margin-right: 0;
        padding: 24px 32px;
    }
}

@media only screen and (max-width: 767px) {
    .messages__users {
        padding: 16px;
    }
}

.messages__nav {
    display: flex;
    margin-bottom: 36px;
    padding: 4px;
    border-radius: 20px;
    background: #F4F4F4;
}

@media only screen and (max-width: 1259px) {
    .messages__nav {
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .messages__nav {
        margin-bottom: 16px;
    }
}


.messages__link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50%;
    height: 32px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6F767E;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: color .2s;
}

.messages__link .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #6F767E;
    transition: fill .2s;
}

.messages__link:hover,
.messages__link.active {
    color: #1A1D1F;
}

.messages__link:hover .icon,
.messages__link.active .icon {
    fill: #1A1D1F;
}



.messages__link.active {
    box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
    background: #FCFCFC;
}


.messages__list {
    max-height: 100%;
    margin: 0 -12px 16px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
    .messages__list {
        margin: 0 -8px 16px;
    }
}

.messages__item {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .2s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 767px) {
    .messages__item {
        padding: 8px;
    }
}

.messages__item:hover,
.messages__item.active {
    background: #eff5f8;
}

.messages__item.new .messages__head:after {
    background: #8151e8;
    content: 'NEW';
    width: 44px;
    height: 17px;
    border-radius: 18px;
    line-height: 17px;
    color: #fff;
    font-weight: 500;
    font-size: 10px;
    text-align: center;
    letter-spacing: 1px;
}

.messages__item.online .messages__avatar {
    position: relative;
}

.messages__item.online .messages__avatar:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #83BF6E;
    border: 4px solid #FCFCFC;
    transition: border-color .2s;
}


.messages__item.online:hover .messages__avatar:before {
    border-color: #eff5f8;
}

.messages__item:not(:last-child) {
    margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
    .messages__item:not(:last-child) {
        margin-bottom: 0;
    }
}

.messages__avatar {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
}

.messages__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.messages__details {
    flex: 0 0 calc(100% - 56px);
    max-width: calc(100% - 56px);
    padding-left: 12px;
}
.messages__head {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.messages__head:after {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 9px;
    height: 9px;
    margin-left: 12px;
    border-radius: 50%;
    background: #d8e0e4;
    transition: background .2s;
}
.messages__man {
    margin-right: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 14px;
}
.messages__time {
    flex-shrink: 0;
    margin-left: 24px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}
.messages__content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 100;
    color: #a0a6ae;
    font-size: 13px;

}
.messages .form {
    width: 100%;
    margin-top: auto;
}
@media only screen and (max-width: 1023px) {
    .messages__messenger {
        display: none;
    }
}

.messenger {
    flex-grow: 1;
    border: 1px solid #eff5f8;
    border-radius: 12px;
}

@media only screen and (max-width: 1023px) {
    .messenger {
        height: 100%;
        border: none;
    }
}


.messenger__wrapper {
    position: relative;
    height: calc(100% - 130px);
    padding: 30px 24px;
}

@media only screen and (max-width: 1023px) {
    .messenger__wrapper {
        height: calc(100% - 88px);
    }
}

@media only screen and (max-width: 767px) {
    .messenger__wrapper {
        height: calc(100% - 72px);
        padding: 64px 16px 72px;
    }
}

.messenger__wrapper>.messenger__button {
    position: absolute;
    top: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
    .messenger__wrapper>.messenger__button {
        top: 12px;
    }
}

.messenger__list {
    max-height: 100%;
    flex-grow: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: calc(100% - 177px);
    padding-bottom: 20px;
}

.messenger__list::-webkit-scrollbar {
    width: 8px;
}

.messenger__list::-webkit-scrollbar-track {
    background-color: #f7fafb;
    border-radius: 100px;
}

.messenger__list::-webkit-scrollbar-thumb {
    background-color: #f7fafb;
    border-radius: 100px;
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

.messenger__list:hover::-webkit-scrollbar-thumb {
    background-color: #f0f3f5;
}
.messenger__item.staff {
    background: #eff5f8;
}
.messenger__panel {
    padding: 20px 24px 28px;
    border-radius: 25px 25px 0 0;
    border-bottom: 1px solid #f1f1f1;
}

@media only screen and (max-width: 1023px) {
    .messenger__panel {
        background: none;
        box-shadow: inset 0 -1px 0 0 #eff5f8;
    }
}

@media only screen and (max-width: 767px) {
    .messenger__panel {
        padding: 16px;
    }
}


.messenger__line {
    display: flex;
    align-items: center;
}

.messenger__line .messenger__man {
    margin-right: auto;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: -.02em;
    margin-bottom: 5px;
    padding-left: 8px;
}

@media only screen and (max-width: 767px) {
    .messenger__line .messenger__man {
        font-size: 18px;
    }
}

.messenger__close {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 12px;
    font-size: 15px;
    background: #eff2f3;
    color: #aea9b6;
}

@media only screen and (max-width: 1023px) {
    .messenger__close {
        display: inline-block;
    }
}

.messenger__close .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
}



.messenger__parameters {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
}

@media only screen and (max-width: 1419px) {
    .messenger__parameters {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 1023px) {
    .messenger__parameters {
        display: none;
    }
}

.messenger__parameter {
    margin-left: 12px;
    font-size: 14px;
    line-height: 1.23077;
    font-weight: 500;
    color: #6F767E;
    background: #eff5f8;
    padding: 5px 15px;
    border-radius: 20px;
}
.messenger__parameter .badge{
    font-size: 13px;
}
.messenger__parameter span {
    font-weight: 700;
    color: #33383F;
}
.messenger__parameter:not(:first-child) {
    position: relative;
    padding-left: 14px;
}

.messenger .actions__button {
    background: #FCFCFC !important;
}


.messenger__item {
    display: flex;
    background: #f6f9fa;
    padding: 25px;
    border-radius: 20px;
}

.messenger__item:not(:last-child) {
    margin-bottom: 13px;
}

.messenger__avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}

.messenger__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.messenger__details {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    padding-left: 16px;
}

.messenger__head {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.messenger__head .messenger__man {
    font-size: 16px;
    font-weight: 700;
    color: #1a1d1f;
}

.messenger__time {
    font-size: 13px;
    font-weight: 100;
    line-height: 1.23077;
    color: #a6bec6;
    margin-left: auto;
}

.messenger__content {
    font-weight: 100;
    font-size: 14px;
    color: #607577;
}

.messenger__content a {
    font-weight: 600;
    color: #2A85FF;
}
.messenger__man__status {
    margin-left: 5px;
    background: #e5eaed;
    padding: 0 15px;
    border-radius: 15px;
    font-size: 12px;
}
.messenger__man__status.staff {
    background: #8151e8;
    color: #fff;
}
.messenger__send {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .messenger__send {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }
}

.messenger__file,
.messenger .smile {
    flex-shrink: 0;
    margin-right: 24px;
}

@media only screen and (max-width: 767px) {
    .messenger__file,
    .messenger .smile {
        margin-right: 12px;
    }
}

.messenger__file {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    right: 130px;
    bottom: 13px;
}

.messenger__file input {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 140px;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.messenger__file .icon {
    width: 24px;
    height: 24px;
    color: #6F767E;
    transition: fill .2s;
    font-size: 20px;
}

.messenger__file input:hover+i {
    color: #1A1D1F;
}

.messenger__form {
    position: relative;
    flex-grow: 1;
}

.messenger__input {
    width: 100%;
    height: 48px;
    padding: 0 96px 0 10px;
    border-radius: 12px;
    border: 2px solid #eff5f8;
    background: #F4F4F4;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #1A1D1F;
}

.messenger__input::-webkit-input-placeholder {
    color: #6F767E;
}

.messenger__input::-moz-placeholder {
    color: #6F767E;
}

.messenger__input:-ms-input-placeholder {
    color: #6F767E;
}

.messenger__input::-ms-input-placeholder {
    color: #6F767E;
}

.messenger__input::placeholder {
    color: #6F767E;
}

.messenger__input:focus {
    border-color: rgba(42, 133, 255, 0.35);
    background: #FFFFFF;
}

.messenger__form .messenger__button {
    position: absolute;
    bottom: 9px;
    right: 24px;
    min-width: 120px;
    border-radius: 25px;
}
.creators {
    padding: 24px;
    border-radius: 8px;
    background: #FCFCFC;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .creators {
        padding: 16px;
    }
}

.creators__head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eff5f8;
}

@media only screen and (max-width: 767px) {
    .creators__head {
        display: block;
    }
}

.creators__nav {
    display: flex;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .creators__nav {
        margin: 0 0 20px;
    }
}

.creators__link {
    padding: 8px 16px;
    text-align: center;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6F767E;
    transition: all .2s;
}

@media only screen and (max-width: 767px) {
    .creators__link {
        flex-grow: 1;
    }
}

.creators__link:hover,
.creators__link.active {
    color: #1A1D1F;
}

.creators__link.active {
    background: #eff5f8;
}

.creators__link:not(:last-child) {
    margin-right: 8px;
}

.creators__info {
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

.creators__item {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eff5f8;
}



.creators__top {
    display: flex;
    align-items: center;
}

.creators__user {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.creators__avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 16px;
}

@media only screen and (max-width: 767px) {
    .creators__avatar {
        width: 64px;
        height: 64px;
    }
}

.creators__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.creators__line {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.creators__man {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .creators__man {
        font-size: 18px;
    }
}

.creators__number {
    margin-left: 6px;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 700;
}
.creators__parameters {
    display: flex;
    margin-left: -12px;
}

.creators__parameter {
    margin-left: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

.creators__parameter span {
    color: #6F767E;
}

.creators__parameter:not(:first-child) {
    position: relative;
    padding-left: 14px;
}

.creators__parameter:not(:first-child):before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 2px;
    height: 8px;
    border-radius: 2px;
    background: #eff5f8;
}
.creators__btns {
    display: flex;
    margin-left: 24px;
}

@media only screen and (max-width: 767px) {
    .creators__btns {
        display: none;
    }
}

.creators__btns .creators__button span {
    display: none;
}

.creators__btns .creators__button:not(:last-child) {
    margin-right: 8px;
}

.creators__btns .creators__button:first-child.active {
    background: #eff5f8;
    box-shadow: inset 0 0 0 3px #eff5f8;
}

.creators__btns .creators__button:first-child.active span {
    display: inline;
}

.creators__products {
    display: flex;
    margin: 24px -24px 0;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.creators__products::-webkit-scrollbar {
    display: none;
}

.creators__products:before,
.creators__products:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 1px;
}

.creators__product {
    position: relative;
    flex-shrink: 0;
    width: 212px;
    height: 166px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}

.creators__product img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.creators__product:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 19, 21, 0.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Crect width='36' height='36' rx='18' fill='%23fcfcfc'/%3E%3Cpath d='M19.077 22.827c-.325.325-.325.853 0 1.178s.853.325 1.178 0l4.827-4.827c.651-.651.651-1.706 0-2.357l-4.827-4.827c-.325-.325-.853-.325-1.178 0s-.325.853 0 1.178l3.994 3.994H11.333c-.46 0-.833.373-.833.833s.373.833.833.833h11.738l-3.994 3.994z' fill='%236f767e'/%3E%3C/svg%3E") no-repeat 50% 50%/36px auto;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
}

.creators__product:hover:before {
    visibility: visible;
    opacity: 1;
}

.creators__product:not(:last-child) {
    margin-right: 12px;
}

.creators__foot {
    padding: 12px 0;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .creators__foot {
        padding: 0;
    }
}

.creators__foot .creators__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.indicators {
    background: #FCFCFC;
    border-radius: 8px;
}
.indicators__table {
    display: table;
    width: 100%;
}

.indicators__row {
    display: table-row;
}

.indicators__row:first-child .indicators__col {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

@media only screen and (max-width: 767px) {
    .indicators__row:first-child .indicators__col {
        padding: 16px;
    }
}

.indicators__row:nth-child(2n) .indicators__col {
    background: rgba(239, 239, 239, 0.35);
}

.indicators__col {
    display: table-cell;
    padding: 16px;
    white-space: nowrap;
}

@media only screen and (max-width: 1259px) {
    .indicators__col {
        padding: 16px 8px;
    }
}

@media only screen and (max-width: 767px) {
    .indicators__col {
        padding-left: 16px;
    }
}

.indicators__col:first-child {
    padding-left: 24px;
    color: #6F767E;
}

@media only screen and (max-width: 1259px) {
    .indicators__col:first-child {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .indicators__col:first-child {
        padding-left: 16px;
    }
}

.indicators__col:last-child {
    padding-right: 24px;
}

@media only screen and (max-width: 767px) {
    .indicators__col:nth-child(3n+1) {
        display: none;
    }
}

.indicators .tooltip {
    position: relative;
    top: -1px;
}

.indicators .tooltip .icon {
    fill: #9A9FA5;
}

.indicators__box {
    display: flex;
    align-items: center;
}

.indicators__line {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 12px;
    margin-left: 8px;
}

.indicators__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px;
}

.indicators__progress_blue {
    background: #2A85FF;
}

.indicators__progress_purple {
    background: #8E59FF;
}

.indicators .counter {
    padding: 0 7px;
    border-radius: 6px;
    background: #eff5f8;
}
.indicators .balance {
    margin-top: 10px;
}

.link__title {
    margin-bottom: 16px;
    color: #6F767E;
}

.link__fieldset {
    margin-bottom: 32px;
}

.link__fieldset .select,
.link__fieldset .field {
    margin-bottom: 12px;
}

.link__box:not(:last-child) {
    margin-bottom: 32px;
}

.link__label {
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    font-weight: 500;
    color: #6F767E;
}

.link__line {
    display: flex;
    align-items: center;
}

.link__list {
    display: flex;
    margin-right: auto;
}

.link__avatar {
    position: relative;
    width: 48px;
    height: 48px;
}

.link__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.link__avatar:not(:last-child) {
    margin-right: 24px;
}

.link__icon {
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    background: #2A85FF;
}

.link__icon .icon {
    width: 12px;
    height: 12px;
    fill: #FCFCFC;
}

.link__button .icon {
    width: 24px;
    height: 24px;
}

.login {
    position: relative;
    display: flex;
    min-height: calc(var(--vh, 1vh) * 100);
    background: #FCFCFC;
}

.login__col {
    padding: 96px 24px;
}

@media only screen and (max-width: 767px) {
    .login__col {
        padding-bottom: 32px;
    }
}

.login__col:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 400px;
    background: #F4F4F4;
}

@media only screen and (max-width: 1023px) {
    .login__col:first-child {
        display: none;
    }
}
.login__col:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

.login__wrap {
    max-width: 212px;
}

.login__preview {
    max-width: 180px;
    margin: 0 auto 40px;
}

.login__preview img {
    width: 100%;
}

.login__subtitle {
    margin-bottom: 48px;
    text-align: center;
}

.login__list li {
    position: relative;
    padding-left: 36px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6F767E;
}

.login__list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 8-8 7.98 7.98 0 0 1 5.942 2.644L11 13.586l-2.793-2.793a1 1 0 0 0-1.414 1.414L9.586 15a2 2 0 0 0 2.828 0l6.687-6.687C19.676 9.416 20 10.67 20 12z' fill='%2383bf6e'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}

.login__list li:not(:last-child) {
    margin-bottom: 20px;
}

.login__logo {
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 2;
    width: 48px;
}

.login__logo img {
    width: 100%;
}

.login__info {
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

@media only screen and (max-width: 1023px) {
    .login__info {
        padding-left: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .login__info {
        right: 24px;
    }
}

.login__info a {
    font-weight: 700;
    color: #1A1D1F;
    transition: color .2s;
}
.login__info a:hover {
    color: #2A85FF;
}

.login__wrapper {
    max-width: 296px;
}

@media only screen and (max-width: 767px) {
    .login__wrapper {
        max-width: 100%;
    }
}

.login__title {
    margin-bottom: 32px;
}

.login__top {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 2px solid #eff5f8;
}
.login__text {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

.login__btns {
    display: flex;
    margin: 0 -4px;
}

.login__btns .login__button {
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 0 4px;
    padding: 0 16px;
}

.login__btns .login__button img {
    margin-right: 10px;
}

.login__fieldset .login__button {
    width: 100%;
}

.login .field {
    margin-bottom: 12px;
}

.login__note {
    margin-top: 32px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #9A9FA5;
}

.login__code {
    display: none;
}

.login__row {
    display: flex;
    margin: 0 -6px;
}

.login__field {
    flex: 0 0 calc(25% - 12px);
    width: calc(25% - 12px);
    margin: 0 6px;
}

.login__field input {
    width: 100%;
    height: 72px;
    padding: 0 6px;
    border-radius: 12px;
    border: 2px solid transparent;
    background: #eff5f8;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    color: #1A1D1F;
    transition: all .2s;
}

.login__field input:focus {
    border-color: #9A9FA5;
    background: #FFFFFF;
}

.login__field input.error {
    background: rgba(255, 188, 153, 0.25);
    border-color: transparent;
    color: #FF6A55;
}

.login__error {
    display: none;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #FF6A55;
}

.login__code .login__button {
    width: 100%;
    margin-top: 12px;
}

.login__code .login__button .loader {
    display: none;
    margin-right: 16px;
}

.entry {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(var(--vh, 1vh) * 100);
    padding: 48px;
    background: #FCFCFC;
}

@media only screen and (max-width: 767px) {
    .entry {
        padding: 24px;
    }
}
.entry__wrapper {
    max-width: 296px;
}

@media only screen and (max-width: 767px) {
    .entry__wrapper {
        max-width: 100%;
    }
}

.entry__logo {
    display: inline-block;
    width: 48px;
    margin-bottom: 32px;
}

.entry__logo img {
    width: 100%;
}

.entry__title {
    margin-bottom: 32px;
}

.entry__top {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 2px solid #eff5f8;
}

@media only screen and (max-width: 767px) {
    .entry__top {
        margin-bottom: 24px;
        padding-bottom: 24px;
    }
}

.entry__text {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

.entry__btns {
    display: flex;
    margin: 0 -4px;
}

.entry__btns .entry__button {
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 0 4px;
    padding: 0 16px;
}

.entry__btns .entry__button img {
    margin-right: 10px;
}

.entry__fieldset .entry__button {
    width: 100%;
}

.entry .field {
    margin-bottom: 12px;
}

.entry__note {
    margin-top: 32px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #9A9FA5;
}

@media only screen and (max-width: 767px) {
    .entry__note {
        margin-top: 24px;
    }
}

.entry__info {
    margin-top: 32px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

@media only screen and (max-width: 767px) {
    .entry__info {
        margin-top: 24px;
    }
}

.entry__info a {
    font-weight: 700;
    color: #1A1D1F;
    transition: color .2s;
}

.entry__info a:hover {
    color: #2A85FF;
}

.income__details .balance.negative,
.income__details .balance.positive {
    font-size: 14px;
    letter-spacing: 0;
    gap: 5px;
}
.income__item {
	position: relative;
}
.income__item .income__statment {
    font-family: var(--font-heading);
    font-weight: bold;
    color: #83BF6E;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
}
.income__item.negative .income__statment {
    color: #efa506;
}
.income__item.positive .income__statment:after {
    content:'+';
}
.income__item.negative .income__statment:after {
    content:'-';
}
@media only screen and (min-width: 768px) {
.income__item.positive .income__details,
.income__item.negative .income__details{
    padding-left: 25px;
}
}
.income__item.positive .income__counter {
    color: #83BF6E
}
.income__item.negative .income__counter {
    color: #efa506
}
.countries__item {
    display: flex;
    align-items: center;
    color: #33383F;
}
.payout__col .transactions__title{
    font-size: 12px;
    display: block;
    max-width: 300px;
    font-weight: 400;
    color: #3e4447;
	overflow: hidden;
}
@media only screen and (max-width: 768px) {
.payout.statment__table {
    overflow: hidden;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
}
.payout__col .transactions__title small{
    display: block;
    margin-top: 6px;
}
.payout__col.negative{
    color: #efa506;
}
.payout__col.positive{
    color: #83BF6E;
}
.payout__col.refund{
    color: #f44336;
}
.countries__item:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eff5f8;
}
.countries__flag {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 21px;
    height: 21px;
    margin-right: 12px;
    border-radius: 50%;
}
.countries__flag img{
    width: 100%;
}
.countries__price {
    margin-left: auto;
    padding-left: 20px;
    color: #1A1D1F;
}

.earning {
    padding-bottom: 24px;
    background: #FCFCFC;
    border-radius: 8px;
}

.earning__table {
    display: table;
    width: 100%;
}

.earning__row {
    display: table-row;
}

.earning__row:first-child .earning__col {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

.earning__row:nth-child(2n) .earning__col {
    background: rgba(239, 239, 239, 0.35);
}

.earning__col {
    display: table-cell;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

.earning__col:first-child {
    padding-left: 24px;
    white-space: nowrap;
    color: #6F767E;
}

@media only screen and (max-width: 767px) {
    .earning__col:first-child {
        padding-left: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .earning__col:nth-child(2) {
        display: none;
    }
}

.earning__col:last-child {
    padding-right: 24px;
}

@media only screen and (max-width: 767px) {
    .earning__col:last-child {
        padding-right: 16px;
    }
}

.earning__status {
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .refunds .card__head {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .refunds .card__title {
        margin: 0 0 16px;
    }
}

.refunds .card__nav {
    display: flex;
    margin-left: auto;
}

.refunds .card__nav .card__link {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6F767E;
    transition: all .2s;
}

@media only screen and (max-width: 767px) {
    .refunds .card__nav .card__link {
        flex: 1;
    }
}

.refunds .card__nav .card__link:hover,
.refunds .card__nav .card__link.active {
    color: #1A1D1F;
}

.refunds .card__nav .card__link.active {
    background: #eff5f8;
}

.refunds .card__nav .card__link:not(:last-child) {
    margin-right: 4px;
}

@media only screen and (max-width: 767px) {
    .refunds .card__nav .card__link:not(:last-child) {
        margin-right: 0;
    }
}

.refunds__wrapper {
    margin: 0 -12px;
}

@media only screen and (max-width: 767px) {
    .refunds__wrapper {
        margin: 0;
    }
}

.refunds__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .refunds__table {
        display: block;
    }
}

.refunds__row {
    display: table-row;
}

@media only screen and (max-width: 767px) {
    .refunds__row {
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .refunds__row:first-child {
        margin-bottom: 24px;
    }
}

.refunds__row:first-child .refunds__col {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

.refunds__row:not(:first-child) {
    cursor: pointer;
    transition: background .2s;
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child) {
        align-items: flex-start;
    }
}

.refunds__row:not(:first-child) .refunds__col {
    position: relative;
    vertical-align: top;
    padding: 16px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #1A1D1F;
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child) .refunds__col {
        padding: 0;
    }
}

.refunds__row:not(:first-child) .refunds__col:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background: #eff5f8;
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child) .refunds__col:after {
        display: none;
    }
}

.refunds__row:not(:first-child) .refunds__col:first-child:after {
    left: 12px;
}

.refunds__row:not(:first-child) .refunds__col:not(:first-child) {
    padding-top: 22px;
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child) .refunds__col:not(:first-child) {
        padding: 0;
    }
}

.refunds__row:not(:first-child) .refunds__col:last-child:after {
    right: 12px;
}

@media only screen and (min-width: 768px) {
    .refunds__row:not(:first-child):hover {
        background: #F4F4F4;
    }
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child):not(:last-child) {
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #eff5f8;
    }
}

.refunds__col {
    display: table-cell;
    padding: 4px 12px 16px;
}

@media only screen and (max-width: 767px) {
    .refunds__col {
        padding: 0;
    }
}

.refunds__col:first-child {
    border-radius: 8px 0 0 8px;
}

@media only screen and (max-width: 767px) {
    .refunds__col:first-child {
        margin-right: auto;
    }
}

@media only screen and (max-width: 767px) {
    .refunds__col:nth-child(2) {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .refunds__col:nth-child(3) {
        display: none;
    }
}

.refunds__col:last-child {
    border-radius: 0 8px 8px 0;
}

.refunds__item {
    display: flex;
    align-items: center;
}

.refunds__item .refunds__new,
.refunds__item .refunds__progress {
    display: none;
}

@media only screen and (max-width: 767px) {
    .refunds__item .refunds__new,
    .refunds__item .refunds__progress {
        display: inline-block;
    }
}

.refunds__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.refunds__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.refunds__product {
    max-width: 170px;
    margin-bottom: 4px;
    font-size: 15px;
}

.refunds__category {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

@media only screen and (max-width: 767px) {
    .refunds__category {
        display: none;
    }
}

.refunds__new,
.refunds__progress {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    white-space: nowrap;
}

.refunds__new {
    background: #B5E4CA;
}

.refunds__progress {
    background: #CABDFF;
}

.refunds__user {
    display: flex;
    align-items: center;
    margin-top: -2px;
}

@media only screen and (max-width: 767px) {
    .refunds__user {
        font-size: 0;
    }
}

.refunds__avatar {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px;
}

@media only screen and (max-width: 767px) {
    .refunds__avatar {
        margin-right: 0;
    }
}

.refunds__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.refunds__foot {
    margin-top: 12px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .refunds__foot {
        margin-top: 32px;
    }
}

.refunds__foot .refunds__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.description__title {
    margin-bottom: 24px;
}

.description__row {
    display: flex;
}

@media only screen and (max-width: 1023px) {
    .description__row {
        display: block;
    }
}

.description__col {
    flex: 0 0 50%;
}

.description__col:first-child {
    padding: 24px;
    border-radius: 12px;
    background: rgba(244, 244, 244, 0.5);
}

@media only screen and (max-width: 1023px) {
    .description__col:first-child {
        margin-bottom: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .description__col:first-child {
        margin-bottom: 32px;
        padding: 16px;
    }
}

.description__col:nth-child(2) {
    padding: 30px 0 0 24px;
}

@media only screen and (max-width: 1023px) {
    .description__col:nth-child(2) {
        padding: 0;
    }
}

.description__product {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.description__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.description__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.description__subtitle {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .description__subtitle {
        font-size: 18px;
    }
}

.description__category {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

.description__new,
.description__progress {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    white-space: nowrap;
}

.description__new {
    background: #B5E4CA;
}

.description__progress {
    background: #CABDFF;
}

.description__parameters li {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid rgba(17, 19, 21, 0.1);
}

.description__label {
    margin-right: auto;
    padding-right: 12px;
    color: #6F767E;
}

.description .tooltip {
    position: relative;
    top: -1px;
}

.description .tooltip .icon {
    fill: #6F767E;
}

.description__yes,
.description__no {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    white-space: nowrap;
}

.description__yes {
    background: #B5E4CA;
}

.description__no {
    background: #FFBC99;
}

.description__content {
    text-align: right;
}

.description__btns {
    display: flex;
    margin: 24px -4px 0;
}

.description__btns .description__button {
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 0 4px;
}

@media only screen and (max-width: 767px) {
    .description__btns .description__button {
        padding: 0 8px;
    }
}

.description__box:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(17, 19, 21, 0.1);
}

.description__info {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .description__info {
        font-size: 18px;
    }
}

.description__list li {
    position: relative;
    padding-left: 36px;
    font-weight: 500;
    color: #33383F;
}

.description__list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.707 6.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0l-3.586-3.586a1 1 0 0 1 1.414-1.414l3.586 3.586a1 1 0 0 0 1.414 0l8.586-8.586a1 1 0 0 1 1.414 0z' fill='%23b5e4ca'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}

.description__list li:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eff5f8;
}

.description__comment {
    margin-bottom: 12px;
    font-weight: 500;
    color: #33383F;
}

.description__user {
    display: flex;
    align-items: center;
}

.description__avatar {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px;
}

.description__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.description .editor {
    margin-top: 32px;
}

@media only screen and (max-width: 767px) {
    .description .editor {
        margin-top: 24px;
    }
}

.balance {
    display: flex;
}

@media only screen and (max-width: 1023px) {
    .balance {
        display: block;
    }
}

.balance__list {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    margin-right: 64px;
}

@media only screen and (max-width: 1259px) {
    .balance__list {
        margin-right: 48px;
    }
}

@media only screen and (max-width: 1023px) {
    .balance__list {
        display: block;
        margin: 0 0 32px;
    }
}

.balance__item {
    display: flex;
    padding: 0 64px;
    border-right: 1px solid #eff5f8;
    color: #1A1D1F;
}

@media only screen and (max-width: 1419px) {
    .balance__item {
        padding: 0 48px;
    }
}

@media only screen and (max-width: 1339px) {
    .balance__item {
        padding: 0 32px;
    }
}

@media only screen and (max-width: 1023px) {
    .balance__item {
        padding: 0;
        border: none;
    }
}
.balance__item:first-child {
    padding-left: 0;
}

@media only screen and (max-width: 1023px) {
    .balance__item:not(:last-child) {
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #eff5f8;
    }
}

.balance__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 24px;
    border-radius: 50%;
}

.balance__icon .icon {
    width: 24px;
    height: 24px;
    fill: #1A1D1F;
}

.balance__label {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6F767E;
}

.balance .tooltip .icon {
    fill: #6F767E;
}

.balance__counter {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

@media only screen and (max-width: 1339px) {
    .balance__counter {
        font-size: 40px;
    }
}

.balance__button {
    flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
    .balance__button {
        width: 100%;
    }
}

.success {
    padding: 60px 0 24px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .success {
        padding: 32px 0 16px;
    }
}

.success__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 128px;
    height: 128px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #B5E4CA;
    font-size: 48px;
}

.success__info {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #33383F;
}

@media only screen and (max-width: 767px) {
    .success__info {
        font-size: 18px;
    }
}
.success__price {
    margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
    .success__price {
        font-size: 40px;
    }
}

.success__text {
    margin-bottom: 20px;
    color: #6F767E;
}

.success__text span {
    color: #1A1D1F;
}

.filters__body .form__input {
    padding: 0 20px 0 20px;
    background: #F4F4F4;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 100;
    color: #1A1D1F;
}

.payout__wrapper {
    margin: 0 -20px;
    background: #FCFCFC;
}

.popup.popup_payout_form .popup__wrap {
    max-width: 640px;
}

@media only screen and (max-width: 767px) {
    .payout__wrapper {
        margin: 0 -16px;
    }
}

.payout__table {
    display: table;
    width: 100%;
}

.payout__row {
    display: table-row;
}

.payout__row:first-child .payout__col {
    padding-top: 12px;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

.payout__row:nth-child(2n) .payout__col {
    background: rgb(241 245 247 / 63%);
}

.payout__col {
    display: table-cell;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.71429;
    vertical-align: middle;
    font-family: var(--font-heading);
}

@media only screen and (max-width: 767px) {
    .payout__col {
        padding: 12px;
    }
}

.payout__col:first-child {
    padding-left: 24px;
    color: #191a1c;
}

@media only screen and (max-width: 767px) {
    .payout__col:first-child {
        padding-left: 16px;
    }
}

.payout:not(.statment__table) .payout__col:last-child{
	width: 285px;
}

@media only screen and (max-width: 767px) {
    .payout__col:last-child {
        padding-right: 16px;
        text-align: right;
    }
}
.payout.statment__table .payout__col {
    padding: 14px 16px;
}
.payout__status {
    font-size: 10px;
    line-height: 28px;
    font-weight: 600;
    color: rgb(26 29 31 / 70%);
}
.payment__methods__container {
    margin: 35px 0 15px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    gap: 10px;
}
.payment__methods__container .payment__methods__item{
    position: relative;
    display: flex;
    width: 100%;
    flex: 0 0 100%;
    justify-content: space-between;
    border: 1px solid #e9eef1;
    padding: 6px 10px 6px 40px;
    align-items: center;
    border-radius: 12px;
    cursor: pointer;
}
.payment__methods__container .payment__methods__item.active{
    background: #f2f6f9;
}
.payment__methods__container .payment__methods__item .payment__methods__logo{
    position: absolute;
    width: 18px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
}
.payment__methods__container .payment__methods__item .button-small {
    height: 36px;
    font-size: 11px;
	background: #fff;
}
.payout__field__input__group {
    text-align: center;
    padding: 20px 0 65px;
    position: relative;
}
.payout__field__input__group .complete__payment__button{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
}
.payout__field__input__group .field__wrap{
    padding: 30px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.payout__field__input__group .field__wrap:before{
    content: '$';
    font-family: var(--font-heading);
    font-size: 32px;
    font-weight: 100;
    z-index: 1;
}
.payout__field__input__group .field__input{
    border: 0;
    box-shadow: none;
    text-align: center;
    font-size: 43px;
    padding: 0;
	-moz-appearance:textfield;
}
.payout__field__input__group .field__input::-webkit-outer-spin-button,
.payout__field__input__group .field__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.payout__field__input__group .payout__text{
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 7px;
}

.payout__field__input__group .payout__text strong{
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .transactions .card__head {
        flex-wrap: wrap;
    }
    .transactions .card__head .card__title {
        width: 100%;
        flex-grow: 1;
        margin: 0 0 16px;
    }
}

.transactions .card__button {
    margin-left: 16px;
}

@media only screen and (max-width: 767px) {
    .transactions .card__button {
        flex-grow: 1;
    }
}

.transactions__wrapper {
    margin: 0 -24px;
    background: #FCFCFC;
}

@media only screen and (max-width: 767px) {
    .transactions__wrapper {
        margin: 0 -16px;
    }
}

.transactions__table {
    display: table;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .transactions__table {
        display: block;
    }
}

.transactions__row {
    display: table-row;
}

@media only screen and (max-width: 1023px) {
    .transactions__row {
        display: flex;
        flex-direction: column;
        padding: 16px 24px;
    }
}

@media only screen and (max-width: 767px) {
    .transactions__row {
        padding: 16px;
    }
}

@media only screen and (max-width: 1023px) {
    .transactions__row:first-child {
        display: none;
    }
}

.transactions__row:first-child .transactions__col {
    padding-top: 8px;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

@media only screen and (max-width: 1023px) {
    .transactions__row:nth-child(2n) {
        background: rgba(239, 239, 239, 0.35);
    }
}

.transactions__row:nth-child(2n) .transactions__col {
    background: rgba(239, 239, 239, 0.35);
}

@media only screen and (max-width: 1023px) {
    .transactions__row:nth-child(2n) .transactions__col {
        background: none;
    }
}

.transactions__col {
    display: table-cell;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

@media only screen and (max-width: 1023px) {
    .transactions__col {
        display: flex;
        align-items: center;
        padding: 0;
    }
}

.transactions__col:first-child {
    padding-left: 24px;
}

@media only screen and (max-width: 1023px) {
    .transactions__col:first-child {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .transactions__col:nth-child(2) {
        align-items: flex-start;
        order: -1;
        padding-bottom: 12px;
        border-bottom: 1px solid #eff5f8;
    }
}

@media only screen and (max-width: 1023px) {
    .transactions__col:nth-child(3) {
        display: none;
    }
}

.transactions__col:last-child {
    padding-right: 24px;
}

@media only screen and (max-width: 1023px) {
    .transactions__col:last-child {
        padding-right: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .transactions__col:not(:last-child) {
        margin-bottom: 12px;
    }
}

.transactions__status {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    color: #1A1D1F;
}

.transactions__details {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .transactions__details {
        display: block;
        margin-right: auto;
        padding-right: 16px;
    }
}

.transactions__product {
    color: #33383F;
}

.transactions__invoice {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6F767E;
}

.transactions__amount_negative {
    color: #FF6A55;
}

.transactions__foot {
    padding: 12px 0;
    text-align: center;
}

.transactions__foot .transactions__button .loader {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 18px 0 8px;
}

.transactions__label {
    display: none;
    margin-right: auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6F767E;
}

@media only screen and (max-width: 1023px) {
    .transactions__label {
        display: block;
    }
}

.shop__background {
    height: 400px;
    margin: -40px -40px 0;
}

@media only screen and (max-width: 1339px) {
    .shop__background {
        margin: -32px -24px 0;
    }
}

@media only screen and (max-width: 1259px) {
    .shop__background {
        height: 320px;
    }
}

@media only screen and (max-width: 767px) {
    .shop__background {
        height: 252px;
        margin: -24px -16px 0;
    }
}

.shop__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.shop .card {
    max-width: 1200px;
    margin: 0 auto 0;
}

.shop__profile {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eff5f8;
}

@media only screen and (max-width: 1259px) {
    .shop__profile {
        margin-bottom: 32px;
        padding-bottom: 32px;
    }
}

@media only screen and (max-width: 1023px) {
    .shop__profile {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .shop__profile {
        margin-bottom: 32px;
        padding-bottom: 32px;
    }
}

.shop__details {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

@media only screen and (max-width: 1023px) {
    .shop__details {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .shop__details {
        margin-bottom: 12px;
    }
}

.shop__avatar {
    position: relative;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 16px;
}

.shop__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.shop__add {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    background: #2A85FF;
    font-size: 0;
    transition: background .2s;
}

.shop__add .icon {
    fill: #FFFFFF;
}

.shop__add:hover {
    background: #1176ff;
}

@media only screen and (max-width: 767px) {
    .shop__man {
        font-size: 20px;
    }
}
.shop__info {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #6F767E;
}

@media only screen and (max-width: 767px) {
    .shop__info {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .shop__info {
        margin-top: 4px;
        font-size: 15px;
    }
}
.shop__contacts {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 40px;
}
@media only screen and (max-width: 1023px) {
    .shop__contacts {
        margin-left: 0;
    }
}
.shop__socials {
    display: flex;
    align-items: center;
}
.shop__social .icon {
    width: 24px;
    height: 24px;
    color: #cfd8e1;
    transition: fill .2s;
    font-size: 23px;
}
.shop__social:hover .icon {
    color: #70787f;
}
.shop__social:not(:last-child) {
    margin-right: 32px;
}
.shop__contacts .shop__button {
    margin-left: 32px;
}
@media only screen and (max-width: 1023px) {
    .shop__contacts .shop__button {
        margin-left: auto;
    }
}
@media only screen and (max-width: 767px) {
    .shop__contacts .shop__button {
        min-width: 132px;
    }
}
.shop__control {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
    .shop__control {
        flex-wrap: wrap;
    }
}
.shop__nav {
    display: flex;
    margin-right: auto;
}
@media only screen and (max-width: 767px) {
    .shop__nav {
        width: 100%;
        margin: 0 0 16px;
    }
}
.shop__nav .shop__link {
    padding: 8px 16px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6F767E;
    transition: all .2s;
}
@media only screen and (max-width: 767px) {
    .shop__nav .shop__link {
        flex-grow: 1;
    }
}

.shop__nav .shop__link:hover,
.shop__nav .shop__link.active {
    color: #1A1D1F;
}
.shop__nav .shop__link.active {
    background: #eff5f8;
}

.shop__nav .shop__link:not(:last-child) {
    margin-right: 8px;
}

@media only screen and (max-width: 767px) {
    .shop__nav .shop__link:not(:last-child) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .shop__select {
        flex-grow: 1;
    }
}

.shop .filters {
    margin-left: 16px;
}

@media only screen and (max-width: 767px) {
    .shop .filters {
        margin-left: 12px;
    }
}

.shop__products {
    display: flex;
    flex-wrap: wrap;
    margin: -32px -12px 0;
}

@media only screen and (max-width: 639px) {
    .shop__products {
        display: block;
        margin: 0;
    }
}

.shop .summary {
    flex: 0 0 calc(33.333% - 24px);
    width: calc(33.333% - 24px);
    margin: 32px 12px 0;
    background: #f3f5f6;
    border-radius: 14px;
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .shop .summary {
        flex: 0 0 calc(50% - 24px);
        width: calc(50% - 24px);
    }
}

@media only screen and (max-width: 639px) {
    .shop .summary {
        width: 100%;
        margin: 24px 0 0;
    }
}

.shop__foot {
    margin-top: 40px;
    text-align: center;
}

@media only screen and (max-width: 1339px) {
    .shop__foot {
        margin-top: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .shop__foot {
        margin-top: 24px;
    }
}

.follower {
    display: flex;
    align-items: flex-start;
    padding-bottom: 24px;
}

.follower:not(:last-child) {
    margin-bottom: 24px;
    border-bottom: 1px solid #eff5f8;
}
.follower__details {
    display: flex;
    padding-right: 24px;
    flex-grow: 1;
}

@media only screen and (max-width: 1023px) {
    .follower__details {
        padding-right: 0;
    }
}

.follower__avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 16px;
}

@media only screen and (max-width: 767px) {
    .follower__avatar {
        width: 64px;
        height: 64px;
    }
}

.follower__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.follower__man {
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
}

@media only screen and (max-width: 767px) {
    .follower__man {
        font-size: 18px;
    }
}

.follower__list {
    display: flex;
    align-items: center;
}

.follower__counter {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9A9FA5;
}

.follower__counter span {
    color: #6F767E;
}

.follower__counter:not(:first-child) {
    position: relative;
    margin-left: 12px;
    padding-left: 14px;
}

.follower__counter:not(:first-child):before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 2px;
    height: 8px;
    border-radius: 2px;
    background: #eff5f8;
}

.follower__gallery {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    width: 480px;
    margin: -12px -6px 0 0;
}

@media only screen and (max-width: 1023px) {
    .follower__gallery {
        display: none;
    }
}

.follower__preview {
    flex: 0 0 calc(33.333% - 12px);
    width: calc(33.333% - 12px);
    height: 116px;
    margin: 12px 6px 0;
}

.follower__preview img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover;
}

.follower__preview:nth-child(n+4) {
    display: none;
}

.follower__btns {
    display: flex;
    margin-top: 16px;
}

.follower__btns .follower__button_follow span {
    display: none;
}

.follower__btns .follower__button_follow.active {
    box-shadow: inset 0 0 0 2px #eff5f8;
    background: #eff5f8;
}
.follower__btns .follower__button_follow.active span {
    display: inline;
}

.follower__btns .follower__button:not(:last-child) {
    margin-right: 8px;
}

.header__main__logo img {
    max-height: 25px;
}

.categories__legend {
    margin-top: 40px;
    background: #f5f7f9;
    text-align: center;
    padding: 16px 5px;
    border-radius: 16px;
    position: relative;
}

.categories__legend .categories__indicator {
    border-right: 1px solid #e4eaed;
}

.categories__legend .categories__indicator:last-child {
    border-right: 0;
}

.categories__legend .categories__indicator i {
    font-size: 20px;
}

.categories__legend:before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 20px;
    height: 10px;
    left: 0;
    right: 0;
    margin: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23f5f7f9'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}

.search-producs .form__input {
    border-radius: 40px;
    font-size: 13px;
}
.btn__header__add__new__product {
    background: #f4f4f4;
    padding: 0 15px;
    margin-right: 14px;
    border-radius: 15px;
    display: flex;
    color: #a9abb4;
    align-items: center;
    font-weight: 400;
    transition: all 0.2s;
    height: 42px;
}
.btn__header__add__new__product:hover {
    color: #fff;
    background: #2a85ff;
}
.btn__header__add__new__product i{
    font-size: 14px;
    height: 14px;
}
.btn__header__add__new__product span{
    opacity: 0;
    width: 0;
    margin-left: 0;
    visibility: hidden;
    display: block;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    overflow: hidden;
    white-space: nowrap;
}
.btn__header__add__new__product:hover span{
    opacity: 1;
    width: 100%;
    margin-left: 12px;
    visibility: visible;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.header__item__notifications__button {
    font-size: 19px;
    color: #29cee3;
}
.header__item__notifications__button:hover {
    color: #04a4b8;
}
.header__item__notifications__button i:before {
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
	animation: swinging 3.5s ease-in-out forwards infinite;
}
@-webkit-keyframes swinging{0%{-webkit-transform: rotate(10deg);}50%{-webkit-transform: rotate(-5deg)}100%{-webkit-transform: rotate(10deg);}}
@keyframes swinging{0%{transform: rotate(10deg);}50%{transform: rotate(-5deg)}100%{transform: rotate(10deg);}}
@keyframes breathing{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:.05}35%{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:.2}70%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:.3}100%{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}}

.header {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.header.top__header__fixed {
    top: -75px;
}
.sidebar.header__sidebar {
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.sidebar.header__sidebar.top__header__fixed {
    top: 0;
}
.header.top__header__fixed .search.active .search__head {
    top: 90px;
    right: 20px;
}
.header.top__header__fixed .search.active .search__body {
    top: 55px;
}
.create .tooltip {
    font-size: 13px;
    margin: 0;
    color: #232627;
    opacity: 0.4;
    margin-left: 7px;
    z-index: 0;
}
.create .tooltip:hover {
    opacity: 1;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--multiple {
    cursor: text;
    position: relative;
    float: none;
    width: auto;
    height: 48px;
    padding: 0 48px 0 16px;
    background: none;
    box-shadow: inset 0 0 0 2px #eff5f8;
    border-radius: 12px;
    border: none;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 48px;
    color: #1A1D1F;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0;
    box-shadow: inset 0 0 0 2px #cbcbcb;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    height: 48px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e6ecf0;
    border: 0;
    border-radius: 10px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 0;
    padding: 0;
    padding-left: 35px;
    padding-right: 11px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    color: #2e2e31;
    font-size: 12px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 0;
    color: #ffff;
    cursor: pointer;
    font-weight: bold;
    padding: 0 8px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 23px;
    height: 100%;
    display: flex;
    align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
    height: 19px;
    display: block;
    line-height: 13px;
    width: 19px;
    background: #f44336;
    border-radius: 22px;
	color: #fff
}
.panel.fixed-panel-save-product {
    position: fixed;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 30px;
    left: 0;
    bottom: 0;
    z-index: 2;
    right: 0;
    border-top: 2px solid #ecf1f3;
    background: #fff;
    height: 85px;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.panel.fixed-panel-save-product.not-active {
    bottom: -85px
}
.panel.fixed-panel-save-product:before {
    display: none;
}
.create {
	padding-bottom: 100px;
}
.panel__info.saved {
    box-shadow: 0 0 0 1px #eff5f8 inset;
    padding: 13px 30px;
    border-radius: 15px;
    font-size: 12px;
}
.products__col .badge {
    font-size: 14px;
    color: #fff;
    padding: 8px 20px;
}
.products-list .select,
.products-orders .select {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    margin-left: 10px;
    background: #f4f4f4;
    font-size: 12px;
    border: 0;
}
.products-list .button,
.products-orders .button {
    border-radius: 20px;
	margin-left: 10px;
}
.customer__nubmer a {
    display: inline-block;
    padding: 2px 15px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    background: #9c27b0;
    color: #fff;
    letter-spacing: 0.2px;
}
.coodiv__datatable .dataTables_wrapper .dataTables_filter {
    position: relative;
    height: 40px;
    min-width: 300px;
	margin-bottom: 35px;
}
.coodiv__datatable .dataTables_wrapper .dataTables_filter:before,
.coodiv__datatable .dataTables_wrapper .dataTables_filter:after {
    content:'';
	position: absolute;
    font-family: "Font Awesome 5 Duotone";
    font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	top: 50%;
    transform: translateY(-50%);
    left: 16px;
	z-index: 1;
}
.coodiv__datatable .dataTables_wrapper .dataTables_filter:before {
    content: "\f002";
	color: #181919;
}
.coodiv__datatable .dataTables_wrapper .dataTables_filter:after {
    content: "\10f002";
    color: #929292;
}
.coodiv__datatable .dataTables_wrapper .dataTables_filter input{
    height: 40px;
    padding: 0 20px 0 44px;
    background: #F4F4F4;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #1A1D1F;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.coodiv__datatable table.dataTable thead th,
.coodiv__datatable table.dataTable thead td {
    padding: 17px 18px;
    border-bottom: 0;
    font-size: 13px;
    font-weight: 600;
}
.coodiv__datatable table.dataTable tbody th,
.coodiv__datatable table.dataTable tbody td {
    padding: 19px 10px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
}
table.dataTable tbody tr {
    background-color: #fcfcfc;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f7f7;
}
.coodiv__datatable .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 30px;
}
.coodiv__datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.coodiv__datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.coodiv__datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #e7ebee !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    font-weight: 100;
}
.coodiv__datatable .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #7e858a !important;
    border-radius: 2px;
    background: #f1f4f6;
    font-weight: 500;
    border-radius: 30px;
	margin-left: 7px;
	min-width: 38px;
	border: 0;
}
.coodiv__datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #e0e8ed;
}
.coodiv__datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    border: 0;
    background: #0cd2eb;
}
.coodiv__datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 0;
    background: #00bcd4;
}
.coodiv__datatable table.dataTable.no-footer {
    border-bottom: 0;
}
.datatable-phone-number {
    font-size: 14px;
    font-weight: 500;
}
.coodiv__datatable .actions__option {
    width: 90%;
}
@media only screen and (min-width: 790px) {
    .min__header__logo {
        display: none;
    }
}
@media only screen and (max-width: 790px) {
    .full__header__logo {
        display: none;
    }
	.header__main__logo {
	    margin-right: auto;
	}
}
@media only screen and (max-width: 991px) {
    .sidebar {
    align-items: stretch;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    position: fixed;
    top: 0;
    height: 100%;
	background: #fff;
    box-shadow: 0 0 87px 0 rgb(0 0 0 / 9%);
    width: 80%;
    z-index: 999;
    min-width: 320px;
    }
	.sidebar__menu {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    width: 100%;
    padding: 35px 0 0;
    }
	.sidebar__item[href], 
	.sidebar__help, 
	.sidebar__head, 
	.sidebar__link {
    margin-bottom: 10px;
    background: transparent !important;
   }
   .sidebar__item_dropdown.active .sidebar__body {
    position: initial;
    padding: 0;
   }
   .sidebar__body .sidebar__links {
    background: #272a2a;
    margin-bottom: 25px;
    padding-bottom: 1px;
   }
   .sidebar__item.sidebar__item_dropdown .sidebar__head:before {
    background: transparent !important;
    }
	.page {
     padding: 79px 0 0;
    }
	.create__card__buttons {
		display: none;
	}
	.panel__info.saved {
    display: none;
    }
	.messages {
    height: auto;
    }
}
.file__wrap__preview {
    overflow: hidden;
}
.entry__logo.sign__in__page___logo {
    width: 170px;
}
footer.footer__area {
    background: #fff;
    padding: 20px 40px;
    box-shadow: 20px 13px 33px rgb(247 245 245 / 10%);
}
footer.footer__area h5{
    font-size: 15px;
}
footer.footer__area .footer-links a{
    margin-left: 10px;
    color: rgba(30,46,80,.7);
    font-size: 13px;
    font-weight: 100;
}
footer.footer__area .footer-links a:hover{
    margin-left: 10px;
    color: rgba(30,46,80,1);
    font-size: 13px;
    font-weight: 100;
}
.hero__homepage__area {
    position: relative;
    width: 100%;
    min-height: 500px;
    display: flex;
    align-items: center;
}
.hero__homepage__area:not(.big__hero__homepage__area) {
    z-index: 9;
}
.hero__homepage__area__img__bg {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.hero__homepage__area:after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .4;
    background: #000;
}
.text__item .header__head{
    color: var(--color-h);
    cursor: pointer;
    font-size: 14px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 4px;
}
.text__item .header__head:hover{
    color: var(--color-h-hover);
}
.text__item .header__head:after{
    font-family: "Material Icons Outlined";
    content: "\e5cf";
    font-size: 15px;
    font-weight: 100;
}
.explore__link__header .header__body {
    min-width: 240px;
    padding: 15px 0;
}
.text__item .header__body li a{
    display: flex;
    padding: 6px 15px;
    color: #51595f;
    font-size: 13px;
    align-items: center;
    justify-content: space-between;
}
.text__item .header__body li a [class^="status"]{
    padding: 0px 9px;
    font-size: 12px;
    font-weight: 300;
    text-transform: lowercase;
    line-height: 21px;
}
.text__item .header__body li a:hover{
    background: #f0f3f4;
    color: #1f2123;
}
.header__main__search__form {
	position: relative
}
.header__main__search__form .form__input{
    height: 50px;
    padding: 0 20px 0 25px;
    border-radius: 5px;
	transition: all .3s;
}
.header__main__search__form .form__button i{
    font-size: 20px;
    color: #6F767E;
}
.header__main__search__form .form__button:hover i{
    color: #00bcd4;
}
.coodiv-bg-a {
    display: inline-block;
    line-height: 33px;
    padding: 0 11px;
    margin: 1px 4px;
    background-color: hsla(0,0%,100%,.1);
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
}
.coodiv-bg-a:hover {
    background-color: #00bcd4;
    color: #fff;
}
.search__results__homepage {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    overflow: auto;
    width: 100%;
    min-height: 50px;
    max-height: calc(100vh - 80px);
    border-top: none;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 8px 15px rgb(0 0 0 / 4%);
    min-height: 200px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    transition: all .2s;
    overflow: hidden;
	padding: 25px;
}
.header__main__search__form.active .form__input {
    border-radius: 5px 5px 0 0;
	transition: all 0s;
}
.header__main__search__form.active .search__results__homepage {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.trending__group {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.trending__group .trending__item {
    transition: all .3s;
    background-color: #1c1d1e;
    background-size: cover;
    background-position: 50%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 7px 35px;
    margin-right: 7px;
    margin-bottom: 10px;
}
.trending__group .trending__item:before{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .4;
    background: #000;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.trending__group .trending__item:hover::before{
    opacity: .6;
}
.trending__item .trending__item__bg{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    left: 0;
    top: 0;
}
.trending__item:hover .trending__item__bg, .trending__item:focus .trending__item__bg {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.trending__group .trending__item .trending__item__content{
    position: relative;
    color: #fff;
    font-size: 13px;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
}
.search__results__homepage .search__results__element {
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(233 238 241 / 47%);
    padding-bottom: 15px;
}
.search__results__homepage .search__results__element:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}
.collections__gallery {
    transition: all .3s;
    display: grid;
    grid-auto-rows: 140px;
    gap: 3px;
    grid-template-columns: repeat(3,1fr);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
.collections__gallery .collections__gallery__item{
    position: relative;
    transition: all 75ms;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #222;
    background-size: cover;
    background-position: 50%;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
    margin: 0;
}
.collections__gallery .collections__gallery__item:before{
    background: var(--listing-hover-bg);
    background: linear-gradient(0deg, var(--listing-hover-bg) -14%, transparent 50%, var(--listing-hover-bg) 100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .2s;
}
.collections__gallery .collections__gallery__item:hover::before{
    opacity: 1;
}
.collections__gallery .collections__gallery__item:first-child{
    grid-column: span 2;
    grid-row: span 2;
}
.results_collections__group .collections__gallery {
    grid-auto-rows: 30px;
    max-width: 105px;
    margin-right: 15px;
}
.results_collections__group>a {
	margin-bottom: 20px;
}
.results_collections__group>a:hover .collections__gallery{
    box-shadow: 0 10px 30px -10px rgba(0,0,10,.05),0 20px 40px -20px rgba(0,0,0,.15);
	opacity: 0.8;
}
.search__remove i {
    font-size: 17px;
    color: #bcc2c8;
    transition: all .25s ease;
}
.search__remove:hover i {
    color: #FF6A55;
}
.search__results__homepage .results__collections, .search__results__homepage .results__texts {
    display: none;
}
.search__results__homepage .results__collections.active, .search__results__homepage .results__texts.active {
    display: block;
}
.header__main__search__form__keylose {
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    color: #b3b9c0;
	cursor: pointer;
	transition: all .25s ease;
	display: none;
}
.header__main__search__form__keylose:hover {
    color: #f44336;
}
.header__main__search__form__keylose.active {
	display: block;
}
.collections__gallery.five__pics__gallery {
    grid-auto-rows: 230px;
    gap: 15px;
    grid-template-columns: repeat(4,1fr);
}
@media only screen and (max-width: 768px) {
    .collections__gallery.five__pics__gallery {
    grid-auto-rows: 140px;
    gap: 10px;
    grid-template-columns: repeat(2,1fr);
    }
}
.media__card__item__img .gallery__item__descrition__overlay,
.collections__grid__item .gallery__item__descrition__overlay,
.collections__gallery__item .gallery__item__descrition__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .22s;
    background: var(--listing-hover-bg);
    background: linear-gradient(0deg, var(--listing-hover-bg) -14%, transparent 50%, var(--listing-hover-bg) 100%);
    opacity: 0;
    display: flex;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    justify-content: space-between;
    padding: 25px;
    cursor: pointer;
}
.collections__grid__item .gallery__item__descrition__overlay {
    left: auto;
    bottom: auto;
    padding: 10px;
    z-index: 2;
    background: transparent;
}
.media__card__item__img:hover .gallery__item__descrition__overlay,
.collections__grid__item:hover .gallery__item__descrition__overlay,
.collections__gallery__item:hover .gallery__item__descrition__overlay {
    opacity: 1;
}
.item__cover__author .author-avatar {
    width: 45px;
    margin-right: 10px;
}
.item__cover__author .author-avatar img{
    width: 100%;
    border-radius: 100%;
}
.gallery__item__descrition__overlay__bottom {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(13px);
    transform: translateY(13px);
    transition: all .2s;
    overflow: hidden;
}
.media__card__item__img:hover .gallery__item__descrition__overlay .gallery__item__descrition__overlay__bottom,
.collections__grid__item:hover .gallery__item__descrition__overlay .gallery__item__descrition__overlay__bottom,
.collections__gallery__item:hover .gallery__item__descrition__overlay .gallery__item__descrition__overlay__bottom {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.gallery__item__descrition__overlay__top {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
    transition: all .2s;
    overflow: hidden;
}
.media__card__item__img:hover .gallery__item__descrition__overlay .gallery__item__descrition__overlay__top,
.collections__grid__item:hover .gallery__item__descrition__overlay .gallery__item__descrition__overlay__top,
.collections__gallery__item:hover .gallery__item__descrition__overlay .gallery__item__descrition__overlay__top {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
a.item__btn__overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    pointer-events: all;
    border: 0;
    border-radius: 10px;
    background: #fff;
    color: #6e797e;
    font-size: 21px;
	position: relative;
	cursor: pointer;
}
a.item__btn__overlay:hover {
    color: #111213;
}
a.item__btn__overlay {
    margin-left: 10px;
}

a.item__btn__overlay {
    margin-left: 10px;
}

.item__btn__overlay.reactive__btn__icon i {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;

}
.item__btn__overlay.reactive__btn__icon.active i:nth-child(1) {
    opacity: 0;
	visibility: hidden;
}
.item__btn__overlay.reactive__btn__icon i:nth-child(2) {
	color: #1b1d1d;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    transition: all .4s;
    overflow: hidden;
}
.item__cover__like__link .item__btn__overlay.reactive__btn__icon i:nth-child(2) {
	color: #d3405c;
}
.item__btn__overlay.reactive__btn__icon.active i:nth-child(2) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.top__categories__collections__gallery .collections__gallery {
    grid-auto-rows: 180px;
    gap: 10px;
    grid-template-columns: repeat(2,1fr);
}
@media only screen and (max-width: 991px) {
    .top__categories__collections__gallery .collections__gallery {
    grid-auto-rows: 130px;
    }
}
.pro-downloads {
    margin: 32px 0;
    padding: 10px 22px 10px 18px;
    border: 1px solid #e7e7e9;
    border-radius: 40px;
}
.pro-downloads p{
    color: var(--color-texts);
}
.pro-downloads a.link{
    margin-left: auto;
    color: #a1b0b7;
}
.badge-title {
    font-family: var(--font-heading);
    background-color: #ff9800;
    padding: 4px 15px;
    margin-right: 10px;
    border-radius: 26px;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
}

.masonry__articles,.masonry__articles__no__pager{width: 100%;max-width: calc(var(--row-width) + var(--gap)*2);}
.masonry__articles.are-images-unloaded,.masonry__articles__no__pager.are-images-unloaded {opacity: 0;}
.masonry__item,.grid__col-sizer {width: 24%;}
.grid__gutter-sizer {width: 1%;}

@media only screen and (min-width: 778px) {
.full__producs__shop__page__body__container.opened__sidebar .masonry__item,.full__producs__shop__page__body__container.opened__sidebar .grid__col-sizer {width: 32%;}
.full__producs__shop__page__body__container.opened__sidebar .grid__gutter-sizer {width: 1%;}
}

@media(min-width:768px) and (max-width:991px){
    .masonry__item,.grid__col-sizer {width: 32%;}
    .grid__gutter-sizer {width: 1%;}
}
@media only screen and (max-width: 778px) {
    .masonry__item,.grid__col-sizer {width: 49%;}
    .grid__gutter-sizer {width: 1%;}
	.full__producs__shop__page__body__container.full__icons__shop__container.opened__sidebar .masonry__item,
	.full__producs__shop__page__body__container.full__icons__shop__container.opened__sidebar .grid__col-sizer {width: 32%;}
	.full__producs__shop__page__body__container.opened__sidebar .full__producs__shop__articles {padding: 20px 6px 70px 6px;}
}
@media only screen and (max-width: 991px) {
	.trending__category__homepage__tabs .card__nav,
	.product__comments__reviewers__nav,
	.blog__main__header__nav.nav:not(.main__secondary__header__navbar),
    .listings__categorys__dashboard__links .card__nav{overflow-x: scroll;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;flex-wrap: inherit;}
	.trending__category__homepage__tabs .card__nav::-webkit-scrollbar,
	.product__comments__reviewers__nav::-webkit-scrollbar,
	.blog__main__header__nav.nav:not(.main__secondary__header__navbar)::-webkit-scrollbar,
	.blog__main__header__nav.nav:not(.main__secondary__header__navbar) .nav-item.dropdown,
	.suggested__searches .suggested-searches__pill-wrapper::-webkit-scrollbar,
	.listings__categorys__dashboard__links .card__nav::-webkit-scrollbar{display: none;}
	.blog__main__header .social__links__container {padding-left: 15px}
}
.masonry__articles.are-images-unloaded .image-masonry__item {
    opacity: 0;
}
.infinite-scroll-last,.infinite-scroll-error {
    font-family: var(--font-heading);
    color: #383c3f;
    font-weight: 600;
    font-size: 14px;
}
.page-load-status {
    display: none;
}
.trending__items__homepage {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
.trending__items__homepage .break__pointgrid__column{
    display: block;
    width: 100%;
    min-width: 0;
    height: min-content;
}
.media__card__item__img{
    background: rgb(172, 174, 169);
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 15px;
}
@media only screen and (max-width: 778px) {
	.media__card__item__img {margin-top: 5px;}
}
.media__card__item__img:last-child {
    margin-bottom: 0;
}
.media__card__item__img .media__card__holder{
    display: flex;
    width: 100%;
    height: 100%;
	position: relative;
}
.media__card__item__img .media__card__holder:before{
    background: var(--listing-hover-bg);
    background: linear-gradient(0deg, var(--listing-hover-bg) -14%, transparent 50%, var(--listing-hover-bg) 100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	opacity: 0;
	transition: all .2s;
}
.media__card__item__img:hover .media__card__holder:before{
	opacity: 1;
}
.media__card__item__img .main__media__card__img{
    width: 100%;
}
@media only screen and (max-width: 650px) {.media__card__item__img .main__media__card__img{width: calc((100vw - 30px - 15px) / 2);}}
@media only screen and (max-width: 900px) {.media__card__item__img .main__media__card__img{width: calc((100vw - 30px - 15px) / 2);}}
@media only screen and (max-width: 1440px) {.media__card__item__img .main__media__card__img{width: calc((100vw - 60px - 60px) / 3);}}
@media only screen and (max-width: 1600px) {.media__card__item__img .main__media__card__img{width: calc((100vw - 160px - 60px) / 3);}}
@media only screen and (max-width: 1600px) {.media__card__item__img .main__media__card__img{width: calc((1600px - 160px - 60px) / 5);min-width: 100%;}}

.media__card__item__img .gallery__item__options{
	position: absolute;
}
.media__card__item__img .gallery__item__options.gallery__item__options__top{
	top: 25px;
	visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
    transition: all .2s;
    overflow: hidden;
}
.media__card__item__img:hover .gallery__item__options.gallery__item__options__top{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.media__card__item__img .gallery__item__options.gallery__item__options__buttom{
	bottom: 25px;
	visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(13px);
    transform: translateY(13px);
    transition: all .2s;
    overflow: hidden;
}
.media__card__item__img:hover .gallery__item__options.gallery__item__options__buttom{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.media__card__item__img .gallery__item__options.gallery__item__options__top.item__cover__like__link{
	right: 75px;
}
.media__card__item__img .gallery__item__options.gallery__item__options__top.item__cover__bookmark__link{
	right: 25px;
}
.media__card__item__img .gallery__item__options.gallery__item__options__buttom.item__cover__author{
	left: 25px;
}
.media__card__item__img .gallery__item__options.gallery__item__options__buttom.item__cover__download__link{
	right: 25px;
}
.media__card__item__img .media__card__holder.article__bg__image {
    background-size: cover;
    background-position: 50%;
}
.shopping__card__item {
    display: flex;
    margin-bottom: 20px;
}
.shopping__card__list .shopping__card__item:last-child {
    margin-bottom: 0;
}
.summary__author {
    display: flex;
    margin-top: 8px;
    font-size: 11px;
    font-weight: 600;
    color: #6F767E;
    align-items: center;
}
.summary__author a{
    margin-left: 5px;
}
header.header.top-header-fixed {
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 0 9px 18px rgb(0 0 0 / 8%);
    box-shadow: 0 7px 17px rgb(0 0 0 / 4%);
    height: 75px;
    border: 0 !important;
}
.load_more__content__button {
    padding: 0 35px;
    font-family: var(--font-heading);
    border-radius: 40px;
    font-size: 14px;
    display: block;
    position: relative;
    height: 45px;
    line-height: 45px;
}
.load_more__content__button span{
    margin-left: 25px;
}
footer.site__main__footer {
    background: #fafafb;
    color: #3d3d4e;
}
.social__links__container a{
    display: block;
    margin-right: 25px;
}
.social__links__container a:last-child{
    margin-right: 0;
}
.social__links__container a svg{
    width: 17px;
    height: 17px;
    fill: #222227;
}
.footer__links__column .link-heading{
    margin-bottom: 15px;
}
.footer__links__column .link-heading:not(:first-child){
    margin-top: 20px
}
.footer__links__column .link{
    font-size: 13px;
    padding: 5px 0;
    display: block;
    font-weight: 400;
    color: #8d9ba2;
}

.footer__links__column .link:hover{
    color: #485358;
}
.good__purchase__sidebar {
    margin-top: 25px;
}
.good__purchase__sidebar .good__media__widget{
    box-sizing: border-box;
    padding: 30px;
    border: 1px solid #f3f3f4;
    border-radius: 15px;
    background: #fff;
}
.good__purchase__sidebar .good__media__widget .widget__header{
    margin-bottom: 15px;
}
.good__purchase__sidebar .good__media__widget .widget__header .liecense__title{
    font-family: var(--font-heading);
    font-weight: bold;
    font-size: 16px;
}
.good__purchase__sidebar .good__media__widget .widget__header .price{
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 14px;
    color: #a6b0b5;
}
.good__purchase__sidebar .good__media__widget .widget__header .liecense__type{
    font-size: 12px;
    color: #adb8bf;
}
.good__purchase__sidebar .good__media__widget .selection__modal__trigger{
    font-weight: 100;
    font-size: 12px;
    text-decoration: underline;
    color: #222527;
}
.good__purchase__sidebar .good__media__widget .product__buy{
    margin-top: 20px;
    display: block;
    width: 100%;
}
.good__purchase__sidebar .good__media__widget .product__favorite{
    display: block;
    width: 100%;
    margin-top: 6px;
}
.good__purchase__sidebar .good__media__widget .product__favorite i{
    margin-right: 1px;
}
.good__purchase__sidebar .good__media__widget .product__favorite.active{
    box-shadow: inset 0 0 0 1px #e45c49;
    background: #e45c49;
    color: #FCFCFC;
}
.good__purchase__sidebar .good__media__widget .product__favorite.active i{
    color: #FCFCFC;
}
.good__purchase__sidebar .good__media__widget .price__declarations{
    font-size: 11px;
    color: #adb8bf;
    display: block;
    font-weight: 100;
    margin-top: 15px;
}
.premium__item__container {
    margin-bottom: 25px;
}
.premium__item {
    display: flex;
    align-items: center;
    font-family: var(--font-heading);
    font-size: 15px;
    margin-bottom: 5px;
}
.premium__item i{
    margin-right: 5px;
}
.premium__item i:before{
    display: block;
    width: 19px;
    height: 19px;
    background: url(../img/content/crown.png) center center no-repeat;
    content: '';
    background-size: contain;
}
.premium__item span{
    color: #fba707;
    margin-right: 4px;
}
.premium__item__container p{
    font-size: 14px;
    font-weight: 300;
    font-family: var(--font-heading);
}
.premium__item__container p strong{
    font-weight: bold;
    color: #242829;
}
.good__spects__sidebar {
    padding: 30px;
    margin-top: 15px;
}
.good__spects__sidebar h6{
    font-size: 19px;
    margin-bottom: 15px;
    font-weight: 500;
}
.good__spects__sidebar ul{
    font-family: var(--font-heading);
}
.good__spects__sidebar ul li{
    padding: 7px 0;
    font-weight: 300;
    display: flex;
    align-items: baseline;
    font-size: 14px;
}
.good__spects__sidebar ul li .spect__title{
    align-items: center;
    padding-right: 15px;
    flex: 0 0 auto;
    max-width: 100%;
    display: flex;
    width: 50%;
    font-weight: 400;
    font-size: 13px;
}
.good__spects__sidebar ul li .spect__result{
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    justify-content: start;
    font-size: 13px;
}
.good__spects__sidebar ul li .spect__title i{
    margin-right: 5px;
}
.membership__cta__box {
    background: #F5F5FF;
    border-radius: 8px;
    margin-top: 20px;
    padding: 30px;
    text-align: center;
}
.membership__cta__box .membership__cta__box__text{
    max-width: 300px;
    margin: auto auto -2px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #4e42a2;
    margin-bottom: 20px;
    font-family: var(--font-heading);
}
.membership__cta__box .sp__button{
    background-color: transparent;
    border-color: transparent;
    color: #088178;
    font-weight: bold;
    font-family: var(--font-heading);
}
.membership__cta__box .sp__button:hover{
    color: #05554f;
}

.suggested__searches {
	
}
.suggested__searches .suggested__searches__title{
    font-weight: 500;
    font-size: 17px;
}
.suggested__searches .suggested__searches__title span{
    font-weight: 300;
    font-size: 14px;
    color: #91979f;
}
.suggested__searches .suggested-searches__pill-wrapper{
    overflow-x: auto;
    padding: 10px 0 12px;
    margin-bottom: 12px;
    display: flex;
    margin-top: 8px;
}
.suggested__searches .suggested-searches__pill-wrapper .suggested_pill{
    background-color: #dffbf8;
    padding: 0 20px;
    border-radius: 20px;
    border: 0;
    margin-right: 8px;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    font-size: 13px;
    color: #292b2c;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 34px;
    font-family: var(--font-heading);
}
.suggested__searches .suggested-searches__pill-wrapper .suggested_pill:hover{
    background-color: #b0f9f1;
    color: #292b2c;
}

.item__details__container {
	font-family: var(--font-heading) !important;
}
.item__details__container p{
    font-weight: 300;
    color: #373e41;
    margin-bottom: 15px;
    font-size: 15px;
}
.item__details__container strong{
    font-weight: bold;
}

.item__details__container ul{
    font-weight: 300;
    font-size: 14px;
    list-style-type: disc;
    padding-left: 30px;
	margin-bottom: 20px
}


.item__details__section .item__details__container {
    overflow: hidden;
    text-overflow: ellipsis;
    transition: height 0.6s ease-out;
    position: relative;
    width: 100%;
    height: 100%;
    display: block !important;
}

.item__details__section .item__details__container.collapse,
.item__details__section .item__details__container.collapsing {
    height: 250px;
}
.item__details__section .item__details__container.collapse.show {
    height: 100%;
	transition: height 0s ease-out;
}

.item__details__section .item__details__container:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    content: '';
	opacity: 1;
}
.item__details__section .item__details__container.collapse.show:after {
    opacity: 0;
    height: 0;
}
.product__informations {
    margin-top: 30px;
}
.product__informations .product__detail__actions{
    display: flex;
	gap: 1px;
}
.product__informations .product__detail__actions a{
    border: 1px solid #f3f3f4;
    height: 40px;
    border-radius: 6px;
    font-size: 18px;
    color: #607d8b;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #fff;
    margin-left: 10px;
    font-family: var(--font-heading);
    padding: 0 15px;
}
.product__informations .product__detail__actions a span{
    font-size: 13px;
    margin-left: 10px;
    color: #475055;
    font-weight: 600;
}
.product__informations .product__detail__actions a:hover span{
    color: #fff;
}
.product__informations .product__detail__actions a:hover{
    border: 1px solid #232525;
    color: #fff;
    background-color: #232525;
}
.product__informations a.product__author .author__avatar{
    width: 50px;
    height: 50px;
	flex: 0 0 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
}
.product__informations a.product__author .author__avatar img{
    height: 100%;
}
.product__informations a.product__author .author__informations span.name{
    display: block;
    font-family: var(--font-heading);
    font-weight: bold;
    font-size: 19px;
    line-height: 28px;
}
.product__informations a.product__author .author__informations span.number{
    font-weight: 100;
    font-size: 12px;
    display: block;
    color: #909ca2;
}
.show-more.details-button {
    display: flex;
    align-items: center;
    margin-top: 30px;
    font-weight: bold;
    font-family: var(--font-heading);
    cursor: pointer;
    color: #607d8b;
    font-size: 15px;
}
.show-more.details-button i{
    font-size: 20px;
}
.show-more.details-button.collapsed span:nth-child(2){
    display: none;
}
.show-more.details-button:not(.collapsed) span:nth-child(1){
    display: none;
}
.show-more.details-button:not(.collapsed) i{
    transform: rotate(180deg);
}
.popup__head {
    display: flex;
    align-items: center;
    padding-bottom: 35px;
}
.popup__title {
    font-family: var(--font-heading);
    font-size: 15px;
}
.social__links__container.share__links {
	justify-content: center;
}
.special__banner__item__page {
    position: relative;
    background-color: #d9f3f4;
    border-radius: 3px;
    padding: 30px 45px;
    margin: 80px auto 20px;
    display: flex;
    align-items: center;
}
.special__banner__item__page .img-wrap{
    margin-right: 25px;
}
.special__banner__item__page .learn__more__btn {
    background-color: #fff;
    border-radius: 5px;
    padding: 0 48px;
    font-weight: 700;
    font-size: 14px;
    line-height: 46px;
    color: #00bcd4;
    margin-left: auto;
    font-family: var(--font-heading);
    position: relative;
    top: 0;
}
.special__banner__item__page .learn__more__btn:hover {
    top: 1px;
}
.special__banner__item__page .learn__more__btn:active {
    top: 2px;
}
.author__info__wrapper {
    border-radius: 6px;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 16px 25px -10px rgb(0 0 0 / 3%);
    padding: 0 60px;
    border: solid 1px #f5f5f4;
    text-align: center;
    min-height: 360px;
}
.author__info__wrapper .author__info{
    margin-bottom: 10px;
}
.author__info__wrapper .author__info .author__image__container .author__avatar{
    display: block;
    width: 67px;
    height: 67px;
    margin: 0 auto 14px;
    border-radius: 54px;
    overflow: hidden;
}
.author__info__wrapper .author__info .author__image__container .author__avatar img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.author__info__wrapper .author__name{
    font-size: 19px;
    position: relative;
    width: fit-content;
    display: block;
    margin: auto;
}
.author__info__wrapper .author__name.freelance__available:after{
    content: '';
    position: absolute;
    top: 56%;
    transform: translateY(-50%);
    height: 8px;
    width: 8px;
    background: #4caf50;
    right: -15px;
    border-radius: 25px;
}
.author__info__wrapper .author__subtitle{
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 13px;
    color: #424a4e;
}
.send__message__to__author__btn {
    border: 1px solid #f3f3f4;
    height: 40px;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #fff;
    font-family: var(--font-heading);
    padding: 0 15px;
    font-size: 13px;
    margin-left: 10px;
    color: #475055;
    font-weight: 600;
    position: absolute;
    top: 19px;
    right: 20px;
}
.send__message__to__author__btn i{
    font-size: 17px;
    margin-right: 7px;
}
.send__message__to__author__btn:hover{
    background: #25282a;
    color: #fff;
}
.right__title__btn {
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    color: #00bcd4;
    font-size: 15px;
}
.right__title__btn:hover{
    color: #0391a3;
}
.right__title__btn i{
    margin-left: 5px;
    font-size: 20px;
}
.author__another__items {
    height: 50%;
    padding-right: 6px;
    padding-left: 6px;
}
.author__another__items a{
    display: block;
    padding: 8px 8px 6px;
    box-shadow: 0 4px 10px rgb(226 233 238 / 60%);
    height: 94%;
    border-radius: 6px;
	position: relative;
	top: 0;
}
.author__another__items a:hover{
    top: -2px;
}
.author__another__items a img{
    width: 100%;
    border-radius: 8px;
    height: 103px;
    margin-bottom: 7px;
}
.author__another__items h6{
    display: block;
    font-size: 15px;
    padding: 0 0 5px 5px;
	text-overflow: ellipsis;
    overflow: hidden;
    height: 1.2em;
    white-space: nowrap;
}
.author__another__items p{
    font-size: 12px;
    padding-left: 5px;
	text-overflow: ellipsis;
    overflow: hidden;
    height: 1.2em;
    white-space: nowrap;
    margin-top: 4px;
}
.item__reviewers__comments {
    padding: 5px 30px 0;
    margin-top: 15px;
}
.item__reviewers__comments h6{
    font-size: 19px;
    margin-bottom: 15px;
    font-weight: 500;
}
.item__reviewers__comments .the__reviewers,.item__reviewers__comments .the__comments{
    padding: 5px 0;
    font-weight: 300;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
}
.item__reviewers__comments .review-summary{
    display: flex;
    align-items: center;
}

.item__reviewers__comments .review-summary .star-rating{
    color: #ff9800;
    font-size: 16px;
    height: 21px;
}
.item__reviewers__comments .review-summary a, .item__reviewers__comments .the__comments button{
    font-weight: bold;
    font-size: 12px;
    font-family: var(--font-heading);
    color: #00bcd4;
    margin-left: 6px;
}
.item__reviewers__comments .info-item__heading{
    display: flex;
    align-items: center;
}
.item__reviewers__comments .info-item__heading i{
    margin-right: 5px;
}
.product__comments__reviewers__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7edf1;
}
.product__comments__reviewers__tabs__links {
    display: flex;
    align-items: center;
}
.product__comments__reviewers__tabs__links a{
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 15px;
    margin-right: 15px;
    padding: 11px 25px 11px 0;
    display: block;
    color: #303538;
}
.product__comments__reviewers__tabs__links a span{
    font-size: 12px;
    background: #ebf0f2;
    color: #6c7b82;
    padding: 1px 10px;
    border-radius: 15px;
    margin-left: 5px;
}
.product__comments__reviewers__tabs__links a.active{
    color: #00bcd4;
}
.product__comments__reviewers__support {
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 400;
}
.product__comments__reviewers__support a{
    color: #00bcd4;
}
.item__reviewers__box {
    background-color: #fff;
    padding: 40px;
    border-radius: 5px;
    border: 1px solid #e2e9ee;
    width: 100%;
}
.item__reviewers__box .main__reviewers_stars{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eff3f5;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.item__reviewers__box .main__reviewers_stars h6{
    margin-right: 11px;
    font-weight: 400;
    font-size: 26px;
}
.item__reviewers__box .main__reviewers_stars .item__reviewers__box__stars{
    font-size: 43px;
    color: rgb(252, 200, 117);
    display: flex;
}
.item__reviewers__box .reviewers__informations{
    padding: 15px 0;
}
.item__reviewers__box .reviewers__informations h6{
    font-weight: 400;
    margin-bottom: 13px;
    font-size: 16px;
}
.item__reviewers__box .reviewers__informations p{
    font-size: 14px;
}

.item__reviewers__box .reviewers__progress__bar{
    display: flex;
    position: relative;
    height: 14px;
    align-items: center;
    margin-left: 20px;
    margin-bottom: 15px;
}
.item__reviewers__box .reviewers__progress__bar i{
    position: absolute;
    left: -16px;
    font-size: 12px;
    font-weight: 400;
    font-style: inherit;
    color: #869298;
    top: 50%;
    transform: translateY(-50%);
}
.item__reviewers__box .reviewers__progress__bar small{
    background: rgb(252, 200, 117);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    z-index: 1;
}
.item__reviewers__box .reviewers__progress__bar:before{
    background: rgb(245 240 231);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    z-index: 1;
    content: '';
    right: 0;
}
.item__reviewers_text__group__box .item__reviewers_text__item{
    margin-bottom: 20px;
    background: #f6f9fa;
    padding: 40px;
    border-radius: 4px;
}
.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 21px;
    border-bottom: 1px solid #edf1f4;
    padding-bottom: 15px;
}
.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__head .left__side{
    display: flex;
    align-items: center;
}
.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__head .left__side .stars{
    font-size: 14px;
    color: rgb(252, 200, 117);
    display: flex;
}
.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__head .left__side h6{
    font-size: 13px;
    margin-left: 7px;
    font-weight: 300;
}
.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__head .left__side h6 strong{
    font-weight: bold;
}
.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__head .right__side h6{
    font-size: 13px;
    margin-left: 7px;
    font-weight: 300;
}
.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__head .right__side h6 a{
    font-weight: 600;
    color: #00bcd4;
}
.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__body{
    color: var(--color-h-sub);
    font-size: 13px;
}

.editor .richText-toolbar ul li a.richText-btn span,
.editor .richText-undo,
.editor .richText-redo {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.editor .richText-toolbar ul li a.richText-btn span.fa-bold:before {
	content: "\e238";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-italic:before {
	content: "\e23f";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-italic:before {
	content: "\e23f";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-underline:before {
	content: "\e249";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-align-center:before {
	content: "\e234";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-list:before {
	content: "\e241";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-link:before {
	content: "\e157";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-link:before {
	content: "\e157";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-link:before {
	content: "\e157";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-align-left:before {
	content: "\e236";
}
.editor .richText-toolbar ul li a.richText-btn span.fa-align-right:before {
	content: "\e237";
}
.editor .richText-undo span.fa-undo:before {
	content: "\e166";
}
.editor .richText-redo span.fa-redo:before{
	content: "\e15a";
}
.richText-dropdown-close span .fa-times:before {
	content: "\e5cd";
}
.editor .richText-toolbar ul li a {
    font-size: 18px;
}
.editor .richText-undo, .editor .richText-redo {
    display: flex !important;
    font-size: 19px;
}
.license__options__block {
	
}
.license__options__block .title{
    font-size: 13px;
    margin-top: 20px;
    display: block;
    margin-bottom: 8px;
    font-family: var(--font-heading);
    font-weight: 400;
}
.license__options__block .license__options__list li{
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 13px;
    padding: 7px 0;
    color: #465258;
    padding-left: 25px;
    position: relative;
    line-height: 20px;
}
.license__options__block .license__options__list li:before{
    font-family: 'Material Icons Outlined';
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    margin-right: 9px;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 9px;
}
.license__options__block .can__be .license__options__list li:before{
    content: "\e876";
    background: #8dca8f;
}
.license__options__block .can__not .license__options__list li:before{
    content: "\e5cd";
    background: #f59790;
}
.license__options__popup__learn__more {
    font-family: var(--font-heading);
    font-weight: 300;
    display: block;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #8c9fa8;
}
.license__options__popup__learn__more:hover {
    color: #4e585d;
    text-decoration: underline;
}
.popup__license__options__tabs__links .tab__link {
    position: relative;
    padding: 19px 17px 19px 40px;
    margin-bottom: 5px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background: #fff;
}
.popup__license__options__tabs__links .tab__link.active {
    background: rgb(120 126 255 / 5%);
}
.popup__license__options__tabs__links .tab__link .title {
    font-size: 13px;
}
.popup__license__options__tabs__links .tab__link .title span{
    font-weight: 300;
}
.popup__license__options__tabs__links .tab__link .price {
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 14px;
    color: #69747a;
}
.popup__license__options__tabs__links .tab__link:before {
    content: '';
    position: absolute;
    height: 21px;
    width: 21px;
    border: 1px solid #dce4e9;
    left: 13px;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.popup__license__options__tabs__links .tab__link.active:before {
    background: #00bcd4;
    border: 1px solid #00bcd4;
}
.popup__license__options__tabs__links .tab__link:after {
    content: "\e876";
    color: #fff;
    font-family: 'Material Icons Outlined';
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 17px;
    font-size: 13px;
}
.license__options__popup__control .price__declarations {
    font-size: 11px;
    color: #adb8bf;
    display: block;
    font-weight: 100;
    margin-top: 9px;
    text-align: center;
}
.header__breadcrumb__list {
    display: flex;
    align-items: center;
    font-family: var(--font-heading);
    font-weight: 400;
    flex-wrap: wrap;
}
.header__breadcrumb__list li{
    position: relative;
}
.header__breadcrumb__list li a{
    position: relative;
    padding: 0 30px 0 0;
    font-weight: 300;
    font-size: 12px;
    color: #65697c;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header__breadcrumb__list li:not(:last-child) a:before{
    content: "\e5cc";
    font-family: 'Material Icons Outlined';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
    font-size: 15px;
    color: #9fa9ae;
}
.full_width__page_banner {
    background: rgb(233, 248, 254);
}

.banner__get__started__btn {
    background-color: #fff;
    border-radius: 5px;
    padding: 0 48px;
    font-weight: 700;
    font-size: 14px;
    line-height: 46px;
    color: #00bcd4;
    margin-left: auto;
    font-family: var(--font-heading);
    position: relative;
    top: 0;
}
.banner__get__started__btn:hover {
   top: 1px;
   color: #00bcd4;
}


.collections__page__items__group__grid {
    padding-bottom: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 20px;
}
.collections__grid__item {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #ebedf5;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.collections__grid__item .collections__grid__item__gallery:after{
    content:'';
	position: absolute; 
	left: 0;
	right: 0;
	top: 0;
	bottom: 1px;
    transition: opacity .22s;
    background: var(--listing-hover-bg);
    background: linear-gradient(0deg, var(--listing-hover-bg) -14%, transparent 50%, var(--listing-hover-bg) 100%);
    opacity: 0;
}
.collections__grid__item:hover .collections__grid__item__gallery:after {
    opacity: 1;
}
.collections__grid__item .collections__grid__item__gallery{
    transition: all .3s;
    display: grid;
    grid-auto-rows: 115px;
    gap: 0px;
    grid-template-columns: repeat(2,1fr);
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    width: 100%;
	position: relative;
}
.collections__grid__item .collections__grid__item__gallery .collections__grid__gallery__item{
    position: relative;
    top: -1px;
    transition: all 75ms;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #222;
    background-size: cover;
    background-position: 50%;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
}
.collections__grid__item .collections__grid__item__gallery .collections__grid__gallery__item:first-child {
    grid-column: span 1;
    grid-row: span 2;
}

.collections__grid__item .collections__grid__item__informations {
    padding: 1rem;
    align-items: baseline;
}
.collections__grid__item .collections__grid__item__informations span.collections__number{
    font-size: 12px;
    font-weight: 300;
    font-family: var(--font-heading);
    color: #fff;
    background: #00bcd4;
    padding: 3px 11px;
    border-radius: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.collections__grid__item .collections__grid__item__link{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index:1;
}
.simple__title p {
	font-size: 14px;
}

.keep__exploring__tags {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: flex-start;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.keep__exploring__tags li{
    margin-bottom: 15px;
}
.keep__exploring__tags li a{
    background-color: #dffbf8;
    padding: 0 20px;
    border-radius: 20px;
    border: 0;
    margin-right: 8px;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    font-size: 13px;
    color: #292b2c;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 34px;
    font-family: var(--font-heading);
}
.keep__exploring__tags li a:hover{
    background-color: #b0f9f1;
    color: #292b2c;
}

.full__producs__shop__page__header {
    display: flex;
    align-items: center;
    justify-content: start;
}
.full__producs__shop__page__header .full__producs__shop__page__sidebar__button{
    border-right: 1px solid #EBEDF5;
    width: 115px;
    flex: 0 0 115px;
    margin-right: 25px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
	transition: all 0.2s linear;
}
.full__producs__shop__page__header__container.opened__sidebar .full__producs__shop__page__header .full__producs__shop__page__sidebar__button{
    width: 280px;
    flex: 0 0 280px;
}
.full__producs__shop__page__header .full__producs__shop__page__sidebar__button .filter__btn__libre{
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    font-size: 15px;
}
.full__producs__shop__page__header .full__producs__shop__page__sidebar__button .filter__btn__close{
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #bccad0;
	visibility: hidden;
    opacity: 0;
	transition: all 0.2s linear;
}
.full__producs__shop__page__header__container.opened__sidebar .full__producs__shop__page__header .full__producs__shop__page__sidebar__button .filter__btn__close{
    visibility: visible;
    opacity: 1;
}
.full__producs__shop__page__header .full__producs__shop__page__sidebar__button .filter__btn__close:hover{
    color: #3c4346;
}
.full__producs__shop__page__header .full__producs__shop__page__sidebar__button .filter__btn__libre i{
    font-size: 20px;
    margin-right: 5px;
}
.full__producs__shop__page__header .full__producs__shop__page__header__nav__links{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-items: center;
}
.full__producs__shop__page__header .full__producs__shop__page__header__nav__links li a{
    font-family: var(--font-heading);
    font-weight: 400;
    margin: 0 7px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #9daeb6;
    position: relative;
    height: 50px;
}
.full__producs__shop__page__header .full__producs__shop__page__header__nav__links li a small{
    font-weight: 300;
    color: #a2adb2;
    margin-left: 11px;
}
.full__producs__shop__page__header .full__producs__shop__page__header__nav__links li a:hover,
.full__producs__shop__page__header .full__producs__shop__page__header__nav__links li.active a{
    color: #333537;
}
.full__producs__shop__page__header .full__producs__shop__page__header__nav__links li.active a:after{
	content: '';
    background: #03a9f4;
    bottom: -1px;
    position: absolute;
    left: 0;
    height: 3px;
    width: 100%;
}
.full__producs__shop__page__header__navs .shop__select {
    display: flex;
    align-items: center;
}
.full__producs__shop__page__header__container {
    border-bottom: 1px solid #e7eef1;
    background: #fafbfb;
    position: sticky;
    top: 75px;
    z-index: 4;
}
body.min__header .full__producs__shop__page__header__container {
    top: 65px;
}
.producs__page__header__bg {
    background: #fafbfb;
}
.producs__page__header__bg .producs__page__header__bg__picture{
    position: absolute;
    display: block;
    height: 100%;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
}
.producs__page__header__bg .producs__page__header__bg__picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
}
.full__producs__shop__page__header__navs {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.shop__select {
    font-family: var(--font-heading);
}
.full__producs__shop__page__header .select {
    min-width: 160px;
}
.full__producs__shop__page__body__container .full__producs__shop__sidebar {
	transform: translateX(-280px);
    width: 0;
    flex: 0;
    transition: transform 0.1s linear;
    will-change: transform;
    position: sticky;
    top: 125px;
    height: calc(100vh - 125px);
    overflow-y: auto;
	overflow-x: hidden;
    border-right: 1px solid #EBEDF5;
    overflow: -moz-scrollbars-none;
}
.full__producs__shop__page__body__container.opened__sidebar .full__producs__shop__sidebar {
    width: 280px;
    flex: 0 0 280px;
    transform: translateX(0);
    transition: transform 0.2s linear;
    will-change: transform;
}
.full__producs__shop__page__body__container .full__producs__shop__articles {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}
.full__producs__shop__page__body__container:not(.opened__sidebar) .full__producs__shop__articles {
    padding: 20px 6px 70px 6px;
}
.full__producs__shop__page__body__container.opened__sidebar .full__producs__shop__articles {
    padding: 20px 6px 70px 25px;
}
.filter__dropdown__element .filter__dropdown__element__header .filter__dropdown__element__button {
    font-family: var(--font-heading);
    display: flex;
    font-size: 14px;
    padding: 13px 0;
    position: relative;
    align-items: center;
    width: 100%;
    flex: 0 0 100%;
    font-weight: 400;
    color: #3d4346;
}
.filter__dropdown__element .filter__dropdown__element__header .filter__dropdown__element__button i{
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    margin-right: 5px;
    font-size: 16px;
}
.filter__dropdown__element .filter__dropdown__element__header .filter__dropdown__element__button:after {
    font-family: "Material Icons Outlined";
    content: "\e5ce";
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    right: 19px;
    color: #a6b0b5;
	transition: all 0.2s;
}
.filter__dropdown__element .filter__dropdown__element__header .filter__dropdown__element__button.collapsed:after {
    transform: rotate(180deg);
}
.filter__dropdown__element__body .details__content{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
    gap: 10px;
	padding: 5px 0 20px;
}
.filter__dropdown__element__body label{
     min-height: 32px;
}
.filter__dropdown__element__body label.premium__license .filter__label__checkbox i{
    margin-right: 5px;
}
.filter__dropdown__element__body label.premium__license .filter__label__checkbox i:before{
    display: block;
    width: 11px;
    height: 11px;
    background: url(../img/content/crown.png) center center no-repeat;
    content: '';
    background-size: contain;
}
.filter__dropdown__element__body input[type='checkbox'], .filter__dropdown__element__body input[type='radio'] {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.filter__dropdown__element__body .filter__label__checkbox {
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 29px;
    padding: 0px 15px;
    color: #374957;
    box-shadow: 0 0 0 1px #e9eef1;
    border-radius: 26px;
    cursor: pointer;
    transition: 0.3s ease;
    font-family: var(--font-heading);
    font-weight: 300;
}
.filter__dropdown__element__body:not(.filter-colors) input:checked ~ .filter__label__checkbox {
    color: #ffffff;
    background-color: #00bcd4;
    box-shadow: 0 0 0 1px #00bcd4;
}
.filter__dropdown__element__body.filter-colors .filter__label__checkbox{
    width: 20px;
    height: 20px;
    padding: 0;
    position: relative;
}
.filter__dropdown__element__body.filter-colors .filter__label__checkbox:before{
    font-family: "Material Icons Outlined";
    content: "\e876";
    font-size: 11px;
    font-weight: 100;
    position: absolute;
    color: transparent;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.filter__dropdown__element__body.filter-colors input:checked ~ .filter__label__checkbox:before {
    color: #fff;
}
.filter__dropdown__element__body.filter-colors input#filter-color-non:checked ~ .filter__label__checkbox:before{
    color: #a6b0b5;
}
.categories__list__filter {
	display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
    gap: 10px;
    padding: 5px 0 20px;
}
.categories__list__filter li a{
    font-family: var(--font-heading);
    font-weight: 300;
    padding: 3px 10px;
    background: #F5F6FA;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    line-height: 1.25rem;
    transition: all 0.3s ease;
}
.categories__list__filter li a:hover{
    background: #d3d6e2;
    color: #000;
}

.full__producs__shop__filters__body {
	position: relative;
}
.full__producs__shop__filters__body .filter__dropdown__element:last-child{
	padding-bottom: 35px;
}
.full__producs__shop__filters__body .filter__dropdown__element .filter__dropdown__element__body{
	padding: 0 20px 0 5px;
}
.full__producs__shop__filters__body .filters__btns{
    position: sticky;
    left: 0;
    right: 0;
    bottom: -3px;
    background: #fff;
    padding: 10px 6px;
    z-index: 1;
    display: flex;
    justify-content: start;
}
.full__producs__shop__sidebar::-webkit-scrollbar {
    width: 3px;
}
.full__producs__shop__sidebar::-webkit-scrollbar-thumb {
    background-color: #a5b7c6;
    border-radius: 20px;
    border: 3px solid transparent;
}
.full__producs__shop__sidebar::-webkit-scrollbar-track {
    background: transparent;
}
.sidebar__applied__filters .title {
    font-family: var(--font-heading);
    display: flex;
    font-size: 14px;
    padding: 13px 0;
    position: relative;
    align-items: center;
    width: 100%;
    flex: 0 0 100%;
    font-weight: 400;
    color: #3d4346;
    justify-content: space-between;
    padding-right: 15px;
}
.sidebar__applied__filters .title a{
    font-weight: 300;
    font-size: 12px;
    color: #aebbc2;
    display: flex;
    align-items: center;
	transition: all 0s;
}
.sidebar__applied__filters .title a:hover{
    color: #5e6a70;
}
.sidebar__applied__filters .title a:after{
    font-family: "Material Icons Outlined";
    content: "\e5cd";
    font-size: 14px;
    font-weight: 100;
    margin-left: 5px;
}
.sidebar__applied__filters .sidebar__applied__filters__list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 5px 10px 20px 5px;
}
.sidebar__applied__filters .sidebar__applied__filters__list .item{
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 23px;
    padding: 0px 30px 0 15px;
    color: #fff;
    border-radius: 26px;
    transition: 0.3s ease;
    font-family: var(--font-heading);
    font-weight: 300;
    background: #00bcd4;
    position: relative;
}
.sidebar__applied__filters .sidebar__applied__filters__list .item:hover{
    background: #01a2b7;
}
.sidebar__applied__filters .sidebar__applied__filters__list .item a{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
}
.sidebar__applied__filters .sidebar__applied__filters__list .item a:before{
    font-family: "Material Icons Outlined";
    content: "\e5cd";
    font-size: 11px;
    font-weight: 100;
    color: #fff;
    transition: all 0.2s;
}
.shop__suggested__packs{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px;
    background-color: rgb(245 246 250 / 72%);
    border-radius: 12px;
    padding: 17px;
}
.shop__suggested__packs .item__img__wrapper{
    padding-top: 66.66667%;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
    box-shadow: 0 0 0 1px #ebedf5;
    transition: transform 0.3s ease;
    will-change: transform;
}
.shop__suggested__packs .item__img__wrapper:hover {
    transform: scale(1.04);
}
.shop__suggested__packs .item__img__wrapper img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
.shop__suggested__packs .item__view__more{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #778789;
    flex-wrap: nowrap;
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 12px;
}
.shop__suggested__packs .item__view__more:hover{
    color: #445052;
}
.shop__suggested__packs .item__view__more span{
    display: flex;
    align-items: center;
    gap: 4px;
}
.shop__suggested__tags .item a {
    padding: 0 20px;
    border-radius: 20px;
    border: 0;
    margin-right: 8px;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    font-size: 12px;
    color: #45494b;
    font-weight: 300;
    display: flex;
    align-items: center;
    height: 34px;
    font-family: var(--font-heading);
    border: 1px solid #ecf0f2;
}
.shop__suggested__tags .item a:hover {
    color: #45494b;
    background: #eaf5fa
}
.shop__suggested__tags__container {
    position: relative;
    padding: 10px 5px 15px;
}
.shop__suggested__tags__container:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: linear-gradient(90deg, transparent 0%, rgb(255 255 255) 100%);
    width: 100px;
}
.shop__suggested__tags__container:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(90deg, rgb(255 255 255) 0%, transparent 100%);
    width: 100px;
}
.shop__suggested__tags__container .shop__suggested__tags .slick-arrow{
    background: transparent;
    border: 0;
    height: 28px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    border-radius: 0;
}
.shop__suggested__tags__container .shop__suggested__tags .slick-arrow.slick-prev{
    left: -15px
}
.shop__suggested__tags__container .shop__suggested__tags .slick-arrow.slick-next{
    right: -15px
}
.shop__suggested__tags__container .shop__suggested__tags .slick-arrow:before{
    font-family: "Material Icons Outlined";
    font-size: 21px;
    font-weight: 100;
    color: #b4c3cc;
    transition: all 0.2s;
    z-index: 4;
}
.shop__suggested__tags__container .shop__suggested__tags .slick-arrow:hover::before{
    color: #2b3033;
}
.shop__suggested__tags__container .shop__suggested__tags .slick-arrow.slick-prev:before{
    content: "\e5cb";
}
.shop__suggested__tags__container .shop__suggested__tags .slick-arrow.slick-next:before{
    content: "\e5cc";
}
.upload__content__header__area {
    background: #191a1b;
    position: sticky;
    top: 75px;
    z-index: 2;
}
.upload__content__header__area .upload__content__nav{
    justify-content: space-between;
    height: 66px;
    position: relative;
    display: flex;
    align-items: center;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list{
    display: flex;
    align-items: center;
    overflow-y: hidden;
    overflow-x: auto;
    flex: 0 1 auto;
    scrollbar-width: none;
}
@media only screen and (max-width: 991px){
.upload__content__header__area .upload__content__nav .upload__content__nav__list {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list::-webkit-scrollbar {
    display: none;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__guidelines {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list .upload__content__nav__item{
    margin-right: 10px; 
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list .upload__content__nav__item a{
    font-family: var(--font-heading);
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list .upload__content__nav__item:first-child a{
    padding-left: 0;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list .upload__content__nav__item a .title{
    color: #a8b2b7;
    font-size: 12.5px;
    font-weight: 600;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list .upload__content__nav__item.active a .title{
    color: #fff;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list .upload__content__nav__item a:hover .title{
    color: #fff;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list .upload__content__nav__item a .number{
    background: #363b3d;
    height: 20px;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 300;
    padding: 0 9px;
    font-size: 11px;
    border-radius: 6px;
	transition: all 0.2s;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__list .upload__content__nav__item a:hover .number,
.upload__content__header__area .upload__content__nav .upload__content__nav__list .upload__content__nav__item.active a .number{
    background: #00bcd4;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__guidelines{
    font-weight: 300;
    color: #d5dfe4;
    font-size: 12px;
    text-decoration: underline;
}
.upload__content__header__area .upload__content__nav .upload__content__nav__guidelines:hover{
    color: #fff;
}
.file__uploader__import {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.file__uploader__import a{
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    gap: 8px;
    color: #495253;
    font-weight: 600;
}
.file__uploader__import a span{
    white-space: nowrap;
}
.file__uploader__import a:hover{
    color: #1d2121;
}
.file__uploader__import .devidier{
    font-weight: 300;
    color: #c2cfd5;
    font-size: 14px;
}
.file__uploader__steps {
    display: none;
}
.file__uploader__steps.active {
    display: block;
}
.file__uplaoder__process .uploader__manager {
    position: relative;
    display: flex;
    width: 100%;
    height: calc(100vh - 190px);
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper{
    width: 100%;
    height: 100%;
    background-color: #fff;
    margin: 15px 0 0;
    padding-bottom: 16px;
    position: relative;
    padding-right: 10px;
}
.file__uplaoder__process .uploader__manager .uploader__submission {
    max-width: 46.5%;
    width: 100%;
    border-left: 2px solid #f3f6f7;
    padding: 17px 15px 50px 30px;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-color: #eee #fff;
    padding-right: 15px;
    margin: 15px 0;
    overflow-x: hidden;
}
.uploader__manager__publish__bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f6f9fa;
}
.uploader__manager__publish__bar .uploader__manager__publish__bar__wrapper {
    display: flex;
    align-items: center;
    height: 70px;
    justify-content: space-between;
}
.uploader__manager__publish__bar .uploader__manager__publish__bar__wrapper .auto__saved__info{
    font-family: var(--font-heading);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: #43484b;
    gap: 5px;
}
.uploader__manager__publish__bar .uploader__manager__publish__bar__wrapper .auto__saved__info i{
    font-size: 16px;
}
.uploader__manager__publish__bar .uploader__manager__publish__bar__wrapper .auto__saved__info span{
    font-weight: 300;
    background: #607d8b;
    color: #fff;
    padding: 2px 13px;
    font-size: 11px;
    border-radius: 17px;
}
.uploader__gallery__header {
    padding: 15px 5px 15px 0;
    background: #fff;
    position: sticky;
    top: 141px;
    z-index: 1;
}
.uploader__gallery__header .uploader__gallery__header__control{
    display: flex;
    align-items: center;
    gap: 3px;
}
.uploader__gallery__header .uploader__gallery__header__control .uploader__gallery__add{
    background: #3f51b5;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-family: var(--font-heading);
    font-size: 12px;
    font-weight: 400;
    padding: 0 17px;
    position: relative;
    cursor: pointer;
}
.uploader__gallery__header .uploader__gallery__header__control .uploader__gallery__add .file__input{
    left: -100px;
}
.uploader__gallery__header .uploader__gallery__header__control .uploader__gallery__add .uploader__gallery__add__btn{
    display: flex;
    align-items: center;
    gap: 5px;
}
.uploader__gallery__header .uploader__gallery__delete{
    background: #f44336;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 12px;
    padding: 0 15px;
    gap: 5px;
}
.uploader__gallery__header .uploader__gallery__delete i{
    font-size: 14px;
}
.uploader__gallery__header .uploader__gallery__delete:hover{
    background: #e44034;
    color: #fff;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container {
    width: 100%;
    height: calc(100% - 100px);
    background-color: #fff;
    padding-bottom: 16px;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding-top: 15px
}
.file__uplaoder__process .uploader__manager .uploader__submission::-webkit-scrollbar,
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container::-webkit-scrollbar {
    width: 4px;
    background: #f5f7f9;
    padding: 4px;
    border-radius: 20px;
}
.file__uplaoder__process .uploader__manager .uploader__submission::-webkit-scrollbar-thumb,
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container::-webkit-scrollbar-thumb {
    background-color: #a5b7c6;
    border-radius: 20px;
    border: 3px solid transparent;
}
.file__uplaoder__process .uploader__manager .uploader__submission::-webkit-scrollbar-track,
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container::-webkit-scrollbar-track {
    background: transparent;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
    height: 100%;
    padding-right: 15px;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list .uploader__gallery__media__item{
    position: relative;
    transition: all .2s cubic-bezier(.445,.05,.55,.95);
    box-sizing: border-box;
    width: 100%;
    height: 220px;
    border-radius: 13px;
    background: #f1f3f6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list .uploader__gallery__media__item:hover{
    background: #dfe3e9;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list .uploader__gallery__media__item .uploader__gallery__media__item__preview{
    display: flex;
    height: 100%;
    position: relative;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list .uploader__gallery__media__item .uploader__gallery__media__item__preview #display-image{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 13px;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list .uploader__gallery__media__item.media__selected {
    border: 2px solid #00bcd4;
    padding: 5px;
}
.uploader__gallery__media__item__preview__options .file-block .name {
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
}
.uploader__gallery__media__item__preview__options {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 45px;
}
.uploader__gallery__media__item__preview__options .file-block .file-delete {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: rgb(0 0 0 / 25%);
    border-radius: 35px;
    cursor: pointer;
    font-family: var(--font-heading);
    display: flex;
    gap: 2px;
    color: #fff;
    align-items: center;
    justify-content: center;
    transition: all .25s ease-in;
}
.uploader__gallery__media__item__preview__options .file-block .file-delete:hover {
    background: rgb(0 0 0 / 100%);
	box-shadow: 0 0 0 0.125em hsl(0deg 0% 100% / 90%);
}
.uploader__gallery__media__item__preview__options .file-block .file-delete:after {
    font-family: "Material Icons Outlined";
    content: "\e5cd";
    font-size: 14px;
    font-weight: 100;
}
.uploader__gallery__media__item__preview__options .file-block:not(:first-child) {
    display: none !important;
}
.field .field__header {
    margin-bottom: 20px;
    display: block;
}
.field .field__header .main__title {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.field .field__header h6{
    font-size: 14px;
}
.field .field__header .sub__title small{
    font-weight: 300;
    font-size: 12px;
    display: block;
    margin-top: 7px;
    line-height: 20px;
    color: #5c6468;
}
.field .field__header .tooltip{
    line-height: initial;
    height: 15px;
    width: 15px;
    display: flex;
    align-items: center;
    margin-left: 5px;
    top: 0;
    font-size: 16px;
}
.field .field__header .tooltip i{
    color: #9A9FA5;
}
.uploader__submission__cta__box {
    background: #F5F5FF;
    border-radius: 8px;
    padding: 30px;
    text-align: left;
    margin-bottom: 25px;
}
.uploader__submission__cta__box h6{
    font-size: 16px;
    font-weight: 600;
    color: #4e42a2;
    margin-bottom: 6px;
    font-family: var(--font-heading);
}
.uploader__submission__cta__box p{
    font-size: 13px;
}
.uploader__submission__container .field,
.uploader__submission__container .editor {
	margin-bottom: 35px;
}
.field.switch__field {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    border-bottom: 1px solid #EFEFEF;
    justify-content: space-between;
    padding-bottom: 25px;
}
.field.switch__field .field__header{
	margin-bottom: 0;
}
.uploader__gallery__media__list.items__upload__options__list .uploader__gallery__media__item__preview__options{
    height: auto;
    bottom: 0;
}
.uploader__gallery__media__list.items__upload__options__list .uploader__gallery__media__item__preview__options .file-block .item-title{
    width: auto;
    opacity: 1;
    visibility: visible;
    height: auto;
    left: 10%;
    right: 10%;
    text-align: center;
    background: rgb(34 36 37 / 54%);
    font-family: var(--font-heading);
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 25px;
    bottom: 10px;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.uploader__gallery__media__list.items__upload__options__list .uploader__gallery__media__item__preview__options .file-block .file-delete{
    top: 20px;
}
.uploader__gallery__media__list.items__upload__options__list .uploader__gallery__media__item__preview__options .file-block .item-status{
    position: absolute;
    font-family: var(--font-heading);
    background: #333;
    color: #fff;
    border-radius: 5px;
    top: 20px;
    transform: translateY(-50%);
    left: 10%;
    font-size: 11px;
    padding: 2px 9px;
    font-weight: 300;
    text-transform: uppercase;
}
.uploader__gallery__media__list.items__upload__options__list .uploader__gallery__media__item__preview__options .file-block .item-status.review{
    background: #ff9800;
}
.uploader__gallery__media__list.items__upload__options__list .uploader__gallery__media__item__preview__options .file-block .item-status.rejected{
    background: #f44336;
}
.uploader__gallery__media__list.items__upload__options__list .uploader__gallery__media__item__preview__options .file-block .item-status.accepted{
    background: #4caf50;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list.items__status__list .uploader__gallery__media__item {
    border: 2px solid transparent;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list.items__status__list .uploader__gallery__media__item.active {
    border: 2px solid #00bcd4;
}
.submitted__item__data__list {
    background: rgb(241 244 246 / 53%);
    border-radius: 8px;
}
.submitted__item__data__list li{
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    padding: 15px 25px;
    border-bottom: 1px solid #f1f2f3;
    font-size: 13px;
    gap: 11px;
}
.submitted__item__data__list li:last-child{
    border-bottom: 0;
}
.submitted__item__data__list li .data__title{
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #73828a;
}
.submitted__item__data__list li .data__title i{
    font-size: 17px;
    color: #a7b8bf;
}
.submitted__item__data__list li .data__informations {
    font-weight: 400;
    background: rgb(228 233 236 / 43%);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    transition: background .2s;
}
.submitted__item__data__list li .data__informations.review {
    background: #ff9800;
    color: #fff;
}
.submitted__item__data__list li .data__informations.rejected {
    background: #f44336;
    color: #fff;
}
.submitted__item__data__list li .data__informations.accepted {
    background: #4caf50;
    color: #fff;
}
.uploader__submission__cta__box .uploader__submission__cta__box__btn{
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    color: #00bcd4;
    margin-left: auto;
    font-family: var(--font-heading);
    position: relative;
    top: 0;
    display: flex;
    margin-top: 15px;
}
.rejection__reason__box.alert {
    border: 0;
    border-radius: 8px;
}
.rejection__reason__box.alert .rejection__reason__list{
    list-style: disc;
    padding-left: 15px;
    margin-top: 10px;
}
.rejection__reason__box.alert .rejection__reason__list li{
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 12px;
    padding: 2px 0;
}
.remove__accpeted__item {
    color: #f16d64;
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 13px;
    margin: 14px 0 0 10px;
    display: block;
	text-decoration: underline;
}
.remove__accpeted__item:hover {
    color: #ea281b;
    text-decoration: underline;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list.items__status__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list.items__status__list .uploader__gallery__media__item{
    height: 140px;
}
.uploader__gallery__media__item__preview__options .file-block .file-edit {
    position: absolute;
    right: 15px;
    top: 20px;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: rgb(0 0 0 / 25%);
    border-radius: 35px;
    cursor: pointer;
    font-family: var(--font-heading);
    display: flex;
    gap: 2px;
    color: #fff;
    align-items: center;
    justify-content: center;
    transition: all .25s ease-in;
}
.uploader__gallery__media__item__preview__options .file-block .file-edit:hover {
    background: rgb(0 0 0 / 100%);
}
.uploader__gallery__media__item__preview__options .file-block .file-edit:before {
    font-family: "Material Icons Outlined";
    content: "\e3c9";
    font-size: 14px;
    font-weight: 100;
}
.edit__item__popup__wrapper {
    background: #fff;
    padding: 50px;
    width: 100%;
    max-width: 850px;
    border-radius: 25px;
}
.edit__item__popup__wrapper .field{
    margin-bottom: 30px;
}
.edit__item__popup__wrapper__footer {
    border-top: 1px solid #e6eef2;
    padding-top: 25px;
    margin-top: 15px;
    display: flex;
    justify-content: center;
}
.update__files__fields .file__wrap {	
    background: #eef3f5;
    height: 190px;
}
.update__files__preview__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 16px;
    height: 100%;
    background: #eef3f5;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 35px;
}
.update__files__preview__list .update__files__preview__list__media__item{
    position: relative;
    transition: all .2s cubic-bezier(.445,.05,.55,.95);
    box-sizing: border-box;
    width: 100%;
    height: 130px;
    border-radius: 13px;
    background: #e1e8ec;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	overflow: hidden;
}
.update__files__preview__list .update__files__preview__list__media__item .update__files__media__item__preview{
    display: flex;
    height: 100%;
    position: relative;
}
.update__files__preview__list .update__files__preview__list__media__item .update__files__media__item__preview #display-image{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 13px;
}
.update__files__media__item__preview__options {
    font-family: var(--font-heading);
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    transition: all 0.2s;
	visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.update__files__preview__list .update__files__preview__list__media__item:hover .update__files__media__item__preview__options{
	visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.update__files__media__item__preview__options a.file-remove{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35px;
    background: linear-gradient(0deg, rgb(249 143 135) 0%, transparent 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 2px 2px rgb(0 0 0 / 13%);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}
.update__files__media__item__preview__options a.file-remove:hover{
    background: linear-gradient(0deg, rgb(244 74 61) 0%, transparent 100%);
    color: #fff;
}
.update__files__media__item__preview__options .file-block .name{
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
}
.update__files__media__item__preview__options .file-block:not(:first-child){
    display: none !important
}
.update__files__preview__list.no-files {
    min-height: 100px;
	position: relative;
}
.update__files__preview__list.no-files:after {
    content: 'Please add files';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--font-heading);
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #d4dbde;
    font-size: 25px;
}
.coodiv__card__box {
    -webkit-box-shadow: 0px 0px 26px rgb(0 0 0 / 4%);
    box-shadow: 5px -5px 25px rgb(0 0 0 / 4%);
    padding: 20px 20px 30px;
    border-radius: 10px;
    margin-bottom: 25px;
}
.client__statics__box {
    padding: 25px;
    border-radius: 10px;
    position: relative;
    background: #fff;
    border: 1px solid #e9eff2;
}
.client__statics__box .client__statics__chart{
    position: absolute;
    width: 70px;
    height: 70px;
    top: 10px;
    right: 20px;
}
.client__statics__box .client__statics__icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #9368de;
    border: 4px solid #f6f6f8;
}
.client__statics__box .client__statics__icon i{
    color: #fff;
    line-height: 0;
    font-size: 20px;
}
.client__statics__box .client__statics__details{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.client__statics__box .client__statics__details .client__statics__category h6{
    font-size: 14px;
}
.client__statics__box .balance{
    padding: 13px 25px;
    margin: 25px -25px -25px;
    background: rgb(233 239 242 / 30%);
}
.client__statics__box .balance small{
    color: rgb(70 76 78 / 49%);
    padding-left: 10px;
}
.client__statics__box .client__statics__counter .number{
    font-family: var(--font-heading);
    font-weight: 200;
    font-size: 16px;
    color: rgb(0 0 0 / 53%);
}
.coodiv__card__box__head {
    display: flex;
    align-items: center;
    min-height: 40px;
    margin-bottom: 32px;
    justify-content: space-between;
}
.coodiv__card__box__head [class^="title"] {
    font-size: 16px;
} 
.coodiv__card__box__head [class^="title"] small{
    display: block;
    font-size: 13px;
    font-weight: 300;
    color: #a9b5bc;
} 
.my__ranking__cercle__chart {
    width: 200px;
	height: 200px;
} 
.ranking__badges__list li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0;
    font-family: var(--font-heading);
    font-size: 13px;
}
.ranking__badges__list li:not(:last-child) {
    border-bottom: 1px solid rgb(228 233 236 / 55%);
}
.ranking__badges__list li .counter{
    color: #fff;
    padding: 1px 10px;
    border-radius: 15px;
    font-weight: 200;
    font-size: 12px;
    background: #383c3e;
}
.ranking__badges__list li .badges__name small{
    font-weight: 300;
    font-size: 10px;
    margin-left: 5px;
    color: #beced5;
}
.listings__items__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
    height: 100%;
    padding-right: 15px;
}

@media only screen and (max-width: 991px){
.file__uplaoder__process .uploader__manager {
    height: calc(100% - 190px);
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.file__uplaoder__process .uploader__manager .uploader__submission {
    max-width: 100%;
    border-left: 0;
    padding: 17px 0 70px 0;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list,
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container .uploader__gallery__media__list.items__status__list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    padding-right: 0;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper {
    padding-right: 0;
}
.file__uplaoder__process .uploader__manager .uploader__gallery__wrapper .uploader__gallery__body__container {
    max-height: 315px;
}
.uploader__manager__publish__bar .uploader__manager__publish__bar__wrapper .auto__saved__info span {
    display: none;
}
.edit__item__popup__wrapper {
    padding: 24px;
}
.update__files__preview__list {
    grid-template-columns: 1fr 1fr;
    max-height: 350px;
}
}
.listings__items__container .listings__items__media{
    position: relative;
    transition: all .2s cubic-bezier(.445,.05,.55,.95);
    box-sizing: border-box;
    width: 100%;
    border-radius: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid rgb(233 238 242 / 77%);
    padding-bottom: 12px;
    overflow: hidden;
}
.listings__items__container .listings__items__media .listings__items__media__item__preview{
    display: flex;
    height: 100%;
    position: relative;
    height: 220px;
}
.listings__items__container .listings__items__media .listings__items__media__item__preview .listings__items__media__image{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 13px;
}
.listings__items__media .submitted__item__data__list{
    border-radius: 0 0 12px 12px;
    padding-top: 15px;
    background: transparent;
}
.listings__items__media .submitted__item__data__list li{
    padding: 10px 25px;
    font-size: 11px;
}
.listings__items__media .submitted__item__data__list li .data__informations {
    font-size: 11px;
}
.listings__categorys__dashboard__links .card__nav .card__link {
    font-size: 12px;
}
.listings__items__media__options {
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: end;
    gap: 5px;
    z-index: 1;
    height: 55px;
    align-items: center;
    padding: 0 15px;
	visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
    transition: all .2s;
    overflow: hidden;
}
.listings__items__container .listings__items__media:hover .listings__items__media__options {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.listings__items__media__options a.listings__items__media__options__item{
    background: rgb(27 28 29 / 25%);
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    color: #fff;
}
.listings__items__media__options a.listings__items__media__options__item:hover{
    background: rgb(27 28 29 / 57%);
    color: #fff;
}
.tooltip {
    font-weight: 300;
    font-size: 11px;
    font-family: var(--font-heading);
}
.coodiv__card__box__head__search__form {
    position: relative;
    width: 360px;
}
.coodiv__card__box__head__search__form .form__input{
    font-size: 12px;
    background: #f7f8f9;
}
.review__summary__downloads {
    display: flex;
    align-items: center;
}
.review__summary__downloads .star-rating {
    color: #fdd835;
    font-size: 16px;
    display: flex;
    gap: 3px;
    height: 20px;
    align-items: center;
}
.products__download__btn a{
    gap: 5px;
}
.products__download__btn a i{
    font-size: 18px;
}
.coodiv__card__box__head__control {
    display: flex;
    align-items: center;
    gap: 15px;
}
.cover__settings .couver__bg__box {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.cover__settings .couver__bg__box img{
    cursor: default;
    width: 100%;
}
.cover__settings .couver__bg__box:after{
    content: '';
    position: absolute;
    left: 13px;
    top: 13px;
    bottom: 13px;
    right: 13px;
    border-radius: 10px;
    border: 2px dashed #fff;
}
.cover__settings .settings__file {
    position: absolute;
    background: rgb(18 18 19 / 48%);
    left: 15px;
    top: 15px;
    bottom: 15px;
    right: 15px;
    border-radius: 10px;
    margin: 0;
    transition: all 0.4s;
}
.cover__settings .settings__file .update__cover__btn{
    position: absolute;
    left: 0;
    right: 0;
    font-family: var(--font-heading);
    font-weight: 100;
    font-size: 30px;
    color: #fff;
    bottom: 0;
    top: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.cover__settings .settings__file .update__cover__btn small{
    font-size: 12px;
}
.cover__settings{
    position: relative;
}
.settings__profile__with__cover {
    position: relative;
    margin-bottom: 70px;
}
.settings__profile__with__cover .avatar__settings{
    position: absolute;
    width: 120px;
    height: 120px;
    bottom: -25px;
    left: 30px;
    border-radius: 100%;
    overflow: hidden;
    z-index: 2;
}
.settings__profile__with__cover .settings__avatar{
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}
.settings__profile__with__cover .avatar__settings .settings__file{
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    margin: 0;
    display: flex;
    align-items: center;
    background: rgb(0 0 0 / 56%);
    border-radius: 100%;
	opacity: 0;
    transition: all 0.4s;
}
.settings__profile__with__cover .avatar__settings:hover .settings__file{
	opacity: 1;
}
.settings__profile__with__cover .settings__file .update__avatar__btn{
    font-family: var(--font-heading);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
@media only screen and (max-width: 767px) {
    .settings__avatar {
        width: 80px;
        height: 80px;
    }
}
.settings__profile__with__cover .settings__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #fff;
}
.payment__method__settings__container .payment__method__settings__item{
    border: 1px solid #e9eff2;
    padding: 28px 60px 28px 65px;
    border-radius: 12px;
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.payment__method__settings__container .payment__method__settings__item .payment__method__settings__header{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}
.payment__method__settings__container .payment__method__settings__item .payment__method__settings__header .payment__methods__logo{
    width: 29px;
}
.payment__method__settings__container .payment__method__settings__item .payment__method__settings__header .payment__method__settings__header__text h5{
    font-size: 14px;
    margin-bottom: 4px;
}
.payment__method__settings__container .payment__method__settings__item .payment__method__settings__header .payment__method__settings__header__text p{
    font-size: 12px;
}
.payment__method__settings__container .payment__method__settings__item input[type=radio] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
	z-index: 1;
}
.payment__method__settings__container .payment__method__settings__item input[type=email] {
	z-index: 2;
	position: relative;
}
.payment__method__settings__container .payment__method__settings__item .checkmark {
    position: absolute;
    width: 23px;
    height: 23px;
    border: 1px solid #dfe5e9;
    top: 36px;
    left: 21px;
    border-radius: 25px
}
.payment__method__settings__container .payment__method__settings__item .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.payment__method__settings__container .payment__method__settings__item input[type=radio]:checked ~ .checkmark:after {
    display: block;
}
.payment__method__settings__container .payment__method__settings__item  .checkmark:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    left: 0;
    right: 0;
    border-radius: 25px;
    background: blue;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}
.payment__method__settings__container .payment__method__settings__item  .payment__method__settings__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;   
}
.payment__method__settings__container .payment__method__settings__item input[type=radio]:checked ~ .payment__method__settings__item__bg {
    background: #f6f8f9;
}

.payment__cards__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
    grid-auto-rows: 1fr;
}
.payment__cards__list .payment__cards__item{
    border-radius: 15px;
    padding: 0 25px;
    -webkit-box-shadow: 0px 0px 26px rgb(0 0 0 / 4%);
    box-shadow: 5px -5px 25px rgb(0 0 0 / 4%);
    border: 1px solid #edf2f4;
    transition: all 0.2s;
}
.payment__cards__list .payment__cards__item:hover{
    -webkit-box-shadow: 0px 0px 26px rgb(0 0 0 / 8%);
    box-shadow: 5px -5px 25px rgb(0 0 0 / 8%);
}
.payment__cards__list .payment__cards__item .payment__cards__item__header{
    display: flex;
    align-items: center;
    height: 60px;
    justify-content: space-between;
}
.payment__cards__list .payment__cards__item .payment__cards__item__header .payment__methods__logo{
    max-height: 24px;
}
.payment__cards__list .payment__cards__item .payment__cards__number{
    font-size: 25px;
    margin-bottom: 16px;
}
.payment__cards__list .payment__cards__item .payment__cards__number small{
    display: flex;
    font-size: 12px;
    font-weight: 300;
}
.payment__cards__list .payment__cards__item .payment__cards__adress{
    font-size: 12px;
}
.payment__cards__list .payment__cards__item .payment__cards__footer{
    margin: 40px 0 25px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.payment__cards__list .payment__cards__item .payment__cards__footer span{
    font-size: 11px;
}
.payment__cards__list .add__new__payment__cards{
    transition: .3s;
    border: 0.063rem dashed #d3d3d3;
    border-radius: 15px;
    font-family: var(--font-heading);
    font-weight: bold;
    color: #00bcd4;
    text-decoration: underline;
    background: #fff;
}
.payment__cards__list .add__new__payment__cards:hover{
    border: 0.063rem dashed #ffeea9;
    color: #232627;
    background: #fff6d3;
}
.billing__item {
	margin-top: 35px;
}
.pricing__page__hero__area {
	position: relative;
}
.pricing__page__hero__area:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
}
.pricing__page__hero__area:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 480px;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient( 0deg, rgb(255 255 255) 39.2%, rgb(255 255 255 / 0%) 71.2% );
}
.pricing__page__features__item {
    box-shadow: 0 5px 30px rgb(0 0 0 / 4%);
    background: #fff;
    border-radius: 15px;
    min-height: 100%;
}
.pricing__page__features__item p{
    font-family: var(--font-heading);
    font-weight: 300;
}
.pricing__page__features__item img{
    max-width: 60px;
}

.faq__section__pricing__page:before {
    content: '';
    position: absolute;
    width: 100%;
    max-height: 340px;
    height: 100%;
    z-index: -1;
    background: url(../img/content/categories.png);
    background-position: center;
    background-size: cover;
    bottom: 0;
    left: 0;
    right: 0;
}
.contributors__page__hero {
    background-size: cover;
}
.contributors__page__hero:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(255 255 255 / 40%) 0%, rgb(255 255 255 / 86%) 50%, #fff 100%);
    z-index: 0;
}
.contributors__page__hero .contributors__page__hero__informations{
    display: flex;
    min-height: 400px;
    align-items: center;
}
.contributors__page__hero__container {
    z-index: 2;
}
.contributors__profile .thumb__contributors{
    max-width: 110px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.contributors__profile .contributors__interests{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: flex-start;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    margin-top: 17px;
    align-items: center;
    gap: 10px;
}
.contributors__profile .contributors__interests a{
    background-color: rgb(208 227 241);
    padding: 0 17px;
    border-radius: 20px;
    border: 0;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    font-size: 11px;
    color: #292b2c;
    font-weight: 300;
    display: flex;
    align-items: center;
    height: 32px;
    font-family: var(--font-heading);
}
.contributors__profile .contributors__interests a:hover{
    background-color: rgb(178 209 231)
}
.social__login__box .social__login__btn {
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border: 1px solid #dee5e9;
    border-radius: 8px;
    margin-bottom: 8px;
    gap: 9px;
    font-size: 14px;
    color: #191c1d;
    font-weight: 400;
	background: #fff;
}
.social__login__box .social__login__btn:hover {
    background: #ebf0f3;
}
.social__login__box .social__login__btn .social__login__icon{
    width: 15px;
}
.social__login__box .social__login__btn.btn__facebook{
    color: #fff;
    background-color: #356BC4;
    border-color: rgba(0,0,0,0);
    box-shadow: none;
}
.social__login__box .social__login__btn.btn__twitter{
    color: #fff;
    background-color: #27AAE1;
    border-color: rgba(0,0,0,0);
    box-shadow: none;
}
.social__login__box .social__login__btn.btn__facebook:hover{
    color: #fff;
    background-color: #2a559c;
    border-color: rgba(0,0,0,0);
}
.social__login__box .social__login__btn.btn__twitter:hover{
    color: #fff;
    background-color: #1a8bbb;
    border-color: rgba(0,0,0,0);
}
.devider__element {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 15px 0;
}
.devider__element:before{
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    background: #d6dee2;
    top: 50%;
    transform: translateY(-50%);
}
.devider__element span{
    content: '';
    background: #fff;
    position: relative;
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 13px;
    display: flex;
    align-items: center;
    height: 20px;
    line-height: 0;
    padding: 0 10px;
    color: #a9bac2;
}
.link__forget__pass {
    font-family: var(--font-heading);
    font-size: 12px;
    font-weight: 500;
    color: #b5c2c8;
}
.link__forget__pass:hover {
    color: #6c777d;
}
.popup__login__footer {
    background-color: #FAFAFC;
    border-top: 1px solid #EBEDF5;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}
.popup__login__footer h6{
    font-weight: 300;
    color: #bac6cb;
}
.popup__wrap.popup__login__container {
    padding: 0;
    overflow: hidden;
}
.item__popup__body .popup {
    bottom: auto;
    top: 80px;
}
.banner__contributors__container {
    padding: 50px 30px;
    background: linear-gradient(90deg, rgb(146 205 250 / 32%) 0%, rgb(199 235 255 / 29%) 100%);
    border-radius: 15px;
}
.banner__contributors__container img.banner__contributors__img {
    max-width: 460px;
	width: 100%;
}
.banner__bg__element_absolute img {
    padding-right: 35px;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    max-width: 850px;
    top: 50%;
    transform: translateY(-50%);
}
body.fancybox-active {
    overflow-y: hidden;
}

@media only screen and (max-width: 768px) {
    header.header>.page__container {
        padding-left: 10px;
        padding-right: 10px;
    }
	.payment__cards__list {
		grid-template-columns: 1fr;
    }
	.listings__items__container {
		grid-template-columns: 1fr;
		padding-right: 0;
    }
	.cover__settings .couver__bg__box img {
		min-height: 240px;
    }
	.settings__profile__with__cover .avatar__settings {
		width: 90px;
		height: 90px;
		bottom: -35px;
		left: 10px;
	}
	.payment__method__settings__container .payment__method__settings__item {
		padding: 28px 20px 28px 65px;
	}
	.payment__method__settings__container .payment__method__settings__item .payment__method__settings__header {
		align-items: flex-start;
    }
	.payment__method__settings__container .payment__method__settings__item .payment__method__settings__header .payment__methods__logo {
		width: 93px;
		margin-top: 9px;
	}
	.special__banner__item__page {
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: normal!important;
		-ms-flex-direction: column!important;
		flex-direction: column!important;
		text-align: center;
	}
	.special__banner__item__page .img-wrap {
		margin: 0;
	}
	.special__banner__item__page .learn__more__btn {
        margin: 24px 0px 0;
	}
	.item__reviewers__box .main__reviewers_stars h6 {
		font-size: 18px;
	}
	.item__reviewers__box .main__reviewers_stars .item__reviewers__box__stars {
		font-size: 21px;
	}
	.item__reviewers__box .main__reviewers_stars {
		justify-content: space-between;
	}
	.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__head {
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: normal!important;
		-ms-flex-direction: column!important;
		flex-direction: column!important;
	    align-items: flex-start;
	}
	.item__reviewers_text__group__box .item__reviewers_text__item .item__reviewers_text__item__head .right__side h6 {
		margin-left: 0;
		margin-top: 6px;
	}
	.producs__page__header__bg .producs__page__header__bg__picture {
		display: none;
    }
	.full__producs__shop__page__body__container.opened__sidebar .full__producs__shop__sidebar {
		position: fixed;
		left: -280px;
		z-index: 4;
		background: #fff;
		top: 0;
		padding-top: 90px;
		padding-left: 22px;
		height: 100vh;
		width: 280px !important;
		flex: 0 0 280px !important;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.full__producs__shop__page__body__container.opened__sidebar .full__producs__shop__sidebar.shown {
    	 left: 0;
	}
	.full__producs__shop__page__body__container .full__producs__shop__articles {
		padding: 20px 0 70px 0;
    }
	.full__producs__shop__page__header__container.opened__sidebar .full__producs__shop__page__header .full__producs__shop__page__sidebar__button {
		display: none !important;
	}
	.full__producs__shop__filters__close {
		display: flex;
		align-items: center;
		height: 37px;
		background: #1c1d1e;
		padding: 0 13px 0 17px;
		margin-left: auto;
		font-family: var(--font-heading);
		color: #fff;
		font-weight: 300;
		font-size: 12px;
		gap: 5px;
		border-radius: 4px 0 0 4px;
		margin-bottom: 17px;
	}
	.filters__sidebar__mobile__open {
		position: fixed;
		z-index: 3;
		background: #2196f3;
		left: 18px;
		bottom: 45px;
		-webkit-box-shadow: 0 7px 17px rgb(33 150 243 / 42%);
		box-shadow: 0 7px 17px rgb(33 150 243 / 42%);
		font-family: var(--font-heading);
		display: flex;
		height: 36px;
		align-items: center;
		padding: 0 21px;
		border-radius: 26px;
		color: #fff;
		font-size: 11px;
		text-transform: uppercase;
	}
	.full__producs__shop__page__header .full__producs__shop__page__sidebar__button {
		display: none !important;
	}
	.shop__suggested__packs {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 5px;
		background-color: transparent;
		padding: 0;
	}
	.fancybox-slide {
		padding: 25px 10px;
	}
	.fancybox-button.fancybox-button--close {
		right: 15px;
	}
}
@media only screen and (max-width: 991px) {
    .page___wrapper__with__sidebar {
		width: 100%;
		position: relative;
		padding: 40px 0 24px 0;
    }
	.my__ranking__cercle__chart {
		margin: auto;
    }
	.full__producs__shop__page__header .select {
		min-width: 120px;
    }
	.full__producs__shop__page__header .full__producs__shop__page__header__nav__links,.default__last__page__nav,.homepage__courses__categories__tabs__nav,.my__courses__nav{margin-right: 12px;flex-wrap: inherit;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;}
	.full__producs__shop__page__header .full__producs__shop__page__header__nav__links::-webkit-scrollbar,.homepage__courses__categories__tabs__nav::-webkit-scrollbar,.my__courses__nav::-webkit-scrollbar,.default__last__page__nav::-webkit-scrollbar{display: none;}
	.full__producs__shop__page__header .full__producs__shop__page__header__nav__links li a {
		margin: 0;
	}
}
@media only screen and (min-width: 991px) {
    .meet__the__author_container .collections__gallery.five__pics__gallery {
		grid-auto-rows: inherit;
	}
}
@media only screen and (min-width: 768px) {
    .full__producs__shop__filters__close,.filters__sidebar__mobile__open {
		display: none !important;
	}
}
.alert {
    border: 0;
}
.collections__gallery.my__favorites__list__gallery {
    grid-auto-rows: 260px;
	margin-bottom: 35px;
	gap: 15px;
}
.my__favorites__list__gallery .my__favorites__item {
    position: relative;
    transition: all 75ms;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #222;
    background-size: cover;
    background-position: 50%;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
    margin: 0;
}
.license__faq .faq__container{
    box-shadow: none;
    padding: 0;
    background: transparent;
	margin-bottom: 45px;
}
.license__faq .faq__link {
    border-radius: 0;
    font-weight: 300;
    font-size: 16px;
}
.license__faq .faq__link.active {
    background: rgb(243 245 246 / 69%);
    font-weight: 600;
    border-left: 3px solid #29b6f6;
}
.text__content p {
    margin-bottom: 13px;
    color: var(--color-h);
    margin-top: 5px;
}
.text__content ul {
    list-style: disc;
    padding-left: 24px;
}
.text__content ul li{
    padding: 7px 0;
    font-size: 15px;
    color: #4c565c;
}
.blog__main__header{
    background: #f5f8fa;
    height: 55px;
    display: flex;
    align-items: center;
}
.blog__main__header .blog__main__header__nav{
	gap: 20px;
}
.blog__main__header .blog__main__header__nav .nav-link{
    padding: 0;
    display: flex;
    font-family: var(--font-heading);
    text-decoration: none !important;
    color: #32383a;
    font-weight: 600;
    font-size: 13px;
    align-items: center;
}
.blog__main__header .blog__main__header__nav .nav-link:hover,
.blog__main__header .blog__main__header__nav .nav-link.active{
    color: #0073c2;
}
.blog__main__header .social__links__container a{
    margin-right: 13px;
	opacity: 0.8;
}
.blog__main__header .social__links__container a:hover{
	opacity: 1;
}
.blog__main__header .social__links__container a:last-child{
    margin-right: 0;
}
.blog__main__header .blog__main__header__nav .dropdown-menu {
    border-radius: 15px;
    border: 1px solid #eef0f1;
    padding: 4px;
    z-index: 9;
}
.blog__main__header .blog__main__header__nav .dropdown-menu .dropdown-item{
    color: #32383a;
    font-weight: 600;
    font-size: 12px;
    font-family: var(--font-heading);
    padding: 7px 10px;
    border-radius: 10px;
}
.blog__main__header .blog__main__header__nav .dropdown-menu .dropdown-item:not(:last-child) {
    margin-bottom: 4px;
}
.blog__main__header .blog__main__header__nav .dropdown-menu .dropdown-item:hover, .blog__main__header .blog__main__header__nav .dropdown-menu .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0073c2;
}
.blog__article.latest__blog{
    position: sticky;
    top: 110px;
}

.blog__article .blog__thumb{
    display: flex;
    justify-content: center;
    background: #fff;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
}
.blog__article .blog__thumb img{
    display: block;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease-out;
}
.blog__article .blog__thumb:hover img{
    transform: scale(1.1);
}
.blog__article.latest__blog .blog__thumb{
    height: 400px;
    width: 100%;
}
.blog__article .blog__informations__categories{
    font-size: 11px;
    text-transform: uppercase;
    color: #00bcd4;
}
.blog__article__author .media {
	gap: 17px;
}
.blog__article__author .profile__pic {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.blog__article__author .media-body .author__name{
	letter-spacing: 0.5px;
}
.blog__article__author .media-body .caption{
    font-size: 12px;
    color: #afbfc7;
}
.blog__article.sidebar__blog .article__link{
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 10px 25px 10px 10px;
    border-radius: 22px;
    margin-bottom: 15px;
}
.blog__article.sidebar__blog .blog__thumb{
    height: 110px;
    width: 150px;
}
.blog__article.sidebar__blog .blog__informations{
    flex: 1;
}
.blog__article.sidebar__blog .blog__informations .author{
    color: #b4c2c8;
}
.blog__article.main__blog .blog__thumb{
    height: 240px;
    width: 100%;
}
.blog__pagination .btn.btn__blog__pagination {
    outline: none !important;
    border: 1px solid #e4ebef;
    min-width: inherit;
    width: 50px;
    height: 50px;
    border-radius: 43px;
    font-size: 16px;
    box-shadow: none !important;
    padding: 0;
    color: #2e3335;
	background: #fff;
}
.blog__pagination .btn.btn__blog__pagination:hover {
    background: #ebf2f5;
}
.blog__pagination .blog__pagination__page {
	min-width: 200px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
}
@media (min-width: 768px){
.single__blog__hero {
    min-height: 390px;
    margin: auto;
}
}
.single__blog__hero {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 480px;
	position: relative;
}
.blog__post__breadcrumbs__nav {
    background: rgb(19 71 91 / 59%);
    border-radius: 4px;
    color: hsla(0,0%,100%,.7);
    padding: 0 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    height: 40px;
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 13px;
    overflow: hidden;
}
.blog__post__breadcrumbs__nav li{
    position: relative;
}
.blog__post__breadcrumbs__nav li:last-child{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog__post__breadcrumbs__nav li:not(:last-child):after{
    content: "\a0\a0/\a0\a0";
    opacity: .3;
    padding-left: 5px;
}
.blog__post__breadcrumbs__nav li a{
    color: #dfe0ea;
}
.blog__post__breadcrumbs__nav li a:hover{
    color: #fff;
}
.blog__post__breadcrumbs__nav li span{
    color: hwb(0deg 100% 0% / 48%);
}
.single__blog__hero:before {
	content: '';
    background: rgb(28 30 30);
    background: linear-gradient(0deg, rgb(28 30 30 / 50%) 21%, transparent 100%);
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 0;
}
.single__blog__hero__text .blog-title{
	color: #fff;
}
.single__blog__hero__text .blog-sub-title{
	color: #fff;
}
.blog__post__content__container {
    padding: 50px 0;
}
.blog__post__main__content .entry__title h1{
    font-size: 1.7rem;
    line-height: 2.625rem;
    letter-spacing: -0.015em;
}
.blog__post__main__content .entry__title p{
    font-family: var(--font-heading);
    font-weight: 300;
    color: #73828a;
    font-size: 19px;
    margin-top: 11px;
    letter-spacing: -.25px;
}
.blog__post__main__content .entry__title p::first-letter {
    float:left;
    font-weight: 100;
    font-size: 60px;
    line-height: 60px;
    height:20px;
    text-transform: uppercase;
	padding-right: 10px;
}
.blog__post__main__content .blog__post__entry__content {
	overflow: hidden;
}
.blog__post__main__content .blog__post__entry__content .entry__main .aligncenter,
.blog__post__main__content .blog__post__entry__content .entry__main .alignleft,
.blog__post__main__content .blog__post__entry__content .entry__main .alignnone,
.blog__post__main__content .blog__post__entry__content .entry__main .alignright {
    display: block;
    float: none;
    margin: 0 auto 30px;
    text-align: center;
    width: auto;
}
.blog__post__main__content .blog__post__entry__content a {
    font-weight: 400;
}
.blog__post__main__content .blog__post__entry__content  .blog__post__blog__thumbnail {
	display: flex;
    align-items: center;
}
.blog__post__main__content .blog__post__entry__content figure.caption.center .blog__post__blog__thumbnail {
    justify-content: center;
}
.blog__post__main__content .blog__post__entry__content figure.caption.left .blog__post__blog__thumbnail {
    justify-content: start;
}
.blog__post__main__content .blog__post__entry__content figure.caption.right .blog__post__blog__thumbnail {
    justify-content: end;
}
.blog__post__main__content .blog__post__entry__content .blog__post__blog__thumbnail .image {
    max-width: 100%;
    height: auto;
    display: block;
}
.blog__post__main__content .blog__post__entry__content figure.caption {
	margin-bottom: 35px;
}
.blog__post__main__content .blog__post__entry__content figure.caption .caption__text{
    text-align: center;
    font-size: 12px;
    font-weight: 100;
    color: #9db0b8;
    display: flex;
    margin-top: 10px;
}
.blog__post__main__content .blog__post__entry__content figure.caption.center .caption__text{
    justify-content: center;
}
.blog__post__main__content .blog__post__entry__content figure.caption.left .caption__text{
    justify-content: start;
}
.blog__post__main__content .blog__post__entry__content figure.caption.right .caption__text{
    justify-content: end;
}
.blog__post__main__content .blog__post__entry__content blockquote {
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 30px;
	padding: 20px;
    quotes: "" "";
}
.blog__post__main__content .blog__post__entry__content blockquote p{
    font-weight: 200;
    font-size: 17px;
    line-height: 33px;
    color: #81959f;
}
.blog__post__main__content .blog__post__entry__content ol,
.blog__post__main__content .blog__post__entry__content ul {
    margin: 0 10px 25px;
    padding: 0 0 0 20px;
    list-style: disc;
}

.blog__post__main__content .blog__post__entry__content ol li,
.blog__post__main__content .blog__post__entry__content ul li{
    margin-bottom: 15px;
    padding-left: 6px;
    font-family: var(--font-heading);
    line-height: 26px;
    font-size: 14px;
    font-weight: 300;
}
.blog__post__entry__author {
    background: #f1f6f9;
    padding: 30px 20px;
    border-radius: 15px;
}
.blog__post__main__content .blog__post__entry__content p {
    font-family: var(--font-heading);
    font-weight: 300;
    color: #404a50;
    letter-spacing: -.25px;
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 20px;
}
.blog__post__main__content .blog__post__entry__content h2 {
    font-size: 22px;
    line-height: 48px;
    margin-bottom: 15px;
}
.blog__post__main__content .blog__post__entry__content h3 {
    font-size: 20px;
    line-height: 48px;
    margin-bottom: 15px;
}
.blog__post__main__content .blog__post__entry__content h4 {
    font-size: 18px;
    line-height: 48px;
    margin-bottom: 15px;
}
.blog__post__main__content .blog__post__entry__content h5 {
    font-size: 16px;
    line-height: 48px;
    margin-bottom: 15px;
}
.blog__post__main__content .blog__post__entry__content h6 {
    font-size: 14px;
    line-height: 48px;
    margin-bottom: 15px;
}

.blog__post__widget__ads__sticky__container {
    position: sticky;
    top: 115px;
	margin-left: 25px;
}
.blog__post__widget .blog__post__widget__ads__banner{
    background: #00bcd4;
    background: -o-linear-gradient(144.38deg,#00bcd4 8.83%,#83e6f3 94.58%);
    background: linear-gradient(305.62deg,#00bcd4 8.83%,#83e6f3 94.58%);
    text-align: center;
    padding: 20px 0 30px;
    border-radius: 10px;
    max-width: 350px;
    margin: 0 auto 20px;
    width: 100%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20px;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
	margin-bottom: 25px;
	overflow: hidden;
}
.blog__post__widget .blog__post__widget__ads__banner img{
    max-width: 100%;
	margin-bottom: 15px;
}
.blog__post__widget .blog__post__widget__ads__banner svg{
	max-width: 60%;
	margin-bottom: 15px;
}
.blog__post__widget .blog__post__widget__ads__banner .title{
    color: #fff;
}
.blog__post__widget .blog__post__widget__ads__banner .sub-title{
    margin-top: 10px;
	color: #fff;
}
.blog__post__widget .blog__post__widget__ads__banner .btn{
    min-width: inherit;
    font-size: 10px;
    border-radius: 38px;
    padding: 3px 17px;
    margin-top: 20px;
}
.blog__post__widget .blog__post__widget__ads__banner.style__two{
    background: #373e4;
    background: -webkit-gradient(linear,left top,right top,from(#373e41),to(#1e1e1e));
    background: -o-linear-gradient(left,#373e41 0,#1e1e1e 100%);
    background: linear-gradient(90deg,#373e41,#1e1e1e);
    justify-content: space-between;
    padding: 0;
}
.blog__post__widget .blog__post__widget__ads__banner .banner__content{
    padding: 20px;
}
.blog__post__widget .blog__post__widget__ads__banner .banner__footer{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 60px;
    background: #f8f8f8;
    padding: 20px 12px;
    margin-top: 20px;
}
.blog__post__widget .blog__post__widget__ads__banner .banner__footer .btn{
    margin-top: 0;
}
.author__posts__header .author__thumb{
	width: 120px; 
	height: 120px; 
	border-radius: 100%;
	margin-bottom: 25px;
}
.license__faq .faq__menu {
	position: sticky;
    top: 115px;
}




/* icons marketplace stylesheets */

.hero__homepage__area.white__gradient__bg {
    background: #fff;
}
.hero__homepage__area.white__gradient__bg:after {
    display: none;
}
.hero__homepage__area__img__bg__gradient {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
	pointer-events: none;
}
.homepage__tags a{
	padding: 0 10px;
    border-radius: 8px;
    border: 0;
    margin-right: 8px;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    font-size: 11px;
    color: #51646d;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 30px;
    font-family: var(--font-heading);
    background-color: rgb(255 255 255 / 34%);
}
.homepage__tags a:hover{
    background-color: rgb(255 255 255 / 66%)
}
.homepage__tags a i{
    font-size: 14px;
    margin-right: 4px;
}
.icons__store__categories__homepage {
    border-radius: 12px;
    padding: 22px 5px;
    min-height: 100%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: #fff;
}
.icons__store__categories__homepage .icons__store__categories__homepage__img {
    width: 114px;
    height: 114px;
    border: 4px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 5;
    overflow: hidden;
    background: linear-gradient(110.49deg,#eff3f6 26.28%,#d7d7ff 94.17%);
	position: relative
}
.icons__store__categories__homepage .icons__store__categories__homepage__img img{
    transition: all .2s ease-in-out;
    width: 100%;
    height: auto;
    display: block;
}
.icons__store__categories__homepage:hover .icons__store__categories__homepage__img img{
    transform: scale(1.05);
}
.icons__store__categories__homepage .icons__store__categories__homepage__img__container{
    width: 120px;
    height: 120px;
    animation: gradient-color-animation-1 9s infinite linear;
    border-radius: 50%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    position: relative;
    display: flex;
    margin-bottom: 15px;
}
@keyframes gradient-color-animation-1 {
  0%   { background: #33CCCC; }
  20%  { background: #33CC36; }
  40%  { background: #B8CC33; }
  60%  { background: #FCCA00; }
  80%  { background: #33CC36; }
  100% { background: #33CCCC; }
}
.top__categories__collections__gallery.icon__pack__homepage__gellery a{
    border: 1px solid #e5ebed;
    padding: 18px 30px;
    display: block;
    border-radius: 8px
}
.top__categories__collections__gallery.icon__pack__homepage__gellery a:hover{
    border: 1px solid #00bcd4;
}
.top__categories__collections__gallery.icon__pack__homepage__gellery .collections__gallery .collections__gallery__item:hover::before {
    display: none;
}
.top__categories__collections__gallery.icon__pack__homepage__gellery .collections__gallery {
    grid-auto-rows: 80px;
}
.special__banner__item__page.full__width__banner{
    margin: 0px auto 20px;
    width: 100%;
}
.icons__packs__page__title {
    background: linear-gradient(0deg, transparent 0%, rgb(233, 248, 254) 100%);
}
.collections__grid__item.icons__pack__items .collections__grid__item__gallery {
    grid-auto-rows: 90px;
    grid-template-columns: 1fr;
}
.collections__grid__item.icons__pack__items:hover .collections__grid__item__gallery:after {
    opacity: 0.3;
}
.icons__packs__page__title {
	position: relative;
	z-index: 2;
}
.icons__packs__page__title .header__main__search__form .form__input {
	background: #fff;
    border: 1px solid #ebf0f2;
    border-radius: 12px;
    font-size: 12px;
}
.search__head .search__head__family {
	background: #dce2e9;
    color: #171c20;
    display: flex;
    align-items: center;
    position: absolute;
    border-radius: 6px;
    font-family: var(--font-heading);
    font-size: 14px;
    padding: 3px 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}
.search__head .search__head__family:hover {
    background: #d1d7df;
}
.search__head .search__head__family small{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 45px;
}
.search__head .search__head__family i{
    line-height: 0;
    font-size: 12px;
    color: #909fa7;
}
#main-header-search-form.with__family__tag .search__start {
    visibility: hidden;
}
#main-header-search-form.with__family__tag .search__input {
    padding-left: 90px;
	font-size: 12px;
}


@media only screen and (min-width: 778px){
.full__producs__shop__page__body__container.full__icons__shop__container.opened__sidebar .masonry__item,
.full__producs__shop__page__body__container.full__icons__shop__container.opened__sidebar .grid__col-sizer {
    width: 11%;
}
.full__producs__shop__page__body__container.full__icons__shop__container .masonry__item,
.full__producs__shop__page__body__container.full__icons__shop__container .grid__col-sizer {
    width: 9%;
}
.full__producs__shop__page__body__container.full__illustration__shop__container .masonry__item,
.full__producs__shop__page__body__container.full__illustration__shop__container .grid__col-sizer {
    width: 19%;
}
.product__overview .full__producs__shop__page__body__container.full__icons__shop__container .masonry__item,
.product__overview .full__producs__shop__page__body__container.full__icons__shop__container .grid__col-sizer {
    width: 15%;
}
}

.full__producs__shop__articles.icons_shop .media__card__item__img {
    background: #fff;
}
.full__producs__shop__articles.icons_shop .media__card__item__img .media__card__holder {
    padding: 25px;
}
.full__producs__shop__articles.icons_shop.illustration__shop .media__card__item__img .media__card__holder {
    padding: 60px;
    background: #f7fafc;
}
.full__producs__shop__articles.icons_shop.illustration__shop .media__card__item__img:hover .media__card__holder {
    padding: 57px;
}
.full__producs__shop__articles.icons_shop.illustration__shop .media__card__item__img .gallery__item__options.gallery__item__options__top {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.full__producs__shop__articles.icons_shop.illustration__shop .media__card__item__img .gallery__item__options.gallery__item__options__top.item__license .item__license__overlay {
    background: transparent;
}
.full__producs__shop__articles.icons_shop .media__card__item__img .media__card__holder:before {
    background: var(--listing-hover-bg);
}
.full__producs__shop__articles.icons_shop .media__card__item__img:hover .media__card__holder:before {
    opacity: 0.1;
}
.full__producs__shop__articles.icons_shop .media__card__item__img .gallery__item__options.gallery__item__options__buttom.item__cover__download__link {
    right: 7px;
    bottom: 7px;
}
.full__producs__shop__articles.icons_shop .media__card__item__img .gallery__item__options.gallery__item__options__top.item__license {
    left: 8px;
    top: 8px;
}
.full__producs__shop__articles.icons_shop .media__card__item__img .gallery__item__options.gallery__item__options__top.item__license .item__license__overlay{
    background: rgb(114 124 128 / 20%);
    font-family: var(--font-heading);
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 3px 9px;
    letter-spacing: 0.3px;
    border-radius: 5px;
    color: #738790;
    display: flex;
    align-items: center;
}
.full__producs__shop__articles.icons_shop .media__card__item__img .gallery__item__options.gallery__item__options__top.item__license .item__license__overlay.premuim i{
    margin-right: 5px;
}
.full__producs__shop__articles.icons_shop .media__card__item__img .gallery__item__options.gallery__item__options__top.item__license .item__license__overlay.premuim i:before{
	display: block;
    width: 11px;
    height: 11px;
    background: url(../img/content/crown.png) center center no-repeat;
    content: '';
    background-size: contain;
}
.product__details.product__icons .product__preview{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    border-radius: 15px;
    background-color: #f8fafb;
}
.product__details.product__icons:not(.illustration) .product__preview img{
    width: 256px;
    height: 256px;
    max-width: 100%;
}
.product__details.product__icons .product__overview{
	position: sticky;
    top: 100px;
}
.product__purshese__item__now {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    background-color: #ffb229;
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 67px;
    display: block;
}
.product__purshese__item__now:hover {
    background-color: #e49d1f;
}
.product__purshese__item__now span.button-description {
    font-weight: 300;
    font-size: 12px;
}
.product__purshese__item__now .price {
    position: absolute;
    left: 0;
    background: rgb(0 0 0 / 4%);
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 200;
    padding: 0 22px;
}
.product__buy__pro {
    margin-top: 20px;
    display: block;
    width: 100%;
    height: auto;
    min-height: 67px;
}
.product__buy__pro span.button-description{
	font-weight: 300;
    font-size: 12px;
}
.list__premuim__icon__features {
    margin: 15px 0;
}
.list__premuim__icon__features li{
    font-size: 12px;
    font-weight: 400;
    color: var(--color-h-sub);
    padding: 3px;
}
.list__premuim__icon__features li i{
    color: var(--success);
    margin-right: 5px;
}
.sidebar__item__author__informations {
    box-sizing: border-box;
    padding: 30px;
    border-radius: 15px;
    margin-top: 0px;
}
.sidebar__item__author__informations .product__informations{
    margin-top: 0;
}
.sidebar__item__author__informations .product__informations .product__detail__actions {
	justify-content: end;
}
.sidebar__item__author__informations .more-links a{
    color: #00bcd4;
}
header.header.white-header {
    background-color: white;
    background: white;
}
.rose__gradient__bg {
    background: #C6FFDD;
    background: -webkit-linear-gradient(to right, #f7797d, #FBD786, #C6FFDD);
    background: linear-gradient(to right, #f7797d, #FBD786, #C6FFDD);
	background-size: 400% 400%;
	animation: gradient-animation 15s ease infinite;
	position: relative;
}
@keyframes gradient-animation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.rose__gradient__bg:before {
    content: '';
    background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #FBD786 14px ), repeating-linear-gradient( #f7797d55, #f7797d );
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: 0.07;
}
.hero__homepage__area.rose__gradient__bg:after {
	content: '';
    height: 112px;
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5049370089832808) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5049370089832808) 50%, rgba(0,0,0,1) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5049370089832808) 61%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient;
    z-index: 0;
}
.rose__gradient__bg .homepage__tags a {
    border-radius: 16px;
    color: #fff;
    background-color: rgb(0 0 0 / 11%);
}
.rose__gradient__bg .homepage__tags a:hover {
    background-color: rgb(0 0 0 / 20%);
}

.hero__homepage__area.rose__gradient__bg.hero__homepage__area p {
    color: var(--color-h);
}
.hero__homepage__area.big__hero__homepage__area {
    min-height: 620px;
}
.header__main__search__form.advenced__search__form .form__input {
    height: 64px;
    background: transparent !important;
    padding: 0 65px 0 20px;
}
.header__main__search__form.advenced__search__form .form__button {
    width: 55px;
    height: 55px;
    min-width: 55px;
    padding: 0;
    border-radius: 39px;
}
.header__main__search__form.advenced__search__form .search__form__with__select {
    display: flex;
    align-items: center;
    position: relative;
    height: 64px;
    border-radius: 30px;
    border: 1px solid #D8DBEB;
    background: #fff;
    z-index: 1;
}
.header__main__search__form.advenced__search__form .search__results__homepage {
    top: 50%;
    padding-top: 50px;
}
.header__main__search__form.advenced__search__form {
    z-index: 2;
}
.header__main__search__form.advenced__search__form .categories__searching__select {
    background: #EBEDF5 !important;
    border-color: #EBEDF5 !important;
    border: 0;
    width: auto;
    height: calc(100% - 10px);
    border-radius: 50px;
    margin-left: 5px;
    padding: 0 50px 0 25px;
    box-shadow: none !important;
    font-family: var(--font-heading);
}
.header__main__search__form.advenced__search__form .categories__searching__select .current{
	font-size: 16px;
    display: flex;
    height: 100%;
    align-items: center;
    line-height: 0;
    font-weight: 600;
    color: #252728;
}
.header__main__search__form.advenced__search__form .categories__searching__select .list {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #EBEDF5;
    border-radius: 8px;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
}
.header__main__search__form.advenced__search__form .categories__searching__select .option {
    border-bottom: 0;
}
.header__main__search__form.advenced__search__form .header__main__search__form__keylose {
    z-index: 2;
}
.header__main__search__form .advenced__search__form__search__close__btns {
    position: absolute;
    right: 5px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.illustrations__store__categories__homepage {
    min-height: 100%;
    box-shadow: 0 -2px 17px rgb(0 0 0 / 4%), 0 16px 29px rgb(0 0 0 / 4%);
    overflow: hidden;
    border-radius: 12px;
}
.illustrations__store__categories__homepage:hover {
    transform: scale(1.02);
}
.illustrations__store__categories__homepage img{
	width: 100%;
}
.illustrations__store__categories__homepage .text{
    padding: 20px;
    background: #fff;
    width: 100%;
}
.our__elite__authors__container .elite__author_item {
    display: flex;
    align-items: center;
    background: #BEEBFD;
    border-radius: 40px;
    position: absolute;
    width: 60px;
    height: 60px;
}
.our__elite__authors__container .elite__author_item:hover {
    width: auto;
}
.our__elite__authors__container .elite__author_item .elite__author_item__pic{
    width: 60px;
    height: 60px;
    border-radius: 40px;
	z-index: 2;
}
.our__elite__authors__container .elite__author_item .elite__author_item__information{
    padding: 0 25px 0 15px;
    visibility: hidden;
    opacity: 0;
    transition: all 0s;
	position: absolute;
    height: 60px;
    left: 0;
    padding-left: 70px;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    background: #BEEBFD;
    z-index: 1;
    border-radius: 40px;
}
.our__elite__authors__container .elite__author_item:hover .elite__author_item__information,
.our__elite__authors__container .elite__author_item .elite__author_item__information:hover{
	visibility: visible;
    opacity: 1;
	transition: all 0.4s;
}
.our__elite__authors__container .elite__author_item__elite__badge{
    position: absolute;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 25px;
    top: -5px;
    left: -2px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 4px 8px rgb(0 0 0 / 4%);
	z-index:4;
}
.our__elite__authors__container .elite__author_item__elite__badge:before{
	display: block;
    width: 19px;
    height: 19px;
    background: url(../img/content/crown.png) center center no-repeat;
    content: '';
    background-size: contain;
}
.our__elite__authors__container .elite__author_item:nth-child(1) {
    top: 0;
    left: 82px;
}
.our__elite__authors__container .elite__author_item:nth-child(2) {
    top: 4px;
    right: -34px;
}
.our__elite__authors__container .elite__author_item:nth-child(3) {
    bottom: 130px;
    right: 215px;
}
.our__elite__authors__container .elite__author_item:nth-child(4) {
    bottom: 30px;
    right: 40px;
}
.our__elite__authors__container .elite__author_item:nth-child(5) {
     bottom: 10px;
    right: 435px;
}
.our__elite__authors__container .elite__author_item:nth-child(6) {
    top: 56px;
    left: 308px;
}
.our__elite__authors__container .elite__author_item:nth-child(7) {
    bottom: 128px;
    left: -60px;
}
.our__elite__authors__container .elite__author_item:nth-child(8) {
    bottom: 11px;
    left: 50px;
}
.our__elite__authors__container .elite__author_item:nth-child(9) {
    bottom: 13px;
    left: 329px; 
}
.our__elite__authors__container .elite__author_item:nth-child(10) {
    top: 16px;
    right: 350px; 
}
.author__pack__jumbo {
    max-width: 300px;
    padding: 6px 15px 6px 6px;
    margin: 20px auto 0;
}
.author__pack__jumbo .the__author img{
    height: 28px;
    width: 28px;
    border-radius: 20px;
    margin-right: 11px;
}
.author__pack__jumbo .follow__btn{
    font-size: 14px;
    font-family: var(--font-heading);
    text-decoration: underline;
    color: #c2ced4;
    font-weight: 600;
}
.author__pack__jumbo .follow__btn:hover{
    color: #78878f;
}
.illustrations__hero__bg__pattern,
.illustrations__hero__bg__pattern__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: repeat-x;
    background-size: 545px;
    background-position: top;
    display: flex;
}
.illustrations__hero__bg__pattern__overlay {
    mix-blend-mode: normal;
    opacity: 0.9;
}
.illustrations__hero__bg__pattern>div{
    height: 100%;
    width: 256px;
    background-size: contain;
    background-position: center center;
    margin: 0px 20px;
    background-repeat: no-repeat;
}
.illustrations__hero__bg__pattern>div:nth-child(1){
    transform: rotate(15deg);
}
.illustrations__hero__bg__pattern>div:nth-child(2){
    transform: rotate(-15deg);
}
.illustrations__hero__bg__pattern>div:nth-child(3){
    transform: rotate(-15deg);
}
.illustrations__hero__bg__pattern>div:nth-child(4){
    transform: rotate(15deg);
}
.illustrations__hero__bg__pattern>div:nth-child(5){
    transform: rotate(-15deg);
}
.illustrations__hero__bg__pattern>div:nth-child(6){
    transform: rotate(15deg);
}
.illustrations__hero__bg__pattern>div:nth-child(7){
    transform: rotate(-15deg);
}
.full__producs__shop__page__header.illustration__pack__header {
    height: 65px;
}
.full__illustration__article__item__name {
	position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    color: #bacbd5;
    padding: 5px 15px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 12px;
}

.illustration__item__preview__container {
	overflow: hidden;
    border: 1px solid #eff3f5;
	border-radius: 22px;
}
.illustration__item__preview__container .purchase__side{
    background: linear-gradient(180deg, #f5f6fa 0%, rgba(245,246,250,0) 100%);
}
.product__details.product__icons .illustration__item__preview__container .product__preview {
    background-color: transparent;
}
.illustration__item__preview__container .purchase__side .good__purchase__sidebar .good__media__widget {
    border: 0;
    background: transparent;
}
.illustration__compatible__plugins .illustration__compatible__plugins__wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(52px, 1fr));
    gap: 0.75rem;
    margin-top: 15px;
}
.illustration__compatible__plugins .illustration__compatible__plugins__wrap .item{
    height: 2.25rem;
    border-radius: 0.375rem;
    background: #F2F5F8;
    color: #000;
    display: flex;
    align-items: center;
	cursor: pointer;
    justify-content: center;
}
.illustration__compatible__plugins .illustration__compatible__plugins__wrap .item svg{
	transform: scale(0.8);
   transition: all 0.3s ease;
}
.illustration__compatible__plugins .illustration__compatible__plugins__wrap .item:hover svg{
	transform: scale(0.9);
}
.product__details.product__icons.illustration .product__preview img {
    width: auto;
}
.image__bg__hero .homepage__tags a {
    border-radius: 12px;
    color: #d2dce1;
    background-color: #23869d;
}
.image__bg__hero .homepage__tags a:hover {
    color: #fff;
}
.hero__homepage__area.without__bg__overlay:after {
    display: none;
}
.header__main__search__form.courses__search__form .form__button {
    width: auto;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 25px;
}
.education__hero__author__informations {
	display: flex;
    align-items: center;
    background: #fff;
    border-radius: 40px;
    position: absolute;
    right: 30px;
    bottom: 40px;
    padding: 5px 30px 5px 5px;
}
.education__hero__author__informations img.thumb{
    height: 55px;
    width: 55px;
    border-radius: 40px;
    margin-right: 12px;
}
.hero__image__bg__with__color .hero__image__bg__with__color__container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 420px;
    background: #1d8ba4;
    background: -moz-linear-gradient(169deg, #176577 0%, #1d8ba4 50%, #2c9cb6 100%);
    background: -webkit-linear-gradient(169deg, #176577 0%, #1d8ba4 50%, #2c9cb6 100%);
    background: linear-gradient(169deg, #176577 0%, #1d8ba4 50%, #2c9cb6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#176577",endColorstr="#2c9cb6",GradientType=1);
    max-width: 40%;
    z-index: -1;
    min-width: 30%;
    overflow: hidden;
}
.hero__image__bg__with__color .hero__image__bg__with__color__container:after {
	content: '';
    width: 500px;
    height: 500px;
    position: absolute;
    background: linear-gradient(#1e8ca5, #2695af) padding-box, linear-gradient(to right, #1f8ca5, #2897b1) border-box;
    border-radius: 50em;
    border: 80px solid transparent;
    top: 50%;
    transform: translateY(-50%);
    right: -200px;
    opacity: 0.7;
}
.header__main__menu__main {
	display: flex;
    align-items: center;
    gap: 20px;
}
.header__main__menu__main .header__item{
	margin: 0;
}
.header__main__menu__main .header__item .header__head{
    font-size: 12px;
}
.header__main__menu__main .header__item:not(.drop__down) .header__head:after {
    display: none;
}
.text__item .header__head:after {
	margin-left: 3px;
    transition: all 0.2s;
}
.text__item.active .header__head:after {
    transform: rotate(180deg);
}
.header__main__menu__main .drop__down .menu__has__child .menu__has__parent{
    position: absolute;
    left: calc(100% - 14px);
    background: #fff;
    top: 0;
    border-left: 1px solid #f1f4f6;
    border-radius: 0 16px 16px 0;
    min-height: 100%;
    background: #fafdfe;
    padding: 15px 0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
    min-width: 100%;
    transition: all .2s;
}
.header__main__menu__main .drop__down .menu__has__child:hover>a{
    background: #f0f3f4;
    color: #1f2123;
}
.header__main__menu__main .drop__down .menu__has__child:hover ~ .header__body{
    border-radius: 0;
}
.header__main__menu__main .drop__down .menu__has__child:hover .menu__has__parent{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.header__main__menu__main .drop__down .menu__has__child>a {
    position: relative;
}
.header__main__menu__main .drop__down .menu__has__child>a:after {
    font-family: "Material Icons Outlined";
    content: "\e409";
    font-size: 15px;
    font-weight: 100;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
}
.homepage__courses__categories__tabs__nav {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    grid-gap: 1.6rem;
}
.homepage__courses__categories__tabs__nav .tab__link{
    text-align: left;
}
.homepage__courses__categories__tabs__nav .tab__link .title{
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    color: #a4abb2;
}
.homepage__courses__categories__tabs__nav .tab__link .title:hover{
    color: #1b1c1d;
}
.homepage__courses__categories__tabs__nav .tab__link.active{
	cursor: initial;
}
.homepage__courses__categories__tabs__nav .tab__link.active .title{
    color: #1b1c1d;
}
.homepage__courses__categories__tabs__nav .tab__link .courses__number{
    font-size: 11px;
    background: #eaf1f4;
    padding: 4px 9px;
    border-radius: 22px;
}
.homepage__courses__tabs__result__container {
    border: 1px solid #e5ebed;
    border-radius: 12px;
    padding: 30px;
    margin-top: 10px;
}
.courses__item {
    display: block;
    border-radius: 8px;
	position: relative;
}
.courses__item .best__selles__item{
    background-color: #eceb98;
    color: #3d3c0a;
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 1;
    font-family: var(--font-heading);
    font-size: 12px;
    padding: 1px 10px;
    border-radius: 0 3px 3px 0;
}
.courses__item .collections__gallery__courses{
	transition: all .3s;
    display: grid;
    grid-auto-rows: 80px;
    gap: 10px;
    grid-template-columns: repeat(2,1fr);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
.courses__item .collections__gallery__courses .courses__gallery__item{
    position: relative;
    transition: all 75ms;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #222;
    background-size: cover;
    background-position: 50%;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
    margin: 0;
    grid-column: span 2;
    grid-row: span 2;
}
.courses__item .author{
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 12px;
    color: #b5babd;
}
.courses__item .review__summary{
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 5px 0;
}
.courses__item .review__summary .rate{
    font-size: 11px;
    color: #b4690e;
    font-family: var(--font-heading);
    font-weight: bold;
}
.courses__item .review__summary .star__rating{
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #e59819;
}
.courses__item .review__summary .number{
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 11px;
    color: #b5babd;
}
.courses__item__popup__container {
    top: 50%;
    transform: translateY(-50%) scale(0.9);
	-webkit-transform: translateY(-50%) scale(0.9);
    position: absolute;
    left: 100%;
    padding: 25px;
    display: flex;
    align-items: center;
    z-index: 2;
	visibility: hidden;
    opacity: 0;
    min-width: 100%;
    transition: all .05s;
}
.courses__item:hover .courses__item__popup__container{
	transform: translateY(-50%) scale(1);
	-webkit-transform: translateY(-50%) scale(1);
	visibility: visible;
    opacity: 1;
	transition: all .1s;
}
.courses__wrapper .courses__grid:last-child .courses__item__popup__container{
	left: auto;
	right: 100%
}
.courses__item__popup {
    -webkit-box-shadow: 0 7px 17px rgb(0 0 0 / 11%);
    box-shadow: 0 7px 17px rgb(0 0 0 / 11%);
    min-width: 350px;
    background: #fff;
    padding: 25px 30px;
    border: 1px solid #eaeeef;
    border-radius: 25px;
	position: relative;
}

.courses__item__popup .triangle {
    width: 50px;
    height: 50px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    left: -50px;
    z-index: 0;
}
.courses__wrapper .courses__grid:last-child .courses__item__popup__container .courses__item__popup .triangle{
	transform: translateY(-50%) rotate(90deg);
	left: auto;
	right: -50px;
}
.courses__item__popup .triangle:after {
	content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    top: 40px;
    left: 15px;
    box-shadow: -1px -1px 10px -2px rgb(0 0 0 / 22%);
}
.courses__item__popup .course__title .update__date{
    margin-top: 5px;
    color: #009688;
}
.courses__item__popup .course__features{
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.courses__item__popup .course__features span{
    font-size: 11px;
    background: #e7ebee;
    color: #222425;
    padding: 3px 11px;
    border-radius: 20px;
}
.courses__item__popup .list{
	margin-top: 20px;
    font-family: var(--font-heading);
}
.courses__item__popup .list li{
	font-size: 12px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.courses__item__popup .list li i{
    font-size: 15px;
    color: #4caf50;
    width: 26px;
    margin-top: 2px;
}
.courses__item__popup .btn__container{
	margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
}
.courses__item__popup .btn__container .btn{
    height: 50px;
    display: flex;
    align-items: center;
}
.courses__item__popup .btn__container .btn{
    height: 50px;
}
.courses__item__popup .btn__container .item__btn__overlay{
    height: 50px;
    width: 50px;
    background: #ecf1f4;
}
.courses__item__popup .btn__container .item__btn__overlay.reactive__btn__icon.active i {
    color: #f44336;
}
.trending__courses__slider .courses__item{
    padding: 0 15px;
}
.trending__courses__slider .slick-arrow{
    top: 50%;
    transform: translateY(-50%);
    background: #161718;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trending__courses__slider .slick-arrow:before{
	font-family: "Material Icons Outlined";
    font-size: 15px;
    font-weight: 100;
    color: #b4c1c7;
}
.trending__courses__slider .slick-arrow:hover::before{
    color: #fff;
}
.trending__courses__slider .slick-arrow.slick-next{
    right: -20px;
}
.trending__courses__slider .slick-arrow.slick-prev{
    left: -20px;
}
.trending__courses__slider .slick-arrow.slick-next:before{
	content: '\e5e1';
}
.trending__courses__slider .slick-arrow.slick-prev:before{
	content: '\e5e0';
}
.skills__box__master {
    display: flex;
    background: #fff;
    border-radius: 10px;
    padding: 22px;
    gap: 15px;
    -webkit-box-shadow: 0 7px 17px rgb(0 0 0 / 11%);
    box-shadow: 0 7px 17px rgb(0 0 0 / 1%);
	margin-bottom: 20px;
}
.skills__box__master .icon{
    margin-top: 8px;
    width: 25px;
    height: 25px;
}
.skills__box__master .skills__categorie{
    font-family: var(--font-heading);
    font-size: 11px;
    display: block;
    margin-bottom: -5px;
    color: #8c9da7;
    font-weight: 600;
}
.skills__box__master .skills__coueses__number{
	font-size: 12px;
    font-family: var(--font-heading);
    background: #eef3f5;
    color: #9aa9b0;
    padding: 3px 8px;
    border-radius: 15px;
    font-weight: 400;
}
.counter-text-box .title {
    font-size: 13px;
    font-family: var(--font-heading);
    background: #fff;
    color: #607078;
    padding: 5px 20px;
    border-radius: 15px;
    font-weight: 400;
    margin-top: 5px;
}
.course__post__page__wrapper {
	
}
.course__post__page__row #course-player {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    min-height: 535px;
}
.course__post__page__row .video-js .vjs-big-play-button {
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    background: #0c0d0d;
    border: 0;
    height: 65px;
    width: 65px;
    border-radius: 100%;
}
.course__post__page__row .video-js :before {
    display: flex;
    align-items: center;
    justify-content: center;
}
.course__post__page__row .course__video {
	padding: 30px 30px 0 15px;
}
.course__post__page__row .course__post__video__side {
    border-right: 1px solid #ebf1f4;
    padding: 0 0 40px 0!important;
}
.course__post__page__row .course__description {
    padding: 20px 35px 0 15px;
    margin-top: 17px;
    position: relative;
}
.course__post__page__row .course__description:after {
    content: '';
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 41%,rgb(169 177 208) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 41%, rgb(169 177 208) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 41%, rgb(169 177 208) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#a9b1d0 ",GradientType=1);
    position: absolute;
    top: 0;
    right: 0;
    height: 0.5px;
    width: 100%;
    opacity: 0.2;
}
.course__post__page__wrapper {
    border-bottom: 1px solid #ebf1f4;
}
.product__detail__actions {
    display: flex;
    align-items: center;
    gap: 25px;
}
.product__detail__actions a {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #5e676b;
    display: flex;
    align-items: center;
    font-weight: 600;
}
.product__detail__actions a:hover {
	color: #151a1d;
}
.product__detail__actions a i{
    font-size: 16px;
    margin-right: 6px;
    color: #a4b7c0;
}
.product__detail__actions a.favorite__btn i{
	color: #f44336;
}
.teacher__bar__course__overview .actions__button{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}
.teacher__bar__course__overview .actions__option {
    font-family: var(--font-heading);
    font-size: 13px;
    color: #5e676b;
    font-weight: 600;
}
.teacher__bar__course__overview{
	margin: 0;
    padding: 20px 25px 0 10px;
}
.course__description__author {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}
.course__description__author .product__author .author__avatar{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
}
.course__description__author .product__author .author__avatar img{
    height: 100%;
}
.course__description__author .product__author .name{
    display: block;
    font-family: var(--font-heading);
    font-weight: bold;
    font-size: 15px;
    line-height: 28px;
}
.course__description__author .product__author .number{
	font-weight: 100;
    font-size: 12px;
    display: block;
    color: #909ca2;
}
.course__description__author .product__author{
	padding: 0;
}
.btn__next__chapter__course {
    border: 2px solid #2196f3;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #2196f3;
}
.btn__next__chapter__course:hover {
    background: #2196f3;
    color: #fff;
}
.btn__previous__chapter__course {
    border: 2px solid #e1ebf1;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #c4d6df;
}
.btn__previous__chapter__course:hover {
    background: #e1ebf1;
    color: #6d7f88;
}
.course__attachment__description__tabs__wrap {
	padding: 15px 35px 15px 15px;
}
.course__attachment__tabs__nav {
    display: flex;
    align-items: center;
    border-radius: 10px;
}
.course__attachment__tabs__nav .tab__link{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border: 2px solid #e4ebef;
    border-left: 0;
}
.course__attachment__tabs__nav .tab__link:hover{
	background: #f4f6f7;
}
.course__attachment__tabs__nav .tab__link:first-child{
	border-radius: 12px 0 0 12px;
	border-left: 2px solid #e4ebef;
}
.course__attachment__tabs__nav .tab__link:last-child{
	border-radius: 0 12px 12px 0;
}
.course__attachment__tabs__nav .tab__link .title{
	font-size: 13px;
    color: #91abb8;
    padding: 0;
}
.course__attachment__tabs__nav .tab__link:hover .title{
    color: #5f7580;
}
.course__attachment__tabs__nav .tab__link.active{
    border: 2px solid #2196f3;
    background: #2196f3;
    border-left: 2px solid #2196f3;
}
.course__attachment__tabs__nav .tab__link.active .title{
    color: #fff;
}
.course__post__files__download__wrapper {
    padding: 25px 15px;
}
.course__post__files__download__wrapper .title{
	text-transform: uppercase;
    color: #b0b7ba;
    font-weight: 400;
}
.course__post__files__download__wrapper .course__post__files__download__items {
    margin-top: 15px;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}
.course__post__files__download__wrapper .course__post__files__download__items .file{
    display: flex;
    align-items: center;
    background: #f6f7f9;
	padding: 6px 10px 6px 6px;
    border-radius: 8px;
    grid-column: span 1;
    grid-row: span 1;
}
.course__post__files__download__wrapper .course__post__files__download__items .file .icon{
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-right: 9px;
	position: relative;
}
.course__post__files__download__wrapper .course__post__files__download__items .file .icon .file__extention{
    width: 22px;
	height: 22px;
}
.course__post__files__download__wrapper .course__post__files__download__items .file .text .name{
    font-family: var(--font-heading);
    font-size: 13px;
    color: #1f2121;
	display: flex;
	align-items: center;
	gap: 2px;
}
.course__post__files__download__wrapper .course__post__files__download__items .file .text .name span:first-child{
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.course__post__files__download__wrapper .course__post__files__download__items .file .text .size{
    display: block;
    font-family: var(--font-heading);
    font-size: 12px;
    color: #b5c1c7;
    font-weight: 500;
}
.course__post__files__download__wrapper.downloaded__disabled .course__post__files__download__items .file{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    opacity: 0.4;
}
.course__post__files__download__wrapper.downloaded__disabled .course__post__files__download__items .file .icon .file__extention{
    display: none
}
.course__post__files__download__wrapper.downloaded__disabled .course__post__files__download__items .file .icon:before{
    font-family: "Material Icons Outlined";
    content: "\e897";
    font-size: 20px;
    font-weight: 100;
    color: #50575c;
}
.course__post__sidebar {
	padding: 33px 15px;
}
.course__post__sidebar .course__chapteurs{
    margin-bottom: 15px;
}
.course__post__sidebar .title.course__title{
    margin-bottom: 5px;
}
.course__post__sidebar .course__sub__title{
    margin-bottom: 15px;
    color: #adb8bd;
}
.course__post__sidebar .course__post__sidebar__chapter{
    border: 1px solid #ebf1f4;
    border-radius: 10px;
    margin-bottom: 25px;
    overflow: hidden;
}
.course__post__sidebar .course__post__sidebar__chapter .course__post__sidebar__chapter__header{
    display: block;
    padding: 15px;
}
.course__post__sidebar .course__post__sidebar__chapter .course__post__sidebar__chapter__header .chapter__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.course__post__sidebar .course__post__sidebar__chapter .course__post__sidebar__chapter__header .chapter__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap{
    padding: 15px;
	border-top: 1px solid #ebf1f4;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    margin-bottom: 5px;
	padding: 11px;
    border-radius: 8px;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter:hover{
    background: #f4f9fc;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter .course__chapter__title{
    display: flex;
    align-items: center;
    width: 100%;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter .course__chapter__inecateur{
	display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    position: relative;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter .course__chapter__inecateur span:nth-child(1){
	display: flex;
    width: 27px;
    height: 27px;
    background: #e4f1fd;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    align-items: center;
    justify-content: center;
	overflow: hidden;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter .course__chapter__inecateur span:nth-child(2){
    display: block;
    width: 30px;
    height: 30px;
    background: #e4f1fd;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter .course__chapter__inecateur span:nth-child(1):after{
    font-family: "Material Icons Outlined";
    content: "\e1c4";
    font-size: 20px;
    color: #389fff;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter__title .title {
    font-size: 13px;
    color: #2e3538;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__time {
    font-size: 12px;
    color: #2e3538;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter.done .course__chapter__title .title {
    opacity: 0.4;
    font-weight: 400;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter.done .course__chapter__inecateur span:nth-child(1){
    background: #60cb8e;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter.done .course__chapter__inecateur span:nth-child(2){
    background: #60cb8e;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter.done .course__chapter__inecateur span:nth-child(1):after{
    content: "\e876";
    color: #fff;
    font-size: 13px;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter.play__now .course__chapter__title .title {
    color: #389fff;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter.play__now .course__chapter__inecateur span:nth-child(1){
    width: 26px;
    height: 26px;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter.play__now .course__chapter__inecateur span:nth-child(2){
    background: transparent;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter.play__now .course__chapter__inecateur span:nth-child(1):after{
    content: "\e034";
    font-size: 15px;
}
.course__post__sidebar .course__post__sidebar__chapter .course__chapters__wrap .course__chapter.play__now{
    background: #f4f9fc;
}
.course__play__progress__percent {
  stroke-dasharray: 100;
  stroke-dashoffset: calc(100 - var(--val));
}
.course__post__sidebar__chapter__options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}
.course__post__sidebar__chapter__options .options{
    display: flex;
    align-items: center;
    gap: 6px;
}
.course__post__sidebar__chapter__options .course__post__sidebar__chapter__options__item{
    background: #def7eb;
    color: #3ec075;
    font-size: 11px;
    padding: 5px 9px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 500;
}
.course__post__sidebar__chapter__options .course__post__sidebar__chapter__options__item.premuim{
    background: #e4f1fd;
    color: #389fff;
}
.course__post__sidebar__chapter__options .add__to__cart a{
    background: #60cb8e;
    color: #fff;
    font-size: 14px;
    padding: 2px 9px 2px 38px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 500;
    font-family: var(--font-heading);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;	
}
.course__post__sidebar__chapter__options .add__to__cart a i{
    position: absolute;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    background: #5ac387;
}
.course__post__sidebar .course__post__sidebar__chapter.locked .course__chapters__wrap{
    position: relative;
}
.course__post__sidebar .course__post__sidebar__chapter.locked .course__chapters__wrap:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 2;
    opacity: 0.9;
}
.course__post__sidebar .course__post__sidebar__chapter.locked .course__chapters__wrap .unlock__chapteur{
    z-index: 2;
    content: "\e897";
    font-weight: 100;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 25px;
}
.course__post__sidebar .course__post__sidebar__chapter.locked .course__chapters__wrap .unlock__chapteur i{
    text-align: center;
    font-size: 25px;
    background: #27292a;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #fff;
    margin: 0 auto 0;
    border-radius: 100%;
}
.course__post__sidebar .course__post__sidebar__chapter.locked .course__chapters__wrap .unlock__chapteur span{
	font-family: var(--font-heading);
    font-weight: 600;
    font-size: 13px;
    color: #282a2b;
    text-transform: uppercase;
}
.course__post__sidebar__chapter__options__item.intermediate {
    background: #fef8ef;
    color: #ffd188;
}
.get__all__course__chapteurs {
	border-radius: 8px;
    background-color: #60cb8e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--font-heading);
    margin-bottom: 20px;
    position: relative;
    padding-right: 55px;
}
.get__all__course__chapteurs:hover {
    background-color: #5ac789;
}
.get__all__course__chapteurs .course__chapteurs__btn{
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 13px;
    color: #fff;
    justify-content: space-between;
}
.get__all__course__chapteurs .course__chapteurs__btn .price{
    display: block;
    text-align: center;
}
.get__all__course__chapteurs .course__chapteurs__btn .price s{
    display: block;
    font-weight: 100;
    margin-bottom: -5px;
    font-size: 12px;
}
.get__all__course__chapteurs .course__chapteurs__btn .price small{
	font-size: 22px;
    display: block;
}
.get__all__course__chapteurs .actions{
    height: 100%;
    position: absolute;
    right: 0;
    width: 50px;
}
.get__all__course__chapteurs .actions .actions__button{
	height: 100%;
    background: #56bf83;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    border-radius: 0 8px 8px 0;
}
.get__all__course__chapteurs .actions .actions__button .icon {
    color: #fff;
}
.get__all__course__chapteurs .actions .actions__option .price{
    margin-left: auto;
    font-size: 12px;
    font-weight: 300;
    color: #becbd1;
}
.get__all__course__chapteurs .actions .actions__body {
    width: 330px;
    top: calc(100% + -5px);
}
.actions__option {
    gap: 5px;
}
.course__post__sidebar .good__spects__sidebar {
    padding: 0 5px;
    margin-bottom: 20px;
    margin-top: 0;
}
.course__post__sidebar .good__spects__sidebar ul li {
    font-weight: 500;
    font-size: 13px;
}
.course__post__sidebar .item__reviewers__comments {
    padding: 5px 5px 0;
}
.course__post__sidebar .item__reviewers__comments .the__reviewers,
.course__post__sidebar .item__reviewers__comments .the__comments {
    padding: 5px 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    font-size: 13px;
    justify-content: space-between;
    font-family: var(--font-heading);
}
.course__main__description__chapter {
    padding: 25px 0;
}
.course__main__description__chapter .course__main__description__chapter__title{
    text-transform: uppercase;
    color: #b0b7ba;
    font-weight: 400;
    margin-bottom: 25px;
}
.course__main__description__chapter .course__main__description__chapter__title span{
    display: flex;
    text-transform: none;
    gap: 11px;
    margin-top: 6px;
}
.course__main__description__chapter .course__main__description__chapter__title span small{
    background: #e8f0f4;
    display: block;
    font-size: 11px;
    border-radius: 8px;
    padding: 1px 7px;
    color: #778992;
    font-weight: bold;
}
.course__main__description__chapter__wrapper {
    border: 1px solid #e4ebef;
    border-radius: 10px;
    overflow: hidden;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button{
    display: flex;
    width: 100%;
    align-items: center;
    font-family: var(--font-heading);
    font-weight: bold;
    font-size: 13px;
    padding: 15px 25px 15px 40px;
    border-top: 1px solid #e4ebef;
    background: #f7f9fa;
    position: relative;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button:after{
    font-family: "Material Icons Outlined";
    content: "\e5cf";
    font-size: 17px;
    position: absolute;
    left: 16px;
    font-weight: bold;
    transition: all 0.2s;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button:not(.collapsed):after{
	transform: rotate(180deg);
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button span.type{
	margin-left: 10px;
    background: #202121;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button span.time{
	display: flex;
	margin-left: auto;
    text-transform: none;
    gap: 10px;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button span.time small{
    background: #e8f0f4;
    display: block;
    font-size: 11px;
    border-radius: 8px;
    padding: 1px 7px;
    color: #778992;
    font-weight: bold;
}
.course__main__description__chapter__body {
	padding: 15px 0;
    position: relative;
}
.course__main__description__chapter__body.locked:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1;
    opacity: 0.7;
}
.course__main__description__chapter__body.locked .unlock__chapteur {
    z-index: 2;
    content: "\e897";
    font-weight: 100;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 25px;
}
.course__main__description__chapter__body.locked .unlock__chapteur i {
    text-align: center;
    font-size: 25px;
    background: #27292a;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 0 auto 0;
    border-radius: 100%;
}
.course__main__description__chapter__body.locked .unlock__chapteur span {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 13px;
    color: #282a2b;
    text-transform: uppercase;
}
.course__main__description__chapter__body li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 12px;
    padding: 7px 25px;
    font-family: var(--font-heading);
}
.course__main__description__chapter__body li:hover{
	background: #f6f9fa;
}
.course__main__description__chapter__body li .course__main__chapter__title{
    color: #596065;
    position: relative;
    display: flex;
    align-items: center;
}
.course__main__description__chapter__body li .course__main__chapter__title:before{
    font-family: "Material Icons Outlined";
    content: "\e1c4";
    font-size: 20px;
    color: #389fff;
    margin-right: 10px;
}
.course__main__description__chapter__body li.file .course__main__chapter__title:before{
    content: "\e226";
    color: #00bcd4;
}
.course__main__description__chapter__body li.quiz .course__main__chapter__title:before{
    content: "\ea3f";
    color: #ffc107;
    font-size: 18px;
}
.course__main__description__chapter__body li .course__main__chapter__title span.type{
    background: #def7eb;
    color: #3ec075;
    font-size: 11px;
    padding: 1px 9px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 600;
    margin-left: 10px;
}
.course__main__description__chapter__body li .course__main__chapter__title span.level{
    background: #def7eb;
    color: #3ec075;
    font-size: 11px;
    padding: 1px 9px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 600;
    margin-left: 10px;
}
.course__main__description__chapter__body li.premuim .course__main__chapter__title span.type{
    background: #e4f1fd;
    color: #389fff;
}
.course__main__description__chapter__body li .course__main__chapter__time{
    font-size: 12px;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__header:first-of-type .course__main__description__chapter__collapse__button{
    border-top: 0;
}
.main__course__post__quizzes__wrapper {
	padding: 25px 0;
}
.main__course__post__quizzes__wrapper .title{
    text-transform: uppercase;
    color: #b0b7ba;
    font-weight: 400;
    margin-bottom: 25px;
}
.main__course__post__quizzes li {
    display: flex;
    width: 100%;
    align-items: center;
    font-family: var(--font-heading);
    font-weight: bold;
    font-size: 13px;
    padding: 15px 25px 15px 20px;
    background: #f7f9fa;
    position: relative;
    border-radius: 9px;
    margin-bottom: 5px;
}
.main__course__post__quizzes li .quizzes__title{
	font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    display: block;
    margin-bottom: 6px;
}
.main__course__post__quizzes li .quizzes__title small{
	font-weight: 300;
    font-size: 12px;
    color: #b2c0c7;
}
.main__course__post__quizzes li .option{
	background: #def7eb;
    color: #3ec075;
    font-size: 11px;
    padding: 5px 9px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 500;
    margin-right: 5px;
}
.main__course__post__quizzes li .option.premuim{
    background: #e4f1fd;
    color: #389fff;
}
.main__course__post__quizzes li .option.intermediate{
    background: #fef8ef;
    color: #ffd188;
}
.main__course__post__quizzes li .start__quiz{
    border-radius: 8px;
    background-color: #60cb8e;
    color: #fff;
    padding: 4px 10px;
    text-transform: uppercase;
    margin-left: auto;
    font-size: 11px;
    font-weight: 500;
}
.main__course__post__quizzes li .start__quiz.locked{
    background: #333333;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
}
.main__course__post__quizzes li .quiz__completed{
    border-radius: 8px;
    background-color: #dde4e7;
    color: #9eaeb6;
    padding: 4px 10px;
    text-transform: uppercase;
    margin-left: auto;
    font-size: 11px;
    font-weight: 500;
}
.course__item__comments__tab__box,.course__item__reviewers__tab__box {
	padding: 25px 0;
}
.course__item__reviewers__tab__box .title,
.course__item__comments__tab__box .title{
    text-transform: uppercase;
    color: #b0b7ba;
    font-weight: 400;
	margin-bottom: 15px;
}
.inner__page .homepage__courses__categories__tabs__nav {
	border-bottom: 1px solid #e7edef;
    grid-gap: 0.6rem;
}
.inner__page .homepage__courses__categories__tabs__nav .tab__link {
    text-align: center;
    height: 45px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    position: relative;
}
.inner__page .homepage__courses__categories__tabs__nav .tab__link.active:after{
    content: '';
    position: absolute;
    height: 2px;
    background: #202223;
    bottom: -1px;
    left: 0;
    width: 100%;
}
.inner__page .homepage__courses__tabs__result__container{
    border: 0;
    padding: 10px 0;
}
.course__articles__shop__page .courses__item .collections__gallery__courses {
    width: 360px;
    grid-auto-rows: 90px;
}
.course__articles__shop__page .courses__item .courses__item__link {
    display: flex;
    gap: 20px;
    justify-content: start;
}
.course__articles__shop__page .courses__item .courses__item__link .courses__item__informations{
    display: flex;
}
@media only screen and (min-width: 1300px) {
.course__articles__shop__page .courses__item .courses__item__link .courses__item__informations .courses__item__text{
    padding-right: 70px;
}
}
@media screen and (min-width: 991px) and (max-width: 1250px) {
.course__articles__shop__page .courses__item .courses__item__link .courses__item__informations .courses__item__text h6.coodiv-text-12{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
.full__producs__shop__articles.course__articles__shop__page .courses__item .courses__item__link .course__content {
    display: none !important;
}
}
@media only screen and (max-width: 1073px) {
.course__articles__shop__page .courses__item .courses__item__link .courses__item__informations .courses__item__text{
    padding-right: 70px;
}
.course__articles__shop__page .courses__item .collections__gallery__courses {
    padding: 0 !important;
    border-radius: 10px 10px 0 0 !important;
}
.course__articles__shop__page .courses__item .courses__item__price {
	position: absolute;
    top: 0;
    padding: 13px 20px;
    background: -moz-linear-gradient(0deg, rgba(255,255,255, 0%) 0%, rgba(17,17,17,0.35647762522977944) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, rgba(17,17,17,0.35647762522977944) 50%, rgba(0,0,0,1) 100%);
    background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, rgba(17,17,17,0.35647762522977944) 50%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="#000000",GradientType=1);
	border-radius: 10px 10px 0 0;
    left: 0;
    right: 0;
}
.course__articles__shop__page .courses__item .courses__item__price s.price{
	color: rgb(255 255 255 / 50%);
}
.course__articles__shop__page .courses__item .courses__item__price .price:not(.sub-color){
    margin-top: -8px;
    color: #fff;
}

.course__articles__shop__page .courses__item .courses__item__link {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.course__articles__shop__page .courses__item .courses__item__link .courses__item__informations {
    padding-bottom: 30px;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
	padding-left: 15px !important;
}
.course__articles__shop__page .courses__item .collections__gallery__courses {
    width: 100%;
}
}
.course__articles__shop__page .courses__item .courses__item__link .courses__item__informations .courses__item__price{
    padding: 0 10px;
    text-align: right;
}
.course__articles__shop__page .courses__item .courses__item__link .courses__item__informations .courses__item__price s.price{
	color: #b8b8b8;
}
.full__producs__shop__page__body__container .full__producs__shop__articles.course__articles__shop__page {
    overflow: initial;
}
.full__producs__shop__articles.course__articles__shop__page .courses__item__popup__container {
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(-94%) scale(1);
    -webkit-transform: translateY(-94%) scale(1);
    z-index: 4;
    margin: auto;
    justify-content: center;
    min-width: initial;
    width: 450px;
}
.full__producs__shop__articles.course__articles__shop__page .courses__item__popup__container .courses__item__popup {
    max-width: 420px;
}
.full__producs__shop__articles.course__articles__shop__page .courses__item__popup__container .courses__item__popup .triangle {
    top: auto;
    bottom: -50px;
    transform: translateY(0) rotate(180deg);
    left: 0;
    right: 0;
    margin: auto;
}
.full__producs__shop__articles.course__articles__shop__page .courses__item__popup__container .courses__item__popup .triangle:after {
    transform: rotate(-45deg);
}
.full__producs__shop__articles.course__articles__shop__page .courses__item .courses__item__link .course__content {
    display: flex;
    text-transform: none;
    gap: 11px;
    margin-top: 9px;
    font-family: var(--font-heading);
}
.full__producs__shop__articles.course__articles__shop__page .courses__item .courses__item__link .course__content span{
    background: #e8f0f4;
    display: flex;
    font-size: 11px;
    border-radius: 8px;
    padding: 1px 7px;
    color: #778992;
    font-weight: bold;
    align-items: center;
}
.course__articles__shop__page .courses__item{
    margin-bottom: 25px;
}
.blog__pagination .pagination__inner__pages {
    height: 50px;
    display: flex;
    align-items: center;
    gap: 17px;
    margin: 0 22px;
    font-family: var(--font-heading);
    font-weight: bold;
    font-size: 13px;
}
.blog__pagination .pagination__inner__pages a{
    color: #c2c4c5;
    padding: 5px 4px;
    border-bottom: 3px solid transparent;
}
.blog__pagination .pagination__inner__pages a:hover{
    color: #3f51b5;
}
.blog__pagination .pagination__inner__pages a.active{
    border-bottom: 3px solid #3f51b5;
    color: #3f51b5;
}
.blog__pagination .pagination__inner__pages .more__pages{
    display: flex;
    align-items: center;
    gap: 14px;
}
.course__progress__bar .progress {
    height: 5px;
    background: #e3fcff;
    margin-bottom: 20px;
}
.course__progress__bar .progress .progress-bar{
    background-color: #00bcd4;
}
.courses__customer__page__overview .courses__item .collections__gallery__courses {
    grid-auto-rows: 110px;
}
.coodiv__card__box.no__shadow__box {
    box-shadow: none;
    border: 1px solid #f0f4f5;
}
.my__courses__nav {
	
}
.my__courses__nav a {
	padding: 13px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #9daeb6;
    border-bottom: 3px solid transparent;
}
.my__courses__nav a:hover {
    color: #333537;
}
.my__courses__nav a.active {
    color: #333537;
    border-color: #03a9f4;
}
.course__articles__shop__page.dashboard__articles .courses__item .courses__item__link .courses__item__informations .courses__item__text {
    padding-right: 0;
}
.course__articles__shop__page.dashboard__articles .courses__item .course__informations {
	padding: 15px 0;
}
.course__articles__shop__page.dashboard__articles .courses__item .course__informations .author{
	display: flex;
    align-items: center;
    font-weight: 400;
    color: #5c686e;
}
.course__articles__shop__page.dashboard__articles .courses__item .course__informations .author .author__pic{
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-right: 7px;
}
.course__articles__shop__page.dashboard__articles .courses__item .course__informations .course__information__item{
	display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    color: #5c686e;
    font-size: 13px;
}
.course__articles__shop__page.dashboard__articles .courses__item .course__informations .course__information__item i{
    font-size: 18px;
    color: #adb7bc;
    font-weight: 100;
}
.course__articles__shop__page.dashboard__articles .courses__item .courses__item__link{
	background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 7px 17px rgb(0 0 0 / 1%);
    box-shadow: 0 7px 17px rgb(0 0 0 / 1%);
	gap: 0 !important;
}
.course__articles__shop__page.dashboard__articles .courses__item .courses__item__link .courses__item__informations {
    padding: 25px 20px 20px 10px;
    width: 100%;
    display: block;
}
.course__articles__shop__page .courses__item .collections__gallery__courses{
    border-radius: 10px 0 0 10px;
}
.supper__jumbo_text_header__pic {
    width: 160px;
    height: 160px;
    border-radius: 100%;
}
.green__geadient__hero__area {
	background: #e7fbf1;
    border-color: #e7fbf1;
    background: rgb(255,254,208);
    background: -moz-linear-gradient(171deg, rgb(235 255 208) 0%, rgba(232,255,243,1) 41%, rgba(231,251,241,1) 100%);
    background: -webkit-linear-gradient(171deg, rgb(235 255 208) 0%, rgba(232,255,243,1) 41%, rgba(231,251,241,1) 100%);
	background: linear-gradient(171deg, rgb(235 255 208) 0%, rgba(232,255,243,1) 41%, rgba(231,251,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffed0",endColorstr="#e7fbf1",GradientType=1);
}
.green__geadient__hero__area .header__main__search__form.advenced__search__form .search__form__with__select {
    border: 0;
}
.blog__main__header.blackesh__green__nav{
	background: #113b3e !important
}
.blog__main__header.blackesh__green__nav .blog__main__header__nav .nav-link {
    color: #fff;
    font-weight: 200;
}
.blog__main__header.blackesh__green__nav .blog__main__header__nav .dropdown-menu .dropdown-item {
    font-weight: 300;
}
.blog__main__header.blackesh__green__nav .blog__main__header__nav .nav-link:hover {
	color: #ede1cf;
}
.blog__main__header.blackesh__green__nav .blog__main__header__nav .nav-link.active {
    color: #f4e6d3;
}
.blog__main__header.blackesh__green__nav .social__links__container a{
    opacity: 1;
}
.themes__marketplace__hero__icons{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    max-width: calc(var(--row-width) + var(--gap)*2);
    z-index: 0;
}
.themes__marketplace__hero__icons .icon{
    display: flex;
    position: absolute;
    left: -70%;
    width: 70px;
    height: 70px;
    background: #d4f4e4;
    justify-content: center;
    align-items: center;
    border-radius: 23px;
    right: 0;
    margin: auto;
    z-index: 0;
    top: 15%;
}
.themes__marketplace__hero__icons .icon:nth-child(1){
    left: -70%;
    top: 15%;
}
.themes__marketplace__hero__icons .icon:nth-child(2){
	left: -60%;
    top: 46%;
}
.themes__marketplace__hero__icons .icon:nth-child(3){
    left: -88%;
    top: 35%;
}
.themes__marketplace__hero__icons .icon:nth-child(4){
    left: -75%;
    top: 65%;
}
.themes__marketplace__hero__icons .icon:nth-child(5){
	left: 0;
    right: -70%;
    top: 15%;
}
.themes__marketplace__hero__icons .icon:nth-child(6){
	left: 0;
	right: -60%;
    top: 46%;
}
.themes__marketplace__hero__icons .icon:nth-child(7){
	left: 0;
    right: -88%;
    top: 35%;
}
.themes__marketplace__hero__icons .icon:nth-child(8){
	left: 0;
    right: -75%;
    top: 65%;
}
.themes__marketplace__hero__icons .icon:nth-child(9){
    right: 0;
    left: -14%;
    top: 12%;
}
.themes__marketplace__hero__icons .icon:nth-child(10){
	left: 0;
    right: -10%;
    top: 8%;
}
.themes__marketplace__hero__icons .icon svg{
    max-width: 33px;
    max-height: 32px;
}
.themes__marketplace__hero__icons .icon.html-icon{
    background: #feebe3;
}
.themes__marketplace__hero__icons .icon.vuejs-icon{
    background: #ccfee6;
}
.themes__marketplace__hero__icons .icon.wordpress-icon{
    background: #e1ecef;
}
.themes__marketplace__hero__icons .icon.sketch-icon{
    background: #f9f4e8;
}
.themes__marketplace__hero__icons .icon.laravel-icon{
    background: #ffedec;
}
.themes__marketplace__hero__icons .icon.figma-icon{
    background: #f3edfb;
}
.themes__marketplace__hero__icons .icon.ai-icon{
    background: #fff4e2;
}
.themes__marketplace__hero__icons .icon.angular-icon{
    background: #ffe4e5;
}
.themes__marketplace__hero__icons .icon.shopify-icon{
    background: #e6f7c4;
}
.themes__marketplace__hero__icons .icon.woocommerce-icon{
    background: #f7ebf5;
}
body.min__header {
	padding-top: 65px;
}
body.min__header .header:not(.top-header-fixed) {
    height: 70px;
}
body.min__header .header.top-header-fixed {
    height: 65px;
}
.homepage__themes__caterogries .title{
	color: #2c3133;
}
.homepage__themes__caterogries .title:hover{
	color: #2c3133;
	text-decoration: underline;
}
.homepage__themes__caterogries .homepage__themes__caterogries__links{
	gap: 5px;
}
.homepage__themes__caterogries .homepage__themes__caterogries__links a{
    background: #e5ecef;
    padding: 3px 15px;
    font-weight: 400;
    font-size: 11px;
    border-radius: 15px;
    color: #818c8c;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.homepage__themes__caterogries .homepage__themes__caterogries__links a:hover{
    color: #191b1b;
}
.homepage__themes__caterogries .homepage__themes__caterogries__thumb__wrap{
    transform: translateY(20px);
    transition: all 0.2s;
}
.homepage__themes__caterogries:hover .homepage__themes__caterogries__thumb__wrap{
    transform: translateY(0);
}
.homepage__themes__caterogries .homepage__themes__caterogries__thumb__wrap .homepage__themes__caterogries__thumb{
    max-width: 90%;
    width: 100%;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 20.83px 22.92px rgb(0 0 0 / 15%);
    height: auto;
    transition: border-color .2s;
    border: 4px solid #fff;
    border-bottom: 0;
}
.homepage__themes__caterogries .homepage__themes__caterogries__thumb__wrap .icon{
    display: flex;
    position: absolute;
    width: 60px;
    height: 60px;
    background: #ffffff;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    z-index: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: -30px;
    border: 6px solid #fff;
}
.homepage__themes__caterogries .homepage__themes__caterogries__thumb__wrap .icon svg{
    max-width: 33px;
    max-height: 32px;
}
.homepage__themes__caterogries .homepage__themes__caterogries__thumb__wrap .icon.wordpress-icon{
    background: #e6f9ff;
}
.homepage__themes__caterogries .homepage__themes__caterogries__thumb__wrap .icon.html-icon{
    background: #feebe3;
}
.homepage__themes__caterogries .homepage__themes__caterogries__thumb__wrap .icon.laravel-icon{
    background: #ffedec;
}


.theme__preview__box__wrapper {
    align-items: flex-start;
    align-items: stretch;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
}
.theme__preview__box__wrapper:not(.full__width__box) .theme__preview__box__container{
    flex-basis: 100%;
    flex-basis: 31.8734793187%;
    margin-right: 2.1897810219%;
    margin-top: 2.1897810219%;
    min-width: 0;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container{
    flex-basis: 100%;
    margin-top: 2.1897810219%;
}
.theme__preview__box__wrapper .theme__preview__box__container:nth-child(-n+1) {
    margin-top: 0;
}
.theme__preview__box__wrapper:not(.four__column__width__box,.full__width__box) .theme__preview__box__container:nth-child(3n) {
    margin-right: 0;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 8px rgb(0 0 0 / 7%);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    text-align: left;
    transition: translate .18s,box-shadow .18s;
}
.theme__preview__box__wrapper.box__no__shadow .theme__preview__box__container .theme__preview__box {
    box-shadow: none !important;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__box__full__link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	z-index: 1;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__image__wrapper {
    background-color: #f2f2f3;
    border-radius: 10px 10px 0 0;
    display: block;
    height: auto;
    max-width: 100%;
    position: relative;
    width: 100%;
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    overflow: hidden;
    position: relative;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__image__wrapper {
	display: block;
    width: 100%;
    height: auto;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__image__wrapper .theme__preview__image{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__image__wrapper .theme__preview__image:before{
    background: -moz-linear-gradient(180deg, transparent 0%, rgba(17,17,17,0.35647762522977944) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, transparent 0%, rgba(17,17,17,0.35647762522977944) 50%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, transparent 0%, rgba(17,17,17,0.35647762522977944) 50%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="#000000",GradientType=1);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .2s;
    z-index: 1;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box:hover .theme__preview__image__wrapper .theme__preview__image:before{
	opacity: 0.2;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__image__wrapper .theme__preview__image img.img{
    width: 100%;
	-o-object-fit: cover;
    object-fit: cover;
    transition: all 0.6s;
	transform: scale(1) rotate(0);
	object-position: center;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box:hover .theme__preview__image__wrapper .theme__preview__image img.img{
    transform: scale(1.02) rotate(1deg);
}
.theme__preview__box__wrapper:not(.full__width__box) .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__image__options{
    position: absolute;
    top: -60px;
    right: 20px;
    display: flex;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .2s;
    overflow: hidden;
    z-index: 2;
}
.theme__preview__box__wrapper:not(.full__width__box) .theme__preview__box__container .theme__preview__box:hover .theme__preview__informations__wrapper .theme__preview__image__options{
	visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__image__options{
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    z-index: 2;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__image__options .item__btn__overlay{
	z-index: 2;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__image__options .item__btn__overlay{
    background: #eef7fb;
    width: 35px;
    height: 35px;
    font-size: 18px;
    margin-left: 5px;
}
@media (min-width: 991px){
.theme__preview__box__wrapper:not(.four__column__width__box,.full__width__box) .theme__preview__box__container:nth-child(-n+3) {
    margin-top: 0;
}
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper{
	padding: 20px;
    position: relative;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__header .author__categories a{
    position: relative;
    z-index: 2;
    color: var(--color-h-sub);
    font-weight: 600;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__header .author__categories a:hover{
    text-decoration: underline;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__header .theme__title{
    position: relative;
    z-index: 2;
    color: var(--color-h);
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__header .theme__title:hover{
    text-decoration: underline;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .theme__preview__informations__body__right__side{
    padding-left: 0;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .theme__preview__add__to__cart{
    margin: 0;
    height: 50px;
    width: 50px;
    background: #ecf1f4;
	z-index: 2;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .theme__preview__add__to__cart.active{
    background: #60cb8e;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .theme__preview__add__to__cart.active i:nth-child(2) {
    color: #fff;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .theme__preview__add__to__cart i:nth-child(1) {
    font-size: 18px;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .theme__preview__live__preview{
    height: 50px;
    font-size: 13px;
	z-index: 2;
	min-width: auto;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .btn__container {
    display: flex;
    gap: 7px;
}
.default__review__summary__box {
    display: flex;
    align-items: center;
    gap: 5px;
}
.default__review__summary__box .rate {
    font-size: 11px;
    color: #b4690e;
    font-family: var(--font-heading);
    font-weight: bold;
}
.default__review__summary__box .star__rating {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #f9bf00;
}
.default__review__summary__box .number {
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 11px;
    color: #b5babd;
}
@media (max-width: 1066px){ 
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body {
	-webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    align-items: baseline;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .btn__container {
    margin-top: 20px;
}
.theme__preview__box__wrapper .theme__preview__box__container {
    flex-basis: 48.8734793187%;
}
}
@media (max-width: 630px){ 
.theme__preview__box__wrapper .theme__preview__box__container {
    flex-basis: 100%;
    margin-right: 0;
}
.illustrations__hero__bg__pattern {
	display: none !important;
}
}
.default__last__page__nav .nav-link {
    padding: 13px 20px;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-heading);
    color: #9daeb6;
	cursor: pointer;
    border-bottom: 3px solid transparent;
}
.default__last__page__nav .nav-link.active {
    color: #333537;
    border-color: #03a9f4;
}
.default__last__page__nav .nav-link:hover {
    color: #333537;
}
@media only screen and (min-width: 768px) {
.theme__preview__box__wrapper.four__column__width__box .theme__preview__box__container {
	flex-basis: 23.8734793187%;
    margin-right: 1.50202757507%;
}
}
.theme__preview__box__wrapper.four__column__width__box .theme__preview__box__container .theme__preview__box .theme__preview__image__wrapper {
    height: auto;
}
.theme__preview__box__wrapper.four__column__width__box .theme__preview__box__container .theme__preview__box .theme__preview__image__wrapper .theme__preview__image img.img {
}
.theme__preview__box__wrapper.four__column__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body {
    align-items: center;
}
@media (min-width: 768px){
.theme__preview__box__wrapper.four__column__width__box .theme__preview__box__container:nth-child(-n+4) {
    margin-top: 0;
}
}
.theme__preview__box__wrapper.four__column__width__box .theme__preview__box__container:nth-child(4n) {
    margin-right: 0;
}
.theme__preview__box__wrapper.four__column__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .theme__preview__add__to__cart {
    height: 40px;
    width: 40px;
}
.theme__preview__box__wrapper.four__column__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .theme__preview__live__preview {
    height: 40px;
}
.main__content__review__score__item .company__logo{
    max-height: 35px;
}
.main__content__review__score__item.trustpilot {
    background-color: #1f345a;
}
.main__content__review__score__item.sitejabber {
    background-color: #085d65;
}
.main__content__review__score__item.google {
    background-color: #eef5f9;
}
.main__content__review__score__item .score__stars{
    display: flex;
    align-items: center;
    gap: 5px;
}
.main__content__review__score__item .score__stars i{
    height: 25px;
    width: 25px;
    background: #00b67a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
}
.main__content__review__score__item.sitejabber .score__stars i{
    background: #ef6a23;
    border-radius: 16px;
}
.main__content__review__score__item.google .score__stars{
    gap: 0;
}
.main__content__review__score__item.google .score__stars i{
    background: transparent;
    border-radius: 16px;
    color: #f9bf00;
    height: 20px;
    width: 20px;
}
.subscription__block__form{
    box-shadow: 0 7px 14px rgb(162 166 209 / 40%);
    display: flex;
    position: relative;
    margin: 30px 0 10px;
}
.subscription__block__form input{
    font-family: var(--font-heading);
    font-weight: 300;
    height: 50px;
    border: 0;
    border-radius: 8px 0 0 8px;
}
.subscription__block__form button{
    height: 50px;
    border-radius: 0 8px 8px 0;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box {
    flex-direction: inherit;
    padding: 15px;
	border-radius: 10px;
	-webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.2s;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box:hover {
    box-shadow: 0 1px 8px rgb(0 0 0 / 14%);
	-webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__image__wrapper {
    width: 37%;
    max-width: 350px;
    min-width: 200px;
    border-radius: 10px;
    height: fit-content;
	height: intrinsic;          
	height: -moz-fit-content;
	height: -webkit-fit-content;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__header .theme__preview__informations__keywords {
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 13px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    gap: 4px;
    margin-top: 15px;
    list-style: disc;
    padding-left: 16px;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    justify-content: space-between;
	padding-right: 0;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    text-align: center;
    margin-top: 0;
    border-left: 1px solid #e7eef1;
    min-width: 35%;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .default__review__summary__box {
    justify-content: center;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .theme__preview__informations__body__right__side {
    padding-right: 0;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    justify-content: center;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .btn__container {
    padding-left: 15px;
    width: 100%;
}
.item__main__features__description__page {
    gap: 16px;
    flex-wrap: wrap;
}
.item__main__features__description__page .item.updated,
.item__main__features__description__page .item.documented{
    background: #1ab744;
    border-radius: 23px;
    color: #fff;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    padding: 5px 15px 5px 10px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
}
.item__main__features__description__page .item.support{
	border-radius: 23px;
    background-color: #dafaf7;
    color: #292b2c;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    padding: 5px 15px 5px 10px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
}
.item__main__features__description__page .item.sales{
    font-weight: 300;
    font-size: 14px;
    color: #b5babd;
    display: flex;
    align-items: center;
    gap: 5px;
}
.item__main__features__description__page .default__review__summary__box .star__rating {
    font-size: 17px;
}
.item__preview__wrapper .product__details{

}
.item__preview__wrapper .product__details .product__overview {
    border: 1px solid #f3f3f4;
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
}
.item__preview__wrapper .product__details .product__overview .product__gallery{
    margin-top: 0;
}
.item__preview__wrapper .product__details .product__overview .item__details__section{
    padding: 30px;
}
.item__preview__wrapper .product__details .product__preview img {
    width: 100%;
    border-radius: 0;
}
.item__preview__wrapper .good__purchase__sidebar {
    margin-top: 0;
}
.license__options__fieldset {
	display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
	gap: 15px;
}
.item__additional__options__checkbox {
	display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
	gap: 12px;
}
.license__options__item .radio__inner .license__options__sub__title {
    display: none;
}
.license__options__item .radio__input:checked+.radio__inner .license__options__sub__title {
    display: block;
}
.good__media__widget__title {
	position: relative;
}
.good__media__widget__title .the__title {
    display: inline-flex;
    padding: 0 10px 0 0;
    background: #fff;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    align-items: center;
    color: #b6bdc1;
}
.good__media__widget__title:before {
    content: '';
    position: absolute;
    height: 0.5px;
    width: 100%;
    background: #e3e8ea;
    top: 50%;
    transform: translateY(-50%);
}
.item__additional__options__description .main__title .tooltip {
    line-height: initial;
    height: 15px;
    width: 15px;
    display: flex;
    align-items: center;
    margin-left: 5px;
    top: 0;
    font-size: 16px;
}
.item__additional__options__description .main__title .tooltip i{
    color: #9A9FA5;
}
.item__additional__options__checkbox .checkbox .addition__title {
    color: var(--color-h-sub);
}
.item__additional__options__checkbox .checkbox .checkbox__input:checked+.checkbox__inner .addition__title {
    color: var(--color-h);
}
.item__with__subscription__ordering .submit__btn,
.item__with__subscription__ordering .ordering__devider{
    height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.item__with__subscription__ordering .ordering__subscription__title{
    background: #e5f4fd;
    border-radius: 7px 7px 0 0;
    font-size: 13px;
    position: relative;
    text-align: center;
    z-index: 1;
    height: 58px;
    display: flex;
    align-items: center;
    padding: 0 13px 8px;
	justify-content: center;
}
.item__with__subscription__ordering__banner {
    background: #e5f4fd;
    padding: 20px;
    border-radius: 8px 0 8px 8px;
}
.item__preview__wrapper .sidebar__item__author__informations {
    border: 1px solid #f3f3f4;
    background: #fff;
	margin-top: 15px;
}
.item__preview__wrapper .good__spects__sidebar {
    border: 1px solid #f3f3f4;
    background: #fff;
    border-radius: 15px;
}
.item__preview__wrapper .item__reviewers__box {
    border: 1px solid #f3f3f4;
    border-radius: 15px;
}
.item__preview__wrapper .item__reviewers_text__group__box .item__reviewers_text__item {
	border: 1px solid #f3f3f4;
    border-radius: 15px;
    background: #fff;
}
.item__preview__wrapper .comments__tab__box {
	border: 1px solid #f3f3f4;
    background: #fff;
    border-radius: 15px;
    padding: 30px;
}
.main__page__signin__wrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.sign__in__page__header .select{
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-right: 45px;
    font-family: var(--font-heading);
    font-weight: 300;
    font-size: 13px;
    display: flex;
    align-items: center;
}
.sign__in__page__header .select.sign__in__lang__select img{
    width: 1rem;
    height: 1rem;
	border-radius: 50%;
	margin-right: 0.5rem!important;
}
.sign__in__page__header .select.sign__in__lang__select .list{
    border-radius: 5px;
}
.sign__in__page__header .select.sign__in__lang__select .option.selected {
    color: #455056;
}
.sign__in__page__header .select.sign__in__lang__select .option {
    border-bottom: 0;
}
.sign__in__ul__list__features {
	
}
.sign__in__ul__list__features li{
	display: flex;
    font-family: var(--font-heading);
    font-weight: 300;
    color: var(--color-h-sub);
    padding-bottom: 15px;
}
.sign__in__ul__list__features li i{
    font-size: 24px;
    margin-right: 11px;
    color: #3e8e93;
}
.sign__in__ul__list__features li b{
    color: var(--color-h);
    display: block;
}
.sign__in__social__buttons {
	position: relative;
	margin-bottom: 32px;
    padding-bottom: 32px;
}
.sign__in__social__buttons:after {
    content: '';
    background: #ecf3f7;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
}
.sign__in__social__buttons:before {
    content: 'or';
    font-family: var(--font-heading);
    position: absolute;
    bottom: -8px;
    width: 35px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 1;
    font-weight: 300;
    color: #d3dce0;
    text-transform: uppercase;
    font-size: 11px;
}
.sign__in__wrapper__container .entry__fieldset .field:not(:last-child){
	margin-bottom: 7px;
}
.sign__in__wrapper__container .login__form__submite{
    border-radius: 12px;
    margin-top: 20px
}
.main__page__signin__header {
	z-index: 2;
}
.header__main__menu__main .header__responsive__menu__main {
	display: flex;
    align-items: center;
    gap: 15px;
}
.homepage__tags a {
    margin-bottom: 7px;
}
.full__producs__shop__articles.course__articles__shop__page .courses__item .courses__item__link .course__content {
    gap: 7px;
    flex-wrap: wrap;
}
.course__main__description__chapter__body li .course__main__chapter__title .chapter__title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.course__main__description__chapter__body li .course__main__chapter__title {
    max-width: 80%;
}
@media only screen and (max-width: 991px) {
.header__main__menu__main .header__responsive__menu__main,.main__secondary__header__nav .header__responsive__menu__main{
	display: flex;
    position: fixed;
    background: #171a26;
    left: -100%;
    transition: left .4s;
    z-index: 999999;
    box-shadow: 0 0 87px 0 rgb(0 0 0 / 9%);
    padding: 30px 20px 30px;
    width: 250px;
    overflow-y: auto;
    -webkit-transition: all .2s cubic-bezier(0,0,0.2,1) .1s;
    -moz-transition: all .2s cubic-bezier(0,0,0.2,1) .1s;
    -o-transition: all .2s cubic-bezier(0,0,0.2,1) .1s;
    -ms-transition: all .2s cubic-bezier(0,0,0.2,1) .1s;
    transition: all .2s cubic-bezier(0,0,0.2,1) .1s!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    align-items: baseline;
	bottom: 0;
	top: 0;
    min-height: 100vh;
}
.main__secondary__header__nav .header__responsive__menu__main{
    gap: 5px;
    display: block !important;
    background: #113b3e;
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav li.nav-item {
    height: auto !important;
    width: 100%;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    padding: 9px 0px;
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav .dropdown-menu {
	width: 100%;
    background-color: #0f3538;
    border: 0;
    border-radius: 8px;
    position: relative;
    top: 7px;
    left: -5px;
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav .nav-link {
    width: 100%;
}
.header__main__menu__main .header__responsive__menu__main.show,.main__secondary__header__nav .header__responsive__menu__main.show{
	left: 0;
}
.header__main__menu__main .header__responsive__menu__main .header__body {
	position: relative;
    top: inherit;
    margin-top: 20px;
    left: 0;
    right: 0;
    min-width: auto;
	display: none;
}
.header__main__menu__main .header__responsive__menu__main .header__item.active .header__body {
	display: block;
}
.header__main__menu__main .header__responsive__menu__main .header__item {
    margin: 0;
    width: 100%;
}
.header__main__menu__main .header__responsive__menu__main .drop__down .menu__has__child .menu__has__parent {
    position: relative;
    left: 0;
    background: #e8edef;
    border-radius: 0;
    right: 0;
	display: none;
}
.header__main__menu__main .header__responsive__menu__main .drop__down .menu__has__child:hover .menu__has__parent {
	display: block;
}
.header__main__menu__main .header__responsive__menu__main .text__item .header__body li a {
    font-size: 12px;
}
.header__main__menu__main .header__responsive__menu__main .header__item .header__head {
    color: #fff !important;
}
.header__main__menu__main .header__responsive__menu__main .drop__down .menu__has__child:hover>a:after {
	transition: all 0.2s;
    transform: translateY(-50%) rotate(90deg);
}
nav.navbar.header__main__menu__main {
	padding: 0;
}
nav.navbar.header__main__menu__main .navbar-toggler,.navbar-toggler.top__header__navbar__toggler{
    display: flex;
    align-items: center;
    font-size: 23px;
    color: var(--color-h);
    font-weight: 100;
}
.courses__item__popup__container {
    display: none !important;
}
.hero__image__bg__with__color .hero__image__bg__with__color__container {
    min-width: 100%;
    width: 100%;
    background: #212223;
    background: linear-gradient(169deg, #4a4b4b 0%, #141616 50%, #000000 100%);
    opacity: 0.3;
}
.hero__image__bg__with__color .hero__image__bg__with__color__container:after {
    background: linear-gradient(#333638, #282d2f) padding-box, linear-gradient(to right, #000000, #030303) border-box;
}
.header__main__search__form.advenced__search__form .categories__searching__select {
    padding: 0px 39px 0 13px;
}
.header__main__search__form.advenced__search__form .categories__searching__select .current {
    font-size: 12px;
}
.education__hero__author__informations {
	left: 20px;
    right: auto;
}
.full__producs__shop__page__body__container .full__producs__shop__articles.course__articles__shop__page {
    overflow: hidden;
    padding: 20px 6px 70px 6px;
    width: 100%;
}
.course__description__author {
    display: none;
}
.teacher__bar__course__overview .product__detail__actions a span{
	display: none;
}
.course__post__page__row .course__video {
    padding: 30px 15px 0 15px;
}
.themes__marketplace__hero__icons .icon:nth-child(2),.themes__marketplace__hero__icons .icon:nth-child(6),.themes__marketplace__hero__icons .icon:nth-child(10),.themes__marketplace__hero__icons .icon:nth-child(9) {
	display: none !important;
}
}
@media only screen and (max-width: 768px) {
.course__post__page__row .course__post__video__side {
    border-right: 0;
}
.course__post__page__row #course-player {
    min-height: 350px;
}
.course__post__page__row .course__description {
    margin-top: 0;
}
.course__attachment__tabs__nav {
    flex-wrap: inherit;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.course__attachment__tabs__nav .tab__link {
    flex-basis: auto;
    flex-grow: inherit;
    min-width: auto;
    white-space: nowrap;
    padding: 0 15px;
}
.course__attachment__tabs__nav::-webkit-scrollbar {
    display: none;
}
.teacher__bar__course__overview {
    padding: 10px 25px 10px 10px;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button {
    padding: 15px 15px 17px 38px;
    text-align: left;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    align-items: flex-start;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button span.time {
    margin-left: 0;
    margin-top: 5px;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button:after {
    left: 10px;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button span.time small {
    white-space: nowrap;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button span.type {
    white-space: nowrap;
    margin-right: 6px;
}
.course__attachment__description__tabs__wrap {
    padding: 15px 15px 15px 15px;
}
.course__main__description__chapter__wrapper .course__main__description__chapter__collapse__button span.type {
    margin: 6px 0 5px;
}
.main__course__post__quizzes li {
    text-align: left;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    align-items: flex-start;
}
.main__course__post__quizzes li .quiz__completed,
.main__course__post__quizzes li .start__quiz {
    margin-left: 0;
    margin-top: 18px;
}
.product__informations .product__detail__actions a span {
    display: none;
}
.course__articles__shop__page.dashboard__articles .courses__item .course__informations.infiniched__course {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    gap: 10px;
}
.themes__marketplace__hero__icons .icon {
	opacity: 0.1;
}
}
.mobile__course__options {
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: space-between;
    padding: 13px;
    z-index: 4;
    -webkit-box-shadow: 0 -10px 17px rgb(0 0 0 / 4%);
    box-shadow: 0 -10px 17px rgb(0 0 0 / 4%)
}
.mobile__course__options .get__all__course__chapteurs{
    margin-bottom: 0;
}
.mobile__course__options .get__all__course__chapteurs .actions .actions__body {
    top: calc(-200% + -5px);
}
.mobile__course__options .get__all__course__chapteurs .actions .actions__body:before {
    bottom: -10px;
	transform: rotate(180deg);
}
.mobile__course__options .get__all__course__chapteurs [class^="title"] {
    font-size: 14px;
    margin-right: 12px;
}
.mobile__course__options .get__all__course__chapteurs .course__chapteurs__btn .price small {
    font-size: 17px;
}
.mobile__course__options .mobile__course__options__informations {
    padding-right: 14px;
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
}
.mobile__course__options .mobile__course__options__informations .mobile__course__options__title{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mobile__course__options .mobile__course__options__features {
    display: flex;
    text-transform: none;
    gap: 11px;
    margin-top: 6px;
	flex-wrap: wrap;
}
.mobile__course__options .mobile__course__options__features small {
    background: #e8f0f4;
    display: block;
    font-size: 11px;
    border-radius: 8px;
    padding: 1px 7px;
    color: #778992;
    font-weight: bold;
}
.mobile__course__options .get__all__course__chapteurs .course__chapteurs__btn {
    height: 50px;
}
.homepage__tags {
	z-index: 1;
}
@media (min-width: 992px){
.navbar-toggler.top__header__navbar__toggler {
    display: none;
}
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav .nav-link {
    font-weight: 400;
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav li.nav-item {
    height: 55px;
    display: flex;
    align-items: center;
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav li.nav-item .nav-link.dropdown-toggle:after{
	display: none;
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav li.nav-item .nav-link.dropdown-toggle{
	position: relative; 
	padding-right: 15px;
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav li.nav-item.dropdown .nav-link.dropdown-toggle:before{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath d='M12.707 15.707l-.094.083a1 1 0 0 1-1.32-.083h0l-6-6-.083-.094a1 1 0 0 1 1.497-1.32h0L12 13.585l5.293-5.292.094-.083a1 1 0 0 1 1.32 1.497h0l-6 6z' fill='%236f767e'/%3E%3C/svg%3E") no-repeat 50% 50%/18px auto;
	content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 8px;
    width: 8px;
    transition: all 0.4s;
    top: 50%;
    transform: translateY(-50%);
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav .dropdown-menu .dropdown-item {
    color: #fff;
    font-weight: 400;
    opacity: 0.8;
    background: transparent !important;
    font-size: 13px;
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav .dropdown-menu .dropdown-item:hover {
    opacity: 1;
	background: transparent !important;
}
@media only screen and (min-width: 991px) {
.main__secondary__header__nav.blog__main__header .blog__main__header__nav .dropdown-menu {
    opacity: 0;
    pointer-events: none;
	z-index: -999;
	transform: translateY(10px);
    right: auto;
    background-color: #0f3538;
    display: block;
    top: calc(100% - 2px);
    border: 0;
    border-radius: 0 0 10px 10px;
    transition: all 0.2s;
    left: -9px;
    min-width: 250px;
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav li.nav-item.dropdown:hover .dropdown-menu {
	opacity: 1;
	pointer-events: visible;
	z-index: 99;
	transform: translateY(0);
}
.main__secondary__header__nav.blog__main__header .blog__main__header__nav li.nav-item.dropdown:hover .nav-link.dropdown-toggle:before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
}
.main__secondary__header__nav.blog__main__header {
    height: auto;
    display: flex;
    align-items: center;
    padding: 0 1rem;
}
@media(min-width:768px) and (max-width:991px){ 
.theme__preview__box__wrapper:not(.full__width__box) .theme__preview__box__container {
    flex-basis: 47.595109%;
}
.theme__preview__box__wrapper:not(.four__column__width__box,.full__width__box) .theme__preview__box__container:nth-child(-n+2) {
    margin-top: 0;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__image__options .item__btn__overlay {
    width: 25px;
    height: 25px;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__image__options {
    top: 0;
    right: 0;
}
}
@media only screen and (max-width: 768px) {
.theme__preview__box__wrapper.four__column__width__box .theme__preview__box__container,.theme__preview__box__wrapper:not(.full__width__box) .theme__preview__box__container {
    flex-basis: 100%;
    margin-right: 0;
}
.theme__preview__box__wrapper .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .btn__container {
    margin-right: auto;
}
.themes__marketplace__hero__icons {
    overflow: hidden;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box {
	-webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__image__wrapper {
    min-width: 100%;
    margin-bottom: 15px;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper {
	-webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
	padding: 5px;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body {
    text-align: left;
    border: 0;
    margin-top: 11px;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .default__review__summary__box {
    justify-content: start;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__informations__body .btn__container {
    padding-left: 0;
}
.theme__preview__box__wrapper.full__width__box .theme__preview__box__container .theme__preview__box .theme__preview__informations__wrapper .theme__preview__image__options {
    top: -60px;
}
.full__producs__shop__page__body__container .full__producs__shop__sidebar {
	left: 0;
    transform: translateX(-280px);
    width: 280px;
    position: fixed;
    background: #fff;
    z-index: 99;
    padding-left: 20px;
    top: 62px;
    height: 100%;
}
.full__producs__shop__page__body__container .full__producs__shop__sidebar.shown {
    transform: translateX(0);
}
}
@media(min-width:768px) and (max-width:1140px){ 
.item__with__subscription__ordering .submit__btn span {
	font-size: 11px;
}
.item__with__subscription__ordering .submit__btn, .item__with__subscription__ordering .ordering__devider {
    min-width: auto;
}
}
.item__additional__options__checkbox .checkbox .item__additional__options__description .badge{
    height: max-content;
	margin-left: 5px;
}
.item__additional__options__description .main__title .tooltip {
    margin-top: 3px;
}