@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,600;1,400;1,600&display=swap');
.ejs-embed {
  width: 100%;
  border: none;
  margin: 10px 0;
}

.ejs-embed iframe {
  width: 100%;
}

.ejs-instagram {
  width: auto;
  border: 1px solid #eee;
  display: table;
}

.ejs-instagram iframe {
  width: auto;
}

.ejs-preview {
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ejs-thumb {
  height: 200px;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ejs-thumb span {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}

.ejs-info {
  padding: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ejs-title {
  margin: 0 0 5px;
}

@media screen and (min-width: 520px) {
  .ejs-preview {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .ejs-thumb {
    width: 140px;
    height: 140px;
  }
}
.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}/* surrounding tag container */
.tag-editor {
    list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
    font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px;
}

/* core styles usually need no change */
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
.tag-editor div { float: left; padding: 0 4px; }
.tag-editor .placeholder { padding: 0; color: #bbb; }
.tag-editor .tag-editor-spacer { padding: 0; width: 0; overflow: hidden; color: transparent; background: none; }
.tag-editor input {
    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
    -webkit-box-shadow: none;
            box-shadow: none; background: none; color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear { display: none; }

/* tag style */
.tag-editor .tag-editor-tag {
    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "\D7"; font-style: normal; }
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }

.tag-editor .tag-editor-tag.active { background: none !important; }

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
.ui-front { z-index: 9999; }
.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
.ui-widget-content a { color: #46799b; }
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
.ui-helper-hidden-accessible { display: none; }
/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */.fc button,.fc table,body .fc{font-size:1em}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-webkit-touch-callout:none;-khtml-user-select:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#e6e6e6));background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;-webkit-box-shadow:none;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.15);box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{-webkit-box-shadow:0 2px 7px rgba(0,0,0,.3);box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc.fc-bootstrap3 a,.ui-widget .fc-event{text-decoration:none}.fc-limited{display:none}.fc-icon,.fc-toolbar .fc-center{display:inline-block}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-bootstrap3 .fc-popover .panel-body,.fc-bootstrap4 .fc-popover .card-body{padding:0}.fc-now-indicator{position:absolute;border:0 solid red}.fc-bootstrap3 .fc-today.alert,.fc-bootstrap4 .fc-today.alert{border-radius:0}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-bootstrap4 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-bootstrap3 hr.fc-divider,.fc-bootstrap4 hr.fc-divider{border-color:inherit}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc.fc-bootstrap4 a{text-decoration:none}.fc.fc-bootstrap4 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]){color:#fff}.fc-bootstrap4 .fc-popover.card{position:absolute}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */.datetimepicker{padding:4px;margin-top:1px;border-radius:4px;direction:ltr}.datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker>div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-webkit-gradient(linear,left top, left bottom,from(#fdd49a),to(#fdf59a));background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-webkit-gradient(linear,left top, left bottom,from(#08c),to(#04c));background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td span.active,.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-webkit-gradient(linear,left top, left bottom,from(#08c),to(#04c));background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker th span.glyphicon{pointer-events:none}.datetimepicker thead tr:first-child th,.datetimepicker tfoot th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px}.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out}.fade-enter,.fade-leave-to{opacity:0}.notices{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;top:0;bottom:0;left:0;right:0;padding:2em;overflow:hidden;z-index:1052;pointer-events:none}.notices .toast{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation-duration:150ms;animation-duration:150ms;margin:.5em 0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:.25em;pointer-events:auto;opacity:.92;color:#fff;min-height:3em;cursor:pointer}.notices .toast .toast-text{margin:0;padding:.5em 1em}.notices .toast-success{background-color:#28a745}.notices .toast-info{background-color:#17a2b8}.notices .toast-warning{background-color:#ffc107}.notices .toast-error{background-color:#dc3545}.notices .toast-default{background-color:#343a40}.notices .toast.is-top,.notices .toast.is-bottom{-ms-flex-item-align:center;align-self:center}.notices .toast.is-top-right,.notices .toast.is-bottom-right{-ms-flex-item-align:end;align-self:flex-end}.notices .toast.is-top-left,.notices .toast.is-bottom-left{-ms-flex-item-align:start;align-self:flex-start}.notices.is-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.notices.is-bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.notices.is-custom-parent{position:absolute}@media screen and (max-width: 768px){.notices{padding:0;position:fixed !important}}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/images/vendor/photoswipe/dist/default-skin/default-skin.png?e3f799c6dec9af194c86decdf7392405) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/images/vendor/photoswipe/dist/default-skin/default-skin.svg?b257fa9c5ac8c515ac4d77a667ce2943); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
          transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(/images/vendor/photoswipe/dist/default-skin/preloader.gif?e34aafbb485a96eaf2a789b2bf3af6fe) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }
.darkroom-container{position:relative}.darkroom-image-container{top:0;left:0}.darkroom-toolbar{display:block;position:absolute;top:-45px;left:0;background:#444;height:40px;min-width:40px;z-index:99;border-radius:2px;white-space:nowrap;padding:0 5px}.darkroom-toolbar:before{content:"";position:absolute;bottom:-7px;left:20px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #444}.darkroom-button-group{display:inline-block;margin:0;padding:0}.darkroom-button-group:last-child{border-right:none}.darkroom-button{-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:none;outline:none;padding:2px 0 0 0;width:40px;height:40px}.darkroom-button:hover{cursor:pointer;background:#555}.darkroom-button:active{cursor:pointer;background:#333}.darkroom-button:disabled .darkroom-icon{fill:#666}.darkroom-button:disabled:hover{cursor:default;background:transparent}.darkroom-button.darkroom-button-active .darkroom-icon{fill:#33b5e5}.darkroom-button.darkroom-button-hidden{display:none}.darkroom-button.darkroom-button-success .darkroom-icon{fill:#99cc00}.darkroom-button.darkroom-button-warning .darkroom-icon{fill:#FFBB33}.darkroom-button.darkroom-button-danger .darkroom-icon{fill:#FF4444}.darkroom-icon{width:24px;height:24px;fill:#fff}
@charset "UTF-8";

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "inter", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: "inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #212529;
  text-align: left;
  background-color: #f5f8fa;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: 600;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

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

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: 2.5rem;
}

h2,
.h2 {
  font-size: 2rem;
}

h3,
.h3 {
  font-size: 1.75rem;
}

h4,
.h4 {
  font-size: 1.5rem;
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #f5f8fa;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }

  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }

  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.6;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.6;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size],
select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.6em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.4em + 0.1875rem);
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.6em + 0.75rem);
  background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip,
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.6em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.4em + 0.1875rem);
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.6em + 0.75rem);
  background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip,
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }

  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-plaintext {
    display: inline-block;
  }

  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }

  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    padding-left: 0;
  }

  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }

  .form-inline .custom-control {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus,
.btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus,
.btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus,
.btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus,
.btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus,
.btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.6rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.3rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.3rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.3rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
          transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.6em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.6;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #f5f8fa, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 1px #f5f8fa, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f5f8fa, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #f5f8fa, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    -webkit-transition: none;
    transition: none;
  }
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link,
.navbar .dropdown-toggle {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover,
.navbar .dropdown-toggle:hover,
.nav-link:focus,
.navbar .dropdown-toggle:focus {
  text-decoration: none;
}

.nav-link.disabled,
.navbar .disabled.dropdown-toggle {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link,
.nav-tabs .navbar .dropdown-toggle,
.navbar .nav-tabs .dropdown-toggle {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .navbar .dropdown-toggle:hover,
.navbar .nav-tabs .dropdown-toggle:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .navbar .dropdown-toggle:focus,
.navbar .nav-tabs .dropdown-toggle:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled,
.nav-tabs .navbar .disabled.dropdown-toggle,
.navbar .nav-tabs .disabled.dropdown-toggle {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .navbar .active.dropdown-toggle,
.navbar .nav-tabs .active.dropdown-toggle,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item.show .navbar .dropdown-toggle,
.navbar .nav-tabs .nav-item.show .dropdown-toggle {
  color: #495057;
  background-color: #f5f8fa;
  border-color: #dee2e6 #dee2e6 #f5f8fa;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link,
.nav-pills .navbar .dropdown-toggle,
.navbar .nav-pills .dropdown-toggle {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .navbar .active.dropdown-toggle,
.navbar .nav-pills .active.dropdown-toggle,
.nav-pills .show > .nav-link,
.nav-pills .navbar .show > .dropdown-toggle,
.navbar .nav-pills .show > .dropdown-toggle {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link,
.navbar-nav .navbar .dropdown-toggle,
.navbar .navbar-nav .dropdown-toggle {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link,
  .navbar-expand-sm .navbar-nav .navbar .dropdown-toggle,
  .navbar .navbar-expand-sm .navbar-nav .dropdown-toggle {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link,
  .navbar-expand-md .navbar-nav .navbar .dropdown-toggle,
  .navbar .navbar-expand-md .navbar-nav .dropdown-toggle {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link,
  .navbar-expand-lg .navbar-nav .navbar .dropdown-toggle,
  .navbar .navbar-expand-lg .navbar-nav .dropdown-toggle {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link,
  .navbar-expand-xl .navbar-nav .navbar .dropdown-toggle,
  .navbar .navbar-expand-xl .navbar-nav .dropdown-toggle {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link,
.navbar-expand .navbar-nav .navbar .dropdown-toggle,
.navbar .navbar-expand .navbar-nav .dropdown-toggle {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .navbar .dropdown-toggle,
.navbar .navbar-light .navbar-nav .dropdown-toggle {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .navbar .dropdown-toggle:hover,
.navbar .navbar-light .navbar-nav .dropdown-toggle:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .navbar .dropdown-toggle:focus,
.navbar .navbar-light .navbar-nav .dropdown-toggle:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled,
.navbar-light .navbar-nav .navbar .disabled.dropdown-toggle,
.navbar .navbar-light .navbar-nav .disabled.dropdown-toggle {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .navbar .show > .dropdown-toggle,
.navbar .navbar-light .navbar-nav .show > .dropdown-toggle,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .navbar .active > .dropdown-toggle,
.navbar .navbar-light .navbar-nav .active > .dropdown-toggle,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .navbar .show.dropdown-toggle,
.navbar .navbar-light .navbar-nav .show.dropdown-toggle,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .navbar .active.dropdown-toggle,
.navbar .navbar-light .navbar-nav .active.dropdown-toggle {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .navbar .dropdown-toggle,
.navbar .navbar-dark .navbar-nav .dropdown-toggle {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .navbar .dropdown-toggle:hover,
.navbar .navbar-dark .navbar-nav .dropdown-toggle:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .navbar .dropdown-toggle:focus,
.navbar .navbar-dark .navbar-nav .dropdown-toggle:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled,
.navbar-dark .navbar-nav .navbar .disabled.dropdown-toggle,
.navbar .navbar-dark .navbar-nav .disabled.dropdown-toggle {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .navbar .show > .dropdown-toggle,
.navbar .navbar-dark .navbar-nav .show > .dropdown-toggle,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .navbar .active > .dropdown-toggle,
.navbar .navbar-dark .navbar-nav .active > .dropdown-toggle,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .navbar .show.dropdown-toggle,
.navbar .navbar-dark .navbar-nav .show.dropdown-toggle,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .navbar .active.dropdown-toggle,
.navbar .navbar-dark .navbar-nav .active.dropdown-toggle {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body,
.card-block {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .card-group > .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link,
.pagination-datatables li a,
.pagination li a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover,
.pagination-datatables li a:hover,
.pagination li a:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus,
.pagination-datatables li a:focus,
.pagination li a:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link,
.pagination-datatables li:first-child .page-link,
.pagination li:first-child .page-link,
.page-item:first-child .pagination-datatables li a,
.pagination-datatables li .page-item:first-child a,
.pagination-datatables li:first-child a,
.page-item:first-child .pagination li a,
.pagination li .page-item:first-child a,
.pagination li:first-child a {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link,
.pagination-datatables li:last-child .page-link,
.pagination li:last-child .page-link,
.page-item:last-child .pagination-datatables li a,
.pagination-datatables li .page-item:last-child a,
.pagination-datatables li:last-child a,
.page-item:last-child .pagination li a,
.pagination li .page-item:last-child a,
.pagination li:last-child a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link,
.pagination-datatables li.active .page-link,
.pagination li.active .page-link,
.page-item.active .pagination-datatables li a,
.pagination-datatables li .page-item.active a,
.pagination-datatables li.active a,
.page-item.active .pagination li a,
.pagination li .page-item.active a,
.pagination li.active a {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link,
.pagination-datatables li.disabled .page-link,
.pagination li.disabled .page-link,
.page-item.disabled .pagination-datatables li a,
.pagination-datatables li .page-item.disabled a,
.pagination-datatables li.disabled a,
.page-item.disabled .pagination li a,
.pagination li .page-item.disabled a,
.pagination li.disabled a {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link,
.pagination-lg .pagination-datatables li a,
.pagination-datatables li .pagination-lg a,
.pagination-lg .pagination li a,
.pagination li .pagination-lg a {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link,
.pagination-lg .pagination-datatables li:first-child .page-link,
.pagination-datatables .pagination-lg li:first-child .page-link,
.pagination-lg .pagination li:first-child .page-link,
.pagination .pagination-lg li:first-child .page-link,
.pagination-lg .page-item:first-child .pagination-datatables li a,
.pagination-datatables li .pagination-lg .page-item:first-child a,
.pagination-lg .pagination-datatables li:first-child a,
.pagination-datatables .pagination-lg li:first-child a,
.pagination-lg .pagination .pagination-datatables li:first-child a,
.pagination-datatables .pagination .pagination-lg li:first-child a,
.pagination-lg .page-item:first-child .pagination li a,
.pagination li .pagination-lg .page-item:first-child a,
.pagination-lg .pagination-datatables .pagination li:first-child a,
.pagination .pagination-lg .pagination-datatables li:first-child a,
.pagination-datatables .pagination-lg .pagination li:first-child a,
.pagination .pagination-datatables .pagination-lg li:first-child a,
.pagination-lg .pagination li:first-child a,
.pagination .pagination-lg li:first-child a {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link,
.pagination-lg .pagination-datatables li:last-child .page-link,
.pagination-datatables .pagination-lg li:last-child .page-link,
.pagination-lg .pagination li:last-child .page-link,
.pagination .pagination-lg li:last-child .page-link,
.pagination-lg .page-item:last-child .pagination-datatables li a,
.pagination-datatables li .pagination-lg .page-item:last-child a,
.pagination-lg .pagination-datatables li:last-child a,
.pagination-datatables .pagination-lg li:last-child a,
.pagination-lg .pagination .pagination-datatables li:last-child a,
.pagination-datatables .pagination .pagination-lg li:last-child a,
.pagination-lg .page-item:last-child .pagination li a,
.pagination li .pagination-lg .page-item:last-child a,
.pagination-lg .pagination-datatables .pagination li:last-child a,
.pagination .pagination-lg .pagination-datatables li:last-child a,
.pagination-datatables .pagination-lg .pagination li:last-child a,
.pagination .pagination-datatables .pagination-lg li:last-child a,
.pagination-lg .pagination li:last-child a,
.pagination .pagination-lg li:last-child a {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link,
.pagination-sm .pagination-datatables li a,
.pagination-datatables li .pagination-sm a,
.pagination-sm .pagination li a,
.pagination li .pagination-sm a {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link,
.pagination-sm .pagination-datatables li:first-child .page-link,
.pagination-datatables .pagination-sm li:first-child .page-link,
.pagination-sm .pagination li:first-child .page-link,
.pagination .pagination-sm li:first-child .page-link,
.pagination-sm .page-item:first-child .pagination-datatables li a,
.pagination-datatables li .pagination-sm .page-item:first-child a,
.pagination-sm .pagination-datatables li:first-child a,
.pagination-datatables .pagination-sm li:first-child a,
.pagination-sm .pagination .pagination-datatables li:first-child a,
.pagination-datatables .pagination .pagination-sm li:first-child a,
.pagination-sm .page-item:first-child .pagination li a,
.pagination li .pagination-sm .page-item:first-child a,
.pagination-sm .pagination-datatables .pagination li:first-child a,
.pagination .pagination-sm .pagination-datatables li:first-child a,
.pagination-datatables .pagination-sm .pagination li:first-child a,
.pagination .pagination-datatables .pagination-sm li:first-child a,
.pagination-sm .pagination li:first-child a,
.pagination .pagination-sm li:first-child a {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link,
.pagination-sm .pagination-datatables li:last-child .page-link,
.pagination-datatables .pagination-sm li:last-child .page-link,
.pagination-sm .pagination li:last-child .page-link,
.pagination .pagination-sm li:last-child .page-link,
.pagination-sm .page-item:last-child .pagination-datatables li a,
.pagination-datatables li .pagination-sm .page-item:last-child a,
.pagination-sm .pagination-datatables li:last-child a,
.pagination-datatables .pagination-sm li:last-child a,
.pagination-sm .pagination .pagination-datatables li:last-child a,
.pagination-datatables .pagination .pagination-sm li:last-child a,
.pagination-sm .page-item:last-child .pagination li a,
.pagination li .pagination-sm .page-item:last-child a,
.pagination-sm .pagination-datatables .pagination li:last-child a,
.pagination .pagination-sm .pagination-datatables li:last-child a,
.pagination-datatables .pagination-sm .pagination li:last-child a,
.pagination .pagination-datatables .pagination-sm li:last-child a,
.pagination-sm .pagination li:last-child a,
.pagination .pagination-sm li:last-child a {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    -webkit-transition: none;
    transition: none;
  }
}

a.badge:hover,
a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
            animation: none;
  }
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
          transform: none;
}

.modal-dialog-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.6;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
          transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  -webkit-transition: 0s 0.6s opacity;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
          animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  50% {
    opacity: 1;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

  50% {
    opacity: 1;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
          animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

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

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

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

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

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

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

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

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

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

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

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

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

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

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

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

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

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

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

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

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

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

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

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

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

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

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

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

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

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

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

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

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

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

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

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

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

  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

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

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

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

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

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

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

  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

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

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

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

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

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

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

  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

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

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

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

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

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

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

  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

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

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

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

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

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

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

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

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

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

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

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

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

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

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

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

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

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.m-0 {
  margin: 0 !important;
}

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

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

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

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

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

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

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

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

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

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

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

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

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

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

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

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

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

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

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

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

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

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

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

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

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

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

.text-capitalize {
  text-transform: capitalize !important;
}

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

.font-weight-lighter {
  font-weight: lighter !important;
}

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

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

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

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

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

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

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

@page {
    size: a3;
}

  body {
    min-width: 992px !important;
  }

  .container {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }

  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */

.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */

.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */

.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */

.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */

.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
          transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */

.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
          transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */

.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */

.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */

.hamburger--arrowalt .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */

.hamburger--arrowalt-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */

.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */

.hamburger--arrowturn-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  -webkit-transition-property: none;
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/*
   * Collapse
   */

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
          transform: translate3d(0, -10px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */

.hamburger--elastic .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
          transform: translate3d(0, 10px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
          transform: translate3d(0, -20px, 0) rotate(-270deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
          transform: translate3d(0, 10px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
          transform: translate3d(0, -20px, 0) rotate(270deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

/*
   * Emphatic
   */

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
          transform: translate3d(80px, 80px, 0) rotate(45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
          transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */

.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
          transform: translate3d(80px, -80px, 0) rotate(-45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
          transform: translate3d(-80px, -80px, 0) rotate(45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */

.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71428571px, -6px, 0);
          transform: rotate(-45deg) translate3d(-5.71428571px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
          transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */

.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
          transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(5.71428571px, -6px, 0);
          transform: rotate(45deg) translate3d(5.71428571px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
          transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */

.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */

.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */

.hamburger--spring .hamburger-inner {
  top: 2px;
  -webkit-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
          transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */

.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */

.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */

.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */

.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
          transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */

.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
          transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/*! jQuery UI - v1.12.1 - 2017-03-19
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */

/* Support: Firefox 5 - 40 */

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
          box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/

.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
          box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_444444_256x240.png?f4ebe485bc50abaf580cf6ae9895dde5);
}

.ui-widget-header .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_444444_256x240.png?f4ebe485bc50abaf580cf6ae9895dde5);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_555555_256x240.png?d70c49a1750e399344e77737be6eac71);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_ffffff_256x240.png?e33c878c8e1b176d439484ca0a094ec4);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_777620_256x240.png?03c85664fb3ba7db61e1b0c6da73b1ae);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_cc0000_256x240.png?bd6996f9c0921f5e744aba81d3dadd84);
}

.ui-button .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_777777_256x240.png?6d28e77dd32aa1e61433d5ba3d93ca86);
}

/* positioning */

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */

/* Support: Firefox 5 - 40 */

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
          box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
 */

/* Component containers
----------------------------------*/

.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
          box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_444444_256x240.png?f4ebe485bc50abaf580cf6ae9895dde5);
}

.ui-widget-header .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_444444_256x240.png?f4ebe485bc50abaf580cf6ae9895dde5);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_555555_256x240.png?d70c49a1750e399344e77737be6eac71);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_ffffff_256x240.png?e33c878c8e1b176d439484ca0a094ec4);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_777620_256x240.png?03c85664fb3ba7db61e1b0c6da73b1ae);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_cc0000_256x240.png?bd6996f9c0921f5e744aba81d3dadd84);
}

.ui-button .ui-icon {
  background-image: url(/images/vendor/jquery-ui-bundle/ui-icons_777777_256x240.png?6d28e77dd32aa1e61433d5ba3d93ca86);
}

/* positioning */

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

/*
 *  Owl Carousel - Core
 */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */

.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/images/vendor/owl.carousel/src/owl.video.play.png?4a37f8008959c75f619bf0a3a4e2d7a2) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.global-content {
  background-color: #f8f9fb;
  position: relative;
}

#navbarId.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1041;
}

.sticky + #global-container {
  padding-top: 102px;
}

.back-to-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 10;
  width: 35px;
  display: block;
  height: 35px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.back-to-top svg {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.back-to-top:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

#navbarId {
  top: -115px;
  background: red;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  background: white !important;
}

@media (max-width: 767px) {
  #navbarId {
    background: white !important;
  }

  .back-to-top {
    bottom: 75px;
  }
}

#global-container {
  background-color: #F8F9FB;
  padding: 0;
}

#global-container .div-insane-background-right,
#global-container .div-insane-background-left {
  width: 0px;
}

.fixed-network {
  max-width: calc(100% - 240px);
  width: 100% !important;
}

@media (max-width: 768px) {
  .fixed-network {
    max-width: calc(100% - 40px);
  }
}

@media (max-width: 414px) {
  .fixed-network {
    max-width: calc(100% - 20px);
  }
}

nav.navbar {
  margin: 0 40px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  nav.navbar {
    margin: 0 20px;
  }
}

#navbarFirst {
  margin-right: 10px;
}

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

.link-style:hover {
  text-decoration: none;
}

.btn-header {
  max-width: 82px;
  height: 37px !important;
}

#headerUpperLink1,
#headerUpperLink2 {
  border: 2px solid;
  border-radius: 4px;
  font-size: 1rem;
  font-family: inter, sans-serif;
  font-weight: 500;
  -webkit-box-shadow: 5px 18px 25px rgba(119, 92, 167, 0.1);
          box-shadow: 5px 18px 25px rgba(119, 92, 167, 0.1);
}

#headerUpperLink1 {
  padding: 8px 32px;
  border: none !important;
  margin-right: 20px;
  color: #775ca7;
  border-radius: 4px;
}

#headerUpperLink2 {
  background-color: #775ca7;
  border-color: #775ca7;
  color: white;
  padding: 5px 30px;
}

#headerUpperLink2:hover {
  background-color: #5C4586;
  border-color: #5C4586;
}

#navbarSecondLine {
  background-color: #21162C;
}

#secondLineHeaderUl {
  width: 80%;
  padding: 10px 0 10px 40px;
  margin: 0;
  display: inline-block;
}

#secondLineHeaderUl > li {
  list-style-type: none;
  display: inline-block;
}

#secondLineHeaderUl > li > a {
  color: white;
  font-family: inter, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
}

#secondLineHeaderUlIcons {
  float: right;
  margin: 0 40px 0 0;
  padding-top: 7px;
  display: inline-block;
}

#secondLineHeaderUlIcons > li {
  display: inline-block;
}

#secondLineHeaderUlIcons > li > a {
  color: white;
  display: block;
  padding: 0 0 0 14px;
  margin-top: 4px;
}

#secondLineHeaderUlIcons > li > a:hover {
  text-decoration: none;
}

#secondLineHeaderUlIcons > li > a > svg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

#secondLineHeaderUlIcons > li > a > img {
  width: 16px;
  margin-bottom: 4px;
}

#secondLineHeaderUlIcons > li:first-of-type a {
  padding-left: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  #secondLineHeaderUl {
    padding-left: 20px;
  }

  #secondLineHeaderUlIcons {
    margin-right: 20px;
  }
}

#searchHeaderForm {
  position: relative;
}

.custom-search-btn-group {
  margin-top: 30px;
  margin-left: auto;
}

.custom-search-btn-group button {
  text-align: left;
  max-width: 100%;
  min-width: 180px;
  width: 100% !important;
  height: 40px;
  background: transparent;
  color: #000000;
  font-family: inter, sans-serif;
  font-weight: 400;
  font-size: 12px;
  border: 1px solid #EBF0F4;
  padding: 4px 10px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-search-btn-group button:focus {
  outline: none !important;
  border: 2px solid #775ca7;
}

.custom-search-btn-group button:active {
  outline: none !important;
}

.custom-search-btn-group div {
  padding: 0;
}

.custom-search-btn-group input[type="submit"] {
  text-align: left;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  width: 100%;
  font-family: inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #222531;
  background: white;
  padding: 8px 16px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  margin: 0 0 4px 0;
}

.custom-search-btn-group input[type="submit"]:hover {
  background: #EFEAFF;
}

.custom-search-btn-group .dropdown-menu {
  border: solid 2px #775ca7 !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px;
  min-width: 100%;
  max-width: 100%;
  top: -10px !important;
}

.custom-search-btn-group .dropdown-toggle::after {
  margin-left: auto !important;
}

input#search {
  height: 45px;
  font-size: 1rem;
  display: inline-block;
  border: none;
  outline: none;
  color: #555;
  padding: 3px;
  padding-right: 40px;
  width: 0px;
  position: absolute;
  top: -22px;
  right: 0;
  background: none;
  z-index: 3;
  -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  font-family: inter, sans-serif;
  font-weight: 200;
}

input#search:focus:hover {
  border-bottom: 1px solid #BBB;
}

input#search:focus {
  width: 240px;
  z-index: 1;
  border-bottom: 1px solid #BBB;
  cursor: text;
}

input#search_submit {
  height: 45px;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  width: 43px;
  display: inline-block;
  color: red;
  float: right;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: -22px;
  right: 0;
  z-index: 10;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

input#search_submit:hover {
  opacity: 0.8;
}

.desktop-dropdown-header-user {
  max-width: 130px;
  background-color: white;
}

.desktop-dropdown-header-user > a {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 4px;
  background: none;
  border: none;
  color: black;
  font-size: 1rem;
}

.desktop-dropdown-header-user > a::after {
  content: none;
}

.desktop-dropdown-header-user > a::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0;
  margin-right: 10px;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.desktop-dropdown-header-user > a:active,
.desktop-dropdown-header-user > a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.desktop-dropdown-header-user > a > img {
  padding: 1px;
  height: 35px;
  width: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 1px #e4e4e4 solid;
  margin-top: -6px;
  margin-left: 10px;
}

.desktop-dropdown-header-user > a > span {
  width: 55px;
  display: inline-block;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 200;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: -5px;
  line-height: 20px;
}

a.notification-dropdown-link {
  position: relative;
}

a.notification-dropdown-link::before {
  content: none;
}

a.notification-dropdown-link span {
  background: #F6685A;
  color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 0;
  width: 16px;
  height: 16px;
  font-size: .7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.desktop-dropdown-header-user-menu {
  margin-top: 10px;
  margin-left: -20px;
}

.desktop-dropdown-header-user-menu .notification-header {
  background-color: #ffffff;
  padding: 16px 32px;
  border-radius: 50%;
}

@media screen and (max-width: 768px) {
  .desktop-dropdown-header-user-menu .notification-header {
    padding: 8px 16px;
  }
}

.desktop-dropdown-header-user-menu .no-notif {
  font-size: 16px;
  color: #4E597E;
  font-weight: 300;
  padding: 16px;
  border-top: 1px solid #EBF0F4;
}

.desktop-dropdown-header-user-menu > a {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: .9rem;
}

.desktop-dropdown-header-user-menu > a:active {
  background-color: #775ca7;
}

.desktop-dropdown-header-user-menu > a:nth-of-type(1) {
  background-color: #775ca7;
  color: white;
  padding: 10px 24px;
}

.desktop-dropdown-header-user-menu > div:nth-of-type(1) {
  display: none;
}

.desktop-dropdown-header-user-menu > a:nth-of-type(2) {
  margin-top: 10px;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu {
  background: white;
  min-width: 510px;
  -webkit-box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
          box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
  border-radius: 8px;
  padding: 0;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu .clear-all-notification {
  color: #775CA7;
  font-size: 14px;
}

@media (max-width: 576px) {
  .desktop-dropdown-header-user-menu.dropdown-notifications-menu {
    min-width: 310px;
    width: 100%;
  }
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu > p {
  width: 500px;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  display: block;
  text-align: center;
  color: #4D4D4D;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu > span {
  color: #4D4D4D;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  display: block;
  padding: 20px;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu ul {
  width: 100%;
  list-style: none;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu li {
  padding: 16px 0;
  border-top: 1px solid #EBF0F4;
  width: 100%;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu li .notification-container {
  padding: 0 32px;
}

@media (max-width: 768px) {
  .desktop-dropdown-header-user-menu.dropdown-notifications-menu li {
    padding: 8px 0;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu li .notification-container {
    padding: 0 16px;
  }
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu > a {
  color: #F6685A;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  display: table;
  background: transparent;
  margin: auto;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu > a:hover {
  text-decoration: none;
}

.notification-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.notification-container img {
  height: 48px;
  width: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .notification-container img {
    height: 32px;
    width: 32px;
  }
}

.notification-container .notification-icon-div {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  margin-right: 20px;
  background: #775ca7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 768px) {
  .notification-container .notification-icon-div {
    height: 32px;
    width: 32px;
  }
}

.notification-container .notification-icon-div svg {
  color: white;
  display: block;
}

.notification-container .notification-icon-div.notification-icon-div-rejected {
  background: #F6685A;
}

.notification-container a.remove-notification {
  color: #775ca7;
  display: inline-block;
  margin-left: auto;
}

.notification-container a.remove-notification:hover {
  text-decoration: none;
}

.notification-container a.remove-notification img {
  width: 20px;
  height: 20px;
  margin-right: 0 !important;
}

.notification-container .remove-notification-wrapper .wrapper-buttons {
  width: 80px;
  height: 37px;
  margin-right: 15px;
}

.notification-container .remove-notification-wrapper .wrapper-buttons a {
  height: 37px;
}

@media screen and (max-width: 768px) {
  .notification-container .remove-notification-wrapper .wrapper-buttons a {
    font-size: 12px !important;
    width: 55px !important;
  }
}

@media screen and (max-width: 768px) {
  .notification-container .remove-notification-wrapper .wrapper-buttons {
    width: 55px;
  }
}

.notification-container .notification-body > span {
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #4E597E;
}

@media screen and (max-width: 768px) {
  .notification-container .notification-body > span {
    font-size: 12px;
  }
}

.notification-container .notification-body p {
  font-family: inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0;
  color: #000000;
}

.notification-container .notification-body p a {
  font-family: inter, sans-serif;
  color: #775CA7;
}

.notification-container .notification-body p a:hover {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .notification-container .notification-body p {
    font-size: 12px;
  }
}

.headerFaIconsLogged {
  margin: 0 10px;
}

.headerFaIconsLogged:hover {
  text-decoration: none;
}

.headerFaIconsLogged > svg {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

#headerLoggedAEnvelope {
  margin-right: 0;
}

#headerLoggedAEnvelope > svg {
  color: #775ca7;
}

#headerLoggedABell > svg {
  color: #775ca7;
}

.header-topics-container {
  position: relative;
}

.header-topics-container > svg {
  margin-left: 2px;
  color: white;
}

.header-topics-container:hover .header-topics-dropdown {
  height: 610px;
}

.header-topics-container:hover .header-topics-dropdown li {
  display: block;
}

.header-topics-container .header-topics-dropdown {
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
  height: 0px;
  left: -52px;
  list-style: none;
  padding-left: 0;
  position: absolute;
  z-index: 1000;
  background-color: #21162C;
}

.header-topics-container .header-topics-dropdown li {
  display: none;
}

.header-topics-container .header-topics-dropdown li:first-child {
  margin-top: 10px;
}

.header-topics-container .header-topics-dropdown a {
  padding: 5px 20px;
  display: block;
  color: white;
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.header-topics-container .header-topics-dropdown a:hover {
  text-decoration: none;
  background-color: white;
  color: #775ca7;
}

@-moz-document url-prefix()  {
  .header-topics-container:hover .header-topics-dropdown {
    height: 620px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  #secondLineHeaderUl {
    width: 74%;
  }

  input#search:focus {
    width: 130px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #secondLineHeaderUl {
    width: 70%;
  }

  #headerUpperLink1,
  #headerUpperLink2,
  .nav-link,
  .navbar .dropdown-toggle {
    font-size: .7rem;
    padding: 3px 7px;
  }

  #headerUpperLink1 {
    margin-right: 10px;
  }

  a.navbar-brand > img {
    width: 100px;
    height: 18px;
  }

  input#search_submit {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }

  input#search {
    font-size: .7rem;
    top: -16px;
    height: 30px;
  }

  input#search:focus {
    width: 120px;
  }

  #secondLineHeaderUl > li > a {
    font-size: .7rem;
  }

  .desktop-dropdown-header-user > a {
    font-size: .7rem;
  }

  .headerFaIconsLogged {
    margin: 0;
  }

  .headerFaIconsLogged:hover {
    text-decoration: none;
  }

  .headerFaIconsLogged > svg {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }

  .desktop-dropdown-header-user > a > span {
    font-size: .7rem;
    margin-bottom: -5px;
  }

  .desktop-dropdown-header-user > a::before {
    margin-left: 6px;
    margin-right: 4px;
  }

  .header-topics-container:hover .header-topics-dropdown {
    height: 466px;
  }

  .header-topics-container .header-topics-dropdown {
    left: -42px;
  }

  .header-topics-container .header-topics-dropdown a {
    font-size: .7rem;
  }

  a.notification-dropdown-link span {
    font-size: .6rem;
    top: 6px;
    right: 2px;
    width: 10px;
    height: 10px;
  }

@-moz-document url-prefix()  {
    .header-topics-container:hover .header-topics-dropdown {
      height: 482px;
    }
}
}

@media (min-width: 767px) {
  #secondLineHeaderUl > li:nth-child(1) {
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  #navbarFirst {
    margin-right: 0;
  }

  nav.navbar {
    padding: 0;
    margin: 0;
    background-color: white;
  }

  a.navbar-brand {
    display: block !important;
    margin: auto;
    padding-left: 50px;
    padding-bottom: 12px;
  }

  button.hamburger {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    padding: 11px 20px 0 0;
  }

  button.hamburger:focus,
  button.hamburger:active {
    outline: 0;
  }

  span.hamburger-inner {
    background-color: #4D4D4D;
  }

  span.hamburger-inner::before,
  span.hamburger-inner::after {
    background-color: #4D4D4D;
  }

  ul.navbar-nav {
    background-color: #f5f8fa;
    padding: 10px 20px;
    font-size: .9rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  ul.navbar-nav > li {
    display: inline-block;
  }

  ul.navbar-nav > li > a {
    font-size: .75rem;
  }

  #mobileHeaderUl {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
  }

  #mobileHeaderUl > li:first-child {
    padding-top: 20px;
  }

  #mobileHeaderUl > li:last-child {
    padding-bottom: 20px;
  }

  #mobileHeaderUl > li {
    line-height: 46px;
    text-align: center;
  }

  #mobileHeaderUl > li > a {
    color: #775ca7;
    text-transform: uppercase;
    font-size: .9rem;
    font-family: inter, sans-serif;
    font-weight: 200;
  }

  #mobileHeaderUl > li > a:hover {
    text-decoration: none;
  }

  #mobileHeaderUl #mobiledropmenu {
    list-style: none;
    padding: 0;
  }

  #mobileHeaderUl #mobiledropmenu li a {
    color: #775ca7;
    text-transform: uppercase;
    font-size: .76rem;
    font-family: inter, sans-serif;
    font-weight: 200;
  }

  #searchFormMobile {
    padding: 0 20px 10px;
  }

  #searchFormMobile > input[type='text'] {
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #775ca7;
    border-radius: 0;
  }

  #searchFormMobile > input[type='text']:active,
  #searchFormMobile > input[type='text']:focus {
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  #searchFormMobile > .input-group-append > button[type='submit'] {
    border: none;
    border-bottom: 1px solid #775ca7;
    border-radius: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }

  #searchFormMobile > .input-group-append > button[type='submit'] > svg {
    color: #4D4D4D;
  }

  #searchFormMobile > .input-group-append > button[type='submit']:hover {
    background-color: white;
    opacity: .7;
  }

  .headerMobileLinksLog {
    text-transform: uppercase;
    text-align: center;
    color: white;
    font-family: inter, sans-serif;
    font-weight: 200;
    font-size: .9rem;
    padding: 14px 0;
  }

  .headerMobileLinksLog:hover {
    text-decoration: none;
    color: white;
  }

  #headerMobileLinkLog1 {
    background-color: #775ca7;
  }

  #headerMobileLinkLog2 {
    background-color: #2e97a9;
  }

  #mobileHeaderUlIcons {
    list-style: none;
    background-color: #c8c8c8;
    text-align: center;
    padding: 8px 0;
    margin: 0;
  }

  #mobileHeaderUlIcons > li {
    display: inline-block;
  }

  #mobileHeaderUlIcons > li > a {
    color: white;
    padding: 0 10px;
  }

  #mobileHeaderUlIcons > li > a:hover {
    text-decoration: none;
    color: white;
  }

  #mobileHeaderUlIcons > li > a > svg {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }

  #mobileHeaderUlIcons > li > a > img {
    width: 20px;
    margin-bottom: 14px;
  }

  #mobileHeaderDivUnderLogo > div {
    padding: 0;
    background-color: #21162c;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn {
    padding: 6px 20px;
    margin: 0;
    list-style: none;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li {
    padding: 0 10px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li.vertical-line {
    width: 1px;
    background: #ffffff;
    height: 20px;
    padding: 0px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:first-child > a > svg {
    -webkit-transform: rotateY(180deg) scale(0.7);
            transform: rotateY(180deg) scale(0.7);
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:nth-of-type(5) > a {
    display: block;
    padding: 0;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:nth-of-type(4),
  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:nth-of-type(6) {
    display: block;
    background-color: white;
    margin: 4px 4px;
    width: 1px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:last-child > a {
    display: block;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li {
    display: inline-block;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li > a {
    color: white;
    text-transform: uppercase;
    font-family: inter, sans-serif;
    font-weight: 300;
    font-size: .9rem;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li > a:hover {
    text-decoration: none;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li > a > svg {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn {
    background-color: #21162c;
    padding: 4px 20px;
    margin: 0;
    list-style: none;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li {
    padding: 0 5px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li:first-child > a > svg {
    -webkit-transform: rotateY(180deg) scale(0.7);
            transform: rotateY(180deg) scale(0.7);
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li:nth-of-type(4) {
    display: block;
    background-color: white;
    margin: 4px 4px;
    width: 1px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li > a {
    color: white;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li > a:hover {
    text-decoration: none;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li > a > svg {
    -webkit-transform: rotateY(180deg) scale(0.7);
            transform: rotateY(180deg) scale(0.7);
  }

  #mobileDropdownHeaderUser > a {
    padding-right: 0;
    padding-left: 0;
    background: none;
    border: none;
  }

  #mobileDropdownHeaderUser > a::after {
    content: none;
  }

  #mobileDropdownHeaderUser > a::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    margin-right: 10px;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }

  #mobileDropdownHeaderUser > a:active,
  #mobileDropdownHeaderUser > a:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  #mobileDropdownHeaderUser > a > img {
    height: 30px;
    width: 30px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
    border: 1px #e4e4e4 solid;
    margin-top: -6px;
    background: #ffffff;
  }

  #dropdownHeaderUser {
    padding-top: 0;
    margin-top: 10px;
  }

  #dropdownHeaderUser > a {
    font-family: inter, sans-serif;
    font-weight: 200;
    font-size: .9rem;
  }

  #dropdownHeaderUser > a:active {
    background-color: #775ca7;
  }

  #dropdownHeaderUser > div {
    height: 1px;
    margin: 10px 16px;
    background-color: #c8c8c8;
  }

  #dropdownHeaderUser > a:nth-of-type(1) {
    background-color: #775ca7;
    color: white;
    padding: 10px 24px;
  }

  #dropdownHeaderUser > div:nth-of-type(1) {
    display: none;
  }

  #dropdownHeaderUser > a:nth-of-type(2) {
    margin-top: 10px;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu {
    margin: 0;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu > p {
    width: auto;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu > span {
    padding: 20px;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu ul {
    padding: 0;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu li {
    width: 100%;
  }

  a.notification-dropdown-link {
    position: relative;
  }

  a.notification-dropdown-link span {
    top: 0;
    padding-bottom: 2px;
  }
}

@media (max-width: 350px) {
  #mobileHeaderDivUnderLogo > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:nth-of-type(2) > a {
    padding: 0 10px;
  }
}

.tc-classified-single {
  margin-top: 14px;
}

.tc-classified-single a {
  display: table;
  font-family: 'PT Serif', serif;
  font-size: 1rem;
}

.tc-classified-single a:hover {
  text-decoration: none;
}

.tc-classified-single a:first-child {
  font-weight: 500;
  color: #F6685A;
}

.tc-classified-single a:last-child {
  color: #4D4D4D;
}

.tc-classified-container {
  max-width: 100%;
  display: table;
}

.tc-classified-container .logo {
  margin-top: 14px;
}

.tc-classified-container .logo img {
  max-width: 100%;
  height: auto;
}

.ytp.ytp-has-playlist.ytp-playlist-visible {
  min-height: 360px;
}

.login-to-see-class {
  text-align: center;
  font-size: 1rem;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  color: #4D4D4D;
}

.login-to-see-class a {
  color: #775ca7;
}

.login-to-see-class a:hover {
  text-decoration: none;
}

.custom-content {
  position: relative;
  padding: 0 40px;
}

.custom-content .title-colum-6,
.custom-content .title-colum-3 {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #F6685A;
  margin-top: 15px;
  color: #4d4d4d;
}

.custom-content .title-colum-12 {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #F6685A;
  color: #4d4d4d;
}

.custom-content .title-colum-frame {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #F6685A;
  color: #4d4d4d;
  width: 100px;
  margin: 20px 0px;
}

.custom-content .title-colum-12 {
  padding-top: 20px;
  width: 150px;
}

.custom-content .nav-tabs {
  margin: -10px 0 30px 0;
}

.custom-content .nav-tabs > .nav-item:nth-of-type(1) a {
  padding-left: 0;
}

.custom-content .nav-tabs > .nav-item {
  padding-bottom: 1px;
}

.custom-content .nav-tabs .nav-link,
.custom-content .nav-tabs .navbar .dropdown-toggle,
.navbar .custom-content .nav-tabs .dropdown-toggle {
  text-transform: inherit;
}

.custom-content .nav-tabs .nav-link.active,
.custom-content .nav-tabs .navbar .active.dropdown-toggle,
.navbar .custom-content .nav-tabs .active.dropdown-toggle,
.custom-content .nav-tabs .nav-item.show .nav-link,
.custom-content .nav-tabs .nav-item.show .navbar .dropdown-toggle,
.navbar .custom-content .nav-tabs .nav-item.show .dropdown-toggle {
  background-color: transparent;
  border-color: transparent;
  font-weight: 500;
  color: #F6685A;
  border-bottom: 1px solid #F6685A;
}

.custom-content .nav-tabs .nav-link:hover,
.custom-content .nav-tabs .navbar .dropdown-toggle:hover,
.navbar .custom-content .nav-tabs .dropdown-toggle:hover {
  border-color: transparent transparent #dee2e6;
  color: #F6685A;
}

.custom-content a.more {
  color: #f96854;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 50px;
  border-radius: 1px;
  border: 1px solid #f96854;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: white;
}

.custom-content a.more:hover {
  color: white;
  background: #F6685A;
}

.custom-content a.more span {
  pointer-events: none;
}

.custom-content a.more:hover,
.custom-content a.more:focus {
  text-decoration: none;
}

.custom-content .youtube-frame .ytp:not(.ytp-fullscreen) iframe {
  width: 585px;
  height: 315px;
}

.custom-content .new-meet-box .major-text-title {
  color: #ffffff;
  text-align: center;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 38px;
  padding: 10px;
}

.custom-content .new-meet-box .minor-text-title {
  color: #ffffff;
  text-align: center;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 31px;
  padding: 10px;
}

.custom-content .new-meet-box .img-avatar img {
  padding: 3px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 5px solid #ffffff;
}

.custom-content .new-meet-box .main-text-name {
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
}

.custom-content .new-meet-box .minor-text-work {
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
}

.poll-index-page {
  background-color: white;
  padding: 20px 0;
  margin-top: 20px;
}

.poll-index-page .result-option-id {
  margin-top: 5px;
}

.poll-index-page .result-option-id strong {
  font-size: .9rem;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  color: #4D4D4D;
}

.poll-index-page .result-option-id span {
  font-size: .9rem;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  color: #4D4D4D;
  margin-left: 10px;
}

.poll-index-page h5 {
  font-size: 1rem;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  color: #4D4D4D;
}

.poll-index-page .progress-bar.active {
  background: none;
  background-color: #775ca7;
}

.poll-index-page h3 {
  font-size: 1rem;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  color: #4D4D4D;
  margin-left: 4px;
}

.poll-index-page .panel-body {
  height: auto;
}

.poll-index-page .list-group li {
  padding: 4px 0 4px 0;
  border: none;
}

.poll-index-page .list-group li label {
  font-size: .9rem;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  color: #4D4D4D;
}

.poll-index-page .list-group li label input {
  margin: 0 4px;
}

.poll-index-page .panel-footer input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  font-size: 15px;
  border: 0;
  border-radius: 0;
  padding: 8px 25px;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  color: white;
  background: #775ca7;
  margin-top: 14px;
  margin-left: 4px;
}

.card-post-category-container {
  display: inline-table;
  text-transform: uppercase;
  color: white;
  font-weight: 500;
  font-family: inter, sans-serif;
  font-size: .6rem;
  letter-spacing: 1px;
  padding: 0 10px;
  margin-bottom: 10px;
}

@media (max-width: 1359px) {
  .custom-content .youtube-frame .ytp:not(.ytp-fullscreen) iframe {
    width: 515px;
  }
}

@media (max-width: 1199px) {
  .custom-content .nav-tabs {
    margin: 0px 0 30px 0;
  }

  .custom-content .title-colum-6,
  .custom-content .title-colum-3 {
    font-size: 13px;
  }

  .custom-content .youtube-frame .ytp:not(.ytp-fullscreen) iframe {
    width: 425px;
  }
}

@media (max-width: 992px) {
  .custom-content .title-colum-3 {
    width: 130px;
  }

  .custom-content .title-colum-12 {
    width: 30%;
  }

  .custom-content .youtube-frame .ytp:not(.ytp-fullscreen) iframe {
    width: 305px;
  }
}

@media (max-width: 767px) {
  .custom-content {
    padding: 0 20px;
  }

  .custom-content .nav-tabs {
    margin: 10px 0 30px 0;
    width: 100%;
  }

  .custom-content .meet-people .new-meet-box .right {
    min-height: 0;
  }

  .custom-content .meet-people .new-meet-box .new-date-img img {
    width: 320px;
  }

  .custom-content .meet-people .new-meet-box .minor-text-title {
    font-size: 22px;
  }

  .custom-content .meet-people .new-meet-box .img-avatar img {
    width: 80px;
  }

  .custom-content .meet-people .new-meet-box .main-text-name {
    font-size: 14px;
  }

  .custom-content .meet-people .new-meet-box .minor-text-work {
    font-size: 13px;
  }

  .custom-content .title-colum-3 {
    width: auto;
  }

  .custom-content .title-colum-3 span {
    font-size: 1rem;
  }

  .post-img-wrap {
    display: none;
  }

  .custom-content .title-colum-12 {
    width: 50%;
  }

  .custom-content .youtube-frame .ytp:not(.ytp-fullscreen) iframe {
    width: 100%;
  }

  .overflow-hidden-class {
    overflow: hidden;
  }

  .owl-carousel-creators .owl-item {
    display: inline-table;
  }

  .owl-carousel-creators .owl-item img {
    display: inline-table;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .owl-carousel-creators .owl-item .plus {
    display: table;
    margin: auto;
    color: #775ca7;
  }

  .owl-carousel-creators .owl-item a p {
    font-family: inter, sans-serif;
    font-weight: 500;
    color: #4D4D4D;
    font-size: 1rem;
    margin: 10px 0 0 0;
  }

  .owl-carousel-creators .owl-item a:hover {
    text-decoration: none;
  }

  .owl-carousel-creators .owl-item span {
    font-family: inter, sans-serif;
    font-weight: 500;
    color: #D1D3D4;
    font-size: .9rem;
  }

  .owl-carousel-creators .owl-item .item > a:first-child {
    display: inline-table;
    max-height: 150px;
  }

  .owl-carousel-creators .item {
    text-align: center;
  }

  .card-post-category-container {
    letter-spacing: 0;
  }
}

.custom-container {
  position: relative;
}

.div-insane-background-right {
  overflow: hidden;
  display: block;
  height: 100%;
  width: 10000px;
  top: 0;
  left: 100%;
  background-color: #f8f9fb;
  position: absolute;
  z-index: 0;
}

.div-insane-background-left {
  overflow: hidden;
  display: block;
  height: 100%;
  width: 10000px;
  top: 0;
  right: 100%;
  background-color: #f8f9fb;
  position: absolute;
  z-index: 0;
}

.ytp .ytp-loader {
  -webkit-transform: translate(-50%, -50%) scale(0.5) !important;
          transform: translate(-50%, -50%) scale(0.5) !important;
  margin: 0 !important;
}

body {
  top: 0 !important;
}

.goog-te-banner-frame,
.skiptranslate,
.goog-te-gadget-simple {
  display: none !important;
}

.goog-text-highlight {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.translate-btn-container {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.translate-btn-container #translate-to-ta {
  font-family: inter, sans-serif;
  background-color: #775ca7;
  color: white;
  padding: 4px 20px;
  font-weight: 500;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.translate-btn-container #translate-to-ta:hover {
  text-decoration: none;
  background-color: #F6685A;
}

#single_post figure {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto !important;
}

#single_post figure.align-left {
  float: left;
}

#single_post figure.align-right {
  float: right;
}

#single_post figure figcaption {
  text-align: center;
}

#single_post figure figcaption span {
  font-size: 1rem !important;
}

#single_post .instagram-media {
  min-width: unset !important;
}

.ejs-instagram {
  min-width: 300px;
}

.ejs-embed iframe {
  border: none;
}

/*blockquote.twitter-tweet {
	display: none;
}*/

.copied::after {
  position: absolute;
  top: -100%;
  right: -10%;
  display: block;
  content: "copied";
  font-size: 0.75em;
  padding: 2px 3px;
  color: #fff;
  background-color: #775ca7;
  border-radius: 3px;
  opacity: 0;
  will-animate: opacity, transform;
  -webkit-animation: showcopied 1.5s ease;
          animation: showcopied 1.5s ease;
}

@-webkit-keyframes showcopied {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  70% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}

@keyframes showcopied {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  70% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}

.in-favourite-class svg {
  background-color: #775ca7;
  border-radius: 50%;
  padding: 2px;
  height: 18px;
  width: 18px;
  color: white !important;
}

.header-section-h3 {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #4D4D4D;
}

.under-header-section-hr {
  height: 0px;
  background-color: #F96854;
  margin: 10px auto 0 0;
}

.single-post-related-article-div .header-section-h3 {
  padding-top: 30px;
}

.single-post-related-article-div .under-header-section-hr {
  width: 140px;
  margin-bottom: 30px;
}

.single-post-related-article-mobile-div a {
  display: block;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #4D4D4D;
  padding: 4px 0;
}

.single-post-discover-businesses-div .header-section-h3 {
  color: #4d4d4d;
}

.single-post-discover-businesses-div .under-header-section-hr {
  background-color: #F96854;
  margin-bottom: 30px;
  width: 220px;
}

.single-post-message .modal-header {
  color: #fff;
  background: #775da7;
}

.single-post-message #sendMessageModal #btn-chat {
  padding: 0.5rem 1.5rem;
  color: #fff;
  background: #775da7;
}

.single-post-message ul.chat li {
  border-bottom: 0;
}

.single-post-message ul.chat .left .p-message-companion {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  color: #ffffff;
  max-width: 60%;
  background: #f96854;
  padding: 5px 20px;
  border-radius: 13px 13px 0px 13px;
}

.single-post-message ul.chat .left .p-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 60%;
  color: #63646d;
  background: #c5c9e6;
  padding: 5px 20px;
  border-radius: 0px 13px 13px 13px;
}

.single-post-head > .left-head > a {
  color: #F6685A;
  text-transform: uppercase;
  font-weight: 500;
  padding: 5px 5px 5px 0;
}

.single-post-head {
  padding-top: 20px;
  padding-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #775ca7;
}

.single-post-head > .left-head > span {
  color: #4D4D4D;
  font-family: inter, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: .9rem;
}

.single-post-head > .right-head {
  margin-left: auto;
  color: #4D4D4D;
  font-family: inter, sans-serif;
  font-weight: 400;
  font-size: .9rem;
}

.single-post-head > .right-head > a {
  color: #4D4D4D;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: .9rem;
}

.single-post-head > .right-head > a:hover {
  text-decoration: none;
}

.single-post-head > .right-head > svg {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  margin-bottom: -2px;
}

.single-post-head > .right-head > span {
  color: #4D4D4D;
  font-family: inter, sans-serif;
  font-weight: 400;
  font-size: .9rem;
}

.single-post-head > .right-head > span:nth-of-type(1) {
  font-weight: 500;
  text-transform: uppercase;
}

.single-posh-top-title {
  margin-top: 20px;
  margin-bottom: 0;
  font-family: inter, sans-serif;
  font-weight: 500;
  word-break: break-word;
  font-size: 2.7rem;
  color: #000000;
}

.single-posh-second-title {
  margin-top: 20px;
  margin-bottom: 0;
  font-family: inter, sans-serif;
  font-weight: 200;
  word-break: break-word;
  font-size: 2rem;
}

.post-image-class {
  margin-top: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 550px;
}

.author-location {
  white-space: nowrap;
}

@media (max-width: 768px) {
  .author-location {
    white-space: normal;
  }
}

.post-content-text {
  font-family: inter, sans-serif;
  word-wrap: break-word;
  font-size: 18px !important;
  color: #000000;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: normal;
}

@media (max-width: 768px) {
  .post-content-text {
    font-size: 16px !important;
    line-height: 150%;
  }
}

.post-content-text h2 {
  font-size: unset;
}

.post-content-text li {
  white-space: pre-wrap !important;
}

.post-content-text ul {
  padding-left: 40px;
  margin-bottom: 20px;
}

.post-content-text ul li {
  list-style-type: disc;
}

.post-content-text video {
  max-width: 100%;
}

.post-content-text audio {
  width: 100%;
}

.post-content-text img {
  display: block;
  max-width: 100% !important;
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  /* margin: auto; */
}

.post-content-text strong {
  word-break: break-word;
}

.post-content-text p {
  margin-bottom: 20px !important;
}

.post-content-text > p {
  font-family: inter, sans-serif !important;
  color: #000000;
  margin-bottom: 20px !important;
  line-height: 170% !important;
  font-weight: 300 !important;
  letter-spacing: normal;
  font-size: 18px !important;
}

@media screen and (max-width: 768px) {
  .post-content-text > p {
    font-size: 16px !important;
  }
}

.post-content-text span {
  font-family: inter, sans-serif !important;
  color: #000000;
  line-height: 22px;
  margin-bottom: 30px !important;
  letter-spacing: 0;
  font-weight: 300 !important;
  font-size: 14px !important;
}

@media screen and (max-width: 768px) {
  .post-content-text span {
    font-size: 12px !important;
  }
}

.post-content-text font {
  font-family: inter, sans-serif !important;
  color: #000000;
  line-height: normal;
  margin-bottom: 30px !important;
  letter-spacing: .75px;
}

.post-content-text br {
  margin-bottom: 30px !important;
}

.post-content-text > p:last-child {
  margin-bottom: 0;
}

.post-content-text a {
  color: #775ca7;
  word-break: break-word;
}

.post-content-text a span {
  color: #775ca7 !important;
  text-decoration: none !important;
}

.post-content-text iframe {
  max-width: 100%;
}

.post-content-text iframe.youtube-video-class {
  margin-top: 20px;
  width: 100%;
  height: 445px;
}

.post-content-text iframe.insta-video-class {
  margin-top: 20px;
  width: 100%;
  height: 970px;
}

.post-content-text a {
  font-weight: 500;
}

.post-content-text blockquote {
  margin: 40px 5%;
  padding: 20px 5%;
  quotes: "\201C" "\201D" "\2018" "\2019";
  position: relative;
  border-left: 2px solid #775ca7;
}

.post-content-text blockquote p {
  margin-bottom: 20px;
}

.post-content-text blockquote:before {
  position: absolute;
  content: open-quote;
  -webkit-transform: scale(3);
          transform: scale(3);
  color: #775ca7;
  top: 8px;
  left: 18px;
}

.post-content-text blockquote:after {
  position: absolute;
  content: close-quote;
  color: #775ca7;
  -webkit-transform: scale(3);
          transform: scale(3);
  bottom: -20px;
  right: 0;
}

.post-content-text .tiktok-embed {
  border-left: none;
  margin: 0;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.post-content-text .tiktok-embed:before,
.post-content-text .tiktok-embed:after {
  display: none;
}

.post-content-text div[data-ephox-embed-iri] {
  margin: 20px 0;
}

.post-social-buttons {
  margin-top: 30px;
  margin-bottom: 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #775ca7;
  list-style: none;
}

.post-social-buttons > li > a {
  color: #775ca7;
}

.post-social-buttons > li > a:hover {
  text-decoration: none;
}

.post-social-buttons > li > a > svg {
  margin-right: 14px;
}

.post-social-buttons > li > a > span {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 0.8rem;
}

.post-social-buttons > li:nth-child(2n) {
  margin: 2px 14px 0 14px;
  width: 1px;
  background-color: #775ca7;
}

.custom-dollar-sign {
  background-color: #775ca7;
  color: white;
  border-radius: 50%;
  width: 18px !important;
  padding: 4px;
  height: 18px;
  margin-bottom: -2px;
}

.star-icon-social-li {
  margin-left: auto !important;
  width: auto !important;
  background-color: transparent !important;
  margin-right: 0 !important;
}

.star-icon-social {
  color: #775ca7 !important;
  margin-right: 0 !important;
}

.carousel-img-block-inner {
  position: relative;
}

.carousel-img-block-inner span {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  background-color: #52BFCC;
  color: white;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: .8rem;
  padding: 10px;
}

.carousel-img-block-inner img {
  -o-object-fit: cover;
     object-fit: cover;
  padding: 20px 40px;
}

.three-img-container {
  padding: 30px 0;
}

.three-img-block-inner {
  position: relative;
}

.three-img-block-inner a {
  display: block;
  position: relative;
  background-color: white;
}

.three-img-block-inner span {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  background-color: #52BFCC;
  color: white;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: .8rem;
  padding: 10px;
}

.three-img-block-inner img {
  -o-object-fit: cover;
     object-fit: cover;
  padding: 20px 30px;
  width: 100%;
  max-height: 380px;
}

.shopify-buy-btn {
  position: absolute !important;
  display: table !important;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: white;
  background: #F6685A !important;
  padding: 5px 24px;
  border-radius: 4px;
}

.shopify-buy-btn:hover {
  text-decoration: none;
  color: white;
}

.comments-single-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px 0 0 0;
}

.comments-single-post-title {
  margin: 0 0 24px 0;
  font-size: 16px;
  color: #222531;
}

.comments-single-post > h3 {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  padding-top: 30px;
  line-height: 100%;
}

.comments-single-post > hr {
  background-color: #F96854;
  width: 126px;
  margin: 10px auto 0 0;
}

.send-message-block {
  padding-top: 16px;
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 2px solid #C5C9E6;
}

.img-sender-div img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.text-sender-div {
  width: 100%;
}

.text-sender-div > form textarea {
  width: 100%;
  resize: none;
  border-color: #775CA7;
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
  padding: 20px;
}

.text-sender-div > form > div {
  margin-top: 10px;
}

.text-sender-div > form > div input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: #775ca7;
  color: white;
  text-transform: uppercase;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: .7rem;
  padding: 7px 15px;
  cursor: pointer;
}

.text-sender-div > form > div span {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #4D4D4D;
}

.text-sender-div > form > div span a {
  color: #775ca7;
}

.share-box.single-post-share .write-box-wrap {
  margin-bottom: 50px;
  background: #C5C9E6;
  margin-top: 30px;
  width: 80%;
}

.share-box.single-post-share .write-box-wrap .btn-write {
  margin-right: 20px;
}

.comments-div {
  width: 100%;
}

.comments-div > .single-comment-block > .single-comment-block {
  margin-left: 60px !important;
}

.comments-div form.hidden-form {
  display: none;
}

.comment-social {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #58667E;
}

.comment-social:hover {
  text-decoration: none;
  color: #58667E;
}

.comment-social span {
  pointer-events: none;
}

.comment-social svg {
  pointer-events: none;
  margin-left: 6px;
  color: #58667E;
  overflow: hidden;
}

.comment-social.comment-dislike {
  margin: 0 10px;
}

.comment-social.active svg {
  background-color: #775ca7;
  border-radius: 50%;
  padding: 4px 4px 5px 4px;
  height: 20px;
  width: 20px;
  color: white;
  margin-bottom: -2px;
}

.comment-social.comment-dislike.active svg {
  padding: 4px 4px 1px 4px;
}

.title-creators {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
  color: #4d4d4d;
  width: 100%;
}

.load-more-link-comments {
  display: inline-block;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: .8rem;
  text-transform: uppercase;
  color: #775ca7;
  margin-left: 60%;
  margin-top: 20px;
}

.load-more-link-comments:hover {
  text-decoration: none;
}

.carousel-business-item > .post-carusel {
  width: 200px;
  margin: auto;
}

.carousel-business-item a.dropdown-toggle img {
  width: 30px;
}

.change-language {
  color: #5C4586 !important;
  text-decoration: underline !important;
}

.change-language:hover {
  color: #5C4586 !important;
}

@media (min-width: 1360px) {
  .post-content-text iframe.insta-video-class {
    width: 100%;
    height: 1080px;
  }

  .three-img-block-inner img {
    height: 360px;
  }
}

@media (min-width: 1200px) and (max-width: 1359px) {
  .three-img-block-inner img {
    height: 310px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .post-image-class {
    height: 370px;
  }

  .three-img-block-inner img {
    height: 270px;
  }

  .post-content-text iframe.youtube-video-class {
    width: 100%;
    height: 330px;
  }

  .post-content-text iframe.insta-video-class {
    width: 100%;
    height: 770px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .post-image-class {
    height: 280px;
  }

  .post-social-buttons > li > a > svg {
    margin-right: 7px;
  }

  .post-social-buttons > li > a > span {
    font-size: .8rem;
  }

  .post-social-buttons > li:nth-child(2n) {
    margin: 2px 7px 0 7px;
  }

  .three-img-block-inner img {
    height: 198px;
  }

  .post-content-text iframe.youtube-video-class {
    width: 100%;
    height: 250px;
  }

  .post-content-text iframe.insta-video-class {
    width: 100%;
    height: 630px;
  }
}

@media (max-width: 767px) {
  .post-image-class {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 240px;
  }

  .single-post-related-article-div .single-post-related-article-mobile-div {
    padding: 0 20px;
  }

  .single-post-related-article-div .single-post-related-article-mobile-div div#related_artical a {
    width: 100%;
  }

  .single-post-related-article-div .single-post-related-article-mobile-div div#related_artical img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-height: 190px;
    margin: 20px 0;
  }

  .post-social-buttons {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .post-social-buttons > li {
    display: inline-block;
  }

  .post-social-buttons > li > a > svg {
    margin-right: 7px;
  }

  .post-social-buttons > li > a > span {
    font-size: .7rem;
  }

  .post-social-buttons > li:nth-child(2n) {
    margin: 2px 7px 0 7px;
  }

  .star-icon-social-li {
    margin-left: 0 !important;
  }

  .send-message-block,
  .comments-div {
    width: 100%;
  }

  .text-sender-div > form > div input[type="submit"] {
    font-size: .7rem;
    padding: 7px 10px;
    margin-right: 10px;
  }

  .text-sender-div > form > div span {
    font-size: .5rem;
  }

  .load-more-link-comments {
    margin: 20px auto 0 auto;
    padding-bottom: 30px;
    display: table;
  }

  .single-post-related-article-div .under-header-section-hr {
    margin-bottom: 14px;
  }

  .post-content-text iframe.youtube-video-class {
    width: 100%;
    height: 250px;
  }

  .post-content-text iframe.insta-video-class {
    width: 100%;
    height: 680px;
  }

  .post-content-text img {
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
    margin: 0;
    max-height: 240px;
  }

  .single-post-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .single-post-head .right-head {
    margin: 0;
  }
}

@media (min-width: 400px) and (max-width: 465px) {
  .carousel-business-item > .post-carusel {
    width: 160px;
  }
}

@media (max-width: 399px) {
  .carousel-business-item > .post-carusel {
    width: 260px;
  }

  .post-content-text iframe.youtube-video-class {
    height: 160px;
  }
}

.back-btn-style {
  color: white;
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 22px;
  text-transform: capitalize;
  margin: 0 0 20px 0;
  background: #775CA7;
  border-radius: 6px;
  height: 48px;
  line-height: 38px;
}

.back-btn-style:hover {
  background: #5C4586;
  text-decoration: none;
  color: white;
}

.back-btn-style:active {
  background: #9975FE;
}

.article-date-head-text span.label {
  font-weight: 400 !important;
}

.article-date-head-text span.required {
  color: red;
  font-size: 0.7rem;
  margin-top: 2px;
  margin-left: 10px;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.image-note-div {
  margin-top: 20px;
}

.image-note-div span {
  display: block;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
  color: #4D4D4D;
}

.write-article-head {
  padding: 10px 0;
}

.write-article-head > div {
  margin-left: auto;
  padding-right: 40px;
}

.write-article-head > div > a {
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
  color: #775ca7;
  text-transform: uppercase;
  padding: 3px 15px;
  border-radius: 2px;
  border: 2px solid #C5C9E6;
}

.write-article-head > div > a:last-child {
  background-color: #775ca7;
  color: white;
  margin-left: 10px;
  border-color: #775ca7;
}

.write-article-head > div > input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #775CA7;
  border-radius: 6px;
  outline: none;
  color: white;
  margin-left: 10px;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
  padding: 3px 15px;
  text-transform: capitalize;
  border: none;
  height: 48px;
}

.write-article-head > div > input:hover {
  text-decoration: none;
  background: #5C4586;
}

.write-article-head > div > input:active {
  background: #9975FE;
}

.create-new-article-bottom-btn {
  font-family: inter, sans-serif;
  font-size: 1rem;
  color: #775ca7;
  text-transform: uppercase;
  padding: 3px 15px;
  border-radius: 2px;
  border: 2px solid #C5C9E6;
}

.create-new-article-bottom-btn:hover {
  text-decoration: none;
  color: #775ca7;
}

.article-date-head-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
}

.article-date-head-container .article-date-head {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
  color: #4D4D4D;
}

.article-date-head-container .article-date-head > svg {
  margin-left: 10px;
  color: #775ca7;
}

.article-date-head-container .article-date-head > input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  background-color: #f3f3f3;
  color: #4D4D4D;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
  width: 220px;
}

.article-date-head-container .selectric-write-article-location-select {
  width: 230px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: inline-block;
  margin-top: 0;
  background-color: #f8f9fb;
}

.article-date-head-container .selectric-write-article-location-select > .selectric {
  background: none;
}

.article-date-head-container .selectric-write-article-location-select > .selectric .label {
  margin-left: 0;
}

.route-publish {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  color: #775CA7;
  margin-bottom: 15px;
}

.route-publish img {
  margin: 0 8px;
}

.route-publish a {
  text-decoration: none;
  color: #8A91AA;
}

.cropper-face,
.cropper-view-box {
  border-radius: 0 !important;
}

.write-article-global-div .wrapper-accept-terms,
.write-discussion-global-div .wrapper-accept-terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 32px;
  margin-bottom: 25px;
}

.write-article-global-div .wrapper-accept-terms .accept-terms-label,
.write-discussion-global-div .wrapper-accept-terms .accept-terms-label {
  color: #58667E;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 300;
  text-align: left;
  margin-left: 12px;
  margin-bottom: 0;
}

.write-article-global-div .wrapper-accept-terms .accept-terms-label a,
.write-discussion-global-div .wrapper-accept-terms .accept-terms-label a {
  color: #1087F4 !important;
  text-decoration: none;
  font-weight: 500;
}

.write-article-global-div .tooltip-article,
.write-discussion-global-div .tooltip-article {
  background: #EFEAFF;
  border: 1px solid #7B61FF;
  border-radius: 8px;
  width: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.write-article-global-div .tooltip-article .tooltip-title,
.write-discussion-global-div .tooltip-article .tooltip-title {
  font-size: 16px;
  line-height: 125%;
  color: #222531;
  margin-left: 15px;
}

.write-article-global-div .tooltip-article ol,
.write-discussion-global-div .tooltip-article ol {
  margin-top: 15px;
  margin-left: 15px;
  list-style-type: disc;
}

.write-article-global-div > h1,
.write-discussion-global-div > h1 {
  font-family: inter, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #C5C9E6;
  color: #4D4D4D;
}

.write-article-global-div .input-wrap .input-label,
.write-discussion-global-div .input-wrap .input-label {
  font-size: 16px;
  color: #775CA7;
  margin-bottom: 8px;
}

.write-article-global-div .input-wrap .input-label .required-field,
.write-discussion-global-div .input-wrap .input-label .required-field {
  color: #F6685A;
}

.write-article-global-div .input-wrap .wrapper-img,
.write-discussion-global-div .input-wrap .wrapper-img {
  background: #EBF0F4;
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 60px 0;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.write-article-global-div .input-wrap .wrapper-img.none,
.write-discussion-global-div .input-wrap .wrapper-img.none {
  background: transparent;
}

.write-article-global-div .input-wrap .wrapper-img.image-exist,
.write-discussion-global-div .input-wrap .wrapper-img.image-exist {
  background: transparent !important;
  padding: 0 !important;
}

.write-article-global-div .input-wrap .wrapper-img .sub-img-text,
.write-discussion-global-div .input-wrap .wrapper-img .sub-img-text {
  color: #58667E;
  font-size: 16px;
  margin-top: 30px;
}

.write-article-global-div .input-wrap .wrapper-img .sub-img-text.none,
.write-discussion-global-div .input-wrap .wrapper-img .sub-img-text.none {
  display: none;
}

.write-article-global-div .input-wrap .wrapper-img:hover,
.write-discussion-global-div .input-wrap .wrapper-img:hover {
  background: #d5d5d5;
}

.write-article-global-div .input-wrap .selectric-wrapper,
.write-discussion-global-div .input-wrap .selectric-wrapper {
  margin-top: 0 !important;
}

.write-article-global-div .input-wrap .form-control,
.write-discussion-global-div .input-wrap .form-control {
  padding: 12px 32px 12px 24px;
  height: 48px;
  border: 1px solid #EBF0F4;
  outline: none !important;
  border-radius: 8px;
  color: #222531;
  font-weight: 300;
  font-size: 16px;
}

.write-article-global-div .input-wrap .form-control:focus,
.write-discussion-global-div .input-wrap .form-control:focus {
  border: 2px solid #775CA7;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.write-article-global-div .input-wrap .form-control::-webkit-input-placeholder,
.write-discussion-global-div .input-wrap .form-control::-webkit-input-placeholder {
  color: #4E597E;
  font-weight: 300;
}

.write-article-global-div .input-wrap .form-control::-ms-input-placeholder,
.write-discussion-global-div .input-wrap .form-control::-ms-input-placeholder {
  color: #4E597E;
  font-weight: 300;
}

.write-article-global-div .input-wrap .form-control::placeholder,
.write-discussion-global-div .input-wrap .form-control::placeholder {
  color: #4E597E;
  font-weight: 300;
}

.write-article-global-div .input-wrap .amount-symbols,
.write-discussion-global-div .input-wrap .amount-symbols {
  font-size: 12px;
  text-align: right;
  color: #58667E;
  margin: 8px 0 16px;
  font-weight: 300;
}

.write-article-global-div .input-wrap.double-select,
.write-discussion-global-div .input-wrap.double-select {
  width: 49%;
}

.write-article-global-div .publish-buttons,
.write-discussion-global-div .publish-buttons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.write-article-global-div .publish-buttons .wrapper-buttons,
.write-discussion-global-div .publish-buttons .wrapper-buttons {
  width: 200px;
  height: 48px;
}

.write-article-global-div .publish-buttons .wrapper-buttons .btn,
.write-discussion-global-div .publish-buttons .wrapper-buttons .btn {
  width: 100% !important;
}

.write-article-global-div .publish-buttons .wrapper-buttons.submit,
.write-discussion-global-div .publish-buttons .wrapper-buttons.submit {
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  .write-article-global-div .publish-buttons,
  .write-discussion-global-div .publish-buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .write-article-global-div .publish-buttons .wrapper-buttons,
  .write-discussion-global-div .publish-buttons .wrapper-buttons {
    width: 130px;
  }

  .write-article-global-div .publish-buttons .wrapper-buttons.submit,
  .write-discussion-global-div .publish-buttons .wrapper-buttons.submit {
    width: 170px;
    margin-left: 20px;
  }
}

.write-article-global-div > textarea,
.write-discussion-global-div > textarea {
  resize: none;
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
}

.write-article-global-div > textarea:focus,
.write-discussion-global-div > textarea:focus {
  outline: none;
  border: 2px solid #775CA7;
}

.write-article-global-div .mce-tinymce.mce-container.mce-panel,
.write-discussion-global-div .mce-tinymce.mce-container.mce-panel {
  margin-top: 10px;
  display: block;
}

.tox .tox-dialog__body-nav-item:nth-child(2),
.tox .tox-dialog__body-nav-item:nth-child(3) {
  display: none !important;
}

.publish-buttons.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .publish-buttons.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .publish-buttons.mobile .submit-review {
    width: 142px !important;
  }
}

.upload-img-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.article-picture-div {
  cursor: pointer;
  height: 420px;
  width: 100%;
  display: block;
  position: relative;
  background: #C5C9E6;
  margin-top: 10px;
  background-position: center;
  background-size: cover;
}

.article-picture-div > .corner-image-input {
  position: absolute;
  right: 20px;
  top: 20px;
}

.article-picture-div > .center-image-input {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}

.article-picture-div > .center-image-input > span {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  background-color: white;
  display: inline-block;
  border-radius: 50%;
  padding: 12px 16px;
  color: #775ca7;
}

.picture-type-file-input {
  display: none;
}

.add-tag {
  display: inline-block;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
  background-color: #DEDEDE;
  border: 2px solid #D5D5D5;
  border-radius: 2px;
  color: #707070;
  margin-top: 20px;
  padding: 3px 10px;
  margin-bottom: 30px;
}

.add-tag:hover {
  text-decoration: none;
}

.selectric-selectric-edit-category {
  margin-bottom: 20px;
}

.tag-area-article {
  margin-top: 30px;
  padding-bottom: 30px;
}

.tag-area-article label {
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  color: #775CA7;
}

.disabled-tag-area {
  min-height: 48px;
  resize: none;
  width: 100%;
  border: none;
  outline: none;
  cursor: not-allowed;
  background: white;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.input-draft-youtube,
.input-draft-podcast {
  margin-top: 30px;
}

.span-picture-title {
  display: table;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  color: #4D4D4D;
}

.span-picture-title span {
  color: red;
  font-size: 0.7rem;
  margin-top: 2px;
  margin-left: 4px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .article-picture-div {
    height: 300px;
  }

  .write-article-head > div {
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .article-picture-div {
    height: 240px;
  }

  .write-article-global-div,
  .write-discussion-global-div {
    width: 100%;
  }

  .write-article-head > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .write-article-head > div > a:last-child {
    margin-left: auto;
  }

  .article-picture-div > .corner-image-input {
    right: inherit;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

  .article-picture-div > .center-image-input {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    left: inherit;
    top: inherit;
    right: 0;
    bottom: 0;
  }

  .article-picture-div > .center-image-input > span {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
    background-color: white;
    display: inline-block;
    border-radius: 50%;
    padding: 12px 16px;
    color: #775ca7;
  }

  .write-article-head.mobile-stile-write-article {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .write-article-head.mobile-stile-write-article > div {
    padding: 0;
    margin-top: 30px;
  }

  .write-article-head.mobile-stile-write-article a {
    margin: auto;
  }

  .write-article-head.mobile-stile-write-article input {
    margin: auto;
  }
}

.open-modal-delete-own-post {
  display: table;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: black;
  text-transform: uppercase;
  padding: 3px 15px 3px 0;
  margin-bottom: 20px;
}

.open-modal-delete-own-post:hover {
  text-decoration: none;
  color: #F6685A;
}

@media (max-width: 576px) {
  .write-article-global-div input.article-description-input + label.article-excerpt-label,
  .write-discussion-global-div input.article-description-input + label.article-excerpt-label {
    font-size: 1rem;
  }

  .write-article-global-div input.article-description-input + label.article-excerpt-label:after,
  .write-discussion-global-div input.article-description-input + label.article-excerpt-label:after {
    font-size: .7rem;
    margin-top: -26px;
    margin-left: 160px;
  }
}

.write-discussion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 900px;
  padding: 0 20px;
  margin: 40px auto 112px auto;
}

@media (max-width: 600px) {
  .write-discussion {
    padding: 0 5px;
  }
}

.write-discussion-title {
  margin: 13px 0;
  font-size: 25px;
  color: #775CA7;
}

.write-discussion-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  background: #EFEAFF;
  margin-bottom: 18px;
  border: 1px solid #7B61FF;
  border-radius: 8px;
}

.write-discussion-tips-image {
  width: 22.5px;
  height: 18px;
}

.write-discussion-tips-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 16px;
}

.write-discussion-tips-list-title {
  line-height: 1;
}

.write-discussion-tips-list ol {
  margin: 8px 0 0 -15px;
}

.write-discussion-tips-list ol li {
  list-style-type: disc;
}

.write-discussion-submit {
  margin-top: 53px;
  margin-left: auto;
  font-size: 14px;
  color: #58667E;
  border: 1px solid #58667E;
  border-radius: 6px;
  padding: 15px 56px;
}

.settings-paypal-btn {
  height: 35px;
  margin-left: 40px !important;
  padding: 0 20px !important;
  text-transform: uppercase;
  color: white;
  background-color: #775ca7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}

.settings-paypal-btn #paypal-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.position-relative #results,
.user-settings-invited-div-block #results {
  position: absolute;
  z-index: 10;
  width: 100%;
}

.user-settings-invited-div-block label {
  margin-top: 30px !important;
}

.business-member-title {
  margin-top: 20px;
}

.business-member-title span {
  text-transform: uppercase;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #4D4D4D;
}

.business-member-title .col-5 span {
  margin-left: 90px;
}

.business-members-container-margin {
  margin-top: 20px;
}

.business-members-name-block a {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
  color: #4D4D4D;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-table;
}

.business-members-name-block a:hover {
  text-decoration: none;
}

.business-members-name-block img {
  height: 50px;
  width: 50px;
  border: 1px #e4e4e4 solid;
  border-radius: 50%;
  padding: 1px;
  margin: 0 10px;
  display: inline-table;
}

.business-members-title-block p {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #4D4D4D;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.style-opacity-0 {
  opacity: 0;
}

.need-fill label {
  color: red !important;
}

.need-fill input,
.need-fill textarea,
.need-fill .selectric,
.need-fill img {
  border: red 2px solid !important;
}

.resize-image-modal-container {
  background: #f8f9fb;
  border-radius: 16px;
}

.crop-image-container {
  width: 400px;
  height: 400px;
  display: table;
  margin: 20px auto auto auto;
}

.crop-image-container img {
  display: table;
  margin: auto;
  max-width: 100%;
}

.btn-more-hover-class {
  color: #F6685A;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 13px;
  margin: 20px auto 20px auto;
  padding: 6px 10px;
  display: inline-table;
  text-align: center;
  width: 100px;
  border-radius: 1px;
  border: 1px solid #F6685A;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: white;
  text-transform: uppercase;
}

.btn-more-hover-class:hover {
  background: #F6685A;
  color: white;
  text-decoration: none;
}

.cropper-container {
  max-height: 80vh;
  margin-top: 28px;
}

.cropper-view-box {
  border-radius: 50%;
  border: 2px solid white !important;
}

#cropping-img-id {
  height: 60vh !important;
}

.cropper-face {
  border-radius: 50%;
  background: url(/images/setka-crop2.png?2c9aa596dc365e4edddceeac188b86f4);
  opacity: 1;
  background-size: cover;
  background-position: center;
}

.cropper-center {
  display: none !important;
}

.cropper-point {
  background-color: white !important;
}

.cropper-view-box {
  outline: none !important;
}

.cropper-point.point-nw,
.cropper-point.point-ne,
.cropper-point.point-sw,
.cropper-point.point-se,
.cropper-line,
.cropper-dashed {
  display: none !important;
}

.fill-your-profile {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: #F6685A;
}

.fill-your-profile .div-insane-background-left,
.fill-your-profile .div-insane-background-right {
  background-color: #F6685A;
}

.fill-your-profile span {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: white;
  display: block;
  text-align: center;
}

.load-more-members-settings,
.load-more-invites-settings {
  display: table;
  margin: auto;
  color: #775ca7;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
}

.load-more-members-settings:hover,
.load-more-invites-settings:hover {
  text-decoration: none;
  color: #775ca7;
}

.load-more-invites-settings {
  display: none;
}

.margin-img-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.business-members-invited-container .bus-member-settings-item {
  padding-bottom: 10px;
}

.question-container a {
  color: #775da7;
  text-decoration: underline;
  font-weight: 600;
}

.question-container .custom-control-label {
  margin: 0;
}

.bus-member-settings-item {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.bus-member-settings-item a {
  display: table;
  margin: auto;
}

.bus-member-settings-item img {
  height: 70px;
  width: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  display: table;
}

.bus-member-settings-item svg {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #775ca7;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

.bus-member-settings-item svg:hover {
  color: red;
}

.user-settings-appearing-div {
  opacity: 0;
  max-height: 0;
  -webkit-transition: max-height .5s ease, opacity .5s ease;
  transition: max-height .5s ease, opacity .5s ease;
}

.appearing-settings-div-add-class {
  opacity: 1;
  max-height: 600px;
}

.appearing-settings-div-add-class label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.appearing-settings-div-add-class label span {
  color: red;
  font-size: .7rem;
  margin-top: 2px;
  margin-left: 4px;
}

.appearing-settings-div-add-class.user-settings-appearing-div-2 {
  max-height: 10000px;
}

.user-settings-appearing-div input {
  background: white;
}

.search-business-icon {
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: #D1D3D4;
}

#results {
  display: none;
  list-style: none;
  padding-left: 0;
  background-color: white;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

#results li {
  padding: 8px 0;
  border-bottom: 1px solid #D1D3D4;
}

#results li span {
  padding: 0 20px 0 10px;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #4D4D4D;
}

#results li a {
  display: inline-table;
  float: right;
  padding-right: 10px;
}

#results li a.followed-user-link {
  cursor: default !important;
}

#results li svg {
  color: #775ca7;
}

input[type="date"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
}

input[type="date"]::-webkit-clear-button {
  display: none;
}

/* Removes the spin button */

input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: #775ca7;
  margin-right: 7px;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

.delete-profile-btn {
  background-color: grey;
  color: white !important;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 20px;
  display: inline-block;
  padding: 3px 10px;
  cursor: pointer;
  border-radius: 2px;
}

.edit-profile-container {
  padding-bottom: 50px !important;
}

.edit-profile-container h2 {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1.8rem;
  padding-top: 30px;
  color: #4D4D4D;
}

.edit-profile-container label {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
  margin-top: 10px;
  color: #4D4D4D;
}

.edit-profile-container label svg {
  color: #775ca7;
}

.edit-profile-container label.flex-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.edit-profile-container label.flex-label span {
  color: red;
  font-size: .7rem;
  margin-top: 2px;
  margin-left: 4px;
}

.edit-profile-container > label:nth-of-type(1) svg {
  margin-right: 10px;
}

.edit-profile-container > label:nth-of-type(2) svg {
  margin-right: 12px;
}

.edit-profile-container > label:nth-of-type(3) svg {
  margin-right: 19px;
}

.edit-profile-container > label:nth-of-type(4) svg {
  margin-right: 11px;
}

.edit-profile-container > label:nth-of-type(5) svg {
  margin-right: 14px;
}

.edit-profile-container > label:nth-of-type(6) svg {
  margin-right: 14px;
}

.edit-profile-container > h2.edit-profile-main-h2 {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  padding-top: 40px;
}

.edit-profile-container .email-notifications-container .description-label {
  margin: 0;
}

.edit-profile-first-name-cointainer {
  padding-right: 8px;
}

.edit-profile-last-name-cointainer {
  padding-left: 8px;
}

.edit-profile-first-name-cointainer label,
.edit-profile-last-name-cointainer label,
.edit-profile-bio label {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  margin-top: 10px;
}

.edit-profile-first-name-cointainer input,
.edit-profile-last-name-cointainer input,
.edit-profile-bio input {
  width: 100%;
  line-height: 40px;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  padding-left: 10px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.edit-profile-first-name-cointainer input:active,
.edit-profile-first-name-cointainer input:focus,
.edit-profile-last-name-cointainer input:active,
.edit-profile-last-name-cointainer input:focus,
.edit-profile-bio input:active,
.edit-profile-bio input:focus {
  outline: none;
}

.edit-profile-first-name-cointainer textarea,
.edit-profile-last-name-cointainer textarea,
.edit-profile-bio textarea {
  padding: 10px;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  width: 100%;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.edit-profile-first-name-cointainer textarea:active,
.edit-profile-first-name-cointainer textarea:focus,
.edit-profile-last-name-cointainer textarea:active,
.edit-profile-last-name-cointainer textarea:focus,
.edit-profile-bio textarea:active,
.edit-profile-bio textarea:focus {
  outline: none;
}

.edit-profile-first-name-cointainer .selectric-selectric-category .selectric,
.edit-profile-first-name-cointainer .selectric-selectric-edit-location .selectric,
.edit-profile-first-name-cointainer .selectric-selectric-location .selectric,
.edit-profile-first-name-cointainer .selectric-selectric-subject .selectric,
.edit-profile-first-name-cointainer .selectric-selectric-find-about .selectric,
.edit-profile-last-name-cointainer .selectric-selectric-category .selectric,
.edit-profile-last-name-cointainer .selectric-selectric-edit-location .selectric,
.edit-profile-last-name-cointainer .selectric-selectric-location .selectric,
.edit-profile-last-name-cointainer .selectric-selectric-subject .selectric,
.edit-profile-last-name-cointainer .selectric-selectric-find-about .selectric,
.edit-profile-bio .selectric-selectric-category .selectric,
.edit-profile-bio .selectric-selectric-edit-location .selectric,
.edit-profile-bio .selectric-selectric-location .selectric,
.edit-profile-bio .selectric-selectric-subject .selectric,
.edit-profile-bio .selectric-selectric-find-about .selectric {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.edit-profile-first-name-cointainer .selectric-selectric-category .selectric .label,
.edit-profile-first-name-cointainer .selectric-selectric-edit-location .selectric .label,
.edit-profile-first-name-cointainer .selectric-selectric-location .selectric .label,
.edit-profile-first-name-cointainer .selectric-selectric-subject .selectric .label,
.edit-profile-first-name-cointainer .selectric-selectric-find-about .selectric .label,
.edit-profile-last-name-cointainer .selectric-selectric-category .selectric .label,
.edit-profile-last-name-cointainer .selectric-selectric-edit-location .selectric .label,
.edit-profile-last-name-cointainer .selectric-selectric-location .selectric .label,
.edit-profile-last-name-cointainer .selectric-selectric-subject .selectric .label,
.edit-profile-last-name-cointainer .selectric-selectric-find-about .selectric .label,
.edit-profile-bio .selectric-selectric-category .selectric .label,
.edit-profile-bio .selectric-selectric-edit-location .selectric .label,
.edit-profile-bio .selectric-selectric-location .selectric .label,
.edit-profile-bio .selectric-selectric-subject .selectric .label,
.edit-profile-bio .selectric-selectric-find-about .selectric .label {
  height: 42px !important;
  line-height: 42px !important;
}

.edit-profile-first-name-cointainer .selectric-selectric-category .selectric b,
.edit-profile-first-name-cointainer .selectric-selectric-edit-location .selectric b,
.edit-profile-first-name-cointainer .selectric-selectric-location .selectric b,
.edit-profile-first-name-cointainer .selectric-selectric-subject .selectric b,
.edit-profile-first-name-cointainer .selectric-selectric-find-about .selectric b,
.edit-profile-last-name-cointainer .selectric-selectric-category .selectric b,
.edit-profile-last-name-cointainer .selectric-selectric-edit-location .selectric b,
.edit-profile-last-name-cointainer .selectric-selectric-location .selectric b,
.edit-profile-last-name-cointainer .selectric-selectric-subject .selectric b,
.edit-profile-last-name-cointainer .selectric-selectric-find-about .selectric b,
.edit-profile-bio .selectric-selectric-category .selectric b,
.edit-profile-bio .selectric-selectric-edit-location .selectric b,
.edit-profile-bio .selectric-selectric-location .selectric b,
.edit-profile-bio .selectric-selectric-subject .selectric b,
.edit-profile-bio .selectric-selectric-find-about .selectric b {
  height: 42px !important;
}

.edit-profile-first-name-cointainer .selectric-selectric-category .selectric-items li,
.edit-profile-first-name-cointainer .selectric-selectric-edit-location .selectric-items li,
.edit-profile-first-name-cointainer .selectric-selectric-location .selectric-items li,
.edit-profile-first-name-cointainer .selectric-selectric-subject .selectric-items li,
.edit-profile-first-name-cointainer .selectric-selectric-find-about .selectric-items li,
.edit-profile-last-name-cointainer .selectric-selectric-category .selectric-items li,
.edit-profile-last-name-cointainer .selectric-selectric-edit-location .selectric-items li,
.edit-profile-last-name-cointainer .selectric-selectric-location .selectric-items li,
.edit-profile-last-name-cointainer .selectric-selectric-subject .selectric-items li,
.edit-profile-last-name-cointainer .selectric-selectric-find-about .selectric-items li,
.edit-profile-bio .selectric-selectric-category .selectric-items li,
.edit-profile-bio .selectric-selectric-edit-location .selectric-items li,
.edit-profile-bio .selectric-selectric-location .selectric-items li,
.edit-profile-bio .selectric-selectric-subject .selectric-items li,
.edit-profile-bio .selectric-selectric-find-about .selectric-items li {
  padding: 10px 10px !important;
}

.business-name-input {
  width: 100%;
  line-height: 40px;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  padding-left: 10px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.business-name-input:active,
.business-name-input:focus {
  outline: none;
}

.selectric-form-control.selectric-selectric-location {
  margin-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tag-area-description {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 4px;
  display: block;
  color: #4D4D4D;
}

.tag-editor {
  min-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
  border-radius: 8px;
  border: 1px solid #EBF0F4;
}

.tag-editor .tag-editor-tag {
  font-family: inter, sans-serif;
  font-weight: 300;
  padding: 6px 14px !important;
  font-size: 14px;
  color: #222531;
  background: #EFEAFF;
  border-radius: 6px;
  margin-right: 10px;
}

.tag-editor .tag-editor-delete {
  display: none;
  background: #EFEAFF;
  padding: 6px 14px !important;
}

.tag-editor .tag-editor-delete i {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.tag-editor .tag-editor-delete i:before {
  color: #222531;
}

.tag-editor.ui-sortable {
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #222531;
}

.edit-profile-socials-plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.edit-profile-socials-plus input {
  width: 50%;
  line-height: 40px;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  padding-left: 10px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.edit-profile-socials-plus input:active,
.edit-profile-socials-plus input:focus {
  outline: none;
}

.edit-profile-socials-plus-span {
  display: inline-block;
  background-color: #775ca7;
  border-radius: 50%;
  color: white;
  padding: 0px 3px;
  margin-left: 20px;
}

.edit-profile-socials-plus-span svg {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  margin-bottom: -2px;
}

.edit-profile-img-container {
  position: relative;
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.edit-profile-img-container img {
  border-radius: 50%;
  border: 1px #e4e4e4 solid;
  width: 160px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 8px;
  cursor: pointer;
}

.edit-profile-img-container .edit-profile-socials-plus-span {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0 0 0 40px;
  z-index: 3;
  cursor: pointer;
}

#crop-picture-type-file-input {
  display: none;
}

#publish-crop-picture-type-file-input {
  display: none;
}

.edit-profile-img-edit-text-span {
  text-align: center;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: .8rem;
  margin-top: 4px;
  color: #4D4D4D;
}

.edit-profile-img-edit-text-span span {
  color: red;
  font-size: .7rem;
  margin-left: 4px;
}

.paypal-account-container {
  display: none;
  margin-top: 25px;
  margin-bottom: 25px;
}

.question-container {
  margin-top: 25px;
}

@media (max-width: 991px) {
  .settings-paypal-btn {
    margin-left: 20px !important;
  }
}

@media (min-width: 768px) {
  .business-members-name-block .bus-member-name {
    display: inline-table !important;
  }
}

@media (max-width: 767px) {
  .settings-paypal-btn {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    margin-top: 20px;
  }

  .settings-head-with-paypal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .crop-image-container {
    width: 200px;
    height: 200px;
  }

  .edit-profile-first-name-cointainer {
    padding-right: 15px;
  }

  .edit-profile-last-name-cointainer {
    padding-left: 15px;
  }

  .edit-profile-socials-plus input {
    width: 100%;
  }

  .business-member-title .col-5 span {
    margin-left: 30px;
  }
}

.user-block-text-under-icons {
  font-size: 1rem;
  width: 100%;
  display: table;
}

.message-mobile-style-class {
  display: table;
  margin: auto;
}

.no-posts-yet-class {
  text-align: center;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
  color: #4D4D4D;
  margin: 20px 0;
}

.more-btn-style {
  color: #f96854;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 50px;
  border-radius: 1px;
  border: 1px solid #f96854;
}

.more-btn-style:hover {
  text-decoration: none;
  color: #f96854;
}

.more-btn-style span {
  pointer-events: none;
}

.user-page .user-interests-wrapper__title {
  margin-bottom: 8px;
  font-size: 16px;
  color: #58667E;
}

.user-page .user-interests-wrapper .user-interests {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.user-page .user-interests-wrapper .user-interests__one {
  background: #EBF0F4;
  border-radius: 54px;
  color: #222531;
  padding: 4px 16px;
  margin-right: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 300;
  margin-bottom: 5px;
}

.user-page .main-user-section {
  margin-top: 35px;
}

@media screen and (max-width: 900px) {
  .user-page .main-user-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.user-page .main-user-section .mobile-section {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .user-page .main-user-section .mobile-section {
    display: block;
    margin-bottom: 15px;
  }

  .user-page .main-user-section .mobile-section .btn {
    height: 48px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.user-page .main-user-section .mobile-section .desc-interests {
  background: white;
  border-radius: 8px;
  padding: 16px 18px;
  margin-bottom: 15px;
}

.user-page .main-user-section .mobile-section .desc-interests .description-title {
  font-size: 14px;
  color: #58667E;
  margin-bottom: 8px;
}

.user-page .main-user-section .mobile-section .desc-interests .user-interests-wrapper {
  margin-top: 8px;
}

.user-page .main-user-section .website-stat-count {
  max-width: 230px;
  width: 100%;
  margin-right: 100px;
  min-width: 220px;
}

@media screen and (max-width: 768px) {
  .user-page .main-user-section .website-stat-count {
    max-width: unset;
    margin-right: 0;
  }
}

.user-page .main-user-section .website-stat-count .social-links {
  padding: 27px 35px;
  width: 100%;
  background: white;
  border-radius: 8px;
  margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
  .user-page .main-user-section .website-stat-count .social-links {
    display: none;
  }
}

.user-page .main-user-section .website-stat-count .reward-create {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 20px 0;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
  .user-page .main-user-section .website-stat-count .reward-create {
    display: none;
  }
}

.user-page .main-user-section .website-stat-count .reward-create a {
  color: #48B9AE;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.user-page .main-user-section .website-stat-count .reward-create a img {
  -webkit-filter: invert(67%) sepia(36%) saturate(603%) hue-rotate(125deg) brightness(90%) contrast(86%);
          filter: invert(67%) sepia(36%) saturate(603%) hue-rotate(125deg) brightness(90%) contrast(86%);
  margin-right: 20px;
}

.user-page .main-user-section .website-stat-count__website-link {
  color: #58667E;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  -webkit-filter: invert(39%) sepia(34%) saturate(319%) hue-rotate(179deg) brightness(93%) contrast(90%);
          filter: invert(39%) sepia(34%) saturate(319%) hue-rotate(179deg) brightness(93%) contrast(90%);
}

.user-page .main-user-section .website-stat-count__website-link:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .user-page .main-user-section .website-stat-count__website-link {
    display: none;
  }
}

.user-page .main-user-section .website-stat-count__website-link img {
  margin-right: 20px;
}

.user-page .main-user-section .website-stat-count__website-link:hover {
  text-decoration: none !important;
}

.user-page .main-user-section .website-stat-count__stat-count {
  background: white;
  width: 100%;
  padding: 28px 40px;
  border-radius: 8px;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .user-page .main-user-section .website-stat-count__stat-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 16px;
    margin-bottom: 32px;
  }

  .user-page .main-user-section .website-stat-count__stat-count .stat-count-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.user-page .main-user-section .website-stat-count__stat-count .stat-count-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none !important;
  font-weight: 300;
  font-size: 18px;
  color: #222531;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.user-page .main-user-section .website-stat-count__stat-count .stat-count-link h5 {
  font-weight: 300;
  font-size: 18px;
  color: #4E597E;
}

@media screen and (max-width: 768px) {
  .user-page .main-user-section .website-stat-count__stat-count .stat-count-link {
    font-size: 20px;
    font-weight: 500;
  }

  .user-page .main-user-section .website-stat-count__stat-count .stat-count-link h5 {
    font-size: 12px;
    font-weight: 300;
  }
}

.user-page .network-route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  color: #775CA7;
  margin-bottom: 15px;
  margin-top: 28px;
  position: static;
  padding-bottom: 0;
}

.user-page .network-route img {
  margin: 0 8px;
}

.user-page .network-route a {
  text-decoration: none;
  color: #8A91AA;
}

.user-page .profile-header {
  background: white;
  padding: 23px 32px;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  .user-page .profile-header {
    padding: 16px;
  }
}

.user-page .profile-header.followers-header {
  padding-top: 30px;
}

@media screen and (max-width: 768px) {
  .user-page .profile-header .profile-info {
    width: 100%;
  }
}

.user-page .profile-header .profile-info .mobile-btns {
  display: none;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .user-page .profile-header .profile-info .mobile-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.user-page .profile-header .profile-info .mobile-btns__reward {
  margin-right: 15px;
}

.user-page .profile-header .profile-info .user-name-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 768px) {
  .user-page .profile-header .profile-info .user-name-location {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 15px;
  }

  .user-page .profile-header .profile-info .user-name-location svg {
    margin-left: 0 !important;
  }
}

.user-page .profile-header .profile-info .user-name-location .location {
  color: #4E597E;
  font-size: 18px;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .user-page .profile-header .profile-info .user-name-location .location {
    font-size: 12px;
  }
}

.user-page .profile-header .profile-info .user-name-location .job-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .user-page .profile-header .profile-info .user-name-location .job-mobile {
    display: block !important;
    font-size: 12px;
    color: #58667E;
    margin: 3px 0;
  }
}

.user-page .profile-header .profile-info .user-name {
  font-size: 26px !important;
}

@media screen and (max-width: 768px) {
  .user-page .profile-header .profile-info .user-name {
    font-size: 20px !important;
  }
}

.user-page .profile-header .profile-info .wrapper-buttons {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 37px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .user-page .profile-header .profile-info .wrapper-buttons {
    display: none;
  }
}

.user-page .profile-header .profile-info .wrapper-buttons .btn {
  height: 40px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.user-page .profile-header .profile-info .wrapper-buttons .btn.message {
  background: #F0F2FF;
  border-radius: 6px;
  color: #4E597E;
}

.user-page .profile-header .profile-info .wrapper-buttons .message-arrow-click {
  position: absolute;
  right: 25px;
  top: 5px;
}

.user-page .profile-header .profile-info .wrapper-buttons .message-arrow-click.unfollow {
  display: none;
}

.user-page .profile-header .profile-info .wrapper-buttons .message-arrow-click .message-arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-filter: invert(48%) sepia(8%) saturate(1382%) hue-rotate(179deg) brightness(97%) contrast(84%);
          filter: invert(48%) sepia(8%) saturate(1382%) hue-rotate(179deg) brightness(97%) contrast(84%);
}

.user-page .profile-header .profile-info .wrapper-buttons .dropdown-menu.message-menu {
  left: -76% !important;
  top: 10px !important;
  text-align: center;
  border: 1px solid #F8FAFC !important;
  -webkit-box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
          box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
  border-radius: 8px;
}

.user-page .profile-header .profile-info .wrapper-buttons .dropdown-menu.message-menu .follow-author-class {
  text-decoration: none;
  color: #222531;
  font-weight: 300;
  font-size: 14px;
}

@media (max-width: 768px) {
  .user-page .profile-header .profile-info .wrapper-info .profile-category {
    display: none;
  }
}

@media (max-width: 768px) {
  .user-page .profile-header .profile-info .wrapper-info .description {
    display: none;
  }

  .user-page .profile-header .profile-info .wrapper-info .user-interests-wrapper {
    display: none;
  }
}

.user-page .profile-header .wrapper-profile {
  width: 100%;
}

.user-page .profile-header .wrapper-profile .wrapper-double {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  max-width: 370px;
}

.user-page .profile-header .wrapper-profile .wrapper-double .wrapper-buttons .button-primary-link {
  font-size: 20px !important;
  font-weight: bold !important;
}

.user-page .profile-header .wrapper-profile .wrapper-double .wrapper-buttons:first-child {
  margin-right: 10px;
}

.user-page .profile-header .wrapper-profile .donate-icon {
  position: absolute;
  left: 8px;
}

.user-page .profile-header .wrapper-profile .user-buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .user-buttons {
    margin-top: 20px;
  }
}

@media screen and (max-width: 360px) {
  .user-page .profile-header .wrapper-profile .user-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons {
  height: 37px;
  width: 75px;
  margin-top: 0;
  display: none;
  max-width: 140px;
  position: relative;
}

.user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .btn {
  height: 37px !important;
}

.user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .btn.message {
  background: #FFFFFF;
  border: 1px solid #EBF0F4;
  border-radius: 6px;
  color: #58667E;
}

@media (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .btn.message {
    border: 1px solid #4E597E;
    padding-right: 25px !important;
  }
}

.user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .message-arrow-click {
  position: absolute;
  right: 25px;
  top: 5px;
}

.user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .message-arrow-click.unfollow {
  display: none;
}

.user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .message-arrow-click .message-arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-filter: invert(48%) sepia(8%) saturate(1382%) hue-rotate(179deg) brightness(97%) contrast(84%);
          filter: invert(48%) sepia(8%) saturate(1382%) hue-rotate(179deg) brightness(97%) contrast(84%);
}

@media (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .message-arrow-click {
    right: 10px;
  }
}

@media (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .message-arrow-click {
    right: 10px;
  }
}

.user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .dropdown-menu.message-menu {
  left: -76% !important;
  top: 10px !important;
  text-align: center;
  border: 1px solid #F8FAFC !important;
  -webkit-box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
          box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
  border-radius: 8px;
}

.user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .dropdown-menu.message-menu .follow-author-class {
  text-decoration: none;
  color: #222531;
  font-weight: 300;
  font-size: 14px;
}

@media (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .user-page .profile-header .wrapper-profile .user-buttons .wrapper-buttons .btn {
    padding: 0 15px !important;
  }
}

.user-page .profile-header .wrapper-profile .user-buttons .more-btn-mobile {
  border: 1px solid #4E597E;
  border-radius: 8px;
  background: #FFFFFF;
  color: #4E597E;
  width: 80px;
  height: 37px;
  display: none;
  margin-left: 15px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .user-buttons .more-btn-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 360px) {
  .user-page .profile-header .wrapper-profile .user-buttons .more-btn-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    margin-top: 15px;
  }
}

.user-page .profile-header .wrapper-profile .user-buttons .more-btn-mobile img {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-filter: invert(48%) sepia(8%) saturate(1382%) hue-rotate(179deg) brightness(97%) contrast(84%);
          filter: invert(48%) sepia(8%) saturate(1382%) hue-rotate(179deg) brightness(97%) contrast(84%);
}

.user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #F8FAFC;
  -webkit-box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
          box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
  border-radius: 8px;
  padding: 18px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu .social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu .social-links .website-link {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #58667E;
}

.user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu .social-links .website-link img {
  margin-right: 10px;
}

.user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu .social-links .website-link:last-child {
  margin-bottom: 0;
}

.user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu .social-links .reward-create {
  border-top: 1px solid #EBF0F4;
  padding-top: 15px;
}

.user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu .social-links .reward-create a {
  color: #48B9AE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu .social-links .reward-create a img {
  margin-right: 10px;
  -webkit-filter: invert(63%) sepia(85%) saturate(286%) hue-rotate(125deg) brightness(87%) contrast(85%);
          filter: invert(63%) sepia(85%) saturate(286%) hue-rotate(125deg) brightness(87%) contrast(85%);
}

.user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu .social-links .reward-create:first-child {
  border-top: none;
  padding-top: 0;
}

@media (max-width: 500px) {
  .user-page .profile-header .wrapper-profile .user-buttons .dropdown-menu {
    left: -50px !important;
  }
}

@media (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .author-info {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.user-page .profile-header .wrapper-profile .author-info .wrapper-avatar {
  margin-right: 55px;
  position: relative;
}

@media (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .author-info .wrapper-avatar {
    margin-right: 16px;
  }
}

.user-page .profile-header .wrapper-profile .author-info .wrapper-avatar .social-links {
  margin-right: 50px;
  padding-top: 25px;
}

@media (max-width: 576px) {
  .user-page .profile-header .wrapper-profile .author-info .wrapper-avatar .social-links {
    padding-top: 0;
  }
}

.user-page .profile-header .wrapper-profile .author-info .wrapper-avatar .social-links .item {
  background: #848484;
  border-radius: 90px;
  height: 18px;
  width: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}

@media (max-width: 576px) {
  .user-page .profile-header .wrapper-profile .author-info .wrapper-avatar .social-links .item {
    width: 22px;
    height: 22px;
  }
}

.user-page .profile-header .wrapper-profile .author-info .wrapper-avatar .social-links .item:not(:last-child) {
  margin-right: 6px;
}

@media (max-width: 576px) {
  .user-page .profile-header .wrapper-profile .author-info .wrapper-avatar .social-links .item:not(:last-child) {
    margin-right: 10px;
  }
}

.user-page .profile-header .wrapper-profile .wrapper-business-profiles .item {
  text-decoration: none;
}

.user-page .profile-header .wrapper-profile .wrapper-business-profiles .item:not(:last-child) {
  margin-right: 50px;
}

@media (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .wrapper-business-profiles .item:not(:last-child) {
    margin-right: 10px;
  }
}

.user-page .profile-header .wrapper-profile .wrapper-business-profiles .item .avatar {
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.user-page .profile-header .wrapper-profile .wrapper-business-profiles .item .name {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .user-page .profile-header .wrapper-profile .wrapper-business-profiles .item .name {
    max-width: 140px;
  }
}

.user-page .profile-header .wrapper-profile .wrapper-followers .user-followers,
.user-page .profile-header .wrapper-profile .wrapper-followers .user-following {
  font-size: 22px;
  text-decoration: none;
}

@media (max-width: 576px) {
  .user-page .profile-header .wrapper-profile .wrapper-followers .user-followers,
  .user-page .profile-header .wrapper-profile .wrapper-followers .user-following {
    font-size: 20px;
  }
}

.user-page .profile-header .wrapper-profile .wrapper-followers .user-following {
  color: #848484;
}

.user-page .section-title {
  font-size: 20px;
}

.user-page .user-articles {
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  .user-page .user-articles {
    padding-bottom: 20px;
  }
}

.user-page .user-articles .no-content {
  font-size: 16px;
  padding: 30px 0;
}

@media (max-width: 576px) {
  .user-page .user-articles .no-content {
    padding-bottom: 10px;
  }
}

.user-page .user-articles .wrapper-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .user-page .user-articles .wrapper-articles {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.user-page .user-articles .wrapper-articles .article {
  padding: 20px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  width: 100%;
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  .user-page .user-articles .wrapper-articles .article {
    width: 300px;
  }
}

@media (max-width: 682px) {
  .user-page .user-articles .wrapper-articles .article {
    width: 100%;
    margin-right: 0;
  }
}

.user-page .user-articles .wrapper-articles .article .section-title {
  position: absolute;
  top: -75px;
  left: 0;
}

@media (max-width: 992px) {
  .user-page .user-articles .wrapper-articles .article .top-icon img {
    max-width: 40px;
  }
}

.user-page .user-articles .wrapper-articles .article:not(:last-child) {
  margin-right: 20px;
}

@media (max-width: 682px) {
  .user-page .user-articles .wrapper-articles .article:not(:last-child) {
    margin-right: 0;
  }
}

.user-page .user-articles .wrapper-articles .article .wrapper-article-img .image {
  height: 150px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 682px) {
  .user-page .user-articles .wrapper-articles .article .wrapper-article-img .image {
    height: 200px;
  }
}

.user-page .user-articles .wrapper-articles .article .trending {
  padding: 5px;
  background-color: #fff2ed;
  color: #ff4e00;
}

.user-page .user-articles .wrapper-articles .article .trending img {
  margin-right: 3px;
}

.user-page .user-articles .wrapper-articles .title {
  font-size: 22px;
}

.user-page .user-articles .wrapper-articles .author-info .wrapper-avatar .author-avatar {
  width: 40px;
  height: 40px;
}

.user-page .user-articles .wrapper-articles .author-info .wrapper-info .author-name,
.user-page .user-articles .wrapper-articles .author-info .wrapper-info .post-date {
  font-size: 16px;
}

.user-page .user-articles .wrapper-articles .text {
  margin-left: 65px;
  font-size: 34px;
  line-height: 1.35;
}

@media (max-width: 992px) {
  .user-page .user-articles .wrapper-articles .text {
    margin-left: 0;
    text-align: center;
    font-size: 32px;
    padding-top: 20px;
  }
}

.user-page .user-articles .wrapper-articles.popular_wrap .article {
  max-width: 356.67px;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .user-page .user-articles .wrapper-articles.popular_wrap .article {
    max-width: 318px;
  }
}

@media (max-width: 682px) {
  .user-page .user-articles .wrapper-articles.popular_wrap .article {
    max-width: unset;
    width: 100%;
  }
}

.user-page .user-articles .wrapper-articles.popular_wrap .article:nth-child(3n) {
  margin-right: 0;
}

@media (max-width: 982px) {
  .user-page .user-articles .wrapper-articles.popular_wrap .article:nth-child(3n) {
    margin-right: 20px;
  }
}

@media (max-width: 682px) {
  .user-page .user-articles .wrapper-articles.popular_wrap .article:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  .user-page .user-articles .wrapper-articles.popular_wrap .article:nth-child(2n) {
    margin-right: 0;
  }
}

.user-page .user-articles .trend-post__title {
  font-size: 20px;
  margin: 10px 0 15px;
}

@media (max-width: 768px) {
  .user-page .user-articles .trend-post__title {
    font-size: 16px;
  }
}

.user-page .user-articles .recommend-connections__title {
  font-size: 20px;
  margin-bottom: 15px;
}

@media (max-width: 768px) {
  .user-page .user-articles .recommend-connections__title {
    font-size: 16px;
  }
}

.user-page .associated-shop {
  padding-top: 40px;
}

.user-page .associated-shop .brand-logo .tc-mrkt-logo {
  max-width: 161px;
}

@media (max-width: 576px) {
  .user-page .associated-shop .brand-logo .tc-mrkt-logo {
    max-width: 130px;
  }
}

.user-page .associated-shop .wrapper-shop a {
  color: black;
  text-decoration: none;
}

.user-page .associated-shop .shop-header-img {
  width: 100%;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.user-page .associated-shop .wrapper-shop {
  margin-top: 35px;
}

@media (max-width: 768px) {
  .user-page .associated-shop .wrapper-shop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.user-page .associated-shop .wrapper-shop .product {
  position: relative;
}

.user-page .associated-shop .wrapper-shop .product:not(:last-child) {
  margin-right: 20px;
}

@media (max-width: 768px) {
  .user-page .associated-shop .wrapper-shop .product:not(:last-child) {
    margin-right: 0;
  }
}

.user-page .associated-shop .wrapper-shop .product .image {
  height: 200px;
  width: 356px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: .2s;
  transition: .2s;
}

@media (max-width: 576px) {
  .user-page .associated-shop .wrapper-shop .product .image.banner {
    height: auto;
  }
}

@media (max-width: 1200px) {
  .user-page .associated-shop .wrapper-shop .product .image {
    width: 314px;
  }
}

@media (max-width: 1025px) {
  .user-page .associated-shop .wrapper-shop .product .image {
    width: 100%;
  }
}

.user-page .associated-shop .wrapper-shop .product .image:hover {
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0.9;
}

.user-page .associated-shop .wrapper-shop .product .name {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}

.user-page .associated-shop .wrapper-shop .product .shop-name-location {
  font-size: 21px;
  font-weight: 500;
}

.user-page .associated-shop .wrapper-shop .product .price {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  right: 0;
  width: 140px;
  height: 50px;
  background-color: #65D8CD;
  font-weight: 800;
  color: white;
  font-size: 26px;
}

@media (max-width: 768px) {
  .user-page .associated-shop .wrapper-shop .product .price {
    width: 110px;
    height: 35px;
    font-size: 18px;
  }
}

.user-page .associated-shop .wrapper-buttons .btn {
  max-width: 250px;
}

.user-page .banners .wrapper-banners {
  padding-top: 40px;
}

@media (max-width: 682px) {
  .user-page .banners .wrapper-banners {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.user-page .banners .wrapper-banners .wrapper-image {
  position: relative;
}

.user-page .banners .wrapper-banners .wrapper-image:last-child {
  margin-left: 20px;
}

@media (max-width: 682px) {
  .user-page .banners .wrapper-banners .wrapper-image:last-child {
    margin-left: 0;
    padding-top: 20px;
  }
}

.user-page .banners .wrapper-banners .wrapper-image .big-logo {
  max-height: 235px;
  height: 100%;
}

.user-page .banners .wrapper-banners .go-to-mtd {
  position: absolute;
  bottom: 33px;
  right: 80px;
  height: 43px;
  font-size: 18px;
  border-radius: 6px;
}

@media (max-width: 992px) {
  .user-page .banners .wrapper-banners .go-to-mtd {
    right: 20px;
    bottom: 18px;
    height: 38px;
    font-size: 16px;
  }
}

.user-page .more {
  max-width: 250px;
}

.user-page .connections .wrapper-search {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .user-page .connections .wrapper-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .user-page .connections .wrapper-search .section-title {
    margin-bottom: 15px;
  }
}

.user-page .connections .wrapper-search-users {
  width: 340px;
  position: relative;
}

@media (max-width: 768px) {
  .user-page .connections .wrapper-search-users {
    margin-bottom: 10px;
  }
}

@media (max-width: 576px) {
  .user-page .connections .wrapper-search-users {
    width: 100%;
  }
}

.user-page .connections .wrapper-search-users .live-search-connections {
  padding: 7px 20px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
  border: 0;
  font-size: 20px;
  font-weight: 500;
}

.user-page .connections .wrapper-search-users .live-search-connections::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9e89b7;
  font-family: 'DarkerGrotesque', sans-serif;
}

.user-page .connections .wrapper-search-users .live-search-connections::-moz-placeholder {
  /* Firefox 19+ */
  color: #9e89b7;
  font-family: 'DarkerGrotesque', sans-serif;
}

.user-page .connections .wrapper-search-users .live-search-connections:-ms-input-placeholder {
  /* IE 10+ */
  color: #9e89b7;
  font-family: 'DarkerGrotesque', sans-serif;
}

.user-page .connections .wrapper-search-users .live-search-connections:-moz-placeholder {
  /* Firefox 18- */
  color: #9e89b7;
  font-family: 'DarkerGrotesque', sans-serif;
}

.user-page .connections .wrapper-search-users #search_results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
  border-radius: 0 0 5px 5px;
  position: absolute;
  top: 45px;
  background-color: #ffffff;
  width: 340px;
}

@media (max-width: 576px) {
  .user-page .connections .wrapper-search-users #search_results {
    width: 100%;
  }
}

.user-page .connections .wrapper-search-users #search_results .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  color: #5f487b;
}

.user-page .connections .wrapper-search-users #search_results .item:hover {
  color: #4a3563;
  background-color: #f5f1fb;
  text-decoration: none;
}

.user-page .connections .wrapper-search-users #search_results .item:first-child {
  border-top: 1px solid #ececec;
}

.user-page .connections .wrapper-search-users #search_results .item:not(:last-child) {
  border-bottom: 1px solid #ececec;
}

.user-page .connections .wrapper-search-users #search_results .item .user-name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  width: 300px;
  margin-left: 10px;
}

.user-page .connections .wrapper-search-users #search_results .item .avatar {
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.user-page .connections .wrapper-connections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 680px) {
  .user-page .connections .wrapper-connections {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}

.user-page .connections .wrapper-connections .user-info {
  width: 236px;
  margin-right: 180px;
}

.user-page .connections .wrapper-connections .user-info:nth-child(3n+3) {
  margin-right: 0;
}

@media (max-width: 1200px) {
  .user-page .connections .wrapper-connections .user-info {
    margin-right: 120px;
  }
}

@media (max-width: 768px) {
  .user-page .connections .wrapper-connections .user-info:nth-child(3n+3) {
    margin-right: 120px;
  }

  .user-page .connections .wrapper-connections .user-info:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (max-width: 680px) {
  .user-page .connections .wrapper-connections .user-info {
    width: 100%;
  }

  .user-page .connections .wrapper-connections .user-info:nth-child(3n+3) {
    margin-right: 0;
  }
}

.user-page .connections .wrapper-connections .user-info .wrapper-avatar .user-avatar {
  width: 96px;
  height: 96px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.user-page .connections .wrapper-connections .user-info .wrapper-buttons.actions .btn {
  max-width: 100px;
  width: 100%;
  height: 30px;
}

.user-page .connections .wrapper-connections .user-info .user-job-title,
.user-page .connections .wrapper-connections .user-info .user-company-name,
.user-page .connections .wrapper-connections .user-info .user-name {
  line-height: 1;
  max-width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 680px) {
  .user-page .connections .wrapper-connections .user-info .user-job-title,
  .user-page .connections .wrapper-connections .user-info .user-company-name,
  .user-page .connections .wrapper-connections .user-info .user-name {
    max-width: 250px;
  }
}

@media (max-width: 680px) {
  .user-page .similar-to-user .suggested-connections .wrapper-row-with-users {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.user-page .similar-to-user .suggested-connections .wrapper-row-with-users .user-block {
  max-width: 300px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  padding: 20px;
}

@media (max-width: 680px) {
  .user-page .similar-to-user .suggested-connections .wrapper-row-with-users .user-block {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .user-page .similar-to-user .suggested-connections .wrapper-row-with-users .user-block {
    max-width: unset;
  }
}

.user-page .similar-to-user .suggested-connections .wrapper-row-with-users .user-info {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 15px;
}

.user-page .wrapper-followers-list {
  min-height: 450px;
}

@media (max-width: 645px) {
  .user-page .wrapper-followers-list {
    min-height: auto;
  }
}

.user-page .wrapper-followers-list .followers-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

@media (max-width: 645px) {
  .user-page .wrapper-followers-list .followers-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .user-page .wrapper-followers-list .followers-list .wrapper-search-users {
    margin-top: 15px;
  }

  .user-page .wrapper-followers-list .followers-list .wrapper-search-users .popular-page-tabs {
    padding-top: 0;
  }

  .user-page .wrapper-followers-list .followers-list .wrapper-search-users #search_results {
    position: relative;
    top: 0;
  }

  .user-page .wrapper-followers-list .followers-list .wrapper-search-users .search-business-icon {
    position: absolute;
    top: 16px;
  }
}

@media (max-width: 645px) {
  .user-page .wrapper-followers-list .tab-content {
    padding-bottom: 20px;
  }
}

.user-page .user-page-message ul.chat li {
  border-bottom: 0;
}

.user-page .user-page-message ul.chat .left .p-message-companion {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  color: #ffffff;
  max-width: 60%;
  background: #f96854;
  padding: 5px 20px;
  border-radius: 13px 13px 0px 13px;
}

.user-page .user-page-message ul.chat .left .p-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 60%;
  color: #63646d;
  background: #c5c9e6;
  padding: 5px 20px;
  border-radius: 0px 13px 13px 13px;
}

.user-page .top_authors .title-colum-12 {
  font-family: 'PT Serif', serif;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #F6685A;
  color: #4d4d4d;
  width: 150px;
  margin: 20px 0;
}

.user-page .title-company {
  font-family: 'PT Serif', serif;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 3px solid #4d4d4d;
  color: #4d4d4d;
  width: 160px;
  margin: 0 0 20px 0;
}

.user-page .after-user-block {
  padding: 60px 10px;
}

.user-page .post-lg {
  -webkit-box-shadow: 0 0 8px 0 #b6b6b6;
          box-shadow: 0 0 8px 0 #b6b6b6;
  border-radius: 5px;
}

.user-page .post-lg .box-wrap .title {
  padding: 10px 15px;
  min-height: 90px;
}

.user-page .post-lg .box-wrap .profile .like-comment .like {
  padding-right: 10px;
}

.user-page .post-lg .profile-info {
  padding: 10px;
}

.user-page .post-lg .profile-info .name span {
  text-transform: capitalize;
  font-size: .9rem;
  font-family: 'Muli', sans-serif;
}

.user-page .post-lg .profile-info .post-data-wrap {
  font-size: .8rem;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.user-page .post-lg .profile-info .post-data-wrap span.circle {
  font-size: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px;
}

.user-page .post-lg .profile-info .img-wrap {
  width: auto;
  padding-right: 10px;
}

.user-page .post-lg .profile-info .img-wrap a img {
  height: 55px;
  width: 55px;
  border: 2px #e4e4e4 solid;
  padding: 2px;
  border-radius: 50%;
  o-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
}

.user-page .row {
  margin: 0;
}

.user-page .posts {
  padding: 0 40px 40px 40px;
}

.user-page .posts .link-wrap {
  text-align: center;
  margin-top: 20px;
}

.user-page .posts .link-wrap .load-more {
  color: #775da7;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  font-size: 15px;
}

.user-page .posts .sm {
  display: none;
}

.user-page .posts .lg {
  display: block;
}

.user-page .top_authors {
  padding: 0 40px;
}

.user-page .user-author {
  padding-left: 25px;
}

.user-page .user-author .title-colum {
  font-family: 'PT Serif', serif;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 3px solid #4d4d4d;
  color: #4d4d4d;
  width: 30%;
}

.user-page .nav-tabs {
  border-bottom: none;
}

.user-page .nav-tabs .nav-link,
.user-page .nav-tabs .navbar .dropdown-toggle,
.navbar .user-page .nav-tabs .dropdown-toggle {
  text-transform: inherit;
  color: #222531;
  font-weight: 500;
  padding-bottom: 8px !important;
}

.user-page .nav-tabs .nav-link.active,
.user-page .nav-tabs .navbar .active.dropdown-toggle,
.navbar .user-page .nav-tabs .active.dropdown-toggle,
.user-page .nav-tabs .nav-item.show .nav-link,
.user-page .nav-tabs .nav-item.show .navbar .dropdown-toggle,
.navbar .user-page .nav-tabs .nav-item.show .dropdown-toggle {
  border-bottom: #775CA7 solid 5px !important;
}

.other-payment {
  width: 100%;
  display: none;
  height: 48px;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 300;
  font-family: inter, sans-serif;
  padding: 0 12px;
}

.other-payment:focus {
  border: 2px solid #775CA7;
  outline: none !important;
}

.payment-amount p {
  font-family: 'Muli', sans-serif;
  font-size: 1.1rem;
  font-weight: 200;
  color: #4D4D4D;
}

.credit-card-payment {
  margin-bottom: 20px;
}

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

.alert-success-payment {
  background: lightgreen;
  text-align: center;
  color: green;
  text-align: center;
}

.approve-donations {
  margin-top: 20px;
  margin-bottom: 10px;
}

#userDonationModal .modal-header {
  color: black;
  border: none !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 !important;
}

#userDonationModal .btn-send-paypal {
  background: #775CA7;
  border-radius: 6px;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 500;
  padding: 14px 0;
  max-width: 200px;
  width: 100%;
  border: none;
  z-index: 2;
  pointer-events: none;
  margin-top: 20px;
}

#userDonationModal .modal-title {
  font-family: inter, sans-serif;
  font-size: 29px;
}

#userDonationModal .modal-description {
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #222531;
  max-width: 385px;
  text-align: center;
  margin-top: 8px;
}

#userDonationModal .close {
  margin: unset;
  margin-left: auto;
  width: 17px;
}

#userDonationModal .modal-dialog {
  max-width: 670px !important;
}

@media screen and (max-width: 768px) {
  #userDonationModal .modal-dialog {
    max-width: 95vw !important;
    margin: auto !important;
  }
}

#userDonationModal .margin-20 {
  margin-right: 20px;
}

#userDonationModal .pay-input {
  width: 50%;
  margin-bottom: 20px;
}

#userDonationModal .modal-body {
  padding: 25px;
  padding-right: 25px;
}

#userDonationModal .card-expiration {
  width: 25%;
  margin-right: 25px;
}

#userDonationModal .card-code {
  width: 25%;
}

#userDonationModal .selectric {
  background: #F3ECFE;
}

#userDonationModal .credit-card-payment label {
  color: black;
}

#userDonationModal label {
  color: white;
}

#userDonationModal input[type="radio"]:checked + label {
  color: black;
}

#userDonationModal .btn-group-donate-values,
#userDonationModal .btn-group-tc-donate-values {
  margin: 0 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#userDonationModal .btn-group-donate-values .btn-donate-amount,
#userDonationModal .btn-group-tc-donate-values .btn-donate-amount {
  background: transparent;
  border: 1px solid #4E597E;
  border-radius: 8px;
  width: 175px;
  height: 120px;
  margin-right: 15px;
  font-size: 25px;
  color: #775CA7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

#userDonationModal .btn-group-donate-values .btn-donate-amount.focus,
#userDonationModal .btn-group-donate-values .btn-donate-amount.active,
#userDonationModal .btn-group-tc-donate-values .btn-donate-amount.focus,
#userDonationModal .btn-group-tc-donate-values .btn-donate-amount.active {
  border: 3px solid #775CA7;
  -webkit-box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
          box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
}

@media screen and (max-width: 768px) {
  #userDonationModal .btn-group-donate-values .btn-donate-amount,
  #userDonationModal .btn-group-tc-donate-values .btn-donate-amount {
    font-size: 16px;
    width: 100px;
    height: 80px;
  }
}

#userDonationModal .send-block.justify-content-end {
  position: relative;
}

#userDonationModal #stripe-card-element {
  margin-left: 20px;
  width: 400px;
}

#userDonationModal .donation-stripe-form label {
  color: #000;
}

#userDonationModal .donation-stripe-form .btn {
  height: 56px;
  margin: 10px 0 10px 0;
  border: none;
  z-index: 2;
  line-height: 40px;
  padding: 0 20px;
}

#userDonationModal .donation-stripe-form .btn-default {
  background: #ccc;
}

#userDonationModal .donation-stripe-form .btn-primary {
  background: #775DA7;
  float: right;
}

#userDonationModal #stripe-button-donate-tc {
  width: 136px;
  height: 56px;
  margin: 10px 0 10px 0;
  background: #775DA7;
  border: none;
  z-index: 2;
  line-height: 40px;
}

#userDonationModal .modal-content {
  border-radius: 16px;
  padding: 36px 28px 0;
}

@media screen and (max-width: 768px) {
  #userDonationModal .modal-content {
    padding: 24px 5px 0;
  }
}

#userDonationModal #paypal-button-donate,
#userDonationModal #paypal-button-donate-tc {
  position: absolute;
  bottom: 20px;
  overflow: hidden;
  max-width: 180px;
  width: 100%;
  height: 50px;
  z-index: 1;
}

#userDonationModal #paypal-button-donate .xcomponent-outlet,
#userDonationModal #paypal-button-donate-tc .xcomponent-outlet {
  width: 1000px !important;
  height: 56px !important;
  margin-left: -300px !important;
}

.follow-author-class.followed-user-link .btn-icon button svg:nth-of-type(1) {
  display: none;
}

.follow-author-class.followed-user-link .btn-icon button svg:nth-of-type(2) {
  display: block;
}

@media (max-width: 992px) {
  .user-page .post-lg .box-wrap .title {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .user-page .meet-people {
    margin-bottom: 15px;
  }

  .user-page .post-lg {
    -webkit-box-shadow: 0 0 8px 0 #b6b6b6;
            box-shadow: 0 0 8px 0 #b6b6b6;
    border-radius: 5px;
  }

  .user-page .post-lg .box-wrap {
    word-break: break-all;
  }

  .user-page .post-lg .box-wrap .title {
    font-size: .9rem;
    min-height: 30px;
  }

  .user-page .after-user-block {
    padding: 20px 0px;
  }

  .user-page .posts {
    padding: 0;
  }

  .user-page .posts .sm {
    display: block;
  }

  .user-page .posts .lg {
    display: none;
  }

  .user-page .user-author {
    padding: 0;
  }

  .user-page .user-author .title-colum {
    width: 100%;
    padding: 0 10px;
  }

  #userDonationModal .send-container {
    margin-top: 30px;
  }

  #userDonationModal .send-block {
    width: 100%;
  }

  #userDonationModal .d-flex.send-block.justify-content-end {
    margin-top: 0;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.popular .custom-container a.more {
  color: #f96854;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 50px;
  border-radius: 1px;
  border: 1px solid #f96854;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: white;
}

.popular .custom-container a.more:hover {
  color: white;
  background: #F6685A;
}

.popular .custom-container a.more span {
  pointer-events: none;
}

@media (max-width: 767.98px) {
  .popular .custom-container .more-container-with-margin {
    margin-top: 40px;
  }
}

.popular .custom-container a.more:hover,
.popular .custom-container a.more:focus {
  text-decoration: none;
}

.popular-page-tabs li {
  margin-bottom: 5px;
}

.popular-page-tabs li a {
  font-family: inter, sans-serif;
  font-weight: 300;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  text-transform: none;
  padding: 11px 10px 5px 10px;
  color: #4D4D4D;
}

.popular-page-tabs li a.active {
  border: none;
  border-bottom: 1px solid #F6685A;
}

.popular-page-tabs li div {
  display: block;
  width: 1px;
  height: 20px;
  background: #dee2e6;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.popular-page-tabs li form {
  margin-top: 2px;
}

.popular-page-tabs li form input[type='text'],
.popular-page-tabs li form button {
  width: 150px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  background: transparent;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  color: #4D4D4D;
  line-height: 30px;
}

.popular-page-tabs li form button {
  cursor: pointer;
  width: 30px;
}

.popular-page-tabs li form button svg {
  color: #4D4D4D;
  opacity: .2;
}

.popular-page-tabs li:nth-of-type(1) a {
  padding: 11px 10px 5px 0px;
}

.unique-class-images {
  display: block;
  margin-left: auto;
  width: 100%;
  height: auto;
  max-width: 300px;
  max-height: 250px;
}

.welcome-text {
  font-family: inter, sans-serif;
  font-size: 26px;
  line-height: 120%;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3E3E3E;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .welcome-text {
    font-size: 22px;
  }
}

.description-text {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  color: #222531;
}

.separate-line {
  border: 1px solid #cecece;
  margin: 0 50px;
}

.social-auth-title {
  margin-bottom: 33px;
}

.social-auth-list .btn {
  line-height: unset !important;
  width: 200px !important;
}

.social-auth-list .social-auth-link {
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
  padding: 7px 15px;
  min-width: 200px;
}

.social-auth-list .social-auth-link.facebook {
  background-color: #2680eb;
}

.social-auth-list .social-auth-link.twitter {
  background-color: #6ac6e2;
}

.social-auth-list .social-auth-link.google {
  background-color: #e26a6a;
}

.social-auth-list .social-auth-link:hover {
  text-decoration: none;
}

.social-auth-list .social-auth-link .text {
  font-family: inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ffffff;
}

.register-link {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  color: #8A91AA;
}

.register-link a {
  color: #775CA7;
  padding: 0;
  text-decoration: none;
  font-weight: 400;
}

.create-account-second-block {
  background-color: #f8f9fb;
}

.login-captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}

.login-captcha div {
  width: initial !important;
}

.login,
.registration-page {
  margin-bottom: 0;
  padding-bottom: 75px;
}

.login .wrapper-login,
.registration-page .wrapper-login {
  padding: 60px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .login .wrapper-login,
  .registration-page .wrapper-login {
    padding: 12px 0;
  }
}

.login .wrapper-login .top-title,
.registration-page .wrapper-login .top-title {
  padding-left: 40px;
}

@media (max-width: 768px) {
  .login .wrapper-login .top-title,
  .registration-page .wrapper-login .top-title {
    padding-left: 0;
  }
}

.login .wrapper-login .social-auth-list,
.registration-page .wrapper-login .social-auth-list {
  padding-left: 40px;
}

@media (max-width: 768px) {
  .login .wrapper-login .social-auth-list,
  .registration-page .wrapper-login .social-auth-list {
    padding-left: 0;
  }
}

.login .wrapper-login .social-auth-list .wrapper-buttons,
.registration-page .wrapper-login .social-auth-list .wrapper-buttons {
  margin-left: 40px;
}

@media (max-width: 768px) {
  .login .wrapper-login .social-auth-list .wrapper-buttons,
  .registration-page .wrapper-login .social-auth-list .wrapper-buttons {
    margin-left: 0;
  }
}

.login .wrapper-login .social-auth-list .wrapper-buttons .button-facebook .facebook-icon,
.registration-page .wrapper-login .social-auth-list .wrapper-buttons .button-facebook .facebook-icon {
  left: 24px;
}

.login .wrapper-login .social-auth-list .wrapper-buttons .button-google .google-icon,
.registration-page .wrapper-login .social-auth-list .wrapper-buttons .button-google .google-icon {
  left: 19px;
}

@media (max-width: 768px) {
  .login .wrapper-login.checkout-login .form-wrap,
  .registration-page .wrapper-login.checkout-login .form-wrap {
    padding: 30px 0 0;
    border-top: 1px solid #cecece;
    border-left: none;
    border-bottom: none;
  }
}

.login .wrapper-login .form-wrap,
.registration-page .wrapper-login .form-wrap {
  background: white;
  padding: 25px 55px;
  -webkit-box-shadow: 5px 10px 20px -5px rgba(119, 92, 167, 0.1);
          box-shadow: 5px 10px 20px -5px rgba(119, 92, 167, 0.1);
  border-radius: 16px;
  width: 555px;
  z-index: 5;
}

@media (max-width: 1100px) {
  .login .wrapper-login .form-wrap,
  .registration-page .wrapper-login .form-wrap {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .login .wrapper-login .form-wrap,
  .registration-page .wrapper-login .form-wrap {
    padding: 24px 16px;
  }
}

.login .wrapper-login .register-circle,
.registration-page .wrapper-login .register-circle {
  width: 620px;
  background: #9975FE;
  border-radius: 50%;
  height: 105%;
  top: -20px;
}

@media (max-width: 768px) {
  .login .wrapper-login,
  .registration-page .wrapper-login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .login .wrapper-login.checkout-login,
  .registration-page .wrapper-login.checkout-login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.login .guest-checkout-block .email-group,
.registration-page .guest-checkout-block .email-group {
  margin-right: 10px;
}

.login .guest-checkout-block .password-group,
.registration-page .guest-checkout-block .password-group {
  margin-left: 10px;
  margin-bottom: 25px;
}

.login .form-wrap,
.registration-page .form-wrap {
  font-family: inter, sans-serif;
  font-weight: 300;
}

.login .form-wrap .password-group,
.registration-page .form-wrap .password-group {
  margin-top: 13px;
}

.login .form-wrap .form-group,
.registration-page .form-wrap .form-group {
  margin-bottom: 0;
  max-width: 440px;
  width: 100%;
}

@media (max-width: 1150px) {
  .login .form-wrap .form-group,
  .registration-page .form-wrap .form-group {
    max-width: unset;
  }
}

.login .form-wrap .form-group .description-color,
.registration-page .form-wrap .form-group .description-color {
  color: #58667E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
}

.login .form-wrap .form-group #remember-email,
.registration-page .form-wrap .form-group #remember-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.login .form-wrap .form-group #remember-email__span,
.registration-page .form-wrap .form-group #remember-email__span {
  padding: 10px 35px;
  background: #FAF8FF;
  border-radius: 8px;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.login .form-wrap .form-group #remember-email__link,
.registration-page .form-wrap .form-group #remember-email__link {
  font-weight: 500;
  color: #775CA7;
  margin-top: 5px;
}

.login .form-wrap .form-group.has-error,
.registration-page .form-wrap .form-group.has-error {
  margin-top: 3px;
}

.login .form-wrap .form-group.has-error .input-wrap,
.registration-page .form-wrap .form-group.has-error .input-wrap {
  padding: 0 !important;
}

.login .form-wrap .form-group.has-error .input-wrap input,
.registration-page .form-wrap .form-group.has-error .input-wrap input {
  outline: none !important;
  border: #F6685A solid 2px !important;
}

.login .form-wrap .form-group.has-error .input-wrap .help-block,
.registration-page .form-wrap .form-group.has-error .input-wrap .help-block {
  margin-bottom: 3px;
  margin-left: 0;
  font-family: inter, sans-serif;
  font-weight: 300 !important;
  text-align: left;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  color: #F7685A;
}

.login .form-wrap .form-group .input-label,
.registration-page .form-wrap .form-group .input-label {
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  color: #775CA7;
  font-weight: 500;
  margin-bottom: 10px;
}

.login .form-wrap .login-btn-wrap,
.registration-page .form-wrap .login-btn-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.login .form-wrap .login-btn-wrap .btn,
.registration-page .form-wrap .login-btn-wrap .btn {
  max-width: 199px;
  width: 100%;
  height: 48px;
  color: #ffffff;
  border-radius: 6px;
  font-size: 14px;
  font-family: inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  background: #775CA7;
  -webkit-box-shadow: 5px 10px 20px -5px rgba(119, 92, 167, 0.1);
          box-shadow: 5px 10px 20px -5px rgba(119, 92, 167, 0.1);
  margin: 24px 0 16px;
}

.login .form-wrap .login-btn-wrap .btn:hover,
.registration-page .form-wrap .login-btn-wrap .btn:hover {
  background: #5C4586;
}

@media screen and (max-width: 768px) {
  .login .form-wrap .login-btn-wrap .btn,
  .registration-page .form-wrap .login-btn-wrap .btn {
    margin: 24px 0 8px;
  }
}

.login .form-wrap .forgot-underline,
.registration-page .form-wrap .forgot-underline {
  text-decoration: underline;
}

.login .form-wrap .input-wrap,
.registration-page .form-wrap .input-wrap {
  padding: 0;
  position: relative;
}

.login .form-wrap .input-wrap .eye-pass-toggle,
.registration-page .form-wrap .input-wrap .eye-pass-toggle {
  position: absolute;
  top: 45px;
  right: 15px;
}

.login .form-wrap .input-wrap input,
.registration-page .form-wrap .input-wrap input {
  width: 100%;
  height: 48px;
  padding: 8px 15px;
  font-size: 14px;
  color: #292929;
  line-height: 140%;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  font-weight: 300;
}

.login .form-wrap .input-wrap input:focus,
.registration-page .form-wrap .input-wrap input:focus {
  outline: none !important;
  border: solid 2px #775CA7;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.login .form-wrap .input-wrap input::-webkit-input-placeholder,
.registration-page .form-wrap .input-wrap input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9e89b7;
  font-family: inter, sans-serif;
  font-weight: 300;
}

.login .form-wrap .input-wrap input::-moz-placeholder,
.registration-page .form-wrap .input-wrap input::-moz-placeholder {
  /* Firefox 19+ */
  color: #9e89b7;
  font-family: inter, sans-serif;
  font-weight: 300;
}

.login .form-wrap .input-wrap input:-ms-input-placeholder,
.registration-page .form-wrap .input-wrap input:-ms-input-placeholder {
  /* IE 10+ */
  color: #9e89b7;
  font-family: inter, sans-serif;
  font-weight: 300;
}

.login .form-wrap .input-wrap input:-moz-placeholder,
.registration-page .form-wrap .input-wrap input:-moz-placeholder {
  /* Firefox 18- */
  color: #9e89b7;
  font-family: inter, sans-serif;
  font-weight: 300;
}

.login .form-wrap .input-wrap .warning-login-input-icon,
.registration-page .form-wrap .input-wrap .warning-login-input-icon {
  display: none;
  position: absolute;
  right: 10px;
  top: 45px;
}

.login .form-wrap .forgot,
.registration-page .form-wrap .forgot {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  color: #8A91AA;
}

.login .form-wrap .forgot a,
.registration-page .form-wrap .forgot a {
  color: #775CA7;
  padding: 0;
  text-decoration: none;
  font-weight: 400;
}

.login .form-wrap .forgot a:hover,
.login .form-wrap .forgot a:focus,
.registration-page .form-wrap .forgot a:hover,
.registration-page .form-wrap .forgot a:focus {
  text-decoration: none;
}

@media (max-width: 1199px) {
  .login .form-wrap .login-btn-wrap .btn {
    padding: 6px 20px;
  }
}

@media (max-width: 992px) {
  .login .form-wrap .login-btn-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .login .form-wrap .create-acc a {
    padding: 6px 21px;
  }

  .signup-head-right > img {
    width: 80px;
    height: 80px;
  }

  .signup-head-right span {
    font-size: .7rem;
  }
}

@media (max-width: 768px) {
  .login {
    padding: 20px 0 !important;
  }

  .login .separate-line {
    display: none;
  }

  .login .social-auth-list .social-auth-link {
    width: 100%;
    text-align: center;
  }

  .login .register-link {
    text-align: left !important;
    margin-bottom: 20px;
  }

  .login .form-wrap {
    margin-bottom: 36px;
  }

  .login .form-wrap .input-wrap input {
    width: 100%;
  }

  .login .form-wrap .create-acc a,
  .login .form-wrap .create-account .form-wrap .create-acc a {
    padding: 6px 6px;
    font-size: 13px;
  }

  .join {
    padding: 10px;
  }

  .join .title {
    font-size: 30px;
  }

  .join .text {
    font-size: 18px;
  }

  .join .form-wrap input {
    width: 100%;
  }

  .signup-head-left h3 {
    padding-bottom: 40px;
  }

  .signup-head-right {
    width: 140px;
  }
}

@media (max-width: 320px) {
  .login-captcha iframe,
  .registration-captcha iframe {
    margin-left: -11px;
  }
}

.wrapper-guest-checkout {
  margin-top: 20px;
}

.wrapper-guest-checkout .form-wrap {
  max-width: 500px;
}

.help-block {
  margin-bottom: 3px;
  margin-left: 0;
  font-family: inter, sans-serif;
  font-weight: 300 !important;
  text-align: left;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  color: #F7685A;
}

.required-field {
  position: absolute;
  bottom: 0;
  margin-left: 3px;
  color: red;
  font-size: 16px;
}

.create-account {
  padding: 20px 80px 80px;
}

.create-account .registration-captcha {
  margin-bottom: 15px;
}

.create-account .title {
  font-family: 'PT Serif', serif;
  font-weight: 700;
  font-size: 30px;
  color: #4d4d4d;
}

.create-account .form-wrap {
  margin-top: 20px;
}

.create-account .form-wrap .selectric-wrapper.selectric-selectric-register-profile-type {
  padding: 7px 0px;
  -webkit-box-shadow: 0px 1px 1px -1px black;
  box-shadow: 0px 1px 1px -1px black;
  border: 0;
  border-radius: 0.25rem;
  width: 100%;
  background-color: #ffffff;
}

.create-account .form-wrap .selectric-wrapper.selectric-selectric-register-profile-type .selectric-items {
  width: 100% !important;
}

.create-account .form-wrap .selectric-wrapper.selectric-selectric-register-profile-type .selectric .label {
  color: black;
}

.create-account .form-wrap .selectric-wrapper.selectric-selectric-register-profile-type option {
  background-color: #ffffff;
}

.create-account .form-wrap .selectric-wrapper.selectric-selectric-register-profile-type option:hover {
  background-color: #b973ac;
}

.create-account .form-wrap .selectric-register-profile-type:focus {
  outline: auto #b973ac 5px;
}

.create-account .form-wrap .name {
  width: 67%;
}

.create-account .form-wrap .name .form-group {
  width: 48%;
}

.create-account .form-wrap .name .form-group .input-wrap {
  width: 100%;
}

.create-account .form-wrap .name .form-group .input-wrap input {
  width: 100%;
}

.create-account .form-wrap .login-btn-wrap .btn {
  color: #ffffff;
  padding: 6px 35px;
  font-size: 13px;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  background: #775da7;
  margin-right: 15px;
}

.create-account .form-wrap .create-acc a {
  color: #775da7;
  border: 1px #775da7 solid;
  padding: 6px 16px;
  border-radius: 3%;
  background: #ffffff;
  font-size: 14px;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.create-account .form-wrap .input-wrap {
  padding: 0 0 20px 0;
}

.create-account .form-wrap .input-wrap input {
  width: 67%;
  padding: 7px 20px;
  -webkit-box-shadow: 0px 1px 1px -1px black;
          box-shadow: 0px 1px 1px -1px black;
  border: 0;
}

.create-account .form-wrap .input-wrap input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d7d9e5;
  font-family: 'Muli', sans-serif;
}

.create-account .form-wrap .input-wrap input::-moz-placeholder {
  /* Firefox 19+ */
  color: #d7d9e5;
  font-family: 'Muli', sans-serif;
}

.create-account .form-wrap .input-wrap input:-ms-input-placeholder {
  /* IE 10+ */
  color: #d7d9e5;
  font-family: 'Muli', sans-serif;
}

.create-account .form-wrap .input-wrap input:-moz-placeholder {
  /* Firefox 18- */
  color: #d7d9e5;
  font-family: 'Muli', sans-serif;
}

.create-account .form-wrap .policy {
  font-family: 'Muli', sans-serif;
  margin-bottom: 15px;
  font-weight: 200;
  width: 67%;
}

.create-account .form-wrap .policy a {
  color: #775da7;
  font-weight: 400;
}

.create-account .icons {
  margin: 20px 0;
}

.create-account .icons .icon {
  margin-right: 15px;
}

.create-account .text {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.join {
  background: #ffffff;
}

.join .title {
  font-family: 'PT Serif', serif;
  font-weight: 700;
  color: #775da7;
  text-align: center;
}

.join .text {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  text-align: center;
  color: #775da7;
  margin-bottom: 15px;
}

.join .form-wrap .form-group {
  margin-bottom: 0;
}

.join .form-wrap .btn {
  color: #ffffff;
  background: #775da7;
  border-radius: 0;
  font-family: 'Muli', sans-serif;
}

.join .form-wrap input {
  background: #c5c9e6;
  border: 0;
  padding: 7px;
}

.register-page-images-left > div {
  margin-left: auto;
  margin-right: auto;
}

.register-page-images-left > div:nth-of-type(2) {
  padding: 0 30px;
}

.register-page-images-left img {
  display: table;
  margin: auto;
}

.register-page-images-left span {
  display: block;
  width: 130px;
  margin: auto;
  text-align: center;
  font-family: 'PT Serif', serif;
  font-weight: 400;
  font-size: 1.1rem;
  color: #4D4D4D;
}

.login .form-wrap .create-acc a {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

@media (max-width: 1199px) {
  .register-page-images-left {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .login .form-wrap .login-btn-wrap .btn {
    padding: 6px 20px;
  }
}

@media (max-width: 992px) {
  .create-account .form-wrap {
    margin-top: 20px;
  }

  .create-account .form-wrap .form-btn-wrap .login-btn {
    margin-bottom: 10px;
  }

  .create-account .form-wrap .name {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 67%;
  }

  .create-account .form-wrap .name .form-group {
    width: 100%;
  }

  .create-account .form-wrap .name .form-group .input-wrap {
    width: 100%;
  }

  .login .form-wrap .login-btn-wrap,
  .create-account .form-wrap .login-btn-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .create-account {
    padding: 20px 10px;
  }

  .create-account .form-wrap {
    margin-bottom: 40px;
  }

  .create-account .form-wrap .name {
    width: 100%;
  }

  .create-account .form-wrap .form-group {
    width: 100%;
  }

  .create-account .form-wrap .form-group .input-wrap input {
    width: 100%;
  }

  .create-account .form-wrap .create-acc a {
    padding: 6px 17px;
    font-size: 11px;
  }

  .create-account .form-wrap .login-btn-wrap .btn {
    padding: 6px 15px;
    font-size: 11px;
    margin-bottom: 0;
  }

  .signup-head-left h3 {
    padding-bottom: 0;
  }

  .register-page-images-left span {
    padding-bottom: 20px;
  }
}

@media (max-width: 360px) {
  .login-btn-wrap .btn {
    padding: 10px 25px !important;
    margin-bottom: 20px !important;
  }

  .login .form-wrap .create-acc a,
  .login .form-wrap .create-account .form-wrap .create-acc a {
    padding: 10px 6px;
  }
}

.network-content {
  max-width: calc(100% - 380px);
  margin: 0 auto;
}

.network-content .search {
  display: none;
}

@media screen and (max-width: 1180px) {
  .network-content .search {
    display: block;
  }
}

.network-content .search input {
  width: 100%;
}

.network-content .people-discussions {
  margin-top: 25px !important;
}

.network-content .changemakers-discover-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: -40px;
  padding-bottom: 8px;
  background: #F8F9FB;
  z-index: 9;
  border-radius: 6px;
  display: none;
}

@media screen and (max-width: 1180px) {
  .network-content .changemakers-discover-wrapper {
    display: block;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.network-content .changemakers-discover-wrapper .changemakers-discover {
  overflow-x: scroll;
  padding-left: 10px;
}

.network-content .changemakers-discover-wrapper .changemakers-discover::-webkit-scrollbar {
  display: none;
}

.network-content .changemakers-discover-wrapper a {
  text-decoration: none;
}

.network-content .changemakers-discover-wrapper h6 {
  font-family: inter, sans-serif;
  font-size: 16px;
  line-height: 125%;
  color: #222531;
  margin-top: 15px;
  margin-bottom: 15px;
}

.network-content .changemakers-discover-wrapper .wrapper-category {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 8px;
  color: #58667E;
  font-weight: 300;
  border: 1px solid #D3D7E0;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
  height: 36px;
  line-height: 130%;
}

.network-content .changemakers-discover-wrapper .checked-category {
  color: #FFFFFF;
  background: #775CA7;
  padding: 8px 16px;
}

.network-content .discuss-wrapper {
  margin-top: 100px;
}

.network-content .discuss-wrapper .preview-discuss__wrapper {
  padding: 32px;
  background: white;
  border-top: 1px solid #EBF0F4;
}

.network-content .discuss-wrapper .title-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

.network-content .discuss-wrapper .title-count h6 {
  margin-right: 8px;
}

.network-content .discuss-wrapper .title-count .discuss-count {
  font-size: 14px;
  color: #58667E;
  font-weight: 300;
}

.network-content .discuss-wrapper .preview-discuss__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 300;
}

.network-content .discuss-wrapper .preview-discuss__author .user__plug {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #D9CBFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 12px;
  font-weight: 300;
  line-height: 120%;
}

.network-content .discuss-wrapper .preview-discuss__author img {
  width: 24px;
  border-radius: 50%;
}

.network-content .discuss-wrapper .preview-discuss__author .user__name {
  margin: 0 8px;
  color: #58667E;
  font-weight: 500;
}

.network-content .discuss-wrapper .preview-discuss__author .user__time {
  color: #8A91AA;
}

.network-content .discuss-wrapper .preview-discuss__title {
  font-size: 22px;
  line-height: 120%;
  color: #222531;
  margin: 16px 0;
  text-decoration: none;
  cursor: pointer;
}

.network-content .discuss-wrapper .preview-discuss__count-comments {
  text-decoration: none;
  color: #58667E;
  font-weight: 300;
  cursor: pointer;
}

.network-content .network-route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  color: #775CA7;
  margin-bottom: 15px;
}

@media screen and (max-width: 1180px) {
  .network-content .network-route {
    position: absolute;
    top: 17px;
    padding-bottom: 17px;
  }
}

.network-content .network-route img {
  margin: 0 8px;
}

.network-content .network-route a {
  text-decoration: none;
  color: #8A91AA;
}

.network-content .network-main-search {
  margin-bottom: 24px;
}

@media screen and (max-width: 1000px) {
  .network-content .network-main-search {
    margin: 16px 0 32px;
  }
}

@media screen and (max-width: 768px) {
  .network-content .network-main-search {
    margin: 45px 0 32px;
  }
}

.network-content .network-main-search #connections_search_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.network-content .network-main-search #connections_search_form .connections_search_form-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.network-content .network-main-search #connections_search_form .connections_search_form-inner .selects-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 65%;
}

@media screen and (max-width: 768px) {
  .network-content .network-main-search #connections_search_form .connections_search_form-inner {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .network-content .network-main-search #connections_search_form .connections_search_form-inner .selects-wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .network-content .network-main-search #connections_search_form {
    margin-top: 30px;
  }
}

.network-content .network-main-search #connections_search_form .input-wrap {
  width: 335px;
  margin-top: 3px;
  position: relative;
}

.network-content .network-main-search #connections_search_form .input-wrap input {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .network-content .network-main-search #connections_search_form .input-wrap {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.network-content .network-main-search #connections_search_form .selectric-wrapper {
  width: 50%;
  border-radius: 8px;
}

.network-content .network-main-search #connections_search_form .selectric-select-profession .selectric {
  border-right: none;
  border-radius: 8px 0 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
}

.network-content .network-main-search #connections_search_form .selectric-select-profession .selectric::after {
  background: #EBF0F4;
  content: "";
  display: inline-block;
  margin-left: auto;
  cursor: pointer;
  width: 1px;
  height: 25px;
}

@media screen and (max-width: 768px) {
  .network-content .network-main-search #connections_search_form .selectric-select-profession .selectric {
    border-radius: 0 0 0 8px;
  }
}

.network-content .network-main-search #connections_search_form .selectric-select-location .selectric {
  border-left: none;
  border-right: none;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
}

.network-content .network-main-search #connections_search_form .selectric-select-location .selectric::after {
  background: #EBF0F4;
  content: "";
  display: inline-block;
  margin-left: auto;
  cursor: pointer;
  width: 1px;
  height: 25px;
}

.network-content .network-main-search #connections_search_form #connections-search {
  border-left: none;
  border-radius: 0 8px 8px 0;
}

.network-content .network-main-search #connections_search_form #connections-search:focus {
  border-left: none !important;
}

@media screen and (max-width: 768px) {
  .network-content .network-main-search #connections_search_form #connections-search {
    border-radius: 8px 8px 0 0;
    border-bottom: none;
  }

  .network-content .network-main-search #connections_search_form #connections-search:focus {
    border-left: 2px solid #775CA7 !important;
    border-bottom: none !important;
  }
}

.network-content .network-main-search #connections_search_form .search-icon-connections {
  right: 15px;
  top: 15px;
}

@media screen and (max-width: 768px) {
  .network-content .network-main-search #connections_search_form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .network-content .network-main-search #connections_search_form .input-wrap {
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    border-radius: 8px !important;
    border-left: solid 1px #EBF0F4;
  }

  .network-content .network-main-search #connections_search_form .selectric-select-location .selectric {
    border-right: solid 1px #EBF0F4;
    border-radius: 0 0 8px 0;
  }

  .network-content .network-main-search #connections_search_form .selectric-select-location .selectric::after {
    display: none;
  }

  .network-content .network-main-search #connections_search_form .search-icon-connections {
    left: unset;
    right: 12px;
  }

  .network-content .network-main-search #connections_search_form .selectric-wrapper {
    width: 50%;
    margin-top: 0 !important;
  }

  .network-content .network-main-search #connections_search_form .selectric-wrapper.selectric-open .selectric .button {
    right: 35px !important;
  }

  .network-content .network-main-search #connections_search_form .selectric-wrapper:nth-child(2) {
    margin: 0;
  }
}

.network-content .non-user-wrapper {
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 140%;
  margin-top: 25px;
  background: white;
  padding: 15px 0;
  border: 1px solid #D3D7E0;
  border-radius: 6px;
}

.network-content .non-user-wrapper__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  color: #58667E;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
}

.network-content .non-user-wrapper__btn:first-child {
  border-right: 1px solid #D3D7E0;
}

.network-content .non-user-wrapper img {
  margin-right: 5px;
}

@media screen and (max-width: 1176px) {
  .network-content {
    max-width: 95%;
    padding-top: 0;
  }
}

.network {
  padding: 0 40px;
}

.network .title-colum-6 {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 3px solid #4d4d4d;
  margin-top: 15px;
  color: #4d4d4d;
  width: 25%;
}

.network .connect-select-div {
  height: 100%;
}

.network .connect-select-div .connect-select-div-inner {
  padding: 10px 15px;
}

.network .title-colum-12 {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #F6685A;
  margin-top: 50px;
  color: #4d4d4d;
  width: 40%;
}

.network .top_authors {
  padding: 0;
}

.log-in-to-see {
  text-align: center;
  margin: 20px 0;
  font-family: inter, sans-serif;
  font-weight: 200;
  color: #4D4D4D;
  font-size: 1rem;
}

.log-in-to-see a {
  color: #775ca7;
}

.log-in-to-see a:hover {
  text-decoration: none;
}

.pagination-button {
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .pagination-button {
    margin-top: 8px;
  }
}

.pagination-button .pagination-btn,
.pagination-button .route-btn {
  max-width: 382px;
  width: 100% !important;
}

.pagination-button .discussions-main-nav-btn {
  margin-right: 15px;
}

.pagination-button .popular-more-btn-index {
  max-width: 380px;
  width: 100% !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .network .connect-select-div {
    height: 302px;
  }
}

@media (max-width: 767px) {
  .network {
    padding: 0 15px;
  }

  .network-search-block-style .author-like-item {
    display: block !important;
    margin-bottom: 20px;
  }
}

.classifieds-carousel .slide-1 {
  background: #f08485;
}

.classifieds-carousel .slide-2 {
  background: #51c0cc;
}

.classifieds-carousel .slide-3 {
  background: #928fd3;
}

.carousel-network-market {
  max-width: 100% !important;
}

.carousel-network-market .tc-mrkt-logo {
  top: 30px !important;
}

@media (max-width: 768px) {
  .carousel-network-market .tc-mrkt-logo {
    display: none !important;
  }
}

.carousel-network-market .top-carousel .prev-arrow,
.carousel-network-market .top-carousel .next-arrow {
  display: none !important;
}

.carousel-network-market .top-carousel .item {
  height: 350px !important;
}

@media (max-width: 768px) {
  .carousel-network-market .top-carousel .item {
    height: 250px !important;
  }
}

@media (max-width: 414px) {
  .carousel-network-market .top-carousel .item {
    height: 200px !important;
  }
}

@media (max-width: 768px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 768px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content .wrapper-image {
    height: 250px !important;
    width: auto !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 414px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content .wrapper-image {
    height: 200px !important;
  }
}

.carousel-network-market .top-carousel .item .wrapper-slide-content .wrapper-image .slide-img {
  max-height: 280px !important;
}

@media (max-width: 768px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content .wrapper-image .slide-img {
    width: 250px !important;
    height: 100% !important;
    margin: 0 !important;
    max-height: 180px !important;
  }
}

@media (max-width: 414px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content .wrapper-image .slide-img {
    width: 140px !important;
    max-height: 125px !important;
  }
}

@media (max-width: 414px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content .text {
    width: 100% !important;
  }
}

@media (max-width: 414px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content .text .title {
    font-size: 28px !important;
  }
}

@media (max-width: 414px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content .text .wrapper-description {
    font-size: 15px !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 414px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content .text .wrapper-description .shop-location {
    margin-left: 0 !important;
    margin-top: 5px !important;
  }
}

@media (max-width: 414px) {
  .carousel-network-market .top-carousel .item .wrapper-slide-content .text .wrapper-buttons {
    margin-top: 15px !important;
  }
}

.search-icon-connections {
  height: 17px;
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}

.events-wrapper,
.jobs-wrapper {
  background: red;
  width: 100%;
  height: 150px;
  margin-bottom: 15px;
}

.jobs-wrapper {
  background: blue;
  margin-top: 30px;
}

.people-discussions {
  font-family: inter, sans-serif;
  font-size: 20px;
  line-height: 143%;
  font-weight: 300;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 25px 0;
}

.people-discussions a {
  cursor: pointer;
  color: #775CA7;
  text-decoration: none;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 18px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #EBF0F4;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.people-discussions a:hover {
  color: #775CA7;
  background: #EFEAFF;
  border: 1px solid #9975FE;
}

.people-discussions a .people-discussions-title {
  font-size: 18px;
  color: #58667E;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .people-discussions a .people-discussions-title {
    font-size: 14px;
    display: none;
  }
}

.people-discussions a .people-discussions-title.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .people-discussions a .people-discussions-title.mobile {
    display: block;
  }
}

.people-discussions a .people-discussions-desc {
  font-size: 14px;
  color: #4E597E;
  text-align: center;
  margin-top: 4px;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .people-discussions a .people-discussions-desc {
    display: none;
  }
}

.people-discussions .people-discussions-image {
  margin-right: 12px;
}

@media screen and (max-width: 768px) {
  .people-discussions .people-discussions-inner {
    margin-right: 0 !important;
  }
}

.network-route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  color: #775CA7;
  margin-bottom: 15px;
}

@media screen and (max-width: 1180px) {
  .network-route {
    position: absolute;
    top: 17px;
    padding-bottom: 17px;
  }
}

.network-route img {
  margin: 0 8px;
}

.network-route a {
  text-decoration: none;
  color: #8A91AA;
}

.advertise {
  background: #fff;
}

.advertise .support {
  padding-right: 5px;
  padding-top: 15px;
  font-size: 14px;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  color: #4d4d4d;
}

.advertise .title {
  color: #4d4d4d;
  padding: 15px 0px;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  font-size: 34px;
}

.advertise .img-help {
  padding: 40px 0;
}

.advertise .text {
  font-size: 20px;
  font-family: 'Muli', sans-serif;
  font-weight: 500;
  color: #4d4d4d;
  padding: 15px 0px;
}

.advertise .cat-title {
  padding-bottom: 5px;
  font-family: 'PT Serif', serif;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 3px solid #4d4d4d;
  margin-top: 15px;
  color: #4d4d4d;
}

.advertise .padding-50 {
  padding: 0 50px;
}

.advertise .img-circle-row {
  background: #f3f3f3;
}

.advertise .margin-15 {
  margin: 15px 0;
}

.advertise .margin-30 {
  margin: 30px 0;
}

.advertise .margin-top-15 {
  margin-top: 15px;
}

.advertise .margin-bottom-15 {
  margin-bottom: 15px;
}

.advertise .margin-bottom-30 {
  margin-bottom: 30px;
}

.advertise .text-purple {
  color: #775ca9;
  font-size: 20px;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  text-align: center;
}

.advertise .img-help .col-4,
.advertise .img-help .col-6 {
  text-align: center;
}

.advertise .form-text {
  color: #775ca9;
  padding: 15px 0px;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 25px;
}

.advertise .four-circle {
  background: #f3f3f3;
}

.advertise .four-circle .text-center {
  font-family: 'PT Serif', serif;
  font-size: 18px;
  font-weight: 700;
  color: #4d4d4d;
}

.advertise .four-circle .text-center .big-size {
  font-size: 24px;
}

.advertise .faces {
  background: #775ca9;
}

.advertise .faces .cat-title {
  color: #ffffff;
  border-bottom: 3px solid #ffffff;
}

.advertise .col-6-padding {
  padding: 0px 140px;
}

.advertise .img-cirlce .text-center {
  font-family: 'PT Serif', serif;
  font-size: 18px;
  font-weight: 700;
  color: #4d4d4d;
}

.advertise .img-cirlce .text-center .big-size {
  font-size: 24px;
}

.advertise .img-cirlce .circle-blue {
  width: 110px;
  height: 110px;
  background: #2e97aa;
  border-radius: 50%;
  margin: 0px 40px;
}

.advertise .img-cirlce .circle-purple {
  width: 110px;
  height: 110px;
  background: #775ca9;
  border-radius: 50%;
  margin: 0px 40px;
}

.advertise .five-col {
  margin: 40px 20px;
}

.advertise .flag-row {
  background: #21162c;
}

.advertise .flag-row .cat-title {
  color: #ffffff;
  border-bottom: 3px solid #ffffff;
  font-weight: 700;
}

.advertise .flag-row .name-flag {
  color: #ffffff;
  font-size: 20px;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
}

.advertise .country .circle-purple {
  width: 110px;
  height: 110px;
  background: #775ca9;
  border-radius: 50%;
  margin: 0px auto;
}

.advertise .people .info {
  width: 263px;
  background: #ffffff;
  bottom: 0px;
  height: 80px;
  color: #4d4d4d;
  padding: 10px 15px;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 18px;
}

.advertise .people .info span.bold {
  font-weight: 700;
}

.advertise .form {
  background: #f3f3f3;
}

.advertise .form form .red {
  color: red;
}

.advertise .form form .verise-form-text {
  color: #4d4d4d;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 20px;
}

.advertise .form form .verise-form-small-text {
  font-weight: 200;
  font-size: 16px;
}

.advertise .form form .w-48 {
  width: 48%;
}

.advertise .form form input {
  padding: 6px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-family: 'Muli', sans-serif;
  border-radius: 2px;
  border: 2px solid #ffffff;
  border-bottom: 1px solid #ccc;
}

.advertise .form form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #775ca9;
}

.advertise .form form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #775ca9;
}

.advertise .form form :-ms-input-placeholder {
  /* IE 10+ */
  color: #775ca9;
}

.advertise .form form :-moz-placeholder {
  /* Firefox 18- */
  color: #775ca9;
}

.advertise .form form .btn {
  background: #775ca9;
  color: #ffffff;
  padding: 8px 55px;
}

.advertise .form form textarea {
  border: 1px solid #775ca9;
  border-radius: 4px;
  resize: none;
}

@media (max-width: 767px) {
  .advertise .text {
    font-size: 16px;
  }

  .advertise .people .info {
    right: 47px;
  }

  .advertise .cat-title {
    font-size: 13px;
  }

  .advertise .padding-50 {
    padding: 0 30px;
  }

  .advertise .info {
    display: none !important;
  }

  .advertise .carousel-inner {
    min-height: 150px;
  }

  .advertise .carousel-inner .carousel-item.active {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .advertise .country .circle-purple {
    margin: 0px 90px;
  }

  .four-block .circle-purple span {
    font-size: 15px;
  }

  .four-block .circle-purple span.big-size {
    font-size: 16px;
  }

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

.support-head > div {
  margin-left: auto;
}

.support-head a {
  display: block;
  color: #4D4D4D;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  padding: 15px 0;
}

.support-head a:hover {
  text-decoration: none;
}

.support-top-img-container {
  height: 550px;
  width: 100%;
  background: url("/storage/components/background_img_support.jpg");
}

.support-top-img-container > div {
  width: 100%;
  height: 100%;
  background: rgba(60, 13, 143, 0.43);
}

.support-top-img-container > div > h1 {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 2rem;
  color: white;
  text-align: center;
}

.support-top-img-container > div > h1:nth-of-type(1) {
  padding-top: 170px;
}

.support-top-img-container > div > h1:nth-of-type(2) {
  padding-top: 36px;
}

.support-top-img-container > div > h6 {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  color: white;
  text-align: center;
  padding-top: 170px;
}

.support-block-contribution-left {
  padding-right: 0;
}

.support-block-contribution-left > div {
  height: 100%;
  background-color: #775ca7;
}

.support-block-contribution-left > div > div {
  padding-left: 90px;
}

.support-block-contribution-left > div > div h3 {
  color: white;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
}

.support-block-contribution-left > div > div span {
  color: white;
  display: block;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.support-block-contribution-right {
  padding-left: 0;
}

.support-block-contribution-right > div {
  padding: 20px 0;
  background-color: white;
}

.support-block-contribution-right > div > div {
  width: 85%;
  margin: auto;
}

.support-block-contribution-right > div > div h3 {
  color: #4D4D4D;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
}

.support-block-contribution-right > div > div > span {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 4px;
  display: block;
}

.support-block-contribution-right > div > div > p {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.support-block-contribution-right > div > div > p a {
  color: #775ca7;
}

.support-block-contribution-right > div > div > p:nth-of-type(1) {
  margin-top: 14px;
}

.support-block-contribution-right > div > div > p:nth-of-type(2) {
  margin-bottom: 0;
}

.selectric-selectric-donate {
  border: 2px solid #C5C9E6;
  border-radius: 2px;
  margin-bottom: 20px;
}

.carousel-support-block {
  background-color: #21162C;
}

#carouselSupport {
  padding: 80px 0;
}

#carouselSupport ol li {
  background-color: transparent;
  border: 1px solid #775ca7;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

#carouselSupport ol li.active {
  background-color: white;
}

.carousel-support-item {
  width: 70%;
  margin: auto;
}

.carousel-support-item img {
  height: 190px;
  width: 190px;
  margin-right: 40px;
}

.carousel-support-item > div p {
  color: white;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  margin-bottom: 0;
}

.carousel-support-item > div a {
  color: #2E97A9;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
}

.carousel-support-h1-bottom {
  background-color: white;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  text-align: center;
  color: #775ca7;
  padding: 30px 0;
  margin: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .support-top-img-container {
    height: 500px;
  }

  .support-top-img-container > div > h1 {
    font-size: 2rem;
  }

  .support-top-img-container > div > h1:nth-of-type(1) {
    padding-top: 150px;
  }

  .support-top-img-container > div > h1:nth-of-type(2) {
    padding-top: 26px;
  }

  .support-top-img-container > div > h6 {
    font-size: 1.2rem;
    padding-top: 160px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .support-top-img-container {
    height: 400px;
  }

  .support-top-img-container > div > h1 {
    font-size: 1.6rem;
  }

  .support-top-img-container > div > h1:nth-of-type(1) {
    padding-top: 120px;
  }

  .support-top-img-container > div > h1:nth-of-type(2) {
    padding-top: 16px;
  }

  .support-top-img-container > div > h6 {
    font-size: 1rem;
    padding-top: 110px;
  }

  .support-block-contribution-left > div > div {
    padding-left: 40px;
  }
}

@media (min-width: 768px) {
  .support-block-contribution {
    padding: 60px 0 !important;
  }
}

@media (max-width: 767px) {
  .support-head div {
    margin-left: inherit;
    margin-right: auto;
  }

  .support-top-img-container {
    height: 340px;
  }

  .support-top-img-container > div > h1 {
    font-size: 1.3rem;
  }

  .support-top-img-container > div > h1:nth-of-type(1) {
    padding-top: 90px;
  }

  .support-top-img-container > div > h1:nth-of-type(2) {
    padding-top: 25px;
  }

  .support-top-img-container > div > h6 {
    font-size: 1rem;
    padding-top: 30px;
    width: 80%;
    margin: auto;
  }

  .support-block-contribution-left {
    padding-left: 0;
  }

  .support-block-contribution-left > div {
    padding: 40px 30px;
  }

  .support-block-contribution-left > div > div {
    padding-left: 0;
  }

  .support-block-contribution-right {
    padding-right: 0;
  }

  .support-block-contribution-right .support-img-link {
    display: table;
    margin: auto;
  }

  .carousel-support-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .carousel-support-item img {
    margin: auto;
  }

  .carousel-support-item > div {
    text-align: center;
    margin-top: 30px;
  }
}

.admin-bar {
  padding: 0 60px;
}

.admin-bar .sidebar {
  min-height: 700px;
  min-width: 250px;
  background: #22162c;
}

.admin-bar .sidebar .sidebar-nav,
.admin-bar .sidebar .nav {
  width: 250px;
}

.admin-bar .main div.main-title {
  margin-top: 10px;
  padding: 20px 15px;
}

.admin-bar .main div.main-title .main-title {
  font-family: 'Muli', sans-serif;
  font-size: 24px;
  font-weight: 200;
  color: #4d4d4d;
}

.admin-bar .main .analytics {
  margin: 70px 0;
}

.admin-bar .main .analytics .next-link {
  min-height: 70px;
}

.admin-bar .main .analytics .next-link a {
  font-family: 'Muli', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #4d4d4d;
}

.admin-bar .main .analytics .next-link a:focus,
.admin-bar .main .analytics .next-link a:hover {
  color: #775ca7;
  text-decoration: none;
}

.admin-bar .main .analytics .dashboard-block .inner .stat {
  padding: 20px 15px;
}

.admin-bar .main .analytics .dashboard-block .inner .stat a:focus,
.admin-bar .main .analytics .dashboard-block .inner .stat a:hover {
  text-decoration: none;
}

.admin-bar .main .analytics .dashboard-block .inner .stat a:focus .stat-title,
.admin-bar .main .analytics .dashboard-block .inner .stat a:focus .count,
.admin-bar .main .analytics .dashboard-block .inner .stat a:hover .stat-title,
.admin-bar .main .analytics .dashboard-block .inner .stat a:hover .count {
  color: #775ca7;
}

.admin-bar .main .analytics .dashboard-block .inner .title {
  width: 20%;
}

.admin-bar .main .analytics .dashboard-block .inner span.info {
  font-family: 'Muli', sans-serif;
  font-size: 13px;
  font-weight: 200;
  color: #4d4d4d;
  padding: 20px 15px;
}

.admin-bar .main .analytics .dashboard-block .inner .stat-title,
.admin-bar .main .analytics .dashboard-block .inner .count {
  font-family: 'Muli', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #4d4d4d;
}

.admin-bar .main .analytics .dashboard-block .inner .count {
  font-size: 27px;
  font-weight: 700;
}

.admin-bar .main .dashboard-block {
  background: #fff;
  -webkit-box-shadow: 0px 1px 0 0 #cccccc;
          box-shadow: 0px 1px 0 0 #cccccc;
  min-height: 271px;
}

.admin-bar .main .dashboard-block p {
  margin-bottom: 12px;
}

.admin-bar .main .dashboard-block .inner .title {
  font-family: 'Muli', sans-serif;
  font-size: 16px;
  font-weight: 200;
  border-bottom: 1px solid #775ca7;
  color: #775ca7;
  padding-bottom: 10px;
  padding-top: 15px;
  width: 75%;
  margin-left: 15px;
}

.admin-bar .main .dashboard-block .inner .title > a {
  font-family: 'Muli', sans-serif;
  font-size: 16px;
  font-weight: 200;
  color: #775ca7;
}

.admin-bar .main .dashboard-block .text,
.admin-bar .main .dashboard-block .text-half {
  padding: 20px 15px;
}

.admin-bar .main .dashboard-block .text a,
.admin-bar .main .dashboard-block .text-half a {
  font-family: 'Muli', sans-serif;
  font-size: 15px;
  font-weight: 200;
  color: #4d4d4d;
}

.admin-bar .main .dashboard-block .text a:focus,
.admin-bar .main .dashboard-block .text a:hover,
.admin-bar .main .dashboard-block .text-half a:focus,
.admin-bar .main .dashboard-block .text-half a:hover {
  text-decoration: none;
  color: #775ca7;
}

.admin-bar .main .dashboard-block .text .red,
.admin-bar .main .dashboard-block .text-half .red {
  color: #ff0000;
}

.admin-bar .main .dashboard-block .text .green,
.admin-bar .main .dashboard-block .text-half .green {
  color: #00ff3c;
}

.admin-bar .main .dashboard-block .text .yellow,
.admin-bar .main .dashboard-block .text-half .yellow {
  color: #ffe600;
}

.admin-bar .main .dashboard-block .text-half {
  padding: 0;
}

.admin-bar .main .dashboard-block .text p.users {
  margin-bottom: 20px;
}

.admin-bar .main .dashboard-block .text p.donat {
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
          box-shadow: 0px 0px 3px 0px #cccccc;
  padding: 3px 5px;
  margin-bottom: 20px;
  width: 84%;
}

.admin-bar .main .dashboard-block .text p.donat span {
  width: 50%;
}

.admin-bar .main .dashboard-block .text p.donat span.purple {
  color: #775ca7;
  font-weight: 500;
}

.admin-bar .main .dashboard-block .content {
  padding: 20px 15px;
}

.admin .title-admin-post {
  color: black;
  font-family: 'Montserrat', sans-serif;
  font-size: .8rem;
  font-weight: 700;
}

.admin .text-admin-post {
  color: #808080;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
}

.admin .post-title {
  color: #775ca7;
  font-weight: 700;
  width: 25%;
}

.admin .admin-post-col {
  width: 10%;
}

.admin .post-line {
  padding: 10px 0;
}

.admin .nav-tabs .nav-link.active,
.admin .nav-tabs .navbar .active.dropdown-toggle,
.navbar .admin .nav-tabs .active.dropdown-toggle {
  background: transparent;
  border-color: transparent;
  color: black;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  padding: 10px 0;
}

.admin .nav-tabs .nav-link,
.admin .nav-tabs .navbar .dropdown-toggle,
.navbar .admin .nav-tabs .dropdown-toggle {
  text-transform: none;
  font-size: 1.3rem;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  padding: 10px 0;
  color: #808080;
  margin-right: 5%;
}

.admin .nav-tabs .nav-link:hover,
.admin .nav-tabs .navbar .dropdown-toggle:hover,
.navbar .admin .nav-tabs .dropdown-toggle:hover {
  border-color: transparent;
}

.admin .nav-tabs {
  margin-bottom: 15px;
}

.admin .send-message {
  padding: 10px;
  background-color: #e6e6e6;
  color: black;
  font-weight: 700;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
}

.admin a.send-message:hover,
.admin a.send-message:active,
.admin a.send-message:focus,
.admin a.send-message:visited {
  text-decoration: none;
  outline: none;
}

.admin .back-link {
  color: #775ca7;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7rem;
}

@media (max-width: 992px) {
  .admin-bar {
    margin-top: 0;
    padding: 0;
  }

  .admin-bar .sidebar {
    position: unset;
    margin-left: 0;
    min-width: 200px;
  }

  .admin-bar .sidebar .sidebar-nav,
  .admin-bar .sidebar .nav {
    width: 200px;
  }
}

@media (max-width: 767px) {
  .admin-bar .main div.main-title {
    padding: 20px 25px;
  }

  .admin-bar .main .col-12 {
    margin-bottom: 15px;
  }

  .admin-bar .main .analytics {
    margin: 15px 0;
  }
}

.about-head-img-container img {
  width: 100%;
  height: 459px;
}

.about-head-img-container .about-us-top-block h1 {
  font-family: 'PT Serif', serif;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 24px;
  color: #4D4D4D;
}

.about-head-img-container .about-us-top-block p {
  margin: 0;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1.2rem;
  color: #4D4D4D;
}

.about-head-container-under-img {
  padding-bottom: 20px;
}

.about-head-container-under-img p {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  margin: 15px 0;
  color: #4D4D4D;
}

.about-head-container-under-img p a {
  color: #775ca7;
  font-weight: 400;
}

.about-head-container-under-img p:nth-of-type(3) {
  margin-bottom: 20px;
}

.about-head-container-under-img > a {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #775ca7;
  color: white;
  padding: 10px 20px;
  display: inline-block;
  margin-right: 4px;
}

.about-head-container-under-img > a:hover {
  text-decoration: none;
}

.about-us-our-team-container {
  background-color: white;
}

.about-us-our-team-container h1 {
  font-family: 'PT Serif', serif;
  font-size: 2rem;
  font-weight: 700;
  color: #4D4D4D;
  text-align: center;
  padding: 20px 0;
}

.about-our-team-member-card > div {
  padding-bottom: 20px;
}

.about-our-team-member-card img {
  width: 210px;
  height: auto;
  margin: auto;
  display: block;
}

.about-our-team-member-card a {
  text-align: center;
  display: block;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  color: #775ca7;
}

.about-our-team-member-card a:hover {
  text-decoration: none;
}

.about-our-team-member-card span {
  text-align: center;
  display: block;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  color: #4D4D4D;
}

.about-our-team-member-card a.about-our-team-member-card-btn {
  display: table;
  margin: auto;
  font-weight: 200;
  padding: 4px 10px;
  border-radius: 2px;
  border: 1px solid #775ca7;
  font-size: .8rem;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.about-us-images-first-line img {
  margin: auto;
  width: auto;
  height: 120px !important;
}

.about-us-images-second-line img {
  margin: auto;
  width: auto;
  height: 80px !important;
}

.h1-about-us-class-new {
  font-family: 'PT Serif', serif;
  font-size: 2rem;
  font-weight: 700;
  color: #4D4D4D;
  text-align: center;
  padding: 30px 0;
}

.h1-about-us-class-new-2 {
  padding-top: 100px;
}

.h3-about-us-class-new {
  font-family: 'PT Serif', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #4D4D4D;
  padding: 30px 0;
  padding-bottom: 0;
}

.p-about-us-class-new {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  margin: 15px 0;
  color: #4D4D4D;
  padding-bottom: 30px;
}

@media (max-width: 1360px) and (min-width: 1200px) {
  .about-head-img-container img {
    height: 400px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-head-img-container img {
    height: 333px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .about-head-img-container img {
    height: 256px;
  }

  .about-head-img-container .about-us-top-block h1 {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 5px;
  }

  .about-head-img-container .about-us-top-block p {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .about-us-top-block-outer {
    padding: 0 20px;
  }

  .about-head-img-container {
    padding: 0 15px !important;
  }

  .about-head-img-container img {
    width: 100%;
    height: auto;
  }

  .about-head-img-container .col-md-7 {
    padding: 0;
  }

  .about-head-img-container .about-us-top-block h1 {
    margin: 10px 0;
  }

  .about-head-container-under-img {
    padding: 0 5px 20px 5px;
  }

  .about-head-container-under-img > a {
    display: block;
    margin: 10px auto 0 auto;
    text-align: center;
  }

  .about-us-images-first-line img {
    width: auto !important;
  }

  .about-us-images-second-line img {
    height: 60px !important;
    width: auto !important;
  }
}

.jobs-head-img-container img {
  width: 100%;
  height: auto;
}

.jobs-head-img-container h1 {
  font-family: inter, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 24px;
  color: #4D4D4D;
}

.jobs-head-img-container p {
  margin: 0;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1.2rem;
  color: #4D4D4D;
}

.jobs-head-img-container > p {
  padding-top: 20px;
  padding-bottom: 30px;
}

.jobs-involved-container {
  background-color: white;
  padding-bottom: 40px !important;
}

.jobs-involved-head h3 {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  padding-top: 30px;
  color: #4D4D4D;
}

.jobs-involved-head hr {
  height: 2px;
  background-color: #4D4D4D;
  width: 270px;
  margin: 10px auto 0 0;
}

.involved-part-container {
  margin-top: 30px;
}

.involved-part-container .involved-part-img-container .involved-part-img {
  background-color: #775ca7;
  display: inline-block;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  position: relative;
}

.involved-part-container .involved-part-img-container .involved-part-img img {
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.involved-part-container .involved-part-img-container .involved-part-img img.involved-svg-icon-camera {
  width: 70px;
}

.involved-part-container .involved-part-img-container .involved-part-img img.involved-svg-icon-calendar {
  width: 60px;
}

.involved-part-container .involved-part-img-container .involved-part-img img.involved-svg-icon-pencil {
  width: 50px;
  -webkit-transform: translate(-40%, -50%);
          transform: translate(-40%, -50%);
}

.involved-part-container .involved-part-text-container {
  margin-left: 20px;
}

.involved-part-container .involved-part-text-container h4 {
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: #4D4D4D;
  margin: 0;
}

.involved-part-container .involved-part-text-container p {
  margin: 0;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  color: #4D4D4D;
  padding-top: 20px;
}

.involved-part-container.involved-part-container-margin {
  margin-top: 80px;
}

.jobs-we-look-for-container {
  background-color: #775ca7;
  padding: 0 15px !important;
}

.jobs-we-look-for-container .jobs-we-look-for-div-outer-left {
  background-color: #21162C;
  color: white;
  padding-left: 15px;
}

.jobs-we-look-for-container .jobs-we-look-for-div-outer-right {
  background-color: #2E97A9;
  color: white;
}

.jobs-we-look-for-container h4 {
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  margin: 0;
  padding-bottom: 10px;
}

.jobs-we-look-for-container span {
  display: block;
  margin: 0;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
}

.jobs-we-look-for-container .jobs-under-two-container p {
  color: white;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  font-style: italic;
  margin: 0;
  padding: 60px 30px;
}

.jobs-we-look-for-div-inner {
  padding: 30px 50px;
}

.jobs-video-container {
  padding-bottom: 30px !important;
}

.jobs-video-container .jobs-video-head h3 {
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  padding-top: 30px;
  color: #4D4D4D;
}

.jobs-video-container .jobs-video-head hr {
  height: 2px;
  background-color: #4D4D4D;
  width: 160px;
  margin: 10px auto 0 0;
}

.jobs-video-container .jobs-video-body {
  padding-top: 40px;
}

.jobs-video-container .video-body-left-container span {
  display: block;
  margin: 0;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1.1rem;
  color: #4D4D4D;
}

.jobs-video-container .video-body-left-container .jobs-buttons {
  margin-top: 160px;
}

.jobs-video-container .video-body-left-container .jobs-buttons a {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: white;
  padding: 8px 0;
  width: 170px;
  display: inline-block;
  text-align: center;
}

.jobs-video-container .video-body-left-container .jobs-buttons a:hover {
  text-decoration: none;
}

.jobs-video-container .video-body-left-container .jobs-buttons a:nth-of-type(1) {
  background-color: #2E97A9;
}

.jobs-video-container .video-body-left-container .jobs-buttons a:nth-of-type(2) {
  background-color: #775ca7;
  margin-left: 20px;
}

.jobs-video-container .video-body-right-container iframe {
  height: 330px;
  width: 100%;
}

@media (max-width: 1359px) and (min-width: 1200px) {
  .jobs-video-container .video-body-right-container iframe {
    height: 290px;
  }

  .jobs-video-container .video-body-left-container .jobs-buttons {
    margin-top: 124px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .jobs-video-container .video-body-right-container iframe {
    height: 240px;
  }

  .jobs-video-container .video-body-left-container .jobs-buttons {
    margin-top: 70px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .jobs-head-img-container h1 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .jobs-head-img-container p {
    font-size: 1rem;
  }

  .jobs-video-container .video-body-right-container iframe {
    height: 184px;
  }

  .jobs-video-container .video-body-left-container .jobs-buttons {
    margin-top: 20px;
  }

  .jobs-video-container .video-body-left-container .jobs-buttons a {
    width: 150px;
  }
}

@media (max-width: 767px) {
  .jobs-head-img-container {
    padding: 0 15px !important;
  }

  .jobs-head-img-container h1 {
    padding-top: 20px;
  }

  .jobs-head-img-container .jobs-head-text-div-inner {
    padding: 0 20px;
  }

  .jobs-head-img-container .jobs-head-img-div-inner {
    padding: 0;
  }

  .jobs-head-img-container > p {
    padding: 20px 5px 30px 5px;
  }

  .jobs-involved-head h3 {
    text-align: center;
  }

  .jobs-involved-head hr {
    margin: auto;
  }

  .involved-part-container {
    margin-top: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }

  .involved-part-container .involved-part-img-container {
    margin: auto;
  }

  .involved-part-container .involved-part-text-container {
    margin-left: 0;
  }

  .involved-part-container .involved-part-text-container h4 {
    margin-top: 10px;
  }

  .involved-part-container.involved-part-container-margin {
    margin-top: 30px;
  }

  .jobs-we-look-for-div-inner {
    padding: 30px 20px;
  }

  .jobs-we-look-for-container .jobs-under-two-container p {
    padding: 30px 20px;
  }

  .jobs-video-container {
    padding: 0 !important;
  }

  .jobs-video-container .jobs-video-head {
    padding: 0 20px;
  }

  .jobs-video-container .jobs-video-head h3 {
    padding-top: 0;
  }

  .jobs-video-container .jobs-video-head hr {
    margin-bottom: 20px;
  }

  .jobs-video-container .jobs-video-body {
    padding: 0;
  }

  .jobs-video-container .jobs-video-body .row {
    margin: 0 !important;
  }

  .jobs-video-container .jobs-video-body .row .video-body-right-container {
    padding: 0;
  }

  .jobs-video-container .jobs-video-body .row .video-body-left-container {
    padding: 20px 0 0 0;
  }

  .jobs-video-container .video-body-right-container iframe {
    height: 290px;
  }

  .jobs-video-container .video-body-left-container span {
    padding: 0 20px;
  }

  .jobs-video-container .video-body-left-container .jobs-buttons {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .jobs-video-container .video-body-left-container .jobs-buttons a {
    width: 100%;
    font-size: 1rem;
    padding: 14px 0;
  }

  .jobs-video-container .video-body-left-container .jobs-buttons a:nth-of-type(2) {
    margin: 0;
  }
}

@media (max-width: 400px) {
  .jobs-video-container .video-body-right-container iframe {
    height: 220px !important;
  }
}

.premium-page-custom-container {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.asterisk-descr-div {
  margin: auto;
  margin-top: 30px;
  display: table;
  padding: 0 20px;
  text-align: center;
}

.asterisk-descr-div .asterisk-div {
  padding: 2px 7px;
  margin: auto;
  border-radius: 50%;
  border: 1px solid black;
  width: auto;
  display: table;
  margin-bottom: 14px;
}

.asterisk-descr-div span {
  font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
  font-weight: 700;
}

.premium-title-container h1 {
  font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
  font-size: 4rem;
  color: #775ca7;
  margin-bottom: 0;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: center;
}

.premium-title-container h3 {
  font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
  font-size: 2rem;
  margin-bottom: 20px;
}

.premium-title-container h6 {
  font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
  font-size: 1.2rem;
  font-style: italic;
  margin-bottom: 0;
  text-align: center;
}

.premium-page-second-container {
  margin-top: 60px;
}

.premium-page-second-container-first-col {
  border: 2px solid #C5C9E6;
  height: 100%;
}

.premium-page-second-container-first-col h3 {
  font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
  font-size: 2rem;
  text-align: center;
  margin-top: 20px;
}

.premium-page-second-container-first-col h4 {
  font-weight: 700;
  color: #4D4D4D;
  font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
  font-size: 3rem;
  text-align: center;
}

.premium-page-second-container-first-col h4 span {
  font-size: 2rem;
}

.premium-page-second-container-first-col img {
  padding: 0 60px;
  max-width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
}

.premium-page-second-container-first-col > span {
  display: table;
  margin: 4px auto;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}

.premium-page-second-container-first-col > span svg {
  display: inline-table;
  margin-right: 4px;
}

.premium-page-second-container-first-col > span:nth-of-type(1) {
  font-style: italic;
  font-weight: 200;
}

.premium-page-second-container-first-col > span:nth-of-type(2) {
  margin: 0 auto;
  padding: 4px 0;
  border-top: 1px solid #4D4D4D;
  border-bottom: 1px solid #4D4D4D;
}

.premium-page-second-container-first-col > a {
  display: table;
  margin: auto;
  color: white;
  background-color: #775ca7;
  text-transform: uppercase;
  font-family: 'Muli', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 4px 20px;
  margin-bottom: 20px;
  text-align: center;
}

.premium-page-second-container-first-col > a:hover {
  text-decoration: none;
}

.premium-page-second-container-second-col {
  background-color: #F6685A;
  height: 100%;
  padding-top: 30px;
}

.premium-page-second-container-second-col > span:first-child {
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  display: table;
  margin: auto;
  text-align: center;
  background-color: white;
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  opacity: 0;
}

.premium-page-second-container-second-col > span:first-child svg {
  display: inline-table;
  margin-right: 4px;
}

.premium-page-second-container-second-col h3 {
  font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
  font-size: 2rem;
  text-align: center;
  color: white;
  margin-top: 30px;
}

.premium-page-second-container-second-col h4 {
  font-weight: 700;
  color: white;
  font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 0;
}

.premium-page-second-container-second-col h4 span {
  font-size: 2rem;
}

.premium-page-second-container-second-col .premium-month-or-year-span {
  display: table;
  margin: auto;
  text-align: center;
  font-family: 'Muli', sans-serif;
  font-size: .9rem;
}

.premium-page-second-container-second-col > img {
  padding: 0 40px;
  max-width: 100%;
  margin-top: 60px;
}

.premium-page-second-container-third-col {
  padding-top: 30px;
}

.premium-page-second-container-third-col span {
  display: table;
  text-align: center;
}

.premium-page-second-container-third-col .premium-info-alignment-div {
  display: table;
  margin: auto;
}

.premium-page-second-container-third-col .premium-info-alignment-div > span {
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Muli', sans-serif;
  margin-bottom: 20px;
  text-align: left;
}

.premium-page-second-container-third-col .premium-info-alignment-div > span svg {
  display: inline-table;
  margin-right: 4px;
}

.premium-page-second-container-third-col .premium-info-alignment-div > span:first-child {
  font-family: Georgia;
  font-weight: 200;
  font-size: 1.2rem;
  text-align: center;
}

.premium-page-second-container-third-col .premium-radio-container {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 20px;
}

.premium-page-second-container-third-col input[type="submit"] {
  display: table;
  margin: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border: none;
  text-transform: uppercase;
  background-color: #F6685A;
  color: white;
  cursor: pointer;
  padding: 4px 30px;
  font-family: 'Muli', sans-serif;
}

.premium-page-second-container-third-col .custom-premium-radio label {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  margin-left: 10px;
}

.premium-page-second-container-third-col .custom-premium-radio label:before {
  border-radius: 50%;
  background-color: #F6685A;
}

.premium-page-second-container-third-col .custom-premium-radio input:checked ~ label::before {
  border-radius: 50%;
  background-color: white;
  border: 4px solid #F6685A;
}

.premium-page-second-container-third-col > span:last-child {
  font-style: italic;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
  margin-bottom: 10px;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.premium-page-second-container-third-col .policy {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  margin-top: 10px;
}

.premium-page-second-container-third-col .policy a {
  color: #775ca7;
  font-weight: 400;
}

.paypal-btn-premium-page {
  position: relative;
  background: #F6685A;
  color: white;
  font-family: 'Muli', sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  height: 36px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  text-transform: uppercase;
}

.paypal-btn-premium-page #paypal-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 35px;
}

.paypal-btn-premium-page span {
  width: 100%;
  height: 35px;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  padding: 0 30px;
  background-color: #F96854;
  pointer-events: none;
}

.paypal-btn-premium-container {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 240px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  overflow: hidden;
  opacity: 0;
}

#paypal-button .xcomponent-outlet {
  height: 50px !important;
  width: 1000px !important;
  margin-left: -300px !important;
}

.paypal-button.paypal-button-shape-pill {
  height: 50px !important;
}

.premium-main-container .support-block-contribution-left .premium-left-block {
  height: auto;
  background-color: #f8f9fb;
}

.premium-main-container .support-block-contribution-left .premium-left-block h5 {
  text-align: center;
  font-family: 'Muli', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}

.premium-main-container .support-block-contribution-left .premium-left-block .number-premium-block {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.premium-main-container .support-block-contribution-left .premium-left-block .number-premium-block img {
  display: inline-block;
  height: 130px;
  width: 90px;
}

.premium-main-container .support-block-contribution-left .premium-left-block .number-premium-block span {
  font-family: 'Muli', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  display: inline-block;
  margin-left: 30px;
  color: #4D4D4D;
}

.premium-main-container .support-block-contribution-right .premium-right-block {
  background-color: white;
  padding: 20px;
  margin: 60px 30px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.premium-main-container .support-block-contribution-right .premium-right-block form > label {
  margin-top: 10px;
  display: block;
}

.premium-main-container .support-block-contribution-right .premium-right-block > span {
  font-family: 'Muli', sans-serif;
  font-size: 2rem;
  font-weight: 400;
  display: block;
  color: #4D4D4D;
}

.premium-main-container .support-block-contribution-right .premium-right-block .custom-control label {
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #4D4D4D;
}

.premium-main-container .support-block-contribution-right .premium-right-block .custom-control:nth-of-type(1) {
  margin-top: 14px;
}

.premium-main-container .support-block-contribution-right .premium-right-block label {
  font-family: 'Muli', sans-serif;
  font-size: 1.2rem;
  font-weight: 200;
  color: #4D4D4D;
}

.premium-main-container .support-block-contribution-right .premium-right-block label span {
  border-radius: 50%;
  color: #4D4D4D;
  border: 1px solid #4D4D4D;
  width: 20px;
  height: 20px;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding-left: 6px;
  font-size: .8rem;
}

.premium-main-container .support-block-contribution-right .premium-right-block p {
  font-family: 'Muli', sans-serif;
  font-size: 1.2rem;
  font-weight: 200;
  color: #4D4D4D;
  margin: 20px 0;
}

.premium-main-container .support-block-contribution-right .premium-right-block input[type='submit'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  text-transform: uppercase;
  font-family: 'Muli', sans-serif;
  font-size: 1.2rem;
  font-weight: 200;
  background-color: #775ca7;
  color: white;
  margin: auto;
  display: table;
  padding: 10px;
  cursor: pointer;
}

.card-input-div {
  border-bottom: 1px solid #775ca7;
}

.card-input-div img {
  margin-bottom: 4px;
}

.card-input-div input {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
}

.under-card-number-div {
  margin-top: 20px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #775ca7 !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: none;
  border-radius: 50%;
  border: 3px solid white;
  -webkit-box-shadow: 0 0 0 2px #58667E;
          box-shadow: 0 0 0 2px #58667E;
}

@media (min-width: 768px) and (max-width: 991px) {
  .premium-main-container .support-block-contribution-right .premium-right-block > span {
    font-size: 1.4rem;
  }

  .premium-main-container .support-block-contribution-right .premium-right-block label {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .premium-main-container .support-block-contribution-right .premium-right-block {
    margin: 0;
  }

  .premium-main-container .support-block-contribution-right .premium-right-block .custom-control {
    width: 100%;
  }

  .premium-main-container .support-block-contribution-right .premium-right-block input[type='submit'] {
    width: 100%;
  }

  .number-premium-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .number-premium-block img {
    margin: auto;
  }

  .number-premium-block span {
    margin: 0 !important;
    text-align: center;
    width: 100%;
  }

  .paypal-btn-premium-container {
    width: 100%;
  }

  #paypal-button .xcomponent-outlet {
    width: 1000px !important;
    margin-left: -100px !important;
  }

  .premium-title-container h1 {
    font-size: 3rem;
  }

  .premium-page-second-container-second-col {
    padding-bottom: 60px;
  }
}

.contact-us-global-container h1 {
  margin: 0;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 32px;
  color: #4D4D4D;
  text-align: center;
  padding: 40px 0;
}

.contact-us-global-container .contact-us-div {
  padding-bottom: 40px;
}

.contact-us-global-container .contact-us-div label {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  margin-top: 10px;
  margin-bottom: 4px;
  color: #775ca7;
}

.contact-us-global-container .contact-us-div .contact-us-div-select {
  max-width: 720px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .contact-us-global-container .contact-us-div .wrapper-inputs {
    max-width: unset;
    padding-right: 0 !important;
  }
}

.contact-us-global-container .contact-us-div .btn-submit {
  background: #775CA7;
  color: white;
  padding: 10px 22px;
  margin: 20px 0 0;
}

.contact-us-global-container .contact-us-div input[type='text'],
.contact-us-global-container .contact-us-div input[type='email'] {
  width: 100%;
  line-height: 40px;
  height: 48px;
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
  padding-left: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #222531;
  border-radius: 8px;
  border: 1px solid #EBF0F4;
}

.contact-us-global-container .contact-us-div input[type='text']:focus,
.contact-us-global-container .contact-us-div input[type='text']:active,
.contact-us-global-container .contact-us-div input[type='email']:focus,
.contact-us-global-container .contact-us-div input[type='email']:active {
  outline: none !important;
  border: 2px solid #775CA7;
}

.contact-us-global-container .contact-us-div textarea {
  padding: 16px 12px;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  color: #222531;
  border-radius: 8px;
  border: 1px solid #EBF0F4;
}

.contact-us-global-container .contact-us-div textarea:focus,
.contact-us-global-container .contact-us-div textarea:active {
  outline: none !important;
  border: 2px solid #775CA7;
}

.contact-us-global-container .contact-us-div input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  color: white;
  margin: 30px 0;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 300;
  padding: 3px 15px;
  text-transform: capitalize;
  cursor: pointer;
  background: #775CA7;
  border-radius: 6px;
  width: 76px;
  height: 37px;
}

.contact-us-global-container .contact-us-div input[type="submit"]:hover {
  background: #5C4586;
}

.contact-us-global-container .contact-us-div input[type="submit"]:active {
  background: #9975FE;
}

.select2-search--dropdown {
  display: none;
}

@media (max-width: 767px) {
  .contact-us-global-container h1 {
    font-size: 26px;
  }
}

.selectric-selectric-subject .selectric,
.selectric-selectric-find-about .selectric-selectric-currency .selectric {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.selectric-selectric-subject .selectric .label,
.selectric-selectric-find-about .selectric-selectric-currency .selectric .label {
  height: 42px !important;
  line-height: 42px !important;
}

.selectric-selectric-subject .selectric b,
.selectric-selectric-find-about .selectric-selectric-currency .selectric b {
  height: 42px !important;
}

.selectric-selectric-subject .selectric-items li,
.selectric-selectric-find-about .selectric-selectric-currency .selectric-items li {
  padding: 10px 10px !important;
}

.terms-of-use-global-container h1 {
  margin: 0;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 4rem;
  color: #4D4D4D;
  text-align: center;
  padding: 40px 0;
}

.terms-of-use-global-container .terms-of-use-div hr {
  height: 1px;
  background-color: #4D4D4D;
  margin: 0 !important;
  width: 100%;
  opacity: .1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.terms-of-use-global-container .terms-of-use-div h5 {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #4D4D4D;
  margin-bottom: 25px;
}

.terms-of-use-global-container .terms-of-use-div ul,
.terms-of-use-global-container .terms-of-use-div ol {
  padding-left: 40px;
  margin-bottom: 20px;
}

.terms-of-use-global-container .terms-of-use-div ul li {
  list-style-type: disc;
}

.terms-of-use-global-container .terms-of-use-div ol li {
  margin-bottom: 15px;
  list-style-type: decimal;
}

.terms-of-use-global-container .terms-of-use-div p,
.terms-of-use-global-container .terms-of-use-div ul,
.terms-of-use-global-container .terms-of-use-div ol {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
}

.terms-of-use-global-container .terms-of-use-div a {
  word-break: break-word;
}

.terms-of-use-global-container .terms-of-use-div p {
  margin-bottom: 25px;
}

.terms-of-use-global-container .terms-of-use-div p:last-child {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .terms-of-use-global-container h1 {
    font-size: 3rem;
  }
}

.admin-posts-div a {
  display: block;
  margin: 10px 0;
  padding: 10px 20px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  color: #4D4D4D;
  background-color: white;
}

.admin-posts-div a:hover {
  text-decoration: none;
  color: black;
}

.admin-posts-div a p {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  margin: 0;
}

.pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagination li {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
}

.pagination li a {
  color: #775ca7;
}

.pagination li a:hover {
  color: #775ca7;
}

.pagination li a:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pagination li.active span {
  padding: 0.5rem 0.75rem;
  background-color: #775ca7;
  color: white;
  border: 1px solid #775ca7;
  cursor: default;
}

.pagination li.disabled span {
  padding: 0.5rem 0.75rem;
  border: 1px solid #dee2e6;
  color: #775ca7;
}

.pagination li.disabled:first-child span {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  cursor: default;
}

.pagination li.disabled:last-child span {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  cursor: default;
}

.head-admin-nav-links-div {
  margin: 20px 0;
}

.head-admin-nav-links-div a {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1.3rem;
  background: white;
  color: black;
  padding: 5px 25px;
  margin-right: 10px;
}

.input-delete-style-class {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background-color: transparent !important;
  border: none !important;
  color: #4d4d4d !important;
  margin: -64px 0px 0 120px !important;
  font-size: 1rem;
  display: table;
  padding: 4px 10px !important;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 2px;
  font-weight: 400 !important;
}

.reject-article-class {
  color: white !important;
  margin: 15px 0 0 0 !important;
  background: #a1a1a1 !important;
}

.reject-article-class:hover {
  text-decoration: none;
  color: white;
}

.admin-edit-post-div .reject-article-form .reject-article-form-submit {
  color: white;
  background-color: #a1a1a1;
  border: 0;
}

.admin-edit-post-div input.input-delete-style-class {
  margin: 0 !important;
}

.reject-article-form {
  display: none;
}

.reject-article-form label {
  margin-top: 20px;
}

.reject-article-form textarea {
  padding: 10px;
  margin-bottom: 20px;
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
  width: 100%;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.search-admin-container span {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  margin: 20px 0 10px;
  display: inline-block !important;
}

.search-admin-container label {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  margin-top: 10px;
  display: block;
}

.search-admin-container input[type="text"] {
  width: 100%;
  line-height: 40px;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  padding-left: 10px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.search-admin-container input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #775da7;
  outline: none;
  background-color: #775da7;
  color: white;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  padding: 3px 15px;
  border-radius: 2px;
  text-transform: uppercase;
  cursor: pointer;
  margin: 20px 0;
}

.admin-edit-posts-h1 {
  margin: 0;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  font-size: 4rem;
  color: #4D4D4D;
  text-align: center;
  padding: 40px 0;
}

.paying-left-side-container h1 {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1.8rem;
  padding-top: 40px;
  margin: 0;
  color: #4D4D4D;
}

.paying-left-side-container label {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  margin-top: 10px;
  color: #4D4D4D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.paying-left-side-container label span {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: .6rem;
  color: red;
}

.paying-left-side-container input[type='text'] {
  width: 100%;
  line-height: 40px;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  padding-left: 10px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.paying-left-side-container .selectric-selectric-currency {
  margin-top: 10px;
}

.paying-left-side-container .selectric-selectric-currency .selectric {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.paying-left-side-container .selectric-selectric-currency .selectric .label {
  height: 42px !important;
  line-height: 42px !important;
}

.paying-left-side-container .selectric-selectric-currency .selectric b {
  height: 42px !important;
}

.paying-left-side-container .selectric-selectric-currency .selectric-items li {
  padding: 10px 10px !important;
}

.paying-right-side-container span {
  padding-left: 40px;
  display: block;
  padding-top: 112px;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #4D4D4D;
}

.paying-right-side-container p {
  padding-left: 40px;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  margin-top: 10px;
  color: #4D4D4D;
}

.buttons-paying {
  display: table;
  margin: auto;
  padding: 20px 0px;
}

.buttons-paying a {
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
  color: #775ca7;
  text-transform: uppercase;
  padding: 3px 15px;
  border-radius: 2px;
  border: 2px solid #C5C9E6;
}

.buttons-paying a:hover {
  text-decoration: none;
}

.buttons-paying input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid #775da7;
  outline: none;
  background-color: #775da7;
  color: white;
  margin-left: 10px;
  font-family: 'Muli', sans-serif;
  font-size: 1rem;
  font-weight: 200;
  padding: 3px 15px;
  border-radius: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

.paying-payment-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.paying-payment-options span {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  margin-top: 10px;
  color: #4D4D4D;
}

.paying-payment-options .custom-control-inline {
  margin-right: 0;
  display: block;
}

@media (max-width: 767px) {
  .paying-right-side-container span {
    padding: 0;
    margin-top: 20px;
  }

  .paying-right-side-container p {
    padding: 0;
  }

  .paying-left-side-container label.color-red {
    color: red;
  }

  .header-paying-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #2e97a9;
    padding: 20px;
    margin-bottom: 20px;
  }

  .header-paying-mobile span {
    color: white;
    text-transform: uppercase;
    display: inline-block;
    margin-right: auto;
  }

  .header-paying-mobile a {
    display: inline-block;
    color: white;
    margin-left: auto;
  }

  .buttons-paying {
    margin-left: auto;
    margin-right: 0;
  }
}

.manage-users-posts-container h1 {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  color: #4D4D4D;
  padding: 30px 0;
  font-size: 2rem;
}

.manage-users-posts-head-ul {
  list-style: none;
  padding-left: 0;
  padding-bottom: 20px;
}

.manage-users-posts-head-ul li {
  display: inline-table;
}

.manage-users-posts-head-ul li a {
  display: block;
  color: #4D4D4D;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: 1rem;
}

.manage-users-posts-head-ul li a:hover {
  text-decoration: none;
}

.manage-users-posts-head-ul li a.active {
  color: #775ca7;
  border-bottom: 2px solid #775ca7;
}

.manage-users-posts-head-ul li:nth-of-type(2),
.manage-users-posts-head-ul li:nth-of-type(3),
.manage-users-posts-head-ul li:nth-of-type(4) {
  margin-left: 30px;
}

.rejected-article-message p {
  text-align: center;
  font-family: inter, sans-serif;
  font-size: 1.4rem;
  color: #F6685A;
  font-style: italic;
  font-weight: 500;
  padding-top: 20px;
}

.user-post-edit .head-admin-nav-links-div {
  margin-top: 0;
  padding-top: 20px;
}

.user-post-edit .head-admin-nav-links-div a {
  font-size: 1rem;
  text-transform: uppercase;
  background: transparent;
}

.user-post-edit .selectric-selectric-location {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.user-post-edit .tag-editor input[type='text'] {
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 20px;
}

.write-us .first-slide .title-writeus {
  color: #2196f3;
  font-family: inter, sans-serif;
  font-size: 80px;
  display: block;
  border-top: 1px solid #b7b7b7;
  padding-top: 30px;
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center;
}

.write-us .first-slide .text-writeus {
  margin: 0 4%;
  font-size: 19px;
  font-family: inter, sans-serif;
  line-height: 1.5;
  font-style: italic;
  font-weight: 300;
  text-align: center;
}

.write-us .first-slide .small-title-writeus {
  font-weight: 500;
  font-size: 22px;
  font-family: inter, sans-serif;
  margin-top: 40px;
}

.write-us .first-slide .img-writeus {
  margin-top: 15px;
}

.write-us .first-slide .img-writeus img {
  padding: 0 10px;
}

.write-us .purple-writeus {
  background-color: #594689;
}

.write-us .purple-writeus .icon-writeus-text {
  color: #ffffff;
  font-size: 22px;
  font-family: inter, sans-serif;
  line-height: 1.5;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 15px;
}

.write-us .purple-writeus .post-writeus .img-writeus {
  padding: 20px 50px;
}

.write-us .purple-writeus .post-writeus .img-writeus img {
  height: 100px;
  width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.write-us .purple-writeus .post-writeus .inner-writeus {
  padding: 20px 0;
}

.write-us .purple-writeus .post-writeus .inner-writeus .name {
  font-size: 18px;
  font-weight: 500;
  font-family: inter, sans-serif;
  color: #ffffff;
}

.write-us .purple-writeus .post-writeus .inner-writeus .info {
  font-size: 18px;
  font-family: inter, sans-serif;
  color: #ffffff;
}

.write-us .purple-writeus .post-writeus .inner-writeus .btn-wrap {
  padding: 20px 0;
}

.write-us .purple-writeus .post-writeus .inner-writeus .btn-wrap a {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  top: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  line-height: normal;
  font-size: 14px;
  padding: 14px 20px;
  border-color: #ffffff;
  color: #ffffff;
}

.write-us .purple-writeus .post-writeus .inner-writeus .btn-wrap a:hover {
  text-decoration: none;
  color: #666;
  border-color: #FFF;
  background-color: #FFF;
}

.write-us .second-slide .title-second-writeus {
  font-size: 60px;
  text-align: center;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-style: normal;
  border-bottom: 1px solid #b97ebb;
}

.write-us .second-slide .col-item-writeus .title-row-writeus {
  font-size: 18px;
  font-weight: 500;
  font-family: inter, sans-serif;
  text-align: left;
  margin-bottom: 30px;
}

.write-us .second-slide .col-item-writeus .text-row-writeus {
  text-align: left;
  margin-bottom: 1.5em;
  font-size: 15px;
  font-family: inter, sans-serif;
  font-weight: 300;
}

.write-us .info-writeus {
  text-align: center;
  font-size: .9rem;
  font-family: inter, sans-serif;
  line-height: 2;
  font-weight: 500;
  padding: 60px 4%;
  background-color: #ffffff;
}

@media (max-width: 767px) {
  .post-writeus {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .post-writeus .img-writeus {
    margin: auto;
  }

  .post-writeus .btn-wrap {
    display: table;
    margin: auto;
  }
}

.messages-page,
.modal-message {
  padding: 30px 15px;
}

.messages-page .modal-body,
.modal-message .modal-body {
  background: #EBF0F4;
}

.messages-page .modal-body .panel-body,
.modal-message .modal-body .panel-body {
  overflow: hidden !important;
}

.messages-page .avatar-companion img,
.modal-message .avatar-companion img {
  height: 40px;
  width: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.messages-page .col-message .avatar-companion img.mini-avatar,
.modal-message .col-message .avatar-companion img.mini-avatar {
  height: 56px;
  width: 56px;
}

@media screen and (max-width: 768px) {
  .messages-page .col-message .avatar-companion img.mini-avatar,
  .modal-message .col-message .avatar-companion img.mini-avatar {
    height: 32px;
    width: 32px;
  }
}

.messages-page a.col-message,
.modal-message a.col-message {
  color: #4d4d4d;
  font-weight: 400;
}

.messages-page a.col-message div.user-message-block,
.modal-message a.col-message div.user-message-block {
  padding: 16px;
  background: #FFFFFF;
}

@media screen and (max-width: 768px) {
  .messages-page a.col-message div.user-message-block,
  .modal-message a.col-message div.user-message-block {
    padding: 8px;
  }
}

.messages-page a.col-message.form-submit.active div.user-message-block,
.modal-message a.col-message.form-submit.active div.user-message-block {
  background: #FAF8FF;
}

.messages-page a.col-message.form-submit.active div.user-message-block .last-message,
.modal-message a.col-message.form-submit.active div.user-message-block .last-message {
  word-break: break-word;
}

.messages-page a.col-message:hover,
.modal-message a.col-message:hover {
  text-decoration: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.messages-page a.col-message:hover div.user-message-block,
.modal-message a.col-message:hover div.user-message-block {
  background: #FAF8FF;
}

.messages-page ul.chat,
.modal-message ul.chat {
  overflow-y: scroll;
  height: 100%;
  max-height: 55vh;
}

.messages-page ul.chat::-webkit-scrollbar,
.modal-message ul.chat::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  /* make scrollbar transparent */
}

.messages-page ul.chat .left,
.modal-message ul.chat .left {
  border-bottom: none;
  margin: 10px;
}

.messages-page ul.chat .left .p-message,
.modal-message ul.chat .left .p-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #222531;
  background: #F8FAFC;
  border-radius: 17px 17px 17px 4px;
  padding: 6px 12px;
  font-weight: 300;
}

.messages-page ul.chat .left .p-message-companion,
.modal-message ul.chat .left .p-message-companion {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 60%;
  padding: 6px 12px;
  background: #D9CBFF;
  border-radius: 17px 17px 4px 17px;
  color: #222531;
  font-size: 16px;
  line-height: 140%;
  margin-left: auto;
  font-weight: 300;
}

.messages-page ul.chat .left .p-message-companion span,
.modal-message ul.chat .left .p-message-companion span {
  word-break: break-word;
}

.messages-page ul.chat .left .message-date,
.modal-message ul.chat .left .message-date {
  font-family: inter, sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #6B6B6B;
  margin-top: 4px;
}

.messages-page ul.chat .left .message-date.companion,
.modal-message ul.chat .left .message-date.companion {
  margin-left: auto;
}

.messages-page ul.chat .left .p-message-wrapper,
.modal-message ul.chat .left .p-message-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.messages-page ul.chat .left .p-message-wrapper .p-message-name,
.modal-message ul.chat .left .p-message-wrapper .p-message-name {
  font-size: 12px;
  line-height: 120%;
  font-weight: 300;
  color: #000000;
  margin-bottom: 8px;
}

.messages-page ul.chat .left .p-message-wrapper .p-message-avatar,
.modal-message ul.chat .left .p-message-wrapper .p-message-avatar {
  background: #D3D7E0;
  border: 1px solid #FFFFFF;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 16px;
}

@media screen and (max-width: 768px) {
  .messages-page ul.chat .left .p-message-wrapper .p-message-avatar,
  .modal-message ul.chat .left .p-message-wrapper .p-message-avatar {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 768px) {
  .messages-page ul.chat .left .p-message,
  .modal-message ul.chat .left .p-message {
    font-size: 12px;
  }

  .messages-page ul.chat .left .p-message-companion,
  .modal-message ul.chat .left .p-message-companion {
    font-size: 12px;
  }

  .messages-page ul.chat .left .p-message-avatar,
  .modal-message ul.chat .left .p-message-avatar {
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }
}

.messages-page .message-content,
.modal-message .message-content {
  padding: 5px 25px;
  min-height: calc(100vh - 360px);
  background: #EBF0F4;
}

@media screen and (max-width: 768px) {
  .messages-page .message-content,
  .modal-message .message-content {
    padding: 5px 12px;
  }
}

.messages-page .message-content.empty-content,
.modal-message .message-content.empty-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 20px 0;
}

.messages-page .message-content.empty-content .btn,
.modal-message .message-content.empty-content .btn {
  width: 120px;
  margin: 40px auto auto;
}

.messages-page .message-content.empty-content .empty-text,
.modal-message .message-content.empty-content .empty-text {
  font-weight: 300;
  margin-top: 30px;
  max-width: 320px;
}

.messages-page .message-header,
.messages-page .modal-header,
.modal-message .message-header,
.modal-message .modal-header {
  background: #FFFFFF;
  -webkit-box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
          box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
  padding: 15px 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.messages-page .message-header .avatar-companion-name,
.messages-page .modal-header .avatar-companion-name,
.modal-message .message-header .avatar-companion-name,
.modal-message .modal-header .avatar-companion-name {
  font-size: 16px;
  line-height: 125%;
  color: #222531;
  margin-left: 15px;
}

.messages-page .message-header .companion-close,
.messages-page .message-header .new-message,
.messages-page .modal-header .companion-close,
.messages-page .modal-header .new-message,
.modal-message .message-header .companion-close,
.modal-message .message-header .new-message,
.modal-message .modal-header .companion-close,
.modal-message .modal-header .new-message {
  position: absolute;
  right: 30px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.messages-page .message-footer,
.messages-page .panel-footer,
.modal-message .message-footer,
.modal-message .panel-footer {
  padding: 12px 18px;
  background: #D3D7E0;
}

.messages-page .message-footer .input-group,
.messages-page .panel-footer .input-group,
.modal-message .message-footer .input-group,
.modal-message .panel-footer .input-group {
  position: relative;
}

.messages-page .message-footer .input-group .input-group-btn button,
.messages-page .panel-footer .input-group .input-group-btn button,
.modal-message .message-footer .input-group .input-group-btn button,
.modal-message .panel-footer .input-group .input-group-btn button {
  padding: 0.5rem 1.5rem;
  color: #fff;
  background: #775da7;
}

.messages-page .message-footer .input-group #btn-input,
.messages-page .panel-footer .input-group #btn-input,
.modal-message .message-footer .input-group #btn-input,
.modal-message .panel-footer .input-group #btn-input {
  background: #FFFFFF;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 30px 10px 16px;
}

.messages-page .message-footer .input-group #btn-input::-webkit-scrollbar,
.messages-page .panel-footer .input-group #btn-input::-webkit-scrollbar,
.modal-message .message-footer .input-group #btn-input::-webkit-scrollbar,
.modal-message .panel-footer .input-group #btn-input::-webkit-scrollbar {
  display: none;
}

.messages-page .message-footer .input-group #btn-chat,
.messages-page .panel-footer .input-group #btn-chat,
.modal-message .message-footer .input-group #btn-chat,
.modal-message .panel-footer .input-group #btn-chat {
  position: absolute;
  right: 16px;
  top: 8px;
  z-index: 5;
}

.messages-page .message-search-ul,
.modal-message .message-search-ul {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 360px);
}

.messages-page #message_search,
.modal-message #message_search {
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  height: 48px;
  padding-left: 32px;
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  background: white;
  width: 100%;
}

.messages-page #message_search:focus,
.modal-message #message_search:focus {
  border: 2px solid #775CA7;
  outline: none !important;
}

.messages-page form,
.modal-message form {
  position: relative;
}

.messages-page #message_search_submit,
.modal-message #message_search_submit {
  position: absolute;
  right: 32px;
  top: 10px;
}

.messages-page .messages-page-inner,
.modal-message .messages-page-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .messages-page .messages-page-inner,
  .modal-message .messages-page-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.messages-page .companion-list,
.modal-message .companion-list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
}

.messages-page .companion-list ::-webkit-scrollbar,
.modal-message .companion-list ::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  /* make scrollbar transparent */
}

.messages-page .companion-list .from-name,
.modal-message .companion-list .from-name {
  font-size: 20px;
  line-height: 25px;
  color: #222531;
}

@media screen and (max-width: 768px) {
  .messages-page .companion-list .from-name,
  .modal-message .companion-list .from-name {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .messages-page .companion-list .message-ul.mobile-hide,
  .modal-message .companion-list .message-ul.mobile-hide {
    display: none;
  }
}

.messages-page .companion-list .last-messages,
.modal-message .companion-list .last-messages {
  font-size: 14px;
  line-height: 140%;
  color: #58667E;
  font-weight: 300;
}

.messages-page .companion-list .last-messages .last-message,
.modal-message .companion-list .last-messages .last-message {
  word-break: break-word;
  max-width: 180px;
  display: block;
  display: -webkit-box;
  max-height: 43px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.messages-page .companion-list .last-messages .last-message-time,
.modal-message .companion-list .last-messages .last-message-time {
  color: #4E597E;
  position: relative;
  margin-left: 18px;
}

.messages-page .companion-list .last-messages .last-message-time:before,
.modal-message .companion-list .last-messages .last-message-time:before {
  content: "\2022";
  color: #D3D7E0;
  position: absolute;
  left: -10px;
}

@media screen and (max-width: 768px) {
  .messages-page .companion-list .last-messages,
  .modal-message .companion-list .last-messages {
    font-size: 12px;
  }
}

.messages-page .companion-list .start-new,
.messages-page .companion-list .start-new-mobile,
.modal-message .companion-list .start-new,
.modal-message .companion-list .start-new-mobile {
  height: calc(100% - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  line-height: 143%;
  font-weight: 300;
  padding: 0 20px;
  text-align: center;
}

.messages-page .companion-list .start-new .btn,
.messages-page .companion-list .start-new-mobile .btn,
.modal-message .companion-list .start-new .btn,
.modal-message .companion-list .start-new-mobile .btn {
  height: 37px;
  margin: 25px auto auto;
}

@media screen and (max-width: 768px) {
  .messages-page .companion-list .start-new,
  .messages-page .companion-list .start-new-mobile,
  .modal-message .companion-list .start-new,
  .modal-message .companion-list .start-new-mobile {
    display: none;
  }
}

.messages-page .companion-list .start-new-mobile,
.modal-message .companion-list .start-new-mobile {
  display: none;
  margin-top: 50px;
}

.messages-page .companion-list .start-new-mobile img,
.modal-message .companion-list .start-new-mobile img {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .messages-page .companion-list .start-new-mobile,
  .modal-message .companion-list .start-new-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.messages-page #sendMessageModal,
.messages-page #emptyMessageModal,
.modal-message #sendMessageModal,
.modal-message #emptyMessageModal {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 63%;
          flex: 0 0 63%;
}

@media screen and (max-width: 768px) {
  .messages-page #emptyMessageModal,
  .modal-message #emptyMessageModal {
    display: none;
  }
}

.message-as-shop {
  text-decoration: none;
}

.message-as-shop:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .messages-page .message-footer {
    padding: 10px 25px;
  }

  .messages-page .message-footer .input-group #btn-input {
    background-color: #f6f6f6;
    border: 0;
    font-size: 13px;
    font-family: inter, sans-serif;
  }

  .messages-page .message-search-ul {
    overflow-y: scroll;
    height: calc(100vh - 360px);
  }
}

#message_search {
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  height: 48px;
  padding-left: 12px;
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 17px;
}

#message_search:focus {
  border: 2px solid #775CA7;
  outline: none !important;
}

.payment-details-global-container {
  padding-top: 120px !important;
}

.payment-details-global-container .payment-details-title p {
  margin-left: 15px;
  font-weight: bold;
  font-size: 18px;
  font-family: 'PT Serif', serif;
}

.payment-details-global-container .payment-details-container-top {
  padding-bottom: 60px;
}

.payment-details-global-container .payment-details-container {
  margin-bottom: 45px;
  border-bottom: 1px solid #7163A0;
}

.payment-details-global-container .payment-details-paragraph p {
  font-weight: bold;
  font-size: 16px;
  font-family: 'PT Serif', serif;
}

.payment-details-global-container .payment-details-muli {
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #858585;
}

.payment-details-global-container .change-plan-block {
  text-align: right;
}

.all-notifications-container h1 {
  font-family: 'Muli', sans-serif;
  font-size: 2rem;
  font-weight: 200;
  color: #4D4D4D;
  padding: 40px 0;
}

.all-notifications-div > div {
  border-top: 2px solid #C5C9E6;
}

.all-notifications-div > p {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  display: block;
  text-align: center;
  color: #4D4D4D;
}

.single-notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.single-notification .notification-body {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.single-notification .notification-body .wrapper-buttons {
  width: 180px;
}

.single-notification > a {
  color: #775ca7;
  display: inline-block;
  margin-left: 40px;
}

.single-notification > span {
  font-family: 'Montserrat', sans-serif;
  font-size: .9rem;
  font-weight: 400;
  color: #C5C9E6;
  margin-left: auto;
}

.single-notification img {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
}

.single-notification .notification-icon-div {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  margin-right: 20px;
  background: #775ca7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.single-notification .notification-icon-div svg {
  color: white;
  display: block;
}

.single-notification .notification-icon-div.notification-icon-div-rejected {
  background: #F6685A;
}

.single-notification .notification-body p {
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
  margin-right: 40px;
  color: #4D4D4D;
}

.single-notification .notification-body p a {
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #4D4D4D;
}

.single-notification .notification-body p a:hover {
  text-decoration: none;
}

.search-more-btn-true {
  color: #F6685A;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 50px;
  border-radius: 1px;
  border: 1px solid #F6685A;
  background-color: white;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin-bottom: 20px;
}

.search-more-btn-true:hover {
  text-decoration: none;
  color: white;
  background-color: #F6685A;
}

.search-more-btn-true span {
  pointer-events: none;
}

@media (max-width: 991px) {
  .single-notification .notification-body {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .single-notification {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .single-notification img {
    margin: 10px auto;
  }

  .single-notification .notification-icon-div {
    margin: 10px auto;
  }

  .single-notification .notification-body {
    width: 100%;
    text-align: center;
  }

  .single-notification .notification-body p {
    margin: 0;
  }

  .single-notification > span {
    width: 100%;
    text-align: center;
  }

  .single-notification > a {
    margin: auto;
  }
}

.discussions {
  width: 100%;
}

@media (max-width: 1176px) {
  .discussions {
    max-width: 95%;
  }
}

.discussions-route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  color: #775CA7;
  margin-bottom: 15px;
}

.discussions-route a {
  text-decoration: none;
  color: #8A91AA;
  background-color: transparent;
}

.discussions-route img {
  margin: 0 8px;
  vertical-align: middle;
  border-style: none;
}

.discussions-main-search {
  position: relative;
}

.discussions-main-search-input {
  width: 100%;
  padding: 14px 50px 14px 32px;
  border: solid 1px #EBF0F4;
  border-radius: 8px;
  height: 48px;
  font-weight: 300;
  outline: none;
}

.discussions-main-search-input:focus {
  border: #775CA7 2px solid;
}

.discussions-main-search-icon {
  height: 17px;
  position: absolute;
  right: 35px;
  top: 16px;
  cursor: pointer;
}

.discussions-main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 32px 0;
}

@media (max-width: 450px) {
  .discussions-main-nav {
    margin: 0;
  }
}

.discussions-main-nav-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  height: 14px;
  background: #775CA7;
  color: #FFFFFF !important;
  border-radius: 6px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
  text-decoration: none !important;
  font-size: 14px;
  text-align: center;
  margin-right: 10px;
}

.discussions-main-nav-btn-image {
  width: 14px;
  height: 14px;
  -webkit-filter: brightness(10);
          filter: brightness(10);
  margin-right: 10px;
}

.discussions-main-nav-btn-text {
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  line-height: 1;
  text-decoration: none !important;
}

.discussions-main-nav-search {
  margin: 0 !important;
}

@media (max-width: 450px) {
  .discussions-main-nav-search {
    margin: 20px 0 20px auto !important;
  }
}

.discussions-main-nav-search-text {
  font-weight: 300;
}

@media (max-width: 450px) {
  .discussions-main-nav-search-text {
    display: none;
  }
}

.discussions-main-nav-search-select-btn {
  font-weight: 300 !important;
  font-size: 14px;
  height: 48px !important;
  background: white !important;
  min-width: 120px !important;
}

@media (max-width: 450px) {
  .discussions-main-nav-search-select-btn {
    font-size: 12px;
  }
}

.discussions-wrap-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.discussions-wrap-title-featured {
  font-size: 20px;
  color: #222531;
  margin-right: 8px;
}

.discussions-wrap-title-count {
  color: #58667E;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
}

.discussions-wrap-btn-color {
  background-color: #EFEAFF;
  font-size: 14px;
}

.discussions input,
.discussions textarea {
  font-weight: 300;
}

.discussions-mobile-create {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: linear-gradient(89.41deg, #A57DEE 0.47%, #9281C7 99.45%);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 16px;
  color: #FFFFFF;
}

@media (max-width: 450px) {
  .discussions-mobile-create {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.discussions-mobile-create-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.discussions-mobile-create-close-img {
  margin-left: auto;
  cursor: pointer;
}

.discussions-mobile-create-title {
  font-size: 20px;
}

.discussions-mobile-create-description {
  font-size: 14px;
  font-weight: 300;
  margin: 8px 0 10px 0;
}

.discussions-mobile-create-btn {
  background: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  color: #9975FE !important;
  font-size: 14px;
  padding: 10px 17px;
  text-decoration: none !important;
}

.discussion {
  margin-top: 30px;
}

@media (max-width: 998px) {
  .discussion {
    margin-top: 0;
  }
}

.discussion .modal {
  padding: 0 12px;
}

.discussion-wrapper {
  max-width: calc(100% - 380px);
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
}

@media (max-width: 998px) {
  .discussion-wrapper {
    max-width: 100%;
  }
}

.discussion-content {
  padding: 25px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
  background-color: #ffffff;
}

@media (max-width: 990px) {
  .discussion-content {
    padding: 15px;
  }
}

.discussion-content-title {
  font-size: 30px;
  line-height: 1;
  color: #222531;
  margin-bottom: 8px;
}

.discussion-content-date {
  font-weight: 300;
  color: #4E597E;
  font-size: 16px;
  margin-bottom: 16px;
}

.discussion-content-text p {
  font-size: 18px !important;
  color: #000000;
  line-height: 170% !important;
  font-weight: 300 !important;
  letter-spacing: .75px;
  word-break: break-word;
}

@media (max-width: 768px) {
  .discussion-content-title {
    font-size: 20px;
  }

  .discussion-content-date {
    font-size: 12px;
    margin-bottom: 8px;
  }

  .discussion-content-text p {
    font-size: 14px !important;
  }
}

.discussion-content-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.discussion-content-actions-like {
  width: auto;
  padding-bottom: 0 !important;
}

.discussion-content-actions-like span {
  font-size: 18px;
}

.discussion-content-actions-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  font-size: 18px;
  color: #58667E;
  white-space: nowrap;
  margin-right: 10px;
}

.discussion-content-actions-comment span {
  font-size: 18px;
}

.discussion-content-actions-comment-image {
  height: 22px;
  margin-right: 11px;
  cursor: pointer;
}

.discussion-content-actions-comment-image:hover {
  -webkit-filter: invert(55%) sepia(13%) saturate(1800%) hue-rotate(220deg) brightness(68%) contrast(92%);
          filter: invert(55%) sepia(13%) saturate(1800%) hue-rotate(220deg) brightness(68%) contrast(92%);
}

.discussion-content-share-img {
  width: 22px !important;
  height: 22px !important;
}

.discussion-replies {
  margin: 25px 0;
}

.discussion-replies-comments {
  padding-bottom: 25px;
}

.discussion-similar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 34px;
}

.discussion-similar-title {
  font-size: 20px;
  margin-bottom: 16px;
  color: #222531;
}

@media screen and (max-width: 768px) {
  .discussion-similar {
    margin-bottom: 20px;
  }

  .discussion-similar-title {
    font-size: 16px;
    margin-bottom: 8px;
  }
}

.discussion input,
.discussion textarea {
  font-weight: 300;
}

.hello-changemakers {
  padding: 0 15px;
  margin: 60px auto 0;
  width: 90%;
}

@media screen and (max-width: 768px) {
  .hello-changemakers {
    width: 100%;
    margin: 20px auto 0;
  }
}

.hello-changemakers .create-profile-wrapper {
  text-align: center;
}

.hello-changemakers .create-profile-wrapper .create-profile__title {
  font-size: 20px;
  line-height: 24px;
  margin: 20px 0;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .create-profile-wrapper .create-profile__title {
    font-size: 20px;
    line-height: 20px;
  }
}

.hello-changemakers .create-profile-wrapper .create-profile__description {
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .create-profile-wrapper .create-profile__description {
    font-size: 14px;
    line-height: 20px;
  }
}

.hello-changemakers .changemakers-banner-content {
  padding: 45px 0 45px 25px;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .changemakers-banner-content {
    font-size: 12px;
    line-height: 14px;
    padding: 20px 0 20px 10px;
  }
}

@media screen and (max-width: 768px) {
  .hello-changemakers .changemakers-banner .back-image {
    width: 150px;
    top: unset;
    right: 0 !important;
  }
}

.hello-changemakers .changemakers-banner .back-image .img-mobile {
  width: 150px;
  height: auto;
}

.hello-changemakers .changemakers-banner-subtitle {
  margin: 8px 0 0;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .changemakers-banner-subtitle {
    font-size: 12px;
    line-height: 14px;
  }
}

@media screen and (max-width: 380px) {
  .hello-changemakers .changemakers-banner-subtitle {
    max-width: 140px;
  }
}

.hello-changemakers .changemakers-banner-title {
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .changemakers-banner-title {
    font-size: 14px;
    line-height: 18px;
  }
}

.hello-changemakers .changemakers-banner .logo-banner {
  height: 31px;
  position: absolute;
  bottom: 20px;
  right: 30px;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .changemakers-banner .logo-banner {
    display: none;
  }
}

.hello-changemakers .wrapper-buttons .btn {
  width: 260px;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .wrapper-buttons .btn {
    max-width: 220px;
  }
}

.hello-changemakers .people-section {
  margin-bottom: 50px;
}

.hello-changemakers .people-section__title {
  font-size: 48px;
  line-height: 120%;
  color: #CEA5E8;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .people-section__title {
    font-size: 36px;
    margin-bottom: 10px;
  }
}

.hello-changemakers .people-section:nth-child(4) .people-section__title {
  color: #9CCA8C;
}

.hello-changemakers .people-section:nth-child(5) .people-section__title {
  color: #F07794;
}

.hello-changemakers .people-section__description {
  font-size: 16px;
  line-height: 120%;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .people-section__description {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
  }
}

.hello-changemakers .people-section .author-block {
  background: white;
  border-radius: 8px;
  padding: 36px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

.hello-changemakers .people-section .author-block .author-content {
  margin-left: 50px;
}

.hello-changemakers .people-section .author-block .author-content__text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
}

.hello-changemakers .people-section .author-block .author-content__name {
  font-size: 18px;
  font-weight: 300;
  color: #7D50FF;
  padding-top: 10px;
}

.hello-changemakers .people-section .author-block .author-avatar {
  width: 120px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .people-section .author-block {
    margin-top: 20px;
    padding: 40px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .hello-changemakers .people-section .author-block .author-content {
    margin-left: 0;
  }

  .hello-changemakers .people-section .author-block .author-avatar {
    height: auto;
    margin-bottom: 30px;
  }
}

.hello-changemakers .start-networking-wrapper {
  text-align: center;
  padding: 30px 0 80px;
}

.hello-changemakers .start-networking-wrapper .create-link {
  color: #5C4586;
  font-size: 23px;
  line-height: 120%;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .hello-changemakers .start-networking-wrapper {
    padding: 0 0 50px;
  }
}

.side-bar-imgs.ads-container {
  margin: auto;
}

.ads-container.with-margin-top {
  margin-top: 20px;
}

.side-bar-imgs a img {
  height: auto;
  width: 100%;
  max-height: 360px;
}

.tc-classified-container {
  background-color: #22162e;
  padding: 10px 0;
  margin-top: 20px;
}

.tc-classified-container .title-colum-3 {
  margin-top: 0;
}

.tc-classified-container .title-colum-3 img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.tc-classified-container > div {
  padding: 0 10px;
}

.tc-classified-container .tc-classified-single a:nth-last-of-type(1) {
  color: white;
}

@media (min-width: 1360px) {
  .container {
    max-width: 1280px;
    padding: 0 40px;
  }
}

@media (max-width: 991px) {
  .custom-container {
    padding: 0 20px;
  }
}

@media (min-width: 992px) {
  .custom-container {
    padding: 0 40px;
  }
}

@media (max-width: 768px) {
  .mobile-full-width-container {
    padding: 0 !important;
  }
}

.join .icon svg {
  color: #4D4D4D;
}

.post-lg {
  width: 100%;
  background-color: #fff;
  margin-bottom: 30px;
}

.post-lg .img-wrap {
  width: 100%;
}

.post-lg .img-wrap img {
  height: 180px;
  width: 100%;
  o-object-fit: cover;
  -o-object-fit: cover;
     object-fit: cover;
}

.post-lg .box-wrap a.post-drop-item:hover {
  text-decoration: none;
}

.post-lg .box-wrap div#DropdownUser .dropdown-item .follow-wrap {
  border-bottom: 1px solid #f0f0f0;
}

.post-lg .box-wrap div#DropdownUser .dropdown-item .follow-wrap .follow {
  padding: 0 10px;
}

.post-lg .box-wrap div#DropdownUser .dropdown-item .follow-wrap .name {
  font-size: 14px;
  font-family: 'Muli', sans-serif;
  text-transform: unset;
  font-weight: 700;
  min-height: 20px;
}

.post-lg .box-wrap div#DropdownUser .dropdown-item .follow-wrap .count {
  font-size: 11px;
  font-family: 'Muli', sans-serif;
  text-transform: unset;
  font-weight: 200;
}

.post-lg .box-wrap div#DropdownUser .dropdown-item .follow-wrap .icon {
  font-size: 40px;
}

.post-lg .box-wrap div#DropdownUser .dropdown-item .follow-wrap .icon a {
  color: #775da7;
}

.post-lg .box-wrap div#DropdownUser .dropdown-item .follow-wrap .icon .followed-user-link .plus > svg:nth-of-type(1) {
  display: none;
}

.post-lg .box-wrap div#DropdownUser .dropdown-item .follow-wrap .icon .followed-user-link .plus > svg:nth-of-type(2) {
  display: block;
}

.post-lg .box-wrap div#DropdownUser .dropdown-item .follow-wrap .icon .fa-check {
  display: none;
}

.post-lg .box-wrap div#DropdownUser a.dropdown-toggle::after {
  content: none;
}

.post-lg .box-wrap div#DropdownUser .btn-wrap {
  border-bottom: 1px solid #f0f0f0;
}

.post-lg .box-wrap div#DropdownUser .btn-wrap .dropdown-item {
  color: #989898;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.post-lg .box-wrap div#DropdownUser .btn-wrap .dropdown-item a {
  color: #989898;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.post-lg .box-wrap div#DropdownUser .btn-wrap .dropdown-item a:hover,
.post-lg .box-wrap div#DropdownUser .btn-wrap .dropdown-item a:focus {
  text-decoration: none;
}

.post-lg .box-wrap div#DropdownUser .btn-wrap .dropdown-item .icon {
  font-size: 13px;
}

.post-lg .box-wrap div#DropdownUser .btn-wrap .dropdown-item .text {
  padding: 0 10px;
}

.post-lg .box-wrap .category a {
  display: none;
  color: #f4f4f3;
}

.post-lg .box-wrap .category a:hover {
  text-decoration: none;
  color: #f4f4f3;
}

.post-lg .box-wrap .category a svg {
  color: #f4f4f3;
}

.post-lg .box-wrap div#DropdownUser .social-media-wrap .join {
  padding: 0;
}

.post-lg .box-wrap div#DropdownUser .social-media-wrap .join .social-media {
  color: #4d4d4d;
  margin-top: 10px;
}

.post-lg .box-wrap div#DropdownUser .social-media-wrap .join .icon .dropdown-item {
  padding: 10px 0;
}

.post-lg .box-wrap div#DropdownUser .social-media-wrap .join .icon .dropdown-item a {
  color: #4d4d4d;
}

.post-lg .box-wrap .title {
  padding: 15px 30px;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  line-height: 25px;
  font-size: 18px;
  min-height: 110px;
}

.post-lg .box-wrap .title a {
  display: table;
  color: #4D4D4D;
}

.post-lg .box-wrap .title a:hover,
.post-lg .box-wrap .title a:focus {
  text-decoration: none;
}

.post-lg .box-wrap .profile {
  padding: 0px 15px 30px;
}

.post-lg .box-wrap .profile .name {
  text-transform: capitalize;
  font-size: .9rem;
  font-family: 'Muli', sans-serif;
  min-height: 45px;
}

.post-lg .box-wrap .profile .post-data-wrap {
  font-size: .8rem;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.post-lg .box-wrap .profile .post-data-wrap .circle {
  font-size: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}

.post-lg .box-wrap .profile-img {
  padding: 0 15px;
}

.post-lg .box-wrap .category {
  position: absolute;
  top: 25px;
  right: 50px;
  color: #f4f4f3;
  font-size: 16px;
  font-family: 'Muli', sans-serif;
}

.post-lg .box-wrap .category span:nth-of-type(2) {
  display: none;
}

.post-lg .box-wrap .category svg {
  display: none;
}

.post-lg .box-wrap img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px #e4e4e4 solid;
  padding: 2px;
  border-radius: 50%;
}

@media (max-width: 1199px) {
  .post-lg .box-wrap img {
    height: 40px;
    width: 40px;
  }

  .post-lg .box-wrap .title {
    font-size: 15px;
  }

  .post-lg .box-wrap .profile .name {
    font-size: 10px;
  }

  .post-lg .box-wrap .profile .post-data-wrap {
    font-size: 10px;
  }
}

@media (max-width: 992px) {
  .post-lg .box-wrap .title {
    font-size: .9rem;
    padding: 15px 10px;
    line-height: 20px;
  }

  .post-lg .box-wrap .profile {
    padding: 0px 10px 30px;
  }

  .post-lg .box-wrap .profile .profile-img {
    padding-left: 0;
    padding: 0px 5px;
  }

  .post-lg .box-wrap .profile .name {
    font-size: .8rem;
  }

  .post-lg .box-wrap .profile .post-data-wrap {
    font-size: .7rem;
  }

  .post-lg .box-wrap .profile .post-data-wrap .circle {
    font-size: 2px;
  }
}

@media (max-width: 767px) {
  .post-lg {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .post-lg .img-wrap {
    width: auto;
  }

  .post-lg .img-wrap img {
    height: 110px;
    width: 110px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .post-lg .box-wrap {
    word-break: break-word;
  }

  .post-lg .box-wrap .profile {
    padding: 0px 0px 10px 0;
  }

  .post-lg .box-wrap .profile .profile-img {
    padding-left: 15px;
  }

  .post-lg .box-wrap .profile .profile-info {
    min-height: 30px;
  }

  .post-lg .box-wrap .profile .name {
    margin-bottom: 4px;
    min-height: auto;
  }

  .post-lg .box-wrap .title {
    padding: 15px;
    font-size: .9rem;
    min-height: 40px;
  }

  .post-lg .box-wrap .category {
    top: 15px;
    left: 2px;
    font-size: 10px;
    position: absolute !important;
    color: #ffffff !important;
  }
}

@media (max-width: 767px) {
  .user-page .post-lg .box-wrap {
    word-break: break-word;
  }

  .user-page .post-lg .box-wrap .title {
    font-size: .9rem;
  }

  .user-page .post-lg .profile {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
  }

  .user-page .post-lg .profile-info .name {
    min-height: 0px;
  }

  .user-page .post-lg .profile-info .name span {
    font-size: .8rem;
  }

  .important-card-style {
    color: #4D4D4D !important;
    position: inherit !important;
    top: 0px;
    left: 0px;
    margin-top: -10px;
    margin-left: 15px;
    padding-bottom: 6px;
  }
}

.post-wrapper {
  max-width: calc(100% - 380px);
  position: relative;
  margin: auto;
  padding: 0 10px;
  /*	.wrapper-connection-card{
		width: 259px;
		@media (max-width: 768px) {
			width: 100%;
			margin: 0 0 8px;

		}
	}*/
}

@media (max-width: 992px) {
  .post-wrapper {
    max-width: 100%;
  }
}

.post-wrapper .gs {
  max-width: 100%;
}

.post-wrapper .network-route {
  position: relative !important;
  padding-bottom: 0 !important;
  margin-bottom: unset;
  top: unset;
}

.post-wrapper .subheader {
  font-size: 20px;
}

@media (max-width: 768px) {
  .post-wrapper .subheader {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .wrap-post-card {
    margin-bottom: 30px;
  }

  .post-lg {
    margin-bottom: 20px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .box-wrap {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.post-carusel {
  width: 100%;
  background-color: #fff;
}

.post-carusel .img-wrap {
  width: 100%;
}

.post-carusel .img-wrap img {
  height: 180px;
  width: 100%;
}

.post-carusel .box-wrap div#DropdownUser .dropdown-item .follow-wrap {
  border-bottom: 1px solid #f0f0f0;
}

.post-carusel .box-wrap div#DropdownUser .dropdown-item .follow-wrap .follow {
  padding: 0 10px;
}

.post-carusel .box-wrap div#DropdownUser .dropdown-item .follow-wrap .name {
  font-size: 14px;
  font-family: 'Muli', sans-serif;
  text-transform: unset;
  font-weight: 700;
}

.post-carusel .box-wrap div#DropdownUser .dropdown-item .follow-wrap .count {
  font-size: 11px;
  font-family: 'Muli', sans-serif;
  text-transform: unset;
  font-weight: 200;
}

.post-carusel .box-wrap div#DropdownUser .dropdown-item .follow-wrap .icon {
  font-size: 40px;
  color: #775da7;
}

.post-carusel .box-wrap div#DropdownUser a.dropdown-toggle::after {
  content: none;
}

.post-carusel .box-wrap div#DropdownUser .btn-wrap {
  border-bottom: 1px solid #f0f0f0;
}

.post-carusel .box-wrap div#DropdownUser .btn-wrap .dropdown-item {
  color: #989898;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.post-carusel .box-wrap div#DropdownUser .btn-wrap .dropdown-item .icon {
  font-size: 13px;
}

.post-carusel .box-wrap div#DropdownUser .btn-wrap .dropdown-item .text {
  padding: 0 10px;
}

.post-carusel .box-wrap div#DropdownUser .social-media-wrap .join {
  padding: 0;
}

.post-carusel .box-wrap div#DropdownUser .social-media-wrap .join .social-media {
  color: #4d4d4d;
  margin-top: 10px;
}

.post-carusel .box-wrap div#DropdownUser .social-media-wrap .join .icon .dropdown-item {
  color: #4d4d4d;
  padding: 10px 0;
}

.post-carusel .box-wrap .title {
  padding: 15px 30px;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  line-height: 25px;
  font-size: 23px;
}

.post-carusel .box-wrap .title a {
  color: #4D4D4D;
}

.post-carusel .box-wrap .title a:hover,
.post-carusel .box-wrap .title a:focus {
  text-decoration: none;
}

.post-carusel .box-wrap .profile {
  padding: 0px 15px 30px;
}

.post-carusel .box-wrap .profile .name {
  text-transform: capitalize;
  font-size: .9rem;
  font-family: 'Muli', sans-serif;
}

.post-carusel .box-wrap .profile .post-data-wrap {
  font-size: .8rem;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.post-carusel .box-wrap .profile .post-data-wrap .circle {
  font-size: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}

.post-carusel .box-wrap .profile-img {
  padding: 0 15px;
}

.post-carusel .box-wrap .category {
  position: absolute;
  top: 25px;
  right: 50px;
  color: #f4f4f3;
  font-size: 16px;
  font-family: 'Muli', sans-serif;
}

.post-carusel .box-wrap img {
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 50px;
  border: 2px #775da7 solid;
  padding: 2px;
  border-radius: 50%;
}

@media (max-width: 1199px) {
  .post-carusel .box-wrap img {
    height: 40px;
    width: 40px;
  }

  .post-carusel .box-wrap .title {
    font-size: 15px;
  }

  .post-carusel .box-wrap .profile .name {
    font-size: 12px;
  }

  .post-carusel .box-wrap .profile .post-data-wrap {
    font-size: 10px;
  }
}

@media (max-width: 992px) {
  .post-carusel .box-wrap img {
    height: 40px;
    width: 40px;
  }

  .post-carusel .box-wrap .title {
    font-size: 10px;
    padding: 15px 10px;
    line-height: 20px;
  }

  .post-carusel .box-wrap .profile {
    padding: 0px 10px 30px;
  }

  .post-carusel .box-wrap .profile .profile-img {
    padding-left: 0;
  }

  .post-carusel .box-wrap .profile .name {
    font-size: 10px;
  }

  .post-carusel .box-wrap .profile .post-data-wrap {
    font-size: 8px;
  }

  .post-carusel .box-wrap .profile .post-data-wrap .circle {
    font-size: 2px;
  }
}

.post-col-12 {
  width: 100%;
  background-color: #fff;
  margin-bottom: 40px;
}

.post-col-12 .img-wrap {
  width: 260px;
}

.post-col-12 .img-wrap img {
  height: 180px;
  width: 260px;
}

.post-col-12 .box-wrap {
  padding: 10px 0 10px 0;
}

.post-col-12 .box-wrap div#DropdownUser .dropdown-item .follow-wrap {
  border-bottom: 1px solid #f0f0f0;
}

.post-col-12 .box-wrap div#DropdownUser .dropdown-item .follow-wrap .follow {
  padding: 0 10px;
}

.post-col-12 .box-wrap div#DropdownUser .dropdown-item .follow-wrap .name {
  font-size: 14px;
  font-family: 'Muli', sans-serif;
  text-transform: unset;
  font-weight: 700;
}

.post-col-12 .box-wrap div#DropdownUser .dropdown-item .follow-wrap .count {
  font-size: 11px;
  font-family: 'Muli', sans-serif;
  text-transform: unset;
  font-weight: 200;
}

.post-col-12 .box-wrap div#DropdownUser .dropdown-item .follow-wrap .icon {
  font-size: 40px;
}

.post-col-12 .box-wrap div#DropdownUser .dropdown-item .follow-wrap .icon a {
  color: #775da7;
}

.post-col-12 .box-wrap div#DropdownUser a.dropdown-toggle::after {
  content: none;
}

.post-col-12 .box-wrap div#DropdownUser .btn-wrap {
  border-bottom: 1px solid #f0f0f0;
}

.post-col-12 .box-wrap div#DropdownUser .btn-wrap .dropdown-item {
  color: #989898;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.post-col-12 .box-wrap div#DropdownUser .btn-wrap .dropdown-item a {
  color: #989898;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.post-col-12 .box-wrap div#DropdownUser .btn-wrap .dropdown-item a:hover,
.post-col-12 .box-wrap div#DropdownUser .btn-wrap .dropdown-item a:focus {
  text-decoration: none;
}

.post-col-12 .box-wrap div#DropdownUser .btn-wrap .dropdown-item .icon {
  font-size: 13px;
}

.post-col-12 .box-wrap div#DropdownUser .btn-wrap .dropdown-item .text {
  padding: 0 10px;
}

.post-col-12 .box-wrap div#DropdownUser .social-media-wrap .join {
  padding: 0;
}

.post-col-12 .box-wrap div#DropdownUser .social-media-wrap .join .social-media {
  color: #4d4d4d;
  margin-top: 10px;
}

.post-col-12 .box-wrap div#DropdownUser .social-media-wrap .join .icon .dropdown-item {
  color: #4d4d4d;
  padding: 10px 0;
}

.post-col-12 .box-wrap .title {
  padding: 15px 30px;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  line-height: 25px;
  font-size: 23px;
}

.post-col-12 .box-wrap .title a {
  display: table;
  color: #4D4D4D;
}

.post-col-12 .box-wrap .title a:hover,
.post-col-12 .box-wrap .title a:focus {
  text-decoration: none;
}

.post-col-12 .box-wrap .profile {
  padding: 0px 15px 30px;
}

.post-col-12 .box-wrap .profile .name {
  text-transform: capitalize;
  font-size: .9rem;
  font-family: 'Muli', sans-serif;
}

.post-col-12 .box-wrap .profile .post-data-wrap {
  font-size: .8rem;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.post-col-12 .box-wrap .profile .post-data-wrap .circle {
  font-size: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}

.post-col-12 .box-wrap .profile-img {
  padding: 0 15px;
}

.post-col-12 .box-wrap .category {
  position: absolute;
  top: 25px;
  right: 50px;
  color: #f4f4f3;
  font-size: 16px;
  font-family: 'Muli', sans-serif;
}

.post-col-12 .box-wrap img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px #e4e4e4 solid;
  padding: 2px;
  border-radius: 50%;
}

@media (max-width: 1199px) {
  .post-col-12 .box-wrap img {
    height: 40px;
    width: 40px;
  }

  .post-col-12 .box-wrap .title {
    font-size: 15px;
  }

  .post-col-12 .box-wrap .profile .name {
    font-size: 12px;
  }

  .post-col-12 .box-wrap .profile .post-data-wrap {
    font-size: 10px;
  }
}

@media (max-width: 992px) {
  .post-col-12 .box-wrap .title {
    font-size: .9rem;
    padding: 15px 10px;
    line-height: 20px;
  }

  .post-col-12 .box-wrap .profile {
    padding: 0px 10px 30px;
  }

  .post-col-12 .box-wrap .profile .profile-img {
    padding-left: 0;
  }

  .post-col-12 .box-wrap .profile .name {
    font-size: .8rem;
  }

  .post-col-12 .box-wrap .profile .post-data-wrap {
    font-size: .7rem;
  }

  .post-col-12 .box-wrap .profile .post-data-wrap .circle {
    font-size: 2px;
  }
}

@media (max-width: 767px) {
  .post-col-12 {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .post-col-12 .img-wrap {
    width: auto;
  }

  .post-col-12 .img-wrap img {
    height: 110px;
    width: 110px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .post-col-12 .box-wrap {
    word-break: break-word;
  }

  .post-col-12 .box-wrap .profile {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0px 0px 0px;
  }

  .post-col-12 .box-wrap .profile .profile-img {
    padding-left: 15px;
    padding-right: 5px;
  }

  .post-col-12 .box-wrap .title {
    padding: 0 15px 15px 15px;
    font-size: .9rem;
  }

  .post-col-12 .box-wrap .category {
    top: 5px;
    left: 65px;
    font-size: 10px;
  }
}

.followed-user-link .plus > svg:nth-of-type(1) {
  display: none;
}

.followed-user-link .plus > svg:nth-of-type(2) {
  display: block;
}

.fa-check {
  display: none;
}

.top_authors {
  padding: 0;
}

.top_authors .title-two {
  font-family: 'PT Serif', serif;
  font-size: 16px;
  font-weight: 700;
  margin-top: 15px;
  color: #4d4d4d;
}

.top_authors .author {
  padding: 15px 0;
}

.top_authors .author a {
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  color: #4d4d4d;
}

.top_authors .author a:hover,
.top_authors .author a:focus {
  text-decoration: none;
}

.top_authors .author .img-wrap {
  padding-right: 25px;
}

.top_authors .author .img-wrap img {
  height: 120px;
  width: 150px;
  -o-object-fit: cover;
  object-fit: cover;
}

.top_authors .author .info .top-info span {
  padding: 0 5px;
  font-weight: 200;
}

.top_authors .author .info .about,
.top_authors .author .info .category {
  font-size: 14px;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
}

.top_authors .author .info .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top_authors .author .info .name {
  text-transform: capitalize;
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
}

.top_authors .author .info .follow {
  font-size: 16px;
  font-family: 'Muli', sans-serif;
}

.top_authors .author .info .follow .plus {
  margin-right: 10px;
  font-size: 20px;
  color: #775da7;
}

.top_authors .author .info .follow .follow-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  .top_authors .author .img-wrap img {
    height: 60px;
    width: 80px;
  }

  .top_authors .author .info .category,
  .top_authors .author .info .about {
    font-size: .8rem;
  }

  .top_authors .author .info .name {
    font-size: .9rem;
  }

  .top_authors .author .info .follow {
    font-size: 15px;
  }

  .top_authors .author .info .follow .plus {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .top_authors {
    padding: 0;
  }

  .top_authors .author {
    margin-bottom: 10px;
  }

  .top_authors .author .info .top-info .name {
    max-width: 160px;
  }

  .top_authors .author .info .about {
    display: none;
  }
}

.share-box .button-wrap {
  margin-top: 20px;
}

.share-box .button-wrap .btn {
  padding: 10px 46px;
}

.share-box .button-wrap .share-button {
  font-size: .8rem;
  letter-spacing: 1px;
  color: #4D4D4D;
  font-family: 'Muli', sans-serif;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(77, 101, 117, 0.2);
          box-shadow: 0 2px 6px 0 rgba(77, 101, 117, 0.2);
}

.share-box .write-box-wrap {
  border-radius: 4px;
  background: #fff;
  min-height: 225px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(77, 101, 117, 0.2);
          box-shadow: 0 2px 6px 0 rgba(77, 101, 117, 0.2);
}

.share-box .write-box-wrap .create-btn {
  padding: 20px 15px;
}

.share-box .write-box-wrap .create-btn a {
  padding: 10px 50px;
  background: #f96854;
  color: #fff;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Muli', sans-serif;
}

.share-box .write-box-wrap .create-btn a:hover,
.share-box .write-box-wrap .create-btn a:focus {
  text-decoration: none;
}

.share-box .write-box-wrap .text {
  padding: 10px;
  color: #775da7;
  font-size: 15px;
  font-weight: 200;
  font-family: 'Muli', sans-serif;
}

.share-box .write-box-wrap .custom-icons {
  border-bottom: 1px solid #775da7;
  padding-bottom: 20px;
  margin: 0 20px;
}

.share-box .write-box-wrap .custom-icons .custom-icon {
  padding: 0 15px;
}

.share-box .write-box-wrap .custom-icons .custom-icon img {
  width: 50px;
  height: 50px;
}

.share-box .write-box-wrap .form-group {
  padding: 15px;
  margin: 0;
}

.share-box .write-box-wrap .form-group textarea {
  background-color: transparent;
  border: 0;
  resize: none;
}

.share-box .write-box-wrap .form-group textarea:-moz-placeholder {
  color: #fff;
}

.share-box .write-box-wrap .form-group textarea::-webkit-input-placeholder {
  color: #fff;
}

.share-box .write-box-wrap .form-group .border-wrap {
  border-bottom: 1px #fff solid;
  padding-bottom: 20px;
}

.share-box .write-box-wrap .form-button-wrap a {
  color: #775da7;
  font-size: 10px;
}

.share-box .write-box-wrap .form-button-wrap .btn-write {
  color: #bababa;
  background: #ffffff;
  border: 0;
  border-radius: 0;
}

.share-box .write-box-wrap .form-button-wrap .btn-publish {
  background: #775da7;
  color: #ffffff;
  border: 0;
  border-radius: 0;
}

.share-box .write-box-wrap .form-button-wrap .three-btn {
  width: 170px;
  padding: 0px 15px 15px 15px;
}

.share-box .write-box-wrap .form-button-wrap .double-btn {
  padding: 0px 15px;
}

.share-box .write-box-wrap .form-button-wrap .double-btn .btn a {
  font-size: 15px;
  color: #bababa;
}

.share-box .write-box-wrap .form-button-wrap .double-btn .btn a:hover,
.share-box .write-box-wrap .form-button-wrap .double-btn .btn a:focus {
  text-decoration: none;
}

.share-box > h3 {
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  padding-top: 30px;
  color: #4D4D4D;
}

.share-box > hr {
  height: 2px;
  background-color: #4D4D4D;
  width: 60px;
  margin: 10px auto 0 0;
}

@media (max-width: 1360px) {
  .share-box .button-wrap .btn {
    padding: 10px 35px;
  }
}

@media (max-width: 1199px) {
  .share-box .button-wrap .btn {
    padding: 10px 20px;
  }

  .share-box .author-like-item .profile-wrap .category {
    font-size: 10px;
  }

  .share-box .author-like-item .profile-wrap .name {
    font-size: 9px;
  }

  .share-box .author-like-item .plus {
    font-size: 18px;
  }
}

@media (max-width: 992px) {
  .share-box .button-wrap .btn {
    font-size: 10px;
    padding: 6px 10px;
  }

  .share-box .write-box-wrap .form-button-wrap a {
    font-size: 7px;
  }

  .share-box .write-box-wrap .form-button-wrap .btn-write,
  .share-box .write-box-wrap .form-button-wrap .btn-publish {
    font-size: 10px;
    padding: 5px;
  }

  .share-box .write-box-wrap .custom-icons .custom-icon img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767px) {
  .share-box {
    display: none;
  }
}

.author-list {
  background: #ffffff;
  padding: 15px;
}

.author-list .list {
  padding: 9px 0;
}

.author-list .suggestions {
  padding: 24px 15px 15px 15px;
  font-size: 13px;
  font-family: 'Muli', sans-serif;
}

.author-list .suggestions a {
  color: #000000;
}

@media (max-width: 992px) {
  .author-list {
    min-height: 290px;
    padding: 7px;
  }

  .author-list .suggestions {
    font-size: 9px;
  }
}

@media (max-width: 767px) {
  .author-list {
    margin-bottom: 15px;
    padding: 7px;
    min-height: 235px;
  }

  .author-list .suggestions {
    text-align: center;
    font-size: 15px;
  }

  .author-list.author-transparent {
    background: transparent;
  }
}

.more.search-more-button-users:hover {
  text-decoration: none;
}

.more.search-more-button-users span {
  color: #775da7;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  font-size: 13px;
  padding: 4px;
  pointer-events: none;
}

.author-like-item {
  padding: 5px 15px;
}

.author-like-item .img-wrap {
  margin-right: 10px;
}

.author-like-item .img-wrap img {
  height: 55px;
  width: 55px;
  border: 1px #e4e4e4 solid;
  padding: 2px;
  border-radius: 50%;
  o-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
}

.author-like-item a {
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  color: #4d4d4d;
}

.author-like-item a:hover,
.author-like-item a:focus {
  text-decoration: none;
}

.author-like-item .profile-wrap {
  width: 100%;
}

.author-like-item .profile-wrap .name {
  text-transform: capitalize;
  font-size: 14px;
  font-family: 'Muli', sans-serif;
}

.author-like-item .profile-wrap .category {
  font-size: 12px;
  font-family: 'Muli', sans-serif;
  color: #bfbfbf;
}

.author-like-item .plus a {
  font-size: 23px;
  color: #775da7;
}

@media (max-width: 1199px) {
  .author-like-item .img-wrap img {
    height: 45px;
    width: 45px;
  }

  .author-like-item .profile-wrap .name {
    font-size: 10px;
  }

  .author-like-item .profile-wrap .category {
    font-size: 10px;
  }

  .author-like-item .plus {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .author-like-item {
    padding: 0;
  }

  .author-like-item .img-wrap img {
    height: 30px;
    width: 30px;
  }

  .author-like-item .profile-wrap .category {
    font-size: 9px;
  }

  .author-like-item .profile-wrap .name {
    font-size: 9px;
  }
}

@media (max-width: 767px) {
  .author-like-item {
    text-align: center;
  }

  .author-like-item .img-wrap {
    margin-right: 0;
  }

  .author-like-item .img-wrap img {
    height: 50px;
    width: 50px;
  }

  .author-like-item .profile-wrap .name {
    font-size: 13px;
    font-weight: 700;
  }

  .author-like-item .category {
    font-size: 10px;
  }
}

.global-content {
  background-color: #f8f9fb;
  position: relative;
}

#navbarId.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1041;
}

.sticky + #global-container {
  padding-top: 102px;
}

.back-to-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 10;
  width: 35px;
  display: block;
  height: 35px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.back-to-top svg {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.back-to-top:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

#navbarId {
  top: -115px;
  background: red;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  background: white !important;
}

@media (max-width: 767px) {
  #navbarId {
    background: white !important;
  }

  .back-to-top {
    bottom: 75px;
  }
}

#global-container {
  background-color: #F8F9FB;
  padding: 0;
}

#global-container .div-insane-background-right,
#global-container .div-insane-background-left {
  width: 0px;
}

.fixed-network {
  max-width: calc(100% - 240px);
  width: 100% !important;
}

@media (max-width: 768px) {
  .fixed-network {
    max-width: calc(100% - 40px);
  }
}

@media (max-width: 414px) {
  .fixed-network {
    max-width: calc(100% - 20px);
  }
}

nav.navbar {
  margin: 0 40px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  nav.navbar {
    margin: 0 20px;
  }
}

#navbarFirst {
  margin-right: 10px;
}

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

.link-style:hover {
  text-decoration: none;
}

.btn-header {
  max-width: 82px;
  height: 37px !important;
}

#headerUpperLink1,
#headerUpperLink2 {
  border: 2px solid;
  border-radius: 4px;
  font-size: 1rem;
  font-family: inter, sans-serif;
  font-weight: 500;
  -webkit-box-shadow: 5px 18px 25px rgba(119, 92, 167, 0.1);
          box-shadow: 5px 18px 25px rgba(119, 92, 167, 0.1);
}

#headerUpperLink1 {
  padding: 8px 32px;
  border: none !important;
  margin-right: 20px;
  color: #775ca7;
  border-radius: 4px;
}

#headerUpperLink2 {
  background-color: #775ca7;
  border-color: #775ca7;
  color: white;
  padding: 5px 30px;
}

#headerUpperLink2:hover {
  background-color: #5C4586;
  border-color: #5C4586;
}

#navbarSecondLine {
  background-color: #21162C;
}

#secondLineHeaderUl {
  width: 80%;
  padding: 10px 0 10px 40px;
  margin: 0;
  display: inline-block;
}

#secondLineHeaderUl > li {
  list-style-type: none;
  display: inline-block;
}

#secondLineHeaderUl > li > a {
  color: white;
  font-family: inter, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
}

#secondLineHeaderUlIcons {
  float: right;
  margin: 0 40px 0 0;
  padding-top: 7px;
  display: inline-block;
}

#secondLineHeaderUlIcons > li {
  display: inline-block;
}

#secondLineHeaderUlIcons > li > a {
  color: white;
  display: block;
  padding: 0 0 0 14px;
  margin-top: 4px;
}

#secondLineHeaderUlIcons > li > a:hover {
  text-decoration: none;
}

#secondLineHeaderUlIcons > li > a > svg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

#secondLineHeaderUlIcons > li > a > img {
  width: 16px;
  margin-bottom: 4px;
}

#secondLineHeaderUlIcons > li:first-of-type a {
  padding-left: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  #secondLineHeaderUl {
    padding-left: 20px;
  }

  #secondLineHeaderUlIcons {
    margin-right: 20px;
  }
}

#searchHeaderForm {
  position: relative;
}

.custom-search-btn-group {
  margin-top: 30px;
  margin-left: auto;
}

.custom-search-btn-group button {
  text-align: left;
  max-width: 100%;
  min-width: 180px;
  width: 100% !important;
  height: 40px;
  background: transparent;
  color: #000000;
  font-family: inter, sans-serif;
  font-weight: 400;
  font-size: 12px;
  border: 1px solid #EBF0F4;
  padding: 4px 10px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-search-btn-group button:focus {
  outline: none !important;
  border: 2px solid #775ca7;
}

.custom-search-btn-group button:active {
  outline: none !important;
}

.custom-search-btn-group div {
  padding: 0;
}

.custom-search-btn-group input[type="submit"] {
  text-align: left;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  width: 100%;
  font-family: inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #222531;
  background: white;
  padding: 8px 16px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  margin: 0 0 4px 0;
}

.custom-search-btn-group input[type="submit"]:hover {
  background: #EFEAFF;
}

.custom-search-btn-group .dropdown-menu {
  border: solid 2px #775ca7 !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px;
  min-width: 100%;
  max-width: 100%;
  top: -10px !important;
}

.custom-search-btn-group .dropdown-toggle::after {
  margin-left: auto !important;
}

input#search {
  height: 45px;
  font-size: 1rem;
  display: inline-block;
  border: none;
  outline: none;
  color: #555;
  padding: 3px;
  padding-right: 40px;
  width: 0px;
  position: absolute;
  top: -22px;
  right: 0;
  background: none;
  z-index: 3;
  -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  font-family: inter, sans-serif;
  font-weight: 200;
}

input#search:focus:hover {
  border-bottom: 1px solid #BBB;
}

input#search:focus {
  width: 240px;
  z-index: 1;
  border-bottom: 1px solid #BBB;
  cursor: text;
}

input#search_submit {
  height: 45px;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  width: 43px;
  display: inline-block;
  color: red;
  float: right;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: -22px;
  right: 0;
  z-index: 10;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

input#search_submit:hover {
  opacity: 0.8;
}

.desktop-dropdown-header-user {
  max-width: 130px;
  background-color: white;
}

.desktop-dropdown-header-user > a {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 4px;
  background: none;
  border: none;
  color: black;
  font-size: 1rem;
}

.desktop-dropdown-header-user > a::after {
  content: none;
}

.desktop-dropdown-header-user > a::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0;
  margin-right: 10px;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.desktop-dropdown-header-user > a:active,
.desktop-dropdown-header-user > a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.desktop-dropdown-header-user > a > img {
  padding: 1px;
  height: 35px;
  width: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 1px #e4e4e4 solid;
  margin-top: -6px;
  margin-left: 10px;
}

.desktop-dropdown-header-user > a > span {
  width: 55px;
  display: inline-block;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 200;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: -5px;
  line-height: 20px;
}

a.notification-dropdown-link {
  position: relative;
}

a.notification-dropdown-link::before {
  content: none;
}

a.notification-dropdown-link span {
  background: #F6685A;
  color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 0;
  width: 16px;
  height: 16px;
  font-size: .7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.desktop-dropdown-header-user-menu {
  margin-top: 10px;
  margin-left: -20px;
}

.desktop-dropdown-header-user-menu .notification-header {
  background-color: #ffffff;
  padding: 16px 32px;
  border-radius: 50%;
}

@media screen and (max-width: 768px) {
  .desktop-dropdown-header-user-menu .notification-header {
    padding: 8px 16px;
  }
}

.desktop-dropdown-header-user-menu .no-notif {
  font-size: 16px;
  color: #4E597E;
  font-weight: 300;
  padding: 16px;
  border-top: 1px solid #EBF0F4;
}

.desktop-dropdown-header-user-menu > a {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: .9rem;
}

.desktop-dropdown-header-user-menu > a:active {
  background-color: #775ca7;
}

.desktop-dropdown-header-user-menu > a:nth-of-type(1) {
  background-color: #775ca7;
  color: white;
  padding: 10px 24px;
}

.desktop-dropdown-header-user-menu > div:nth-of-type(1) {
  display: none;
}

.desktop-dropdown-header-user-menu > a:nth-of-type(2) {
  margin-top: 10px;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu {
  background: white;
  min-width: 510px;
  -webkit-box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
          box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
  border-radius: 8px;
  padding: 0;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu .clear-all-notification {
  color: #775CA7;
  font-size: 14px;
}

@media (max-width: 576px) {
  .desktop-dropdown-header-user-menu.dropdown-notifications-menu {
    min-width: 310px;
    width: 100%;
  }
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu > p {
  width: 500px;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  display: block;
  text-align: center;
  color: #4D4D4D;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu > span {
  color: #4D4D4D;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  display: block;
  padding: 20px;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu ul {
  width: 100%;
  list-style: none;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu li {
  padding: 16px 0;
  border-top: 1px solid #EBF0F4;
  width: 100%;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu li .notification-container {
  padding: 0 32px;
}

@media (max-width: 768px) {
  .desktop-dropdown-header-user-menu.dropdown-notifications-menu li {
    padding: 8px 0;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu li .notification-container {
    padding: 0 16px;
  }
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu > a {
  color: #F6685A;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  display: table;
  background: transparent;
  margin: auto;
}

.desktop-dropdown-header-user-menu.dropdown-notifications-menu > a:hover {
  text-decoration: none;
}

.notification-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.notification-container img {
  height: 48px;
  width: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .notification-container img {
    height: 32px;
    width: 32px;
  }
}

.notification-container .notification-icon-div {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  margin-right: 20px;
  background: #775ca7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 768px) {
  .notification-container .notification-icon-div {
    height: 32px;
    width: 32px;
  }
}

.notification-container .notification-icon-div svg {
  color: white;
  display: block;
}

.notification-container .notification-icon-div.notification-icon-div-rejected {
  background: #F6685A;
}

.notification-container a.remove-notification {
  color: #775ca7;
  display: inline-block;
  margin-left: auto;
}

.notification-container a.remove-notification:hover {
  text-decoration: none;
}

.notification-container a.remove-notification img {
  width: 20px;
  height: 20px;
  margin-right: 0 !important;
}

.notification-container .remove-notification-wrapper .wrapper-buttons {
  width: 80px;
  height: 37px;
  margin-right: 15px;
}

.notification-container .remove-notification-wrapper .wrapper-buttons a {
  height: 37px;
}

@media screen and (max-width: 768px) {
  .notification-container .remove-notification-wrapper .wrapper-buttons a {
    font-size: 12px !important;
    width: 55px !important;
  }
}

@media screen and (max-width: 768px) {
  .notification-container .remove-notification-wrapper .wrapper-buttons {
    width: 55px;
  }
}

.notification-container .notification-body > span {
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #4E597E;
}

@media screen and (max-width: 768px) {
  .notification-container .notification-body > span {
    font-size: 12px;
  }
}

.notification-container .notification-body p {
  font-family: inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0;
  color: #000000;
}

.notification-container .notification-body p a {
  font-family: inter, sans-serif;
  color: #775CA7;
}

.notification-container .notification-body p a:hover {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .notification-container .notification-body p {
    font-size: 12px;
  }
}

.headerFaIconsLogged {
  margin: 0 10px;
}

.headerFaIconsLogged:hover {
  text-decoration: none;
}

.headerFaIconsLogged > svg {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

#headerLoggedAEnvelope {
  margin-right: 0;
}

#headerLoggedAEnvelope > svg {
  color: #775ca7;
}

#headerLoggedABell > svg {
  color: #775ca7;
}

.header-topics-container {
  position: relative;
}

.header-topics-container > svg {
  margin-left: 2px;
  color: white;
}

.header-topics-container:hover .header-topics-dropdown {
  height: 610px;
}

.header-topics-container:hover .header-topics-dropdown li {
  display: block;
}

.header-topics-container .header-topics-dropdown {
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
  height: 0px;
  left: -52px;
  list-style: none;
  padding-left: 0;
  position: absolute;
  z-index: 1000;
  background-color: #21162C;
}

.header-topics-container .header-topics-dropdown li {
  display: none;
}

.header-topics-container .header-topics-dropdown li:first-child {
  margin-top: 10px;
}

.header-topics-container .header-topics-dropdown a {
  padding: 5px 20px;
  display: block;
  color: white;
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.header-topics-container .header-topics-dropdown a:hover {
  text-decoration: none;
  background-color: white;
  color: #775ca7;
}

@-moz-document url-prefix()  {
  .header-topics-container:hover .header-topics-dropdown {
    height: 620px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  #secondLineHeaderUl {
    width: 74%;
  }

  input#search:focus {
    width: 130px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #secondLineHeaderUl {
    width: 70%;
  }

  #headerUpperLink1,
  #headerUpperLink2,
  .nav-link,
  .navbar .dropdown-toggle {
    font-size: .7rem;
    padding: 3px 7px;
  }

  #headerUpperLink1 {
    margin-right: 10px;
  }

  a.navbar-brand > img {
    width: 100px;
    height: 18px;
  }

  input#search_submit {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }

  input#search {
    font-size: .7rem;
    top: -16px;
    height: 30px;
  }

  input#search:focus {
    width: 120px;
  }

  #secondLineHeaderUl > li > a {
    font-size: .7rem;
  }

  .desktop-dropdown-header-user > a {
    font-size: .7rem;
  }

  .headerFaIconsLogged {
    margin: 0;
  }

  .headerFaIconsLogged:hover {
    text-decoration: none;
  }

  .headerFaIconsLogged > svg {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }

  .desktop-dropdown-header-user > a > span {
    font-size: .7rem;
    margin-bottom: -5px;
  }

  .desktop-dropdown-header-user > a::before {
    margin-left: 6px;
    margin-right: 4px;
  }

  .header-topics-container:hover .header-topics-dropdown {
    height: 466px;
  }

  .header-topics-container .header-topics-dropdown {
    left: -42px;
  }

  .header-topics-container .header-topics-dropdown a {
    font-size: .7rem;
  }

  a.notification-dropdown-link span {
    font-size: .6rem;
    top: 6px;
    right: 2px;
    width: 10px;
    height: 10px;
  }

@-moz-document url-prefix()  {
    .header-topics-container:hover .header-topics-dropdown {
      height: 482px;
    }
}
}

@media (min-width: 767px) {
  #secondLineHeaderUl > li:nth-child(1) {
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  #navbarFirst {
    margin-right: 0;
  }

  nav.navbar {
    padding: 0;
    margin: 0;
    background-color: white;
  }

  a.navbar-brand {
    display: block !important;
    margin: auto;
    padding-left: 50px;
    padding-bottom: 12px;
  }

  button.hamburger {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    padding: 11px 20px 0 0;
  }

  button.hamburger:focus,
  button.hamburger:active {
    outline: 0;
  }

  span.hamburger-inner {
    background-color: #4D4D4D;
  }

  span.hamburger-inner::before,
  span.hamburger-inner::after {
    background-color: #4D4D4D;
  }

  ul.navbar-nav {
    background-color: #f5f8fa;
    padding: 10px 20px;
    font-size: .9rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  ul.navbar-nav > li {
    display: inline-block;
  }

  ul.navbar-nav > li > a {
    font-size: .75rem;
  }

  #mobileHeaderUl {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
  }

  #mobileHeaderUl > li:first-child {
    padding-top: 20px;
  }

  #mobileHeaderUl > li:last-child {
    padding-bottom: 20px;
  }

  #mobileHeaderUl > li {
    line-height: 46px;
    text-align: center;
  }

  #mobileHeaderUl > li > a {
    color: #775ca7;
    text-transform: uppercase;
    font-size: .9rem;
    font-family: inter, sans-serif;
    font-weight: 200;
  }

  #mobileHeaderUl > li > a:hover {
    text-decoration: none;
  }

  #mobileHeaderUl #mobiledropmenu {
    list-style: none;
    padding: 0;
  }

  #mobileHeaderUl #mobiledropmenu li a {
    color: #775ca7;
    text-transform: uppercase;
    font-size: .76rem;
    font-family: inter, sans-serif;
    font-weight: 200;
  }

  #searchFormMobile {
    padding: 0 20px 10px;
  }

  #searchFormMobile > input[type='text'] {
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #775ca7;
    border-radius: 0;
  }

  #searchFormMobile > input[type='text']:active,
  #searchFormMobile > input[type='text']:focus {
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  #searchFormMobile > .input-group-append > button[type='submit'] {
    border: none;
    border-bottom: 1px solid #775ca7;
    border-radius: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }

  #searchFormMobile > .input-group-append > button[type='submit'] > svg {
    color: #4D4D4D;
  }

  #searchFormMobile > .input-group-append > button[type='submit']:hover {
    background-color: white;
    opacity: .7;
  }

  .headerMobileLinksLog {
    text-transform: uppercase;
    text-align: center;
    color: white;
    font-family: inter, sans-serif;
    font-weight: 200;
    font-size: .9rem;
    padding: 14px 0;
  }

  .headerMobileLinksLog:hover {
    text-decoration: none;
    color: white;
  }

  #headerMobileLinkLog1 {
    background-color: #775ca7;
  }

  #headerMobileLinkLog2 {
    background-color: #2e97a9;
  }

  #mobileHeaderUlIcons {
    list-style: none;
    background-color: #c8c8c8;
    text-align: center;
    padding: 8px 0;
    margin: 0;
  }

  #mobileHeaderUlIcons > li {
    display: inline-block;
  }

  #mobileHeaderUlIcons > li > a {
    color: white;
    padding: 0 10px;
  }

  #mobileHeaderUlIcons > li > a:hover {
    text-decoration: none;
    color: white;
  }

  #mobileHeaderUlIcons > li > a > svg {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }

  #mobileHeaderUlIcons > li > a > img {
    width: 20px;
    margin-bottom: 14px;
  }

  #mobileHeaderDivUnderLogo > div {
    padding: 0;
    background-color: #21162c;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn {
    padding: 6px 20px;
    margin: 0;
    list-style: none;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li {
    padding: 0 10px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li.vertical-line {
    width: 1px;
    background: #ffffff;
    height: 20px;
    padding: 0px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:first-child > a > svg {
    -webkit-transform: rotateY(180deg) scale(0.7);
            transform: rotateY(180deg) scale(0.7);
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:nth-of-type(5) > a {
    display: block;
    padding: 0;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:nth-of-type(4),
  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:nth-of-type(6) {
    display: block;
    background-color: white;
    margin: 4px 4px;
    width: 1px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:last-child > a {
    display: block;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li {
    display: inline-block;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li > a {
    color: white;
    text-transform: uppercase;
    font-family: inter, sans-serif;
    font-weight: 300;
    font-size: .9rem;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li > a:hover {
    text-decoration: none;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoNotLoggedIn > li > a > svg {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn {
    background-color: #21162c;
    padding: 4px 20px;
    margin: 0;
    list-style: none;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li {
    padding: 0 5px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li:first-child > a > svg {
    -webkit-transform: rotateY(180deg) scale(0.7);
            transform: rotateY(180deg) scale(0.7);
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li:nth-of-type(4) {
    display: block;
    background-color: white;
    margin: 4px 4px;
    width: 1px;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li > a {
    color: white;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li > a:hover {
    text-decoration: none;
  }

  #mobileHeaderDivUnderLogo > div > ul#mobileHeaderDivUnderLogoLoggedIn > li > a > svg {
    -webkit-transform: rotateY(180deg) scale(0.7);
            transform: rotateY(180deg) scale(0.7);
  }

  #mobileDropdownHeaderUser > a {
    padding-right: 0;
    padding-left: 0;
    background: none;
    border: none;
  }

  #mobileDropdownHeaderUser > a::after {
    content: none;
  }

  #mobileDropdownHeaderUser > a::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    margin-right: 10px;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }

  #mobileDropdownHeaderUser > a:active,
  #mobileDropdownHeaderUser > a:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  #mobileDropdownHeaderUser > a > img {
    height: 30px;
    width: 30px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
    border: 1px #e4e4e4 solid;
    margin-top: -6px;
    background: #ffffff;
  }

  #dropdownHeaderUser {
    padding-top: 0;
    margin-top: 10px;
  }

  #dropdownHeaderUser > a {
    font-family: inter, sans-serif;
    font-weight: 200;
    font-size: .9rem;
  }

  #dropdownHeaderUser > a:active {
    background-color: #775ca7;
  }

  #dropdownHeaderUser > div {
    height: 1px;
    margin: 10px 16px;
    background-color: #c8c8c8;
  }

  #dropdownHeaderUser > a:nth-of-type(1) {
    background-color: #775ca7;
    color: white;
    padding: 10px 24px;
  }

  #dropdownHeaderUser > div:nth-of-type(1) {
    display: none;
  }

  #dropdownHeaderUser > a:nth-of-type(2) {
    margin-top: 10px;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu {
    margin: 0;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu > p {
    width: auto;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu > span {
    padding: 20px;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu ul {
    padding: 0;
  }

  .desktop-dropdown-header-user-menu.dropdown-notifications-menu li {
    width: 100%;
  }

  a.notification-dropdown-link {
    position: relative;
  }

  a.notification-dropdown-link span {
    top: 0;
    padding-bottom: 2px;
  }
}

@media (max-width: 350px) {
  #mobileHeaderDivUnderLogo > ul#mobileHeaderDivUnderLogoNotLoggedIn > li:nth-of-type(2) > a {
    padding: 0 10px;
  }
}

#footerContainer {
  padding: 0;
}

.mobile-line {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
}

.mobile-line a {
  padding: 6px 15px 0 15px;
  color: #000000;
  font-size: 14px;
  font-family: inter, sans-serif;
}

.mobile-line a:hover {
  outline: none;
  text-decoration: none;
}

#footerDiv {
  background-color: #4D4D4D;
}

#footerDiv > .container > img {
  display: block;
  margin: auto;
  padding: 40px 0;
  width: 40px;
  height: auto;
}

#footerMenuDiv {
  max-width: 84%;
  margin: auto;
}

#footerMenuDiv > ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#footerMenuDiv > ul > li {
  display: inline-block;
  line-height: 11px;
}

#footerMenuDiv > ul > li > a {
  display: inline-block;
  color: white;
  font-family: inter, sans-serif;
  font-size: .7rem;
  font-weight: 200;
}

#footerMenuDiv > ul > li > a:hover {
  text-decoration: none;
}

#footerMenuDiv > ul > li > div {
  height: 18px;
  margin: 0 7px;
  margin-top: -2px !important;
  width: 1px;
  display: inline-block;
  background-color: transparent;
}

#footerMenuRight {
  padding-top: 2px;
}

#footerMenuRight > li {
  background-color: transparent !important;
  width: auto !important;
}

#footerMenuRight > li > a > img {
  display: block;
  height: 18px;
}

#footerMenuRight > li:first-child > a > img {
  height: 14px;
  margin-top: -3px;
  margin-right: 10px;
}

#footerMenuRight > li:nth-of-type(2) > a > img {
  height: 24px;
  margin-top: -10px;
}

#footerMenuRight > li:last-child > a > img {
  height: 24px;
  margin-top: -10px;
}

#socialFooterDiv {
  text-align: center;
}

#socialFooterDiv > ul {
  list-style: none;
  padding: 30px 0 20px 0;
  margin: 0;
}

#socialFooterDiv > ul > li {
  display: inline-block;
  padding: 0 8px;
}

#socialFooterDiv > ul > li > a {
  display: block;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  width: 40px;
  height: 40px;
  position: relative;
}

#socialFooterDiv > ul > li > a:hover {
  text-decoration: none;
}

#socialFooterDiv > ul > li > a > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  z-index: 3;
}

#socialFooterDiv > ul > li > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
  width: 15px;
}

#copyrightFooterDiv {
  padding-bottom: 20px;
  text-align: center;
}

#copyrightFooterDiv > ul {
  padding: 0;
  list-style: none;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#copyrightFooterDiv > ul > li {
  display: inline-block;
}

#copyrightFooterDiv > ul > li > span {
  color: white;
  font-family: inter, sans-serif;
  font-size: .7rem;
  font-weight: 200;
  line-height: 11px;
}

#copyrightFooterDiv > ul > li > a {
  line-height: 11px;
  color: white;
  font-family: inter, sans-serif;
  font-size: .7rem;
  font-weight: 200;
}

#copyrightFooterDiv > ul > li > a:hover {
  text-decoration: none;
}

#copyrightFooterDiv > ul > li:nth-of-type(3) {
  width: 1px;
  background-color: white;
  margin: 4px 6px 2px 6px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  #footerMenuDiv {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  #footerMenuRight li {
    margin: 10px auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #footerMenuDiv {
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  #footerMenuDiv #footerMenuRight {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  #footerDiv {
    padding-bottom: 65px;
  }

  #copyrightFooterDiv {
    padding: 0 5px;
    padding-bottom: 10px;
  }

  #footerMenuDiv {
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  #footerMenuDiv > ul {
    margin: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  #footerMenuDiv > ul li {
    margin: 5px auto;
  }

  #footerMenuDiv > ul li div {
    height: 18px;
    margin: 0 5px;
    margin-top: 2px !important;
    width: 1px;
    display: inline-block;
    background-color: transparent;
  }

  #footerMenuDiv > #footerMenuRight {
    margin-top: 20px;
  }

  #copyrightFooterDiv > ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 380px) {
  #footerMenuDiv > ul > li > a {
    font-size: .7rem;
  }

  #copyrightFooterDiv ul li:first-child {
    width: 100%;
  }
}

.footer-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-socials-img {
  width: 20px;
  height: 20px;
  margin-right: 18px;
}

.user-profile {
  background: #ffffff;
  padding: 0 40px 20px 40px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* The actual popup */
  /* Popup arrow */
  /* Toggle this class - hide and show the popup */
  /* Add animation (fade in the popup) */
}

.user-profile .popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.user-profile .popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

.user-profile .popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.user-profile .popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.user-profile .right .name {
  margin-top: 60px;
  font-weight: 700;
  font-size: 40px;
  color: #000000;
  font-family: Georgia;
}

.user-profile .right .name a {
  color: #212529;
}

.user-profile .right .name a:hover,
.user-profile .right .name a:focus {
  text-decoration: none;
}

@media (max-width: 576px) {
  .user-profile .right .name {
    margin-top: 20px;
  }
}

.user-profile .right .icon {
  color: #775da7;
  font-size: 25px;
}

.user-profile .right .info {
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 600px;
}

.user-profile .right .info .text {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 200;
  padding: 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  font-family: Georgia;
}

.user-profile .right .follow-info {
  margin-top: 30px;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.user-profile .right .follow-info .posts-count a {
  color: #212529;
}

.user-profile .right .follow-info .posts-count a:focus,
.user-profile .right .follow-info .posts-count a:hover {
  text-decoration: none;
}

.user-profile .right .follow-info span {
  padding-right: 5px;
  font-size: 18px;
  font-weight: 200;
  color: #000000;
  font-family: Georgia;
}

.user-profile .right .follow-info span a {
  color: #000000;
}

.user-profile .right .follow-info span a:hover {
  text-decoration: none;
}

.user-profile .right .follow-info .wrap {
  padding: 0 10px;
}

.user-profile .right .follow-info .slash {
  color: #775da7;
  font-weight: 700;
  font-size: 22px;
}

@media (max-width: 576px) {
  .user-profile .right .follow-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.user-profile .right .info-sm {
  color: #000000;
  font-family: Georgia;
}

.user-profile .right .follow-info-sm {
  display: none;
}

.user-profile .right .btn-wrap a {
  margin-right: 15px;
  text-decoration: none;
}

.user-profile .right .btn-wrap a .follow-flex-btn {
  padding: 3px 20px;
}

.user-profile .right .btn-wrap .followed-user-link .plus > button > svg:nth-of-type(1) {
  display: none;
}

.user-profile .right .btn-wrap .followed-user-link .plus > button > svg:nth-of-type(2) {
  display: block;
}

.user-profile .right .btn-wrap .followed-user-link span {
  display: none;
}

.user-profile .right .btn-wrap .followed-user-link button.follow-flex-btn {
  padding: 12px 25px;
}

.user-profile .right .btn-wrap .fa-check {
  display: none;
}

.user-profile .right .btn-wrap .support-span {
  margin-right: 5px;
}

.user-profile .right .btn-wrap .support-btn,
.user-profile .right .btn-wrap .share-button,
.user-profile .right .btn-wrap .btn-follow,
.user-profile .right .btn-wrap .btn-message {
  font-size: 15px;
  font-weight: 700;
  color: #775da7;
  border: 1px solid #775da7;
  border-radius: 5%;
  background: #fff;
  padding: 5px 10px;
  font-family: Georgia;
}

.user-profile .right .btn-wrap .share-button {
  padding: 8px 20px;
}

.user-profile .right .btn-wrap .share-button span {
  padding: 5px;
}

.user-profile .right .btn-wrap .btn-follow,
.user-profile .right .btn-wrap .btn-message {
  border: 0;
  color: #fff;
  background: #775da7;
  padding: 8px 20px;
}

.user-profile .right .btn-wrap .btn-follow.message,
.user-profile .right .btn-wrap .btn-message.message {
  background: #FFFFFF;
  border: 1px solid #EBF0F4;
  border-radius: 6px;
}

@media (max-width: 576px) {
  .user-profile .right .btn-wrap .btn-follow,
  .user-profile .right .btn-wrap .btn-message {
    padding: 8px 10px;
  }
}

.user-profile .right .btn-wrap .btn-follow span,
.user-profile .right .btn-wrap .btn-message span {
  padding: 5px;
}

.user-profile .right .interest .interest-btn-wrap {
  margin-right: 10px;
  width: 85%;
}

.user-profile .right .interest .interest-btn-wrap > a {
  display: inline-block;
  margin-bottom: 10px;
}

.user-profile .right .interest .interest-btn {
  background: #22162c;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 5px 25px;
  border-radius: 5%;
  font-family: Georgia;
}

.user-profile .right .interest .more {
  color: #775da7;
  font-family: Georgia;
  font-weight: 700;
  font-size: 15px;
  padding: 4px;
  width: 15%;
}

.user-profile .right .about {
  margin-bottom: 15px;
  font-size: 16px;
  color: #4D4D4D;
  font-family: Georgia;
  font-weight: 200;
}

.user-profile .right .social-sm-media {
  display: none;
}

.user-profile .right .social-sm-media .social-media {
  margin: 20px 0;
}

.user-profile .right .social-sm-media .social-media a {
  color: #a2a2a2;
  text-decoration: none;
}

.user-profile .right .social-sm-media .social-media .icons {
  color: #775da7;
  padding: 5px;
  width: 30px;
  text-align: center;
}

.user-profile .right .social-sm-media .social-media .social-box {
  min-height: 0;
  margin-bottom: 0;
  text-align: unset;
  background: none;
  border: 0;
  border-radius: 0;
}

.user-profile .right .social-sm-media .social-media .text {
  padding: 0 15px;
}

.user-profile .left .social-media {
  border-left: 2px solid #716e77;
  padding-left: 20px;
}

.user-profile .left .social-media .social-box {
  min-height: 0;
  margin-bottom: 0;
  text-align: unset;
  background: none;
  border: 0;
  border-radius: 0;
}

.user-profile .left .social-media a {
  color: #a2a2a2;
  text-decoration: none;
}

.user-profile .left .social-media .icons {
  color: #775da7;
  padding: 5px;
  width: 30px;
  text-align: center;
}

.user-profile .left .social-media .text {
  padding: 0 15px;
}

.user-profile .left .profile-img {
  margin-top: 50px;
  margin-bottom: 20px;
}

.user-profile .left .profile-img img {
  border-radius: 50%;
  border: 1px #e4e4e4 solid;
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  padding: 8px;
}

@media (max-width: 992px) {
  .user-profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
}

@media (max-width: 326px) {
  .user-profile {
    padding: 0 15px;
  }
}

@media (max-width: 992px) {
  .user .left .social-media {
    border: 0;
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .user {
    padding: 0 10px;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }

  .user .right .social-sm-media {
    display: block;
  }

  .user .right .interest .interest-btn {
    font-size: 10px;
  }

  .user .right .interest .more {
    font-size: 10px;
    width: 40%;
  }

  .user .right .sm-btn {
    border-bottom: 1px #e9e9e9 solid;
    border-top: 1px #e3e3e3 solid;
    padding: 12px 20px 12px 20px;
    margin-bottom: 15px;
  }

  .user .right .sm-btn .btn-icon {
    font-size: 25px;
    color: #775da7;
  }

  .user .right .sm-btn .usd {
    font-size: 14px;
  }

  .user .right .btn-wrap,
  .user .right .follow-info {
    display: none !important;
  }

  .user .right .name {
    margin: 0;
    text-align: center;
  }

  .user .right .info-sm {
    margin: 20px 0;
  }

  .user .right .info-sm .follow-info-sm {
    display: block;
    border-right: 2px solid #e2e2e2;
    padding-right: 20px;
  }

  .user .right .info-sm .follow-info-sm .following a,
  .user .right .info-sm .follow-info-sm .followers a {
    color: #000;
  }

  .user .right .info-sm .follow-info-sm .following a:hover,
  .user .right .info-sm .follow-info-sm .following a:focus,
  .user .right .info-sm .follow-info-sm .followers a:hover,
  .user .right .info-sm .follow-info-sm .followers a:focus {
    text-decoration: none;
    outline: none;
  }

  .user .right .info-sm .follow-info-sm .posts-count a {
    color: #212529;
  }

  .user .right .info-sm .follow-info-sm .posts-count a:focus,
  .user .right .info-sm .follow-info-sm .posts-count a:hover {
    text-decoration: none;
  }

  .user .right .info-sm .follow-info-sm p {
    font-size: 10px;
    text-align: center;
  }

  .user .right .info-sm .follow-info-sm .number {
    font-size: 28px;
    margin: 0;
    font-weight: 200;
  }

  .user .right .info-sm .info {
    padding-left: 20px;
  }

  .user .right .info-sm .info .job,
  .user .right .info-sm .info .city,
  .user .right .info-sm .info .category {
    padding: 12px 0;
  }

  .user .right .info-sm .info .job {
    padding-bottom: 0;
  }

  .user .right .info-sm .info .category {
    padding-top: 0;
  }

  .user .right .info-sm .info .city {
    padding: 0;
  }

  .user .right .info .text {
    padding: 0;
    font-size: 15px;
  }

  .user .right .info .icon {
    font-size: 15px;
  }

  .user .left .profile-img {
    margin-top: 15px;
    text-align: center;
  }

  .user .left .profile-img img {
    height: 140px;
    width: 140px;
  }

  .user .left .social-media {
    display: none;
  }
}

.vote {
  background: #ffffff;
  padding: 20px;
}

.vote .option {
  padding: 20px 0px;
  font-size: 13px;
  font-family: 'Muli', sans-serif;
  line-height: 10px;
}

.vote .option .radio {
  margin-bottom: 15px;
}

.vote .option .radio label {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  color: #4D4D4D;
  font-size: 1rem;
}

.vote .option .radio label input {
  margin-right: 10px;
}

.vote .title {
  font-size: 15px;
  font-family: 'Muli', sans-serif;
}

.vote .vote-button {
  padding: 8px 0;
}

.vote .vote-button .btn {
  font-size: 15px;
  border: 0;
  border-radius: 0;
  padding: 8px 25px;
  font-family: 'Muli', sans-serif;
  color: #ffffff;
  background: #775da7;
}

@media (max-width: 767px) {
  .vote {
    display: none;
  }
}

.meet-people .title {
  color: #775da7;
  background: #ffffff;
  text-align: center;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  font-size: 38px;
  padding: 10px;
}

.meet-people .left {
  background: #22162c;
  width: 50%;
  padding: 30px 100px 20px 100px;
}

.meet-people .left .text {
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-family: 'PT Serif', serif;
}

.meet-people .left .connect-btn {
  text-align: center;
}

.meet-people .left .connect-btn .btn {
  border-radius: 0;
  background: #ffffff;
  color: #775da7;
  padding: 3px 25px;
}

.meet-people .left .img-wrap {
  text-align: center;
  padding: 10px 0px;
}

.meet-people .left .img-wrap img {
  border: 2px solid #fff;
  border-radius: 50px;
  height: 60px;
  width: 60px;
  margin: 0 10px;
  -o-object-fit: cover;
  object-fit: cover;
}

.meet-people .right {
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.meet-people .right .logo-wrap {
  padding: 15px;
}

.meet-people .right .title-img {
  margin-bottom: 10px;
}

.meet-people .right .meet-btn .btn {
  background: #22162c;
  color: #ffffff;
  border: 1px #ffffff solid;
  padding: 4px 20px;
}

.meet-people-user .right {
  position: relative;
}

.meet-people-user .right .logo-wrap {
  position: absolute;
  top: 270px;
  right: 565px;
}

@media (max-width: 1359px) {
  .meet-people-user .right {
    position: relative;
  }

  .meet-people-user .right .logo-wrap {
    right: 505px;
  }
}

@media (max-width: 1199px) {
  .meet-people-user .right {
    position: relative;
  }

  .meet-people-user .right .logo-wrap {
    right: 415px;
  }
}

@media (max-width: 992px) {
  .meet-people-user .right {
    background-position-x: 14%;
    position: relative;
  }

  .meet-people-user .right .logo-wrap {
    right: 90px;
  }

  .meet-people .left {
    padding: 30px;
  }

  .meet-people .left .text {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .meet-people .meet-sm img {
    width: 100%;
    max-height: 245px;
  }

  .meet-people .meet-sm .logo-wrap {
    top: 195px;
    right: auto;
  }

  .meet-people .meet-sm .logo-wrap .meet-btn a .btn {
    font-size: 12px;
  }

  .meet-people .right {
    background-attachment: unset;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    min-height: 220px;
  }

  .meet-people .left {
    width: 100%;
  }

  .meet-people .left .img-wrap img {
    height: 35px;
    width: 35px;
  }

  .meet-people .left .text {
    font-size: 13px;
  }
}

.navbar-wrapper,
.profile-navbar-wrapper {
  background: white;
  width: 100%;
  height: 75px;
  position: fixed;
  bottom: -1px;
  z-index: 100;
  display: none;
  border-top: 1px solid #EBF0F4;
}

@media screen and (max-width: 768px) {
  .navbar-wrapper,
  .profile-navbar-wrapper {
    display: block;
  }
}

.navbar-wrapper .navbar-navigation,
.profile-navbar-wrapper .navbar-navigation {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: relative;
  z-index: 10;
}

.navbar-wrapper .navbar-navigation .user-avatar-plug,
.profile-navbar-wrapper .navbar-navigation .user-avatar-plug {
  background: #4FD1D9;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
}

.navbar-wrapper .navbar-navigation .navbar-plus,
.profile-navbar-wrapper .navbar-navigation .navbar-plus {
  cursor: pointer;
}

.navbar-wrapper .navbar-navigation .navbar-plus.active,
.profile-navbar-wrapper .navbar-navigation .navbar-plus.active {
  display: none;
}

.navbar-wrapper .navbar-navigation .navbar-icon,
.profile-navbar-wrapper .navbar-navigation .navbar-icon {
  width: 25px;
}

.navbar-wrapper .navbar-navigation .nav-avatar img,
.profile-navbar-wrapper .navbar-navigation .nav-avatar img {
  width: 27px;
  height: 27px;
  border-radius: 50%;
}

.navbar-wrapper .navbar-extend,
.profile-navbar-wrapper .navbar-extend {
  height: auto;
  overflow-y: scroll;
}

.navbar-wrapper .navbar-extend,
.navbar-wrapper .navbar-extend-second,
.profile-navbar-wrapper .navbar-extend,
.profile-navbar-wrapper .navbar-extend-second {
  background: white;
  width: 100%;
  position: absolute;
  top: -190px;
  left: 0;
  padding: 25px 25px 0 35px;
  -webkit-transition: all 0.5s cubic-bezier(0.82, 0.085, 0.395, 0.895);
  transition: all 0.5s cubic-bezier(0.82, 0.085, 0.395, 0.895);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 8px 8px 0 0;
  /*&.login-extend{
			bottom: 720px;
		}*/
}

.navbar-wrapper .navbar-extend__sub-title,
.navbar-wrapper .navbar-extend-second__sub-title,
.profile-navbar-wrapper .navbar-extend__sub-title,
.profile-navbar-wrapper .navbar-extend-second__sub-title {
  font-size: 12px;
  line-height: 120%;
  color: #58667E;
  margin-bottom: 16px;
}

.navbar-wrapper .navbar-extend__close,
.navbar-wrapper .navbar-extend-second__close,
.profile-navbar-wrapper .navbar-extend__close,
.profile-navbar-wrapper .navbar-extend-second__close {
  margin-left: auto;
  margin-bottom: 20px;
}

.navbar-wrapper .navbar-extend.inactive,
.navbar-wrapper .navbar-extend-second.inactive,
.profile-navbar-wrapper .navbar-extend.inactive,
.profile-navbar-wrapper .navbar-extend-second.inactive {
  top: 80px !important;
}

.navbar-wrapper .navbar-extend__title,
.navbar-wrapper .navbar-extend-second__title,
.profile-navbar-wrapper .navbar-extend__title,
.profile-navbar-wrapper .navbar-extend-second__title {
  font-size: 20px;
  line-height: 120%;
  color: #000000;
  margin: 10px 0 7px;
}

.navbar-wrapper .navbar-extend .navbar-extend-link,
.navbar-wrapper .navbar-extend-second .navbar-extend-link,
.profile-navbar-wrapper .navbar-extend .navbar-extend-link,
.profile-navbar-wrapper .navbar-extend-second .navbar-extend-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222531;
  font-size: 16px;
  line-height: 143%;
  font-weight: 300;
  margin-bottom: 15px;
  text-decoration: none;
}

.navbar-wrapper .navbar-extend .navbar-extend-link.last,
.navbar-wrapper .navbar-extend-second .navbar-extend-link.last,
.profile-navbar-wrapper .navbar-extend .navbar-extend-link.last,
.profile-navbar-wrapper .navbar-extend-second .navbar-extend-link.last {
  border-top: 1px solid #EBF0F4;
  padding: 12px 0 0 0;
  margin: 12px 0 24px;
  color: #F7685A;
}

.navbar-wrapper .navbar-extend .navbar-extend-link.last-line,
.navbar-wrapper .navbar-extend-second .navbar-extend-link.last-line,
.profile-navbar-wrapper .navbar-extend .navbar-extend-link.last-line,
.profile-navbar-wrapper .navbar-extend-second .navbar-extend-link.last-line {
  border-top: 1px solid #EBF0F4;
  padding: 12px 0 0 0;
  margin: 12px 0 24px;
}

.navbar-wrapper .navbar-extend .navbar-extend-link.border-link,
.navbar-wrapper .navbar-extend-second .navbar-extend-link.border-link,
.profile-navbar-wrapper .navbar-extend .navbar-extend-link.border-link,
.profile-navbar-wrapper .navbar-extend-second .navbar-extend-link.border-link {
  border-bottom: 1px solid #EBF0F4;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.navbar-wrapper .navbar-extend .navbar-extend-link img,
.navbar-wrapper .navbar-extend-second .navbar-extend-link img,
.profile-navbar-wrapper .navbar-extend .navbar-extend-link img,
.profile-navbar-wrapper .navbar-extend-second .navbar-extend-link img {
  width: 17px;
  margin-right: 12px;
}

.navbar-wrapper .navbar-extend .navbar-extend-link .user-avatar,
.navbar-wrapper .navbar-extend-second .navbar-extend-link .user-avatar,
.profile-navbar-wrapper .navbar-extend .navbar-extend-link .user-avatar,
.profile-navbar-wrapper .navbar-extend-second .navbar-extend-link .user-avatar {
  border-radius: 50%;
}

.navbar-wrapper .navbar-extend .navbar-extend-link .business-avatar-plug,
.navbar-wrapper .navbar-extend-second .navbar-extend-link .business-avatar-plug,
.profile-navbar-wrapper .navbar-extend .navbar-extend-link .business-avatar-plug,
.profile-navbar-wrapper .navbar-extend-second .navbar-extend-link .business-avatar-plug {
  background: #775CA7;
  border-radius: 50%;
  color: white;
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  margin-right: 10px;
  line-height: 1.5;
  text-transform: uppercase;
}

.navbar-wrapper .navbar-extend .wrapper-user,
.navbar-wrapper .navbar-extend-second .wrapper-user,
.profile-navbar-wrapper .navbar-extend .wrapper-user,
.profile-navbar-wrapper .navbar-extend-second .wrapper-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #EBF0F4;
  margin-bottom: 18px;
}

.navbar-wrapper .navbar-extend .wrapper-user .user-name,
.navbar-wrapper .navbar-extend-second .wrapper-user .user-name,
.profile-navbar-wrapper .navbar-extend .wrapper-user .user-name,
.profile-navbar-wrapper .navbar-extend-second .wrapper-user .user-name {
  line-height: 20px;
  margin-bottom: 7px;
}

.navbar-wrapper .navbar-extend .wrapper-user-avatar img,
.navbar-wrapper .navbar-extend-second .wrapper-user-avatar img,
.profile-navbar-wrapper .navbar-extend .wrapper-user-avatar img,
.profile-navbar-wrapper .navbar-extend-second .wrapper-user-avatar img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 15px;
}

.navbar-wrapper .navbar-extend .wrapper-user .user-location,
.navbar-wrapper .navbar-extend-second .wrapper-user .user-location,
.profile-navbar-wrapper .navbar-extend .wrapper-user .user-location,
.profile-navbar-wrapper .navbar-extend-second .wrapper-user .user-location {
  font-weight: 300;
  color: #4E597E;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-wrapper .navbar-extend .wrapper-user .user-location img,
.navbar-wrapper .navbar-extend-second .wrapper-user .user-location img,
.profile-navbar-wrapper .navbar-extend .wrapper-user .user-location img,
.profile-navbar-wrapper .navbar-extend-second .wrapper-user .user-location img {
  margin-right: 5px;
}

.navbar-wrapper .navbar-extend .wrapper-user .user-job-title,
.navbar-wrapper .navbar-extend-second .wrapper-user .user-job-title,
.profile-navbar-wrapper .navbar-extend .wrapper-user .user-job-title,
.profile-navbar-wrapper .navbar-extend-second .wrapper-user .user-job-title {
  color: #4E597E;
  margin: 7px 0;
  line-height: 120%;
}

.navbar-wrapper .navbar-extend .wrapper-user .view-profile,
.navbar-wrapper .navbar-extend-second .wrapper-user .view-profile,
.profile-navbar-wrapper .navbar-extend .wrapper-user .view-profile,
.profile-navbar-wrapper .navbar-extend-second .wrapper-user .view-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #775CA7 !important;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none !important;
}

.profile-navbar-wrapper {
  display: block;
  position: static;
  width: 315px;
}

.profile-navbar-wrapper .navbar-extend {
  position: static;
  height: auto;
  overflow: unset;
}

.carousel-popular-inner-left {
  height: 100%;
  padding: 0;
}

.carousel-popular-inner-left img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  min-height: 315px;
}

@media screen and (max-width: 768px) {
  .carousel-popular-inner-left img {
    min-height: 240px;
    max-height: 240px;
  }
}

.carousel-popular-inner-left .carousel-arrow-previous {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 17px;
  top: 45%;
  background: white;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.carousel-popular-inner-left .carousel-arrow-previous img {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 15px;
  height: unset;
  -o-object-fit: unset;
     object-fit: unset;
  min-height: unset;
}

@media screen and (max-width: 768px) {
  .carousel-popular-inner-left .carousel-arrow-previous {
    left: -5px;
    top: 40%;
  }
}

@media screen and (max-width: 768px) {
  .carousel-popular-inner-left {
    padding: 16px 24px 6px;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 65% !important;
            flex: 0 0 65% !important;
  }
}

.carousel-popular-inner-right {
  padding: 18px 20px 0 30px;
}

@media screen and (max-width: 768px) {
  .carousel-popular-inner-right {
    padding: 10px 24px 15px 24px;
  }
}

.carousel-popular-inner-right .carousel-arrow-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 17px;
  top: 45%;
  background: white;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.carousel-popular-inner-right .carousel-arrow-next img {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 15px;
}

@media screen and (max-width: 768px) {
  .carousel-popular-inner-right .carousel-arrow-next {
    right: -5px;
    top: 39.5%;
  }
}

.carousel-popular-inner-right > div > a:hover {
  text-decoration: none;
}

.carousel-popular-inner-right > div .title {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #222531;
  margin-top: 20px;
  line-height: 110%;
}

@media screen and (max-width: 768px) {
  .carousel-popular-inner-right > div .title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

.carousel-popular-inner-right > div > p {
  font-family: inter, sans-serif;
  color: #000000;
  font-size: 16px;
  font-weight: 300;
  margin: 15px 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .carousel-popular-inner-right > div > p {
    display: none;
  }
}

.carousel-popular-inner div.member-little-block-with-img {
  border: none !important;
}

.carousel-popular-inner .author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.carousel-popular-inner .author-info .post-category-mobile {
  display: none;
}

.carousel-popular-inner .author-info .wrapper-avatar .author-avatar {
  width: 50px;
  height: 50px;
  border: 1px solid #D3D7E0;
}

.carousel-popular-inner .author-info .wrapper-avatar .author-avatar-plug {
  width: 20px;
  height: 20px;
  background: #D9CBFF;
  color: white;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
}

.carousel-popular-inner .author-info .author-name {
  font-size: 16px !important;
  font-weight: 300;
  color: #222531;
}

@media screen and (max-width: 768px) {
  .carousel-popular-inner .author-info .author-name {
    font-size: 14px !important;
  }
}

.carousel-popular {
  border-radius: 8px;
  background-color: #ffffff;
}

.carousel-popular > ol {
  padding-left: 112px;
}

.carousel-popular > ol > li {
  background-color: #f3f3f3;
  border: 1px solid #775ca7;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

.carousel-popular > ol > li.active {
  background-color: #775ca7;
}

.mobile-no-carousel-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mobile-no-carousel-item > a {
  position: relative;
}

.mobile-no-carousel-item > a img {
  width: 100%;
  height: 200px;
  margin: 20px 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.mobile-no-carousel-item a {
  color: #4D4D4D;
}

.mobile-no-carousel-item a:hover {
  text-decoration: none;
}

.mobile-no-carousel-item a h2 {
  color: #4D4D4D;
  text-align: center;
  font-family: inter, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
}

.mobile-no-carousel-item p {
  color: #4D4D4D;
  text-align: left;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .mobile-no-carousel-item p {
    display: none;
  }
}

.mobile-no-carousel-item .member-little-block-with-img {
  margin: auto;
  padding: 0;
  border-bottom: none;
}

.carousel-indicators {
  margin-left: 65% !important;
  padding-left: 0 !important;
  z-index: 5 !important;
}

.carousel-indicators li {
  border-radius: 0 !important;
  height: 3px !important;
  width: 20px !important;
  border: none !important;
  background-color: #C5C9E6 !important;
}

.carousel-indicators li.active {
  background-color: #775ca7 !important;
}

@media screen and (max-width: 768px) {
  .carousel-indicators {
    margin-left: 15% !important;
  }
}

.carousel-item {
  height: 100%;
  min-height: 315px;
}

@media screen and (max-width: 768px) {
  .carousel-item {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    min-height: unset;
  }

  .carousel-item .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 !important;
  }

  .carousel-item .row .carousel-popular-inner {
    width: 100%;
    max-width: unset !important;
    position: static;
    height: 50%;
  }

  .carousel-item .row .carousel-popular-inner .post-category {
    display: none;
  }

  .carousel-item .row .carousel-popular-inner .author-info {
    margin-top: 8px;
    width: 100%;
  }

  .carousel-item .row .carousel-popular-inner .author-info .post-category-mobile {
    display: block;
    margin-left: auto;
  }

  .carousel-item .row .carousel-popular-inner .author-info .post-category-mobile .post-category {
    display: block;
  }
}

.whole-search-active.selectric-select-location .selectric {
  border-top: #775CA7 2px solid;
  border-bottom: #775CA7 2px solid;
}

@media screen and (max-width: 768px) {
  .whole-search-active.selectric-select-location .selectric {
    border-right: #775CA7 2px solid !important;
  }
}

.whole-search-active.selectric-select-profession .selectric {
  border-top: #775CA7 2px solid;
  border-bottom: #775CA7 2px solid;
  border-left: #775CA7 2px solid;
}

.whole-search-active#connections-search {
  border-top: #775CA7 2px solid;
  border-bottom: #775CA7 2px solid;
  border-right: #775CA7 2px solid;
}

@media screen and (max-width: 768px) {
  .whole-search-active#connections-search {
    border-left: #775CA7 2px solid !important;
  }
}

@media screen and (max-width: 768px) {
  .whole-search-active.selectric-select-profession {
    margin: 0 -1px 0 1px !important;
  }

  .whole-search-active.selectric-select-profession.selectric-open .selectric {
    border-bottom-left-radius: 0 !important;
  }

  .whole-search-active.selectric-select-location.selectric-open .selectric {
    border-bottom-right-radius: 0 !important;
  }
}

.connect-select-div {
  width: 100%;
  height: 300px;
  background-color: #775ca7;
}

.connect-select-div > .connect-select-div-inner {
  padding: 14px;
}

.connect-select-div-inner a:hover {
  text-decoration: none;
}

.connect-select-div-inner .follow-author-class .follow-text {
  font-size: 16px;
  font-family: inter, sans-serif;
  font-weight: 500;
  color: white;
  margin-left: 8px;
}

.connect-select-div-inner .follow-author-class .plus svg {
  color: white;
}

.connect-select-div-left img {
  height: 120px;
  width: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}

.connect-select-div-left > ul {
  margin-top: 10px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

.connect-select-div-left > ul > li {
  max-height: 28px;
  overflow: hidden;
}

.connect-select-div-left > ul > li > span {
  color: white;
  font-family: inter, sans-serif;
  font-size: 1rem;
}

.connect-select-div-left > ul > li:first-child > span {
  font-weight: 500;
}

.connect-select-div-left > ul > li:nth-of-type(2) {
  width: 1px;
  background-color: white;
  margin: 5px 6px 3px 6px;
}

.connect-select-div-left > ul > li:last-child > span {
  font-weight: 200;
}

.connect-select-div-left > p {
  color: white;
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: .9rem;
  margin: 0;
  max-height: 75px;
  overflow: hidden;
}

.connect-select-div-left > a {
  color: white;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
}

.connect-select-div-left > a:hover {
  text-decoration: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .connect-select-div-left > p {
    font-size: .8rem;
    padding-bottom: 10px;
  }

  .connect-select-div-left > ul > li > span {
    font-size: .9rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .connect-select-div-left img {
    height: 100px;
    width: 120px;
  }

  .connect-select-div-left > p {
    font-size: .7rem;
  }

  .connect-select-div-left > ul > li > span {
    font-size: .8rem;
  }
}

.connect-select-div-right > h5 {
  font-family: inter, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  color: white;
}

.connect-select-div-right > hr {
  height: 2px;
  background-color: white;
  margin: 0;
}

.custom-input-text-style {
  font-family: inter, sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 200;
  color: black;
}

.custom-select-content {
  margin-top: 10px;
}

.custom-select-content > form {
  position: relative;
}

.custom-select-content > form > .custom-text-input {
  padding: 0 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #EBF0F4;
}

.custom-select-content > form > .custom-text-input:focus {
  outline: none;
  border: 2px solid #775ca7;
}

.custom-select-content > form > .custom-text-input::-webkit-input-placeholder {
  color: #8A91AA;
  font-weight: 300;
  font-family: inter, sans-serif;
  font-size: 16px;
}

.custom-select-content > form > .custom-text-input::-ms-input-placeholder {
  color: #8A91AA;
  font-weight: 300;
  font-family: inter, sans-serif;
  font-size: 16px;
}

.custom-select-content > form > .custom-text-input::placeholder {
  color: #8A91AA;
  font-weight: 300;
  font-family: inter, sans-serif;
  font-size: 16px;
}

.custom-select-content > form > .search-icon {
  position: absolute;
  right: 13px;
  top: 16px;
}

.custom-select-content > form > span {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: .9rem;
  color: white;
  text-align: center;
  display: block;
  margin-top: 10px;
}

.custom-select-content > form > input[type='submit'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  font-family: inter, sans-serif;
  font-weight: 500;
  color: #775ca7;
  background-color: white;
  width: 100%;
  text-transform: uppercase;
  margin-top: 10px;
  padding: 10px 0;
  font-size: .9rem;
  cursor: pointer;
}

.custom-select-content > form select[name="user_profession"],
.custom-select-content > form select[name="user_profile_type"],
.custom-select-content > form select[name="user_location"] {
  width: 100%;
  margin-top: 10px;
  background: white;
  height: 30px;
  font-family: inter, sans-serif;
  color: #775ca7;
  font-weight: 300;
  padding: 0 6px;
}

.selectric-selectric,
.selectric-selectric-interests,
.selectric-selectric-location {
  margin-top: 10px;
  background-color: #ffffff;
}

/*======================================
  Selectric
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  background: white;
  height: 48px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 15px;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  color: #222531;
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 10px;
  top: 18px;
  width: 38px;
  color: #FFF;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQxIDAuNTgwMDc4TDYgNS4xNzAwOEwxMC41OSAwLjU4MDA3OEwxMiAyLjAwMDA4TDYgOC4wMDAwOEwwIDIuMDAwMDhMMS40MSAwLjU4MDA3OFoiIGZpbGw9IiM3NzVDQTciLz4KPC9zdmc+Cg==") no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.selectric-open .selectric {
  background: white;
  border: 2px solid #775CA7;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
}

.selectric-select-profession.selectric-open .selectric .button,
.selectric-select-location.selectric-open .selectric .button {
  right: 38px !important;
}

.selectric-error-input .selectric {
  border: 2px solid #E45649;
}

.selectric-hover .selectric {
  background: white;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric .button {
  right: 24px;
  top: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */

.selectric-items {
  display: none;
  position: absolute;
  top: 97%;
  left: 0;
  background: white;
  z-index: -1;
  border: 2px solid #775CA7;
  border-radius: 0 0 8px 8px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-items ul,
.selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  color: #222531;
  cursor: pointer;
  padding: 12px 16px;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  border: 1px solid #EBF0F4;
  border-left: none;
  border-right: none;
  font-weight: 300;
}

.selectric-items li.selected {
  background: #FAF8FF;
  color: #222531;
}

.selectric-items li.highlighted {
  background: #FAF8FF;
  color: #222531;
}

.selectric-items li:hover {
  background: #EFEAFF;
  color: #222531;
  font-weight: 500;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #FFF !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #FFF;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

.rotated-select-button {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sidebar-author-single {
  margin-top: 20px;
  padding: 20px;
  background-color: white;
}

.sidebar-author-single > h3 {
  margin-top: -10px;
  font-family: inter, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #4D4D4D;
}

.sidebar-author-single > hr {
  background-color: #F6685A;
  width: 160px;
  margin-right: auto;
  margin-left: 0;
}

.sidebar-author-single > p {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: .8rem;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 14px;
  color: #4D4D4D;
  border-bottom: 1px solid #775ca7;
  word-wrap: break-word;
}

.img-info-sidebar-div a > img {
  margin-top: 3px;
  width: 60px;
  height: 60px;
  border: 1px #e4e4e4 solid;
  padding: 2px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-info-sidebar-div > div {
  margin-left: 16px;
}

.img-info-sidebar-div > div > span {
  display: block;
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: .8rem;
  color: #4D4D4D;
}

.img-info-sidebar-div > div > span > svg {
  color: #775ca7;
  margin-right: 4px;
}

.img-info-sidebar-div > div > span:first-child {
  font-weight: 700;
  font-size: 1rem;
}

.follow-author-block-sidebar {
  margin-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #775ca7;
}

.follow-author-block-sidebar a {
  color: #775ca7;
}

.follow-author-block-sidebar a:hover {
  text-decoration: none;
}

.follow-author-block-sidebar > a > svg {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  margin-top: -2px;
}

.follow-author-block-sidebar .followed-user-link .plus > svg:nth-of-type(1) {
  display: none;
}

.follow-author-block-sidebar .followed-user-link .plus > svg:nth-of-type(2) {
  display: block;
}

.follow-author-block-sidebar .fa-check {
  display: none;
}

.follow-author-block-sidebar > div {
  margin-left: 10px;
}

.follow-author-block-sidebar > div a {
  display: block;
  font-family: inter, sans-serif;
  font-weight: 700;
}

.follow-author-block-sidebar > div span {
  display: block;
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: .8rem;
  color: #4D4D4D;
}

.custom-doc-sign {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.social-sidebar-links-ul {
  margin-top: 14px;
  margin-bottom: 0;
  padding-bottom: 14px;
  padding-left: 0;
  border-bottom: 1px solid #775ca7;
  list-style: none;
}

.social-sidebar-links-ul > li > a {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
  color: #4D4D4D;
}

.social-sidebar-links-ul > li > a:hover {
  text-decoration: none;
}

.social-sidebar-links-ul > li > a > svg {
  margin-right: 12px;
  color: #775ca7;
}

.social-sidebar-links-ul > li > a > svg.custom-dollar-sign {
  color: white;
}

.social-sidebar-links-ul > li:first-child > a > svg {
  margin-right: 10px;
}

.social-sidebar-links-ul > li:nth-of-type(2) > a > svg {
  margin-left: 1px;
  margin-right: 14px;
}

.on-social-media-sidebar-title {
  margin-top: 14px;
  margin-bottom: 0;
  font-family: inter, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #4D4D4D;
}

.social-sidebar-links-ul-icons {
  margin: 8px 0;
  list-style: none;
  padding-left: 0;
}

.social-sidebar-links-ul-icons > li {
  display: inline-block;
}

.social-sidebar-links-ul-icons > li > a {
  padding: 8px;
  color: #775ca7;
}

.social-sidebar-links-ul-icons > li > a:hover {
  text-decoration: none;
}

.social-sidebar-links-ul-icons > li > a > svg {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

.social-sidebar-links-ul-icons > li:first-child > a {
  margin-left: -4px;
  padding-left: 0;
}

.social-sidebar-links-ul-icons > li:last-child > a {
  padding-right: 0;
}

.see-profile-sidebar-btn {
  display: block;
  width: 100%;
  color: white;
  font-family: inter, sans-serif;
  font-weight: 700;
  font-size: .9rem;
  padding: 10px 0;
  background-color: #775ca7;
  text-align: center;
  text-transform: uppercase;
}

.see-profile-sidebar-btn:hover {
  text-decoration: none;
  color: white;
}

.custom-dropdown {
  margin-left: auto;
}

.custom-dropdown > button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
}

.custom-dropdown > button > svg {
  color: #2E97A9;
}

.custom-dropdown .dropdown-menu.show {
  left: -90px !important;
}

@media (max-width: 767px) {
  .img-info-sidebar-div > div > span:nth-of-type(2),
  .img-info-sidebar-div > div > span:nth-of-type(3) {
    display: inline-block;
  }

  .see-profile-sidebar-btn {
    width: 150px;
    margin: 8px auto;
    padding: 8px 0;
    font-size: 12px;
  }

  .sidebar-author-single > h3 > svg {
    margin-right: 6px;
  }

  .sidebar-author-single > hr {
    width: 160px;
    margin-top: 10px;
  }
}

.classifieds-banner {
  margin: 50px 0;
  background: #6F5F99;
  max-width: 330px;
  width: 100%;
  padding: 81px 55px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.classifieds-banner .title {
  font-weight: 500;
  font-size: 48px;
  line-height: 90.6%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 33px;
}

.classifieds-banner .subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 90.6%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 45px;
}

.classifieds-banner .button-classifieds {
  background: #F6685A;
  border-radius: 30px;
  padding: 10px 24px 13px;
  font-weight: 500;
  font-size: 16px;
  line-height: 90.6%;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  margin-top: 45px;
}

.classifieds-banner img {
  max-width: 92px;
  margin-top: 26px;
}

.classifieds-banner .button-classifieds:hover {
  background: #E45649;
}

.classifieds-advertising {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .classifieds-advertising {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.classifieds-advertising .item {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 35px;
  width: 265px;
  height: 365px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .classifieds-advertising .item {
    width: 100%;
    height: auto;
  }
}

.classifieds-advertising .item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.classifieds-advertising .item .bg-on {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 75%;
}

.classifieds-advertising .item .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 88.69%;
  color: #fff;
  z-index: 3;
  text-transform: capitalize;
}

.classifieds-advertising .item .user {
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 23px 0 17px;
}

.classifieds-advertising .item .user img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1.5px solid #000;
}

.classifieds-advertising .item .user p {
  margin-left: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 129.19%;
  color: #fff;
}

.classifieds-advertising .item .button-advertising {
  background: #FE6659;
  border-radius: 30px;
  font-weight: bold;
  font-size: 16px;
  line-height: 90.6%;
  text-align: center;
  color: #FFFFFF;
  padding: 10px 34px;
  text-decoration: none;
  z-index: 3;
}

.classifieds-advertising .item:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.classifieds-advertising .item:hover .bg-on {
  background: rgba(111, 95, 153, 0.6);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  height: 100%;
}

.classifieds-advertising .item:hover .title {
  color: #fff;
}

.classifieds-advertising .item:hover .user p {
  color: #fff;
}

.banner-buy-sell-wrapper {
  width: 100%;
  margin-top: 32px;
  background: #F9E49C;
  border-radius: 8px;
}

.banner-buy-sell-wrapper .banner-text-block {
  padding: 41px 23px 22px;
}

.banner-buy-sell-wrapper .banner-text-block__title {
  font-size: 16px;
  color: #222531;
}

.banner-buy-sell-wrapper .banner-text-block__subtitle {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 16px;
}

.banner-buy-sell-wrapper .banner-text-block__sidebar-btn {
  background: black;
  color: white;
  font-size: 16px;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  line-height: 120%;
  text-decoration: none !important;
}

.banner-buy-sell-wrapper img {
  width: inherit;
}

.email-wall-background {
  background: #222531;
  height: 410px;
  width: 100%;
  display: none;
  position: absolute;
  z-index: 9;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

@media screen and (min-height: 1000px) {
  .email-wall-background {
    height: 100%;
  }
}

.email-wall-background.elem-show {
  opacity: 1;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

@media screen and (max-width: 768px) {
  .email-wall-background.elem-show {
    -webkit-transform: translate(0%, -15%);
            transform: translate(0%, -15%);
  }
}

@media screen and (max-width: 414px) {
  .email-wall-background {
    height: 480px;
  }
}

.email-wall-wrapper {
  width: 150%;
  display: none;
  height: 410px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 10;
  font-family: inter, sans-serif;
  padding: 0 30px;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
  left: -50%;
}

.email-wall-wrapper.elem-show {
  opacity: 1;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

@media screen and (max-width: 768px) {
  .email-wall-wrapper.elem-show {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
  }
}

@media screen and (max-width: 992px) {
  .email-wall-wrapper {
    left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 414px) {
  .email-wall-wrapper {
    height: 480px;
  }
}

.email-wall-wrapper .email-wall__content {
  max-width: 800px;
  width: 100%;
  margin: auto;
  color: #FFFFFF;
  text-align: center;
}

.email-wall-wrapper .email-wall__content .wall-logo {
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .email-wall-wrapper .email-wall__content .wall-logo {
    width: 50px;
    margin-bottom: 12px;
  }
}

.email-wall-wrapper .email-wall__content__title {
  font-size: 32px;
  line-height: 120%;
  color: #FFFFFF;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  .email-wall-wrapper .email-wall__content__title {
    font-size: 24px;
  }
}

.email-wall-wrapper .email-wall__content__title a {
  color: #9975FE !important;
  text-decoration: underline;
}

.email-wall-wrapper .email-wall__content__desc {
  font-size: 18px;
  line-height: 143%;
  font-weight: 300;
  margin: 16px 0 24px;
  color: #FFFFFF;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .email-wall-wrapper .email-wall__content__desc {
    font-size: 14px;
    margin: 8px 0 16px;
  }
}

.email-wall-wrapper .email-wall__content__warn {
  font-size: 18px;
  line-height: 143%;
  font-weight: 300;
  margin: 24px 0;
  display: none;
}

@media screen and (max-width: 768px) {
  .email-wall-wrapper .email-wall__content__warn {
    font-size: 14px;
    margin: 12px 0;
  }
}

.email-wall-wrapper .email-wall__content__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.email-wall-wrapper .email-wall__content__form input {
  max-width: 374px;
  margin-right: 7px;
  height: 48px;
  font-weight: 300;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.email-wall-wrapper .email-wall__content__form input:focus {
  border: 2px solid #5C4586;
}

.email-wall-wrapper .email-wall__content__form button {
  background: #9975FE;
  width: 105px;
  color: white;
  border-radius: 6px;
}

.email-wall-wrapper .email-wall__content__form.numbers {
  display: none;
}

.email-wall-wrapper .email-wall__content__form.numbers input {
  width: 47px;
  margin-right: 6px;
  text-align: center;
}

.email-wall-wrapper .email-wall__content__form.numbers input::-webkit-outer-spin-button,
.email-wall-wrapper .email-wall__content__form.numbers input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media screen and (max-width: 414px) {
  .email-wall-wrapper .email-wall__content__form.numbers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.email-wall-wrapper .email-wall__content__already-have-acc {
  margin-top: 24px;
  font-weight: 300;
  color: white;
  text-align: center;
}

.email-wall-wrapper .email-wall__content__already-have-acc a {
  color: white;
  font-weight: 500;
}

.email-wall-wrapper .email-wall__content__already-have-acc.email-wall__send-again {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.email-wall-wrapper .email-wall__content__already-have-acc.email-wall__send-again #email-wall-send_again {
  color: white;
  text-decoration: underline;
  margin-left: 5px;
}

.email-wall-wrapper .email-wall__content__already-have-acc.email-wall__sign-up {
  display: none;
}

#burger-menu-wrapper {
  background: #F8F9FB;
  width: 85%;
  position: fixed;
  top: 0;
  right: -85%;
  height: 100%;
  overflow-x: hidden;
  z-index: 101;
  -webkit-transition: all 1s;
  transition: all 1s;
  padding: 20px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-overflow-style: none;
}

@media screen and (max-width: 380px) {
  #burger-menu-wrapper {
    width: 100%;
    right: -100%;
  }
}

#burger-menu-wrapper::-webkit-scrollbar {
  display: none;
}

#burger-menu-wrapper.open {
  right: 0;
}

#burger-menu-wrapper .burder-menu__sub-title {
  font-size: 14px;
  line-height: 120%;
  color: #4E597E;
  margin: 5px 0 8px;
}

#burger-menu-wrapper .burger-menu-close {
  width: 17px;
  margin-left: auto;
}

#burger-menu-wrapper .accordion,
#burger-menu-wrapper .burger-link {
  background: #FFFFFF;
  color: #222531;
  cursor: pointer;
  padding: 11px 16px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 14px;
  line-height: 120%;
  text-decoration: none;
}

#burger-menu-wrapper .accordion.first,
#burger-menu-wrapper .burger-link.first {
  border-radius: 8px 8px 0 0;
}

#burger-menu-wrapper .accordion.second,
#burger-menu-wrapper .burger-link.second {
  border-radius: 0;
}

#burger-menu-wrapper .accordion.third,
#burger-menu-wrapper .burger-link.third {
  border-radius: 0 0 8px 8px;
}

#burger-menu-wrapper .accordion:after {
  content: url("/storage/img/redesign/burger-acc-arrow.svg");
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#burger-menu-wrapper .active:after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  content: url("/storage/img/redesign/burger-acc-arrow.svg");
}

#burger-menu-wrapper .panel {
  background: #EBF0F4;
  font-weight: 300;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  font-size: 14px;
  line-height: 140%;
  padding: 0 16px;
  display: none;
}

#burger-menu-wrapper .panel .item {
  margin-bottom: 15px;
}

#burger-menu-wrapper .panel .item:first-child {
  margin-top: 8px;
}

#burger-menu-wrapper .panel .item:last-child {
  margin-bottom: 8px;
}

#burger-menu-wrapper .panel .item a {
  text-decoration: none;
  color: #222531 !important;
}

#burger-menu-wrapper .burger-menu__cards-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
}

#burger-menu-wrapper .burger-menu__cards-wrapper .burger-menu__card {
  width: 30%;
  height: 90px;
  background: white;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 120%;
  color: #4E597E;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}

#burger-menu-wrapper .burger-menu__cards-wrapper .burger-menu__card__img {
  margin-bottom: 12px;
}

#burger-menu-wrapper .burger-menu__cards-wrapper .burger-menu__card p {
  color: #4E597E;
}

#burger-menu-open {
  display: none;
  margin: 0 10px;
}

@media screen and (max-width: 768px) {
  #burger-menu-open {
    display: block;
  }
}

#modal-post-delete .modal-body h2 {
  font-weight: 200;
  font-size: 1.5rem;
  text-align: center;
  color: #4D4D4D;
}

#modal-post-delete .modal-body h2:nth-of-type(1) {
  padding-top: 40px;
}

#modal-post-delete .modal-body a {
  display: table;
  margin: auto;
  padding: 5px 10px;
  font-family: inter, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}

#modal-post-delete .modal-body a:hover {
  text-decoration: none;
}

#modal-post-delete .modal-body a:nth-of-type(1) {
  color: #775da7;
  margin-top: 10px;
  font-size: 15px;
}

#modal-post-delete .modal-body input[type='submit'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  font-weight: bold;
  margin: 30px auto auto;
  font-size: 1rem;
  display: table;
  padding: 7px 10px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 2px;
}

.modal-crop-image {
  position: relative;
}

.modal-crop-image .icon {
  cursor: pointer;
  margin-left: auto;
  padding: 23px 31px 0 0;
}

@media screen and (max-width: 768px) {
  .modal-crop-image .icon {
    padding: 10px 15px 0 0;
  }
}

.modal-crop-image .icon .fa-times {
  color: #fff;
  width: 17px;
  height: 17px;
}

.follower-div-container {
  margin: 20px auto auto;
  width: 230px;
}

.follower-div-container img {
  height: 55px;
  width: 55px;
  border: 1px #e4e4e4 solid;
  padding: 2px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.follower-div-container div {
  margin-left: 10px;
}

.follower-div-container div a {
  display: block;
  color: #4D4D4D;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.follower-div-container div a:hover {
  text-decoration: none;
}

.follower-div-container div span {
  color: #4D4D4D;
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  font-size: .9rem;
}

@media (max-width: 767px) {
  .follower-div-container img {
    height: 70px;
    width: 70px;
    border: 1px #e4e4e4 solid;
    padding: 2px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .follower-div-container div a {
    font-size: 1rem;
  }

  .follower-div-container div span {
    font-size: .9rem;
  }
}

.modal-write-article {
  padding: 31px 38px;
  top: 20vh;
}

@media screen and (max-width: 768px) {
  .modal-write-article {
    padding: 26px;
  }
}

.modal-write-article .title {
  font-size: 29px;
  line-height: 120%;
  color: #222531;
  text-align: center;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .modal-write-article .title {
    font-size: 22px;
    margin-top: 15px;
  }
}

.modal-write-article .icon {
  cursor: pointer;
}

.modal-write-article .description {
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  margin: 20px 0 10px;
  font-weight: 300;
}

.modal-write-article .description-link {
  text-decoration: underline;
  color: #0098C9;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .modal-write-article .description {
    margin: 14px 0 5px;
  }

  .modal-write-article .description .description-desktop {
    display: none;
  }
}

.modal-write-article .discussion {
  margin: 8px 0 50px;
}

@media screen and (max-width: 768px) {
  .modal-write-article .discussion {
    margin: 14px 0 30px;
  }
}

.modal-write-article .wrapper-buttons {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal-write-article .wrapper-buttons .done-btn {
  background: #775CA7;
  color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  .modal-write-article .wrapper-buttons .done-btn {
    width: 140px;
  }
}

#modal-write-article,
#modal-confirm-article {
  padding: 0 12px;
}

#modal-write-article .modal-dialog,
#modal-confirm-article .modal-dialog {
  max-width: 670px;
  top: 10vh;
}

.comment-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.comment-show-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment-show-title-avatar-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 2px;
  padding: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}

.comment-show-title-user-name {
  margin-left: 16px;
  font-size: 16px;
  color: #222531;
  text-decoration: none;
}

.comment-show-title-user-date {
  margin-left: 16px;
  font-size: 14px;
  color: #4E597E;
  font-weight: 300;
}

.comment-show-content {
  width: 100%;
}

.comment-show-content-text {
  margin-top: 8px;
  margin-left: 32px;
  font-size: 18px;
  font-weight: 300;
  color: #222531;
}

@media (max-width: 998px) {
  .comment-show-content-text {
    margin-top: 4px;
    font-size: 16px;
  }
}

.comment-show-content-text-ansver {
  color: #9975FE;
}

.comment-show-content-paginate {
  width: 100% !important;
  padding-left: 30px !important;
}

.comment-show-content-paginate .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  height: 48px;
  border-radius: 6px;
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none !important;
  padding: 0 !important;
}

.comment-show-content-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment-show-content-bottom .comment-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-show-content-bottom .comment-edit-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none !important;
  font-weight: 300;
  color: #4E597E;
  font-size: 14px;
  margin-top: 2px;
  line-height: 14px;
}

.comment-show-content-bottom .comment-edit-link:hover {
  color: #0056b3;
}

.comment-show-content-bottom .comment-delete-link {
  color: #F6685A;
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none !important;
  margin-top: 2px;
}

.comment-show-content-bottom .comment-delete-link:hover {
  color: #E45649;
}

.single-comment-border {
  padding: 25px 0;
}

.root-comment-border {
  border-bottom: 1px solid #EBF0F4;
}

.root-comment-border:last-child {
  border-bottom: 0px solid #EBF0F4;
}

.single-comment-child {
  padding-bottom: 0;
}

.child-comments-inner:first-child {
  padding-left: 56px;
}

@media (max-width: 700px) {
  .child-comments-inner:first-child {
    padding-left: 30px;
  }
}

.replies {
  padding: 0 24px;
}

@media (max-width: 990px) {
  .replies {
    padding: 0 15px 15px;
  }
}

.send-message {
  font-weight: 300;
}

.send-message-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
  width: 100%;
  padding-bottom: 16px;
  border-top: 1px solid #EBF0F4;
  border-bottom: 1px solid #EBF0F4;
}

.send-message-block-image img {
  width: 32px;
  height: 32px;
  margin-right: 20px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.send-message-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.send-message-content-form {
  width: 100%;
}

.send-message-content-form-text {
  outline: none;
  border: none;
  width: 100%;
}

.send-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 26px 0 0 0;
  padding-top: 16px;
  width: 100%;
  padding-bottom: 16px;
  border-top: 1px solid #EBF0F4;
  border-bottom: 1px solid #EBF0F4;
}

.send-message-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-weight: 300;
  outline: none;
  border: none;
}

.reply-comment {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 26px 0 0 0;
  padding: 16px 0;
  border-top: 1px solid #EBF0F4;
  border-bottom: 1px solid #EBF0F4;
}

.reply-comment:not(.hidden-form) {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.reply-comment-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.reply-comment-author-avatar {
  text-decoration: none;
}

.reply-comment-author-avatar-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 2px;
  padding: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}

.reply-comment-content-text {
  width: 100%;
  margin-left: 16px;
  font-size: 18px;
  font-weight: 300;
  color: #222531;
  outline: none;
  border: none;
}

.reply-comment-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

.reply-comment-link-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 14px;
  color: #4E597E;
  text-decoration: none !important;
}

.reply-comment-link-img {
  height: 10px;
  width: 13px;
  margin: auto 10px auto 0;
}

.wrapper-discussion-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px;
  background: #FFFFFF;
  border-bottom: 1px solid #D3D7E0;
}

@media (max-width: 990px) {
  .wrapper-discussion-card {
    padding: 15px;
  }
}

.wrapper-discussion-card a {
  text-decoration: none;
}

.wrapper-discussion-card:first-child {
  border-top: 1px solid #D3D7E0;
}

.wrapper-discussion-card .big-discussion-wrap-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-top-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-top-user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.wrapper-discussion-card .big-discussion-wrap-top-user-name {
  margin: 0 8px;
  font-family: inter, sans-serif;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222531;
}

.wrapper-discussion-card .big-discussion-wrap-top-time {
  font-family: 'S\F6hne', serif;
  font-weight: 300;
  font-size: 14px;
  color: #4E597E;
}

.wrapper-discussion-card .big-discussion-wrap-center {
  margin: 16px 0 16px 0;
  text-decoration: none;
}

.wrapper-discussion-card .big-discussion-wrap-center-title {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-break: break-all;
  font-size: 20px;
  color: #222531;
}

@media (max-width: 998px) {
  .wrapper-discussion-card .big-discussion-wrap-center-title {
    font-size: 16px;
  }
}

.wrapper-discussion-card .big-discussion-wrap-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-bottom-image {
  width: 18px;
  height: 18px;
  margin-right: 11px;
}

.wrapper-discussion-card .big-discussion-wrap-bottom-comments-count {
  font-weight: 300;
  font-size: 14px;
  color: #58667E;
}

.wrapper-discussion-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px;
  background: #FFFFFF;
  border-bottom: 1px solid #D3D7E0;
}

@media (max-width: 990px) {
  .wrapper-discussion-card {
    padding: 15px;
  }
}

.wrapper-discussion-card a {
  text-decoration: none;
}

.wrapper-discussion-card:first-child {
  border-top: 1px solid #D3D7E0;
}

.wrapper-discussion-card .big-discussion-wrap-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-top-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-top-user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.wrapper-discussion-card .big-discussion-wrap-top-user-name {
  margin: 0 8px;
  font-family: inter, sans-serif;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222531;
}

.wrapper-discussion-card .big-discussion-wrap-top-time {
  font-family: 'S\F6hne', serif;
  font-weight: 300;
  font-size: 14px;
  color: #4E597E;
}

.wrapper-discussion-card .big-discussion-wrap-center {
  margin: 16px 0 16px 0;
  text-decoration: none;
}

.wrapper-discussion-card .big-discussion-wrap-center-title {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-break: break-all;
  font-size: 20px;
  color: #222531;
}

@media (max-width: 998px) {
  .wrapper-discussion-card .big-discussion-wrap-center-title {
    font-size: 16px;
  }
}

.wrapper-discussion-card .big-discussion-wrap-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-bottom-image {
  width: 18px;
  height: 18px;
  margin-right: 11px;
}

.wrapper-discussion-card .big-discussion-wrap-bottom-comments-count {
  font-weight: 300;
  font-size: 14px;
  color: #58667E;
}

.comment-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.comment-show-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment-show-title-avatar-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 2px;
  padding: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}

.comment-show-title-user-name {
  margin-left: 16px;
  font-size: 16px;
  color: #222531;
  text-decoration: none;
}

.comment-show-title-user-date {
  margin-left: 16px;
  font-size: 14px;
  color: #4E597E;
  font-weight: 300;
}

.comment-show-content {
  width: 100%;
}

.comment-show-content-text {
  margin-top: 8px;
  margin-left: 32px;
  font-size: 18px;
  font-weight: 300;
  color: #222531;
}

@media (max-width: 998px) {
  .comment-show-content-text {
    margin-top: 4px;
    font-size: 16px;
  }
}

.comment-show-content-text-ansver {
  color: #9975FE;
}

.comment-show-content-paginate {
  width: 100% !important;
  padding-left: 30px !important;
}

.comment-show-content-paginate .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  height: 48px;
  border-radius: 6px;
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none !important;
  padding: 0 !important;
}

.comment-show-content-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment-show-content-bottom .comment-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-show-content-bottom .comment-edit-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none !important;
  font-weight: 300;
  color: #4E597E;
  font-size: 14px;
  margin-top: 2px;
  line-height: 14px;
}

.comment-show-content-bottom .comment-edit-link:hover {
  color: #0056b3;
}

.comment-show-content-bottom .comment-delete-link {
  color: #F6685A;
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none !important;
  margin-top: 2px;
}

.comment-show-content-bottom .comment-delete-link:hover {
  color: #E45649;
}

.single-comment-border {
  padding: 25px 0;
}

.root-comment-border {
  border-bottom: 1px solid #EBF0F4;
}

.root-comment-border:last-child {
  border-bottom: 0px solid #EBF0F4;
}

.single-comment-child {
  padding-bottom: 0;
}

.child-comments-inner:first-child {
  padding-left: 56px;
}

@media (max-width: 700px) {
  .child-comments-inner:first-child {
    padding-left: 30px;
  }
}

.send-message {
  font-weight: 300;
}

.send-message-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
  width: 100%;
  padding-bottom: 16px;
  border-top: 1px solid #EBF0F4;
  border-bottom: 1px solid #EBF0F4;
}

.send-message-block-image img {
  width: 32px;
  height: 32px;
  margin-right: 20px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.send-message-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.send-message-content-form {
  width: 100%;
}

.send-message-content-form-text {
  outline: none;
  border: none;
  width: 100%;
}

.send-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 26px 0 0 0;
  padding-top: 16px;
  width: 100%;
  padding-bottom: 16px;
  border-top: 1px solid #EBF0F4;
  border-bottom: 1px solid #EBF0F4;
}

.send-message-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-weight: 300;
  outline: none;
  border: none;
}

.reply-comment {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 26px 0 0 0;
  padding: 16px 0;
  border-top: 1px solid #EBF0F4;
  border-bottom: 1px solid #EBF0F4;
}

.reply-comment:not(.hidden-form) {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.reply-comment-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.reply-comment-author-avatar {
  text-decoration: none;
}

.reply-comment-author-avatar-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 2px;
  padding: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}

.reply-comment-content-text {
  width: 100%;
  margin-left: 16px;
  font-size: 18px;
  font-weight: 300;
  color: #222531;
  outline: none;
  border: none;
}

.reply-comment-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

.reply-comment-link-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 14px;
  color: #4E597E;
  text-decoration: none !important;
}

.reply-comment-link-img {
  height: 10px;
  width: 13px;
  margin: auto 10px auto 0;
}

.wrapper-discussion-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px;
  background: #FFFFFF;
  border-bottom: 1px solid #D3D7E0;
}

@media (max-width: 990px) {
  .wrapper-discussion-card {
    padding: 15px;
  }
}

.wrapper-discussion-card a {
  text-decoration: none;
}

.wrapper-discussion-card:first-child {
  border-top: 1px solid #D3D7E0;
}

.wrapper-discussion-card .big-discussion-wrap-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-top-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-top-user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.wrapper-discussion-card .big-discussion-wrap-top-user-name {
  margin: 0 8px;
  font-family: inter, sans-serif;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222531;
}

.wrapper-discussion-card .big-discussion-wrap-top-time {
  font-family: 'S\F6hne', serif;
  font-weight: 300;
  font-size: 14px;
  color: #4E597E;
}

.wrapper-discussion-card .big-discussion-wrap-center {
  margin: 16px 0 16px 0;
  text-decoration: none;
}

.wrapper-discussion-card .big-discussion-wrap-center-title {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-break: break-all;
  font-size: 20px;
  color: #222531;
}

@media (max-width: 998px) {
  .wrapper-discussion-card .big-discussion-wrap-center-title {
    font-size: 16px;
  }
}

.wrapper-discussion-card .big-discussion-wrap-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-bottom-image {
  width: 18px;
  height: 18px;
  margin-right: 11px;
}

.wrapper-discussion-card .big-discussion-wrap-bottom-comments-count {
  font-weight: 300;
  font-size: 14px;
  color: #58667E;
}

.wrapper-discussion-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px;
  background: #FFFFFF;
  border-bottom: 1px solid #D3D7E0;
}

@media (max-width: 990px) {
  .wrapper-discussion-card {
    padding: 15px;
  }
}

.wrapper-discussion-card a {
  text-decoration: none;
}

.wrapper-discussion-card:first-child {
  border-top: 1px solid #D3D7E0;
}

.wrapper-discussion-card .big-discussion-wrap-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-top-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-top-user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.wrapper-discussion-card .big-discussion-wrap-top-user-name {
  margin: 0 8px;
  font-family: inter, sans-serif;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222531;
}

.wrapper-discussion-card .big-discussion-wrap-top-time {
  font-family: 'S\F6hne', serif;
  font-weight: 300;
  font-size: 14px;
  color: #4E597E;
}

.wrapper-discussion-card .big-discussion-wrap-center {
  margin: 16px 0 16px 0;
  text-decoration: none;
}

.wrapper-discussion-card .big-discussion-wrap-center-title {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-break: break-all;
  font-size: 20px;
  color: #222531;
}

@media (max-width: 998px) {
  .wrapper-discussion-card .big-discussion-wrap-center-title {
    font-size: 16px;
  }
}

.wrapper-discussion-card .big-discussion-wrap-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-discussion-card .big-discussion-wrap-bottom-image {
  width: 18px;
  height: 18px;
  margin-right: 11px;
}

.wrapper-discussion-card .big-discussion-wrap-bottom-comments-count {
  font-weight: 300;
  font-size: 14px;
  color: #58667E;
}

/*!
 * CoreUI - Open Source Bootstrap Admin Template
 * @version v1.0.10
 * @link http://coreui.io
 * Copyright (c) 2018 creativeLabs Łukasz Holeczek
 * @license MIT
 */

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

.font-xs {
  font-size: .75rem !important;
}

.font-sm {
  font-size: .85rem !important;
}

.font-lg {
  font-size: 1rem !important;
}

.font-xl {
  font-size: 1.25rem !important;
}

.font-2xl {
  font-size: 1.5rem !important;
}

.font-3xl {
  font-size: 1.75rem !important;
}

.font-4xl {
  font-size: 2rem !important;
}

.font-5xl {
  font-size: 2.5rem !important;
}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.aside-menu {
  z-index: 1019;
  width: 250px;
  color: #343a40;
  background: #fff;
  border-left: 1px solid #dee2e6;
}

.aside-menu .nav-tabs {
  border-color: #dee2e6;
}

.aside-menu .nav-tabs .nav-link,
.aside-menu .nav-tabs .navbar .dropdown-toggle,
.navbar .aside-menu .nav-tabs .dropdown-toggle {
  padding: 0.75rem 1rem;
  color: #212529;
  border-top: 0;
}

.aside-menu .nav-tabs .nav-link.active,
.aside-menu .nav-tabs .navbar .active.dropdown-toggle,
.navbar .aside-menu .nav-tabs .active.dropdown-toggle {
  color: #007bff;
  border-right-color: #dee2e6;
  border-left-color: #dee2e6;
}

.aside-menu .nav-tabs .nav-item:first-child .nav-link,
.aside-menu .nav-tabs .nav-item:first-child .navbar .dropdown-toggle,
.navbar .aside-menu .nav-tabs .nav-item:first-child .dropdown-toggle {
  border-left: 0;
}

.aside-menu .tab-content {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  border: 0;
  border-top: 1px solid #dee2e6;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.aside-menu .tab-content::-webkit-scrollbar {
  width: 10px;
  margin-left: -10px;
  -webkit-appearance: none;
}

.aside-menu .tab-content::-webkit-scrollbar-track {
  background-color: white;
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}

.aside-menu .tab-content::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #e6e5e5;
  background-clip: content-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 2px;
}

.aside-menu .tab-content .tab-pane {
  padding: 0;
}

.img-avatar {
  border-radius: 50em;
}

.avatar {
  position: relative;
  display: inline-block;
  width: 36px;
}

.avatar .img-avatar {
  width: 36px;
  height: 36px;
}

.avatar .avatar-status {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50em;
}

.avatar.avatar-xs {
  position: relative;
  display: inline-block;
  width: 20px;
}

.avatar.avatar-xs .img-avatar {
  width: 20px;
  height: 20px;
}

.avatar.avatar-xs .avatar-status {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 50em;
}

.avatar.avatar-sm {
  position: relative;
  display: inline-block;
  width: 24px;
}

.avatar.avatar-sm .img-avatar {
  width: 24px;
  height: 24px;
}

.avatar.avatar-sm .avatar-status {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 50em;
}

.avatar.avatar-lg {
  position: relative;
  display: inline-block;
  width: 72px;
}

.avatar.avatar-lg .img-avatar {
  width: 72px;
  height: 72px;
}

.avatar.avatar-lg .avatar-status {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-radius: 50em;
}

.avatars-stack .avatar.avatar-xs {
  margin-right: -10px;
}

.avatars-stack .avatar {
  margin-right: -15px;
  -webkit-transition: margin-left 0.25s, margin-right 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s;
}

.avatars-stack .avatar:hover {
  margin-right: 0 !important;
}

.badge-pill {
  border-radius: 10rem;
}

.breadcrumb-menu {
  margin-left: auto;
}

.breadcrumb-menu::before {
  display: none;
}

.breadcrumb-menu .btn-group {
  vertical-align: top;
}

.breadcrumb-menu .btn {
  padding: 0 0.75rem;
  color: #6c757d;
  vertical-align: top;
  border: 0;
}

.breadcrumb-menu .btn:hover,
.breadcrumb-menu .btn.active {
  color: #212529;
  background: transparent;
}

.breadcrumb-menu .open .btn {
  color: #212529;
  background: transparent;
}

.breadcrumb-menu .dropdown-menu {
  min-width: 180px;
  line-height: 1.6;
}

.breadcrumb {
  position: relative;
  border-bottom: 1px solid #dee2e6;
}

button {
  cursor: pointer;
}

.btn-transparent {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.btn [class^="icon-"],
.btn [class*=" icon-"] {
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
}

.btn-facebook,
.btn-twitter,
.btn-linkedin,
.btn-flickr,
.btn-tumblr,
.btn-xing,
.btn-github,
.btn-html5,
.btn-openid,
.btn-stack-overflow,
.btn-youtube,
.btn-css3,
.btn-dribbble,
.btn-google-plus,
.btn-instagram,
.btn-pinterest,
.btn-vk,
.btn-yahoo,
.btn-behance,
.btn-dropbox,
.btn-reddit,
.btn-spotify,
.btn-vine,
.btn-foursquare,
.btn-vimeo {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  text-align: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.6;
  border: 0;
  border-radius: 0.25rem;
}

.btn-facebook::before,
.btn-twitter::before,
.btn-linkedin::before,
.btn-flickr::before,
.btn-tumblr::before,
.btn-xing::before,
.btn-github::before,
.btn-html5::before,
.btn-openid::before,
.btn-stack-overflow::before,
.btn-youtube::before,
.btn-css3::before,
.btn-dribbble::before,
.btn-google-plus::before,
.btn-instagram::before,
.btn-pinterest::before,
.btn-vk::before,
.btn-yahoo::before,
.btn-behance::before,
.btn-dropbox::before,
.btn-reddit::before,
.btn-spotify::before,
.btn-vine::before,
.btn-foursquare::before,
.btn-vimeo::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.btn-facebook:hover,
.btn-twitter:hover,
.btn-linkedin:hover,
.btn-flickr:hover,
.btn-tumblr:hover,
.btn-xing:hover,
.btn-github:hover,
.btn-html5:hover,
.btn-openid:hover,
.btn-stack-overflow:hover,
.btn-youtube:hover,
.btn-css3:hover,
.btn-dribbble:hover,
.btn-google-plus:hover,
.btn-instagram:hover,
.btn-pinterest:hover,
.btn-vk:hover,
.btn-yahoo:hover,
.btn-behance:hover,
.btn-dropbox:hover,
.btn-reddit:hover,
.btn-spotify:hover,
.btn-vine:hover,
.btn-foursquare:hover,
.btn-vimeo:hover {
  color: #fff;
}

.btn-facebook.icon span,
.btn-twitter.icon span,
.btn-linkedin.icon span,
.btn-flickr.icon span,
.btn-tumblr.icon span,
.btn-xing.icon span,
.btn-github.icon span,
.btn-html5.icon span,
.btn-openid.icon span,
.btn-stack-overflow.icon span,
.btn-youtube.icon span,
.btn-css3.icon span,
.btn-dribbble.icon span,
.btn-google-plus.icon span,
.btn-instagram.icon span,
.btn-pinterest.icon span,
.btn-vk.icon span,
.btn-yahoo.icon span,
.btn-behance.icon span,
.btn-dropbox.icon span,
.btn-reddit.icon span,
.btn-spotify.icon span,
.btn-vine.icon span,
.btn-foursquare.icon span,
.btn-vimeo.icon span {
  display: none;
}

.btn-facebook.text::before,
.btn-twitter.text::before,
.btn-linkedin.text::before,
.btn-flickr.text::before,
.btn-tumblr.text::before,
.btn-xing.text::before,
.btn-github.text::before,
.btn-html5.text::before,
.btn-openid.text::before,
.btn-stack-overflow.text::before,
.btn-youtube.text::before,
.btn-css3.text::before,
.btn-dribbble.text::before,
.btn-google-plus.text::before,
.btn-instagram.text::before,
.btn-pinterest.text::before,
.btn-vk.text::before,
.btn-yahoo.text::before,
.btn-behance.text::before,
.btn-dropbox.text::before,
.btn-reddit.text::before,
.btn-spotify.text::before,
.btn-vine.text::before,
.btn-foursquare.text::before,
.btn-vimeo.text::before {
  display: none;
}

.btn-facebook.text span,
.btn-twitter.text span,
.btn-linkedin.text span,
.btn-flickr.text span,
.btn-tumblr.text span,
.btn-xing.text span,
.btn-github.text span,
.btn-html5.text span,
.btn-openid.text span,
.btn-stack-overflow.text span,
.btn-youtube.text span,
.btn-css3.text span,
.btn-dribbble.text span,
.btn-google-plus.text span,
.btn-instagram.text span,
.btn-pinterest.text span,
.btn-vk.text span,
.btn-yahoo.text span,
.btn-behance.text span,
.btn-dropbox.text span,
.btn-reddit.text span,
.btn-spotify.text span,
.btn-vine.text span,
.btn-foursquare.text span,
.btn-vimeo.text span {
  margin-left: 0 !important;
}

.btn-facebook::before,
.btn-twitter::before,
.btn-linkedin::before,
.btn-flickr::before,
.btn-tumblr::before,
.btn-xing::before,
.btn-github::before,
.btn-html5::before,
.btn-openid::before,
.btn-stack-overflow::before,
.btn-youtube::before,
.btn-css3::before,
.btn-dribbble::before,
.btn-google-plus::before,
.btn-instagram::before,
.btn-pinterest::before,
.btn-vk::before,
.btn-yahoo::before,
.btn-behance::before,
.btn-dropbox::before,
.btn-reddit::before,
.btn-spotify::before,
.btn-vine::before,
.btn-foursquare::before,
.btn-vimeo::before {
  width: 2.35rem;
  height: 2.35rem;
  padding: 0.375rem 0;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 0.25rem;
}

.btn-facebook span,
.btn-twitter span,
.btn-linkedin span,
.btn-flickr span,
.btn-tumblr span,
.btn-xing span,
.btn-github span,
.btn-html5 span,
.btn-openid span,
.btn-stack-overflow span,
.btn-youtube span,
.btn-css3 span,
.btn-dribbble span,
.btn-google-plus span,
.btn-instagram span,
.btn-pinterest span,
.btn-vk span,
.btn-yahoo span,
.btn-behance span,
.btn-dropbox span,
.btn-reddit span,
.btn-spotify span,
.btn-vine span,
.btn-foursquare span,
.btn-vimeo span {
  margin-left: 2.35rem;
}

.btn-facebook.icon,
.btn-twitter.icon,
.btn-linkedin.icon,
.btn-flickr.icon,
.btn-tumblr.icon,
.btn-xing.icon,
.btn-github.icon,
.btn-html5.icon,
.btn-openid.icon,
.btn-stack-overflow.icon,
.btn-youtube.icon,
.btn-css3.icon,
.btn-dribbble.icon,
.btn-google-plus.icon,
.btn-instagram.icon,
.btn-pinterest.icon,
.btn-vk.icon,
.btn-yahoo.icon,
.btn-behance.icon,
.btn-dropbox.icon,
.btn-reddit.icon,
.btn-spotify.icon,
.btn-vine.icon,
.btn-foursquare.icon,
.btn-vimeo.icon {
  width: 2.35rem;
  height: 2.35rem;
}

.btn-facebook.btn-lg,
.btn-group-lg > .btn-facebook.btn,
.btn-twitter.btn-lg,
.btn-group-lg > .btn-twitter.btn,
.btn-linkedin.btn-lg,
.btn-group-lg > .btn-linkedin.btn,
.btn-flickr.btn-lg,
.btn-group-lg > .btn-flickr.btn,
.btn-tumblr.btn-lg,
.btn-group-lg > .btn-tumblr.btn,
.btn-xing.btn-lg,
.btn-group-lg > .btn-xing.btn,
.btn-github.btn-lg,
.btn-group-lg > .btn-github.btn,
.btn-html5.btn-lg,
.btn-group-lg > .btn-html5.btn,
.btn-openid.btn-lg,
.btn-group-lg > .btn-openid.btn,
.btn-stack-overflow.btn-lg,
.btn-group-lg > .btn-stack-overflow.btn,
.btn-youtube.btn-lg,
.btn-group-lg > .btn-youtube.btn,
.btn-css3.btn-lg,
.btn-group-lg > .btn-css3.btn,
.btn-dribbble.btn-lg,
.btn-group-lg > .btn-dribbble.btn,
.btn-google-plus.btn-lg,
.btn-group-lg > .btn-google-plus.btn,
.btn-instagram.btn-lg,
.btn-group-lg > .btn-instagram.btn,
.btn-pinterest.btn-lg,
.btn-group-lg > .btn-pinterest.btn,
.btn-vk.btn-lg,
.btn-group-lg > .btn-vk.btn,
.btn-yahoo.btn-lg,
.btn-group-lg > .btn-yahoo.btn,
.btn-behance.btn-lg,
.btn-group-lg > .btn-behance.btn,
.btn-dropbox.btn-lg,
.btn-group-lg > .btn-dropbox.btn,
.btn-reddit.btn-lg,
.btn-group-lg > .btn-reddit.btn,
.btn-spotify.btn-lg,
.btn-group-lg > .btn-spotify.btn,
.btn-vine.btn-lg,
.btn-group-lg > .btn-vine.btn,
.btn-foursquare.btn-lg,
.btn-group-lg > .btn-foursquare.btn,
.btn-vimeo.btn-lg,
.btn-group-lg > .btn-vimeo.btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border: 0;
  border-radius: 0.3rem;
}

.btn-facebook.btn-lg::before,
.btn-group-lg > .btn-facebook.btn::before,
.btn-twitter.btn-lg::before,
.btn-group-lg > .btn-twitter.btn::before,
.btn-linkedin.btn-lg::before,
.btn-group-lg > .btn-linkedin.btn::before,
.btn-flickr.btn-lg::before,
.btn-group-lg > .btn-flickr.btn::before,
.btn-tumblr.btn-lg::before,
.btn-group-lg > .btn-tumblr.btn::before,
.btn-xing.btn-lg::before,
.btn-group-lg > .btn-xing.btn::before,
.btn-github.btn-lg::before,
.btn-group-lg > .btn-github.btn::before,
.btn-html5.btn-lg::before,
.btn-group-lg > .btn-html5.btn::before,
.btn-openid.btn-lg::before,
.btn-group-lg > .btn-openid.btn::before,
.btn-stack-overflow.btn-lg::before,
.btn-group-lg > .btn-stack-overflow.btn::before,
.btn-youtube.btn-lg::before,
.btn-group-lg > .btn-youtube.btn::before,
.btn-css3.btn-lg::before,
.btn-group-lg > .btn-css3.btn::before,
.btn-dribbble.btn-lg::before,
.btn-group-lg > .btn-dribbble.btn::before,
.btn-google-plus.btn-lg::before,
.btn-group-lg > .btn-google-plus.btn::before,
.btn-instagram.btn-lg::before,
.btn-group-lg > .btn-instagram.btn::before,
.btn-pinterest.btn-lg::before,
.btn-group-lg > .btn-pinterest.btn::before,
.btn-vk.btn-lg::before,
.btn-group-lg > .btn-vk.btn::before,
.btn-yahoo.btn-lg::before,
.btn-group-lg > .btn-yahoo.btn::before,
.btn-behance.btn-lg::before,
.btn-group-lg > .btn-behance.btn::before,
.btn-dropbox.btn-lg::before,
.btn-group-lg > .btn-dropbox.btn::before,
.btn-reddit.btn-lg::before,
.btn-group-lg > .btn-reddit.btn::before,
.btn-spotify.btn-lg::before,
.btn-group-lg > .btn-spotify.btn::before,
.btn-vine.btn-lg::before,
.btn-group-lg > .btn-vine.btn::before,
.btn-foursquare.btn-lg::before,
.btn-group-lg > .btn-foursquare.btn::before,
.btn-vimeo.btn-lg::before,
.btn-group-lg > .btn-vimeo.btn::before {
  width: 2.875rem;
  height: 2.875rem;
  padding: 0.5rem 0;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-facebook.btn-lg span,
.btn-group-lg > .btn-facebook.btn span,
.btn-twitter.btn-lg span,
.btn-group-lg > .btn-twitter.btn span,
.btn-linkedin.btn-lg span,
.btn-group-lg > .btn-linkedin.btn span,
.btn-flickr.btn-lg span,
.btn-group-lg > .btn-flickr.btn span,
.btn-tumblr.btn-lg span,
.btn-group-lg > .btn-tumblr.btn span,
.btn-xing.btn-lg span,
.btn-group-lg > .btn-xing.btn span,
.btn-github.btn-lg span,
.btn-group-lg > .btn-github.btn span,
.btn-html5.btn-lg span,
.btn-group-lg > .btn-html5.btn span,
.btn-openid.btn-lg span,
.btn-group-lg > .btn-openid.btn span,
.btn-stack-overflow.btn-lg span,
.btn-group-lg > .btn-stack-overflow.btn span,
.btn-youtube.btn-lg span,
.btn-group-lg > .btn-youtube.btn span,
.btn-css3.btn-lg span,
.btn-group-lg > .btn-css3.btn span,
.btn-dribbble.btn-lg span,
.btn-group-lg > .btn-dribbble.btn span,
.btn-google-plus.btn-lg span,
.btn-group-lg > .btn-google-plus.btn span,
.btn-instagram.btn-lg span,
.btn-group-lg > .btn-instagram.btn span,
.btn-pinterest.btn-lg span,
.btn-group-lg > .btn-pinterest.btn span,
.btn-vk.btn-lg span,
.btn-group-lg > .btn-vk.btn span,
.btn-yahoo.btn-lg span,
.btn-group-lg > .btn-yahoo.btn span,
.btn-behance.btn-lg span,
.btn-group-lg > .btn-behance.btn span,
.btn-dropbox.btn-lg span,
.btn-group-lg > .btn-dropbox.btn span,
.btn-reddit.btn-lg span,
.btn-group-lg > .btn-reddit.btn span,
.btn-spotify.btn-lg span,
.btn-group-lg > .btn-spotify.btn span,
.btn-vine.btn-lg span,
.btn-group-lg > .btn-vine.btn span,
.btn-foursquare.btn-lg span,
.btn-group-lg > .btn-foursquare.btn span,
.btn-vimeo.btn-lg span,
.btn-group-lg > .btn-vimeo.btn span {
  margin-left: 2.875rem;
}

.btn-facebook.btn-lg.icon,
.btn-group-lg > .btn-facebook.icon.btn,
.btn-twitter.btn-lg.icon,
.btn-group-lg > .btn-twitter.icon.btn,
.btn-linkedin.btn-lg.icon,
.btn-group-lg > .btn-linkedin.icon.btn,
.btn-flickr.btn-lg.icon,
.btn-group-lg > .btn-flickr.icon.btn,
.btn-tumblr.btn-lg.icon,
.btn-group-lg > .btn-tumblr.icon.btn,
.btn-xing.btn-lg.icon,
.btn-group-lg > .btn-xing.icon.btn,
.btn-github.btn-lg.icon,
.btn-group-lg > .btn-github.icon.btn,
.btn-html5.btn-lg.icon,
.btn-group-lg > .btn-html5.icon.btn,
.btn-openid.btn-lg.icon,
.btn-group-lg > .btn-openid.icon.btn,
.btn-stack-overflow.btn-lg.icon,
.btn-group-lg > .btn-stack-overflow.icon.btn,
.btn-youtube.btn-lg.icon,
.btn-group-lg > .btn-youtube.icon.btn,
.btn-css3.btn-lg.icon,
.btn-group-lg > .btn-css3.icon.btn,
.btn-dribbble.btn-lg.icon,
.btn-group-lg > .btn-dribbble.icon.btn,
.btn-google-plus.btn-lg.icon,
.btn-group-lg > .btn-google-plus.icon.btn,
.btn-instagram.btn-lg.icon,
.btn-group-lg > .btn-instagram.icon.btn,
.btn-pinterest.btn-lg.icon,
.btn-group-lg > .btn-pinterest.icon.btn,
.btn-vk.btn-lg.icon,
.btn-group-lg > .btn-vk.icon.btn,
.btn-yahoo.btn-lg.icon,
.btn-group-lg > .btn-yahoo.icon.btn,
.btn-behance.btn-lg.icon,
.btn-group-lg > .btn-behance.icon.btn,
.btn-dropbox.btn-lg.icon,
.btn-group-lg > .btn-dropbox.icon.btn,
.btn-reddit.btn-lg.icon,
.btn-group-lg > .btn-reddit.icon.btn,
.btn-spotify.btn-lg.icon,
.btn-group-lg > .btn-spotify.icon.btn,
.btn-vine.btn-lg.icon,
.btn-group-lg > .btn-vine.icon.btn,
.btn-foursquare.btn-lg.icon,
.btn-group-lg > .btn-foursquare.icon.btn,
.btn-vimeo.btn-lg.icon,
.btn-group-lg > .btn-vimeo.icon.btn {
  width: 2.875rem;
  height: 2.875rem;
}

.btn-facebook.btn-sm,
.btn-group-sm > .btn-facebook.btn,
.btn-twitter.btn-sm,
.btn-group-sm > .btn-twitter.btn,
.btn-linkedin.btn-sm,
.btn-group-sm > .btn-linkedin.btn,
.btn-flickr.btn-sm,
.btn-group-sm > .btn-flickr.btn,
.btn-tumblr.btn-sm,
.btn-group-sm > .btn-tumblr.btn,
.btn-xing.btn-sm,
.btn-group-sm > .btn-xing.btn,
.btn-github.btn-sm,
.btn-group-sm > .btn-github.btn,
.btn-html5.btn-sm,
.btn-group-sm > .btn-html5.btn,
.btn-openid.btn-sm,
.btn-group-sm > .btn-openid.btn,
.btn-stack-overflow.btn-sm,
.btn-group-sm > .btn-stack-overflow.btn,
.btn-youtube.btn-sm,
.btn-group-sm > .btn-youtube.btn,
.btn-css3.btn-sm,
.btn-group-sm > .btn-css3.btn,
.btn-dribbble.btn-sm,
.btn-group-sm > .btn-dribbble.btn,
.btn-google-plus.btn-sm,
.btn-group-sm > .btn-google-plus.btn,
.btn-instagram.btn-sm,
.btn-group-sm > .btn-instagram.btn,
.btn-pinterest.btn-sm,
.btn-group-sm > .btn-pinterest.btn,
.btn-vk.btn-sm,
.btn-group-sm > .btn-vk.btn,
.btn-yahoo.btn-sm,
.btn-group-sm > .btn-yahoo.btn,
.btn-behance.btn-sm,
.btn-group-sm > .btn-behance.btn,
.btn-dropbox.btn-sm,
.btn-group-sm > .btn-dropbox.btn,
.btn-reddit.btn-sm,
.btn-group-sm > .btn-reddit.btn,
.btn-spotify.btn-sm,
.btn-group-sm > .btn-spotify.btn,
.btn-vine.btn-sm,
.btn-group-sm > .btn-vine.btn,
.btn-foursquare.btn-sm,
.btn-group-sm > .btn-foursquare.btn,
.btn-vimeo.btn-sm,
.btn-group-sm > .btn-vimeo.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border: 0;
  border-radius: 0.2rem;
}

.btn-facebook.btn-sm::before,
.btn-group-sm > .btn-facebook.btn::before,
.btn-twitter.btn-sm::before,
.btn-group-sm > .btn-twitter.btn::before,
.btn-linkedin.btn-sm::before,
.btn-group-sm > .btn-linkedin.btn::before,
.btn-flickr.btn-sm::before,
.btn-group-sm > .btn-flickr.btn::before,
.btn-tumblr.btn-sm::before,
.btn-group-sm > .btn-tumblr.btn::before,
.btn-xing.btn-sm::before,
.btn-group-sm > .btn-xing.btn::before,
.btn-github.btn-sm::before,
.btn-group-sm > .btn-github.btn::before,
.btn-html5.btn-sm::before,
.btn-group-sm > .btn-html5.btn::before,
.btn-openid.btn-sm::before,
.btn-group-sm > .btn-openid.btn::before,
.btn-stack-overflow.btn-sm::before,
.btn-group-sm > .btn-stack-overflow.btn::before,
.btn-youtube.btn-sm::before,
.btn-group-sm > .btn-youtube.btn::before,
.btn-css3.btn-sm::before,
.btn-group-sm > .btn-css3.btn::before,
.btn-dribbble.btn-sm::before,
.btn-group-sm > .btn-dribbble.btn::before,
.btn-google-plus.btn-sm::before,
.btn-group-sm > .btn-google-plus.btn::before,
.btn-instagram.btn-sm::before,
.btn-group-sm > .btn-instagram.btn::before,
.btn-pinterest.btn-sm::before,
.btn-group-sm > .btn-pinterest.btn::before,
.btn-vk.btn-sm::before,
.btn-group-sm > .btn-vk.btn::before,
.btn-yahoo.btn-sm::before,
.btn-group-sm > .btn-yahoo.btn::before,
.btn-behance.btn-sm::before,
.btn-group-sm > .btn-behance.btn::before,
.btn-dropbox.btn-sm::before,
.btn-group-sm > .btn-dropbox.btn::before,
.btn-reddit.btn-sm::before,
.btn-group-sm > .btn-reddit.btn::before,
.btn-spotify.btn-sm::before,
.btn-group-sm > .btn-spotify.btn::before,
.btn-vine.btn-sm::before,
.btn-group-sm > .btn-vine.btn::before,
.btn-foursquare.btn-sm::before,
.btn-group-sm > .btn-foursquare.btn::before,
.btn-vimeo.btn-sm::before,
.btn-group-sm > .btn-vimeo.btn::before {
  width: 1.8125rem;
  height: 1.8125rem;
  padding: 0.25rem 0;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-facebook.btn-sm span,
.btn-group-sm > .btn-facebook.btn span,
.btn-twitter.btn-sm span,
.btn-group-sm > .btn-twitter.btn span,
.btn-linkedin.btn-sm span,
.btn-group-sm > .btn-linkedin.btn span,
.btn-flickr.btn-sm span,
.btn-group-sm > .btn-flickr.btn span,
.btn-tumblr.btn-sm span,
.btn-group-sm > .btn-tumblr.btn span,
.btn-xing.btn-sm span,
.btn-group-sm > .btn-xing.btn span,
.btn-github.btn-sm span,
.btn-group-sm > .btn-github.btn span,
.btn-html5.btn-sm span,
.btn-group-sm > .btn-html5.btn span,
.btn-openid.btn-sm span,
.btn-group-sm > .btn-openid.btn span,
.btn-stack-overflow.btn-sm span,
.btn-group-sm > .btn-stack-overflow.btn span,
.btn-youtube.btn-sm span,
.btn-group-sm > .btn-youtube.btn span,
.btn-css3.btn-sm span,
.btn-group-sm > .btn-css3.btn span,
.btn-dribbble.btn-sm span,
.btn-group-sm > .btn-dribbble.btn span,
.btn-google-plus.btn-sm span,
.btn-group-sm > .btn-google-plus.btn span,
.btn-instagram.btn-sm span,
.btn-group-sm > .btn-instagram.btn span,
.btn-pinterest.btn-sm span,
.btn-group-sm > .btn-pinterest.btn span,
.btn-vk.btn-sm span,
.btn-group-sm > .btn-vk.btn span,
.btn-yahoo.btn-sm span,
.btn-group-sm > .btn-yahoo.btn span,
.btn-behance.btn-sm span,
.btn-group-sm > .btn-behance.btn span,
.btn-dropbox.btn-sm span,
.btn-group-sm > .btn-dropbox.btn span,
.btn-reddit.btn-sm span,
.btn-group-sm > .btn-reddit.btn span,
.btn-spotify.btn-sm span,
.btn-group-sm > .btn-spotify.btn span,
.btn-vine.btn-sm span,
.btn-group-sm > .btn-vine.btn span,
.btn-foursquare.btn-sm span,
.btn-group-sm > .btn-foursquare.btn span,
.btn-vimeo.btn-sm span,
.btn-group-sm > .btn-vimeo.btn span {
  margin-left: 1.8125rem;
}

.btn-facebook.btn-sm.icon,
.btn-group-sm > .btn-facebook.icon.btn,
.btn-twitter.btn-sm.icon,
.btn-group-sm > .btn-twitter.icon.btn,
.btn-linkedin.btn-sm.icon,
.btn-group-sm > .btn-linkedin.icon.btn,
.btn-flickr.btn-sm.icon,
.btn-group-sm > .btn-flickr.icon.btn,
.btn-tumblr.btn-sm.icon,
.btn-group-sm > .btn-tumblr.icon.btn,
.btn-xing.btn-sm.icon,
.btn-group-sm > .btn-xing.icon.btn,
.btn-github.btn-sm.icon,
.btn-group-sm > .btn-github.icon.btn,
.btn-html5.btn-sm.icon,
.btn-group-sm > .btn-html5.icon.btn,
.btn-openid.btn-sm.icon,
.btn-group-sm > .btn-openid.icon.btn,
.btn-stack-overflow.btn-sm.icon,
.btn-group-sm > .btn-stack-overflow.icon.btn,
.btn-youtube.btn-sm.icon,
.btn-group-sm > .btn-youtube.icon.btn,
.btn-css3.btn-sm.icon,
.btn-group-sm > .btn-css3.icon.btn,
.btn-dribbble.btn-sm.icon,
.btn-group-sm > .btn-dribbble.icon.btn,
.btn-google-plus.btn-sm.icon,
.btn-group-sm > .btn-google-plus.icon.btn,
.btn-instagram.btn-sm.icon,
.btn-group-sm > .btn-instagram.icon.btn,
.btn-pinterest.btn-sm.icon,
.btn-group-sm > .btn-pinterest.icon.btn,
.btn-vk.btn-sm.icon,
.btn-group-sm > .btn-vk.icon.btn,
.btn-yahoo.btn-sm.icon,
.btn-group-sm > .btn-yahoo.icon.btn,
.btn-behance.btn-sm.icon,
.btn-group-sm > .btn-behance.icon.btn,
.btn-dropbox.btn-sm.icon,
.btn-group-sm > .btn-dropbox.icon.btn,
.btn-reddit.btn-sm.icon,
.btn-group-sm > .btn-reddit.icon.btn,
.btn-spotify.btn-sm.icon,
.btn-group-sm > .btn-spotify.icon.btn,
.btn-vine.btn-sm.icon,
.btn-group-sm > .btn-vine.icon.btn,
.btn-foursquare.btn-sm.icon,
.btn-group-sm > .btn-foursquare.icon.btn,
.btn-vimeo.btn-sm.icon,
.btn-group-sm > .btn-vimeo.icon.btn {
  width: 1.8125rem;
  height: 1.8125rem;
}

.btn-facebook {
  background: #3b5998;
}

.btn-facebook::before {
  content: "\F09A";
  background: #344e86;
}

.btn-facebook:hover {
  background: #344e86;
}

.btn-facebook:hover::before {
  background: #2d4373;
}

.btn-twitter {
  background: #00aced;
}

.btn-twitter::before {
  content: "\F099";
  background: #0099d4;
}

.btn-twitter:hover {
  background: #0099d4;
}

.btn-twitter:hover::before {
  background: #0087ba;
}

.btn-linkedin {
  background: #4875b4;
}

.btn-linkedin::before {
  content: "\F0E1";
  background: #4169a2;
}

.btn-linkedin:hover {
  background: #4169a2;
}

.btn-linkedin:hover::before {
  background: #395d90;
}

.btn-flickr {
  background: #ff0084;
}

.btn-flickr::before {
  content: "\F16E";
  background: #e60077;
}

.btn-flickr:hover {
  background: #e60077;
}

.btn-flickr:hover::before {
  background: #cc006a;
}

.btn-tumblr {
  background: #32506d;
}

.btn-tumblr::before {
  content: "\F173";
  background: #2a435c;
}

.btn-tumblr:hover {
  background: #2a435c;
}

.btn-tumblr:hover::before {
  background: #22364a;
}

.btn-xing {
  background: #026466;
}

.btn-xing::before {
  content: "\F168";
  background: #024b4d;
}

.btn-xing:hover {
  background: #024b4d;
}

.btn-xing:hover::before {
  background: #013334;
}

.btn-github {
  background: #4183c4;
}

.btn-github::before {
  content: "\F09B";
  background: #3876b4;
}

.btn-github:hover {
  background: #3876b4;
}

.btn-github:hover::before {
  background: #3269a0;
}

.btn-html5 {
  background: #e34f26;
}

.btn-html5::before {
  content: "\F13B";
  background: #d4431b;
}

.btn-html5:hover {
  background: #d4431b;
}

.btn-html5:hover::before {
  background: #be3c18;
}

.btn-openid {
  background: #f78c40;
}

.btn-openid::before {
  content: "\F19B";
  background: #f67d28;
}

.btn-openid:hover {
  background: #f67d28;
}

.btn-openid:hover::before {
  background: #f56f0f;
}

.btn-stack-overflow {
  background: #fe7a15;
}

.btn-stack-overflow::before {
  content: "\F16C";
  background: #f86c01;
}

.btn-stack-overflow:hover {
  background: #f86c01;
}

.btn-stack-overflow:hover::before {
  background: #df6101;
}

.btn-css3 {
  background: #0170ba;
}

.btn-css3::before {
  content: "\F13C";
  background: #0161a1;
}

.btn-css3:hover {
  background: #0161a1;
}

.btn-css3:hover::before {
  background: #015187;
}

.btn-youtube {
  background: #b00;
}

.btn-youtube::before {
  content: "\F167";
  background: #a20000;
}

.btn-youtube:hover {
  background: #a20000;
}

.btn-youtube:hover::before {
  background: #880000;
}

.btn-dribbble {
  background: #ea4c89;
}

.btn-dribbble::before {
  content: "\F17D";
  background: #e7357a;
}

.btn-dribbble:hover {
  background: #e7357a;
}

.btn-dribbble:hover::before {
  background: #e51e6b;
}

.btn-google-plus {
  background: #d34836;
}

.btn-google-plus::before {
  content: "\F0D5";
  background: #c43d2b;
}

.btn-google-plus:hover {
  background: #c43d2b;
}

.btn-google-plus:hover::before {
  background: #b03626;
}

.btn-instagram {
  background: #517fa4;
}

.btn-instagram::before {
  content: "\F16D";
  background: #497293;
}

.btn-instagram:hover {
  background: #497293;
}

.btn-instagram:hover::before {
  background: #406582;
}

.btn-pinterest {
  background: #cb2027;
}

.btn-pinterest::before {
  content: "\F0D2";
  background: #b51d23;
}

.btn-pinterest:hover {
  background: #b51d23;
}

.btn-pinterest:hover::before {
  background: #9f191f;
}

.btn-vk {
  background: #45668e;
}

.btn-vk::before {
  content: "\F189";
  background: #3d5a7d;
}

.btn-vk:hover {
  background: #3d5a7d;
}

.btn-vk:hover::before {
  background: #344d6c;
}

.btn-yahoo {
  background: #400191;
}

.btn-yahoo::before {
  content: "\F19E";
  background: #350178;
}

.btn-yahoo:hover {
  background: #350178;
}

.btn-yahoo:hover::before {
  background: #2a015e;
}

.btn-behance {
  background: #1769ff;
}

.btn-behance::before {
  content: "\F1B4";
  background: #0059fd;
}

.btn-behance:hover {
  background: #0059fd;
}

.btn-behance:hover::before {
  background: #0050e3;
}

.btn-dropbox {
  background: #007ee5;
}

.btn-dropbox::before {
  content: "\F16B";
  background: #0070cc;
}

.btn-dropbox:hover {
  background: #0070cc;
}

.btn-dropbox:hover::before {
  background: #0062b2;
}

.btn-reddit {
  background: #ff4500;
}

.btn-reddit::before {
  content: "\F1A1";
  background: #e63e00;
}

.btn-reddit:hover {
  background: #e63e00;
}

.btn-reddit:hover::before {
  background: #cc3700;
}

.btn-spotify {
  background: #7ab800;
}

.btn-spotify::before {
  content: "\F1BC";
  background: #699f00;
}

.btn-spotify:hover {
  background: #699f00;
}

.btn-spotify:hover::before {
  background: #588500;
}

.btn-vine {
  background: #00bf8f;
}

.btn-vine::before {
  content: "\F1CA";
  background: #00a67c;
}

.btn-vine:hover {
  background: #00a67c;
}

.btn-vine:hover::before {
  background: #008c69;
}

.btn-foursquare {
  background: #1073af;
}

.btn-foursquare::before {
  content: "\F180";
  background: #0e6498;
}

.btn-foursquare:hover {
  background: #0e6498;
}

.btn-foursquare:hover::before {
  background: #0c5480;
}

.btn-vimeo {
  background: #aad450;
}

.btn-vimeo::before {
  content: "\F194";
  background: #a0cf3c;
}

.btn-vimeo:hover {
  background: #a0cf3c;
}

.btn-vimeo:hover::before {
  background: #93c130;
}

.callout {
  position: relative;
  padding: 0 1rem;
  margin: 1rem 0;
  border: 0 solid #dee2e6;
  border-left-width: .25rem;
  border-radius: .25rem;
}

.callout .chart-wrapper {
  position: absolute;
  top: 10px;
  left: 50%;
  float: right;
  width: 50%;
}

.callout-bordered {
  border: 1px solid #dee2e6;
  border-left-width: .25rem;
}

.callout code {
  border-radius: .25rem;
}

.callout h4 {
  margin-top: 0;
  margin-bottom: .25rem;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout + .callout {
  margin-top: -0.25rem;
}

.callout-default {
  border-left-color: #6c757d;
}

.callout-default h4 {
  color: #6c757d;
}

.callout-primary {
  border-left-color: #007bff;
}

.callout-primary h4 {
  color: #007bff;
}

.callout-secondary {
  border-left-color: #6c757d;
}

.callout-secondary h4 {
  color: #6c757d;
}

.callout-success {
  border-left-color: #28a745;
}

.callout-success h4 {
  color: #28a745;
}

.callout-info {
  border-left-color: #17a2b8;
}

.callout-info h4 {
  color: #17a2b8;
}

.callout-warning {
  border-left-color: #ffc107;
}

.callout-warning h4 {
  color: #ffc107;
}

.callout-danger {
  border-left-color: #dc3545;
}

.callout-danger h4 {
  color: #dc3545;
}

.callout-light {
  border-left-color: #f8f9fa;
}

.callout-light h4 {
  color: #f8f9fa;
}

.callout-dark {
  border-left-color: #343a40;
}

.callout-dark h4 {
  color: #343a40;
}

.card {
  margin-bottom: 1.5rem;
}

.card.bg-primary {
  border-color: #005cbf;
}

.card.bg-primary .card-header {
  background-color: #0074f0;
  border-color: #005cbf;
}

.card.bg-secondary {
  border-color: #4e555b;
}

.card.bg-secondary .card-header {
  background-color: #656d75;
  border-color: #4e555b;
}

.card.bg-success {
  border-color: #1c7430;
}

.card.bg-success .card-header {
  background-color: #259b40;
  border-color: #1c7430;
}

.card.bg-info {
  border-color: #10707f;
}

.card.bg-info .card-header {
  background-color: #1596aa;
  border-color: #10707f;
}

.card.bg-warning {
  border-color: #c69500;
}

.card.bg-warning .card-header {
  background-color: #f7b900;
  border-color: #c69500;
}

.card.bg-danger {
  border-color: #b21f2d;
}

.card.bg-danger .card-header {
  background-color: #da2839;
  border-color: #b21f2d;
}

.card.bg-light {
  border-color: #d3d9df;
}

.card.bg-light .card-header {
  background-color: #eff1f4;
  border-color: #d3d9df;
}

.card.bg-dark {
  border-color: #171a1d;
}

.card.bg-dark .card-header {
  background-color: #2d3238;
  border-color: #171a1d;
}

.text-white .text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}

.card-header .icon-bg {
  display: inline-block;
  padding: 0.75rem 1.25rem !important;
  margin-top: -0.75rem;
  margin-right: 1.25rem;
  margin-bottom: -0.75rem;
  margin-left: -1.25rem;
  line-height: inherit;
  color: #212529;
  vertical-align: bottom;
  background: transparent;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header .nav.nav-tabs {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  border-bottom: 0;
}

.card-header .nav.nav-tabs .nav-item {
  border-top: 0;
}

.card-header .nav.nav-tabs .nav-link,
.card-header .nav.nav-tabs .navbar .dropdown-toggle,
.navbar .card-header .nav.nav-tabs .dropdown-toggle {
  padding: 0.75rem 0.625rem;
  color: #6c757d;
  border-top: 0;
}

.card-header .nav.nav-tabs .nav-link.active,
.card-header .nav.nav-tabs .navbar .active.dropdown-toggle,
.navbar .card-header .nav.nav-tabs .active.dropdown-toggle {
  color: #212529;
  background: #fff;
}

.card-header.card-header-inverse {
  color: #fff;
}

.card-header .btn {
  margin-top: -0.375rem;
}

.card-header .btn-sm,
.card-header .btn-group-sm > .btn {
  margin-top: -0.25rem;
}

.card-header .btn-lg,
.card-header .btn-group-lg > .btn {
  margin-top: -0.5rem;
}

.card-footer ul {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  table-layout: fixed;
}

.card-footer ul li {
  display: table-cell;
  padding: 0 1.25rem;
  text-align: center;
}

[class*="card-outline-"] .card-body,
[class*="card-outline-"] .card-block {
  background: #fff !important;
}

[class*="card-outline-"].card-outline-top {
  border-top-width: 2px;
  border-right-color: #dee2e6;
  border-bottom-color: #dee2e6;
  border-left-color: #dee2e6;
}

.card-accent-primary {
  border-top-width: 2px;
  border-top-color: #007bff;
}

.card-accent-secondary {
  border-top-width: 2px;
  border-top-color: #6c757d;
}

.card-accent-success {
  border-top-width: 2px;
  border-top-color: #28a745;
}

.card-accent-info {
  border-top-width: 2px;
  border-top-color: #17a2b8;
}

.card-accent-warning {
  border-top-width: 2px;
  border-top-color: #ffc107;
}

.card-accent-danger {
  border-top-width: 2px;
  border-top-color: #dc3545;
}

.card-accent-light {
  border-top-width: 2px;
  border-top-color: #f8f9fa;
}

.card-accent-dark {
  border-top-width: 2px;
  border-top-color: #343a40;
}

.card-header > i {
  margin-right: 0.5rem;
}

.card-header .card-actions {
  position: absolute;
  top: 0;
  right: 0;
}

.card-header .card-actions a,
.card-header .card-actions button {
  display: block;
  float: left;
  width: 50px;
  padding: 0.75rem 0;
  margin: 0 !important;
  color: #212529;
  text-align: center;
  background: transparent;
  border: 0;
  border-left: 1px solid #dee2e6;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

.card-header .card-actions a:hover,
.card-header .card-actions button:hover {
  text-decoration: none;
}

.card-header .card-actions a [class^="icon-"],
.card-header .card-actions a [class*=" icon-"],
.card-header .card-actions button [class^="icon-"],
.card-header .card-actions button [class*=" icon-"] {
  display: inline-block;
  vertical-align: middle;
}

.card-header .card-actions a i,
.card-header .card-actions button i {
  display: inline-block;
  -webkit-transition: .4s;
  transition: .4s;
}

.card-header .card-actions a .r180,
.card-header .card-actions button .r180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.card-header .card-actions .input-group {
  width: 230px;
  margin: 6px;
}

.card-header .card-actions .input-group .input-group-prepend,
.card-header .card-actions .input-group .input-group-append {
  background: #fff;
}

.card-header .card-actions .input-group input {
  border-left: 0;
}

.card-full {
  margin-top: -1rem;
  margin-right: -15px;
  margin-left: -15px;
  border: 0;
  border-bottom: 1px solid #dee2e6;
}

@media (min-width: 576px) {
  .card-columns.cols-2 {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

.card.drag,
.card .drag {
  cursor: move;
}

.card-placeholder {
  background: rgba(0, 0, 0, 0.025);
  border: 1px dashed #dee2e6;
}

.chart-wrapper canvas {
  width: 100% !important;
}

base-chart.chart {
  display: block !important;
}

.app-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem;
  color: #212529;
  background: #f8f9fa;
  border-top: 1px solid #dee2e6;
}

.row.row-equal {
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-right: -15px;
  margin-left: -15px;
}

.row.row-equal [class*="col-"] {
  padding-right: 7.5px;
  padding-left: 7.5px;
}

.main .container-fluid {
  padding: 0 30px;
}

.input-group-prepend,
.input-group-append {
  white-space: nowrap;
  vertical-align: middle;
}

#loading-bar,
#loading-bar-spinner {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20002;
  width: 100%;
  height: 2px;
  background: #007bff;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  -webkit-transition: width 350ms;
  transition: width 350ms;
}

#loading-bar .peg {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 2px;
  border-radius: 100%;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  opacity: .45;
}

#loading-bar-spinner {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10002;
  display: block;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  top: 0;
  right: 100%;
  z-index: 2000;
  width: 100%;
  height: 2px;
  background: #007bff;
}

.modal-primary .modal-content {
  border-color: #007bff;
}

.modal-primary .modal-header {
  color: #fff;
  background-color: #007bff;
}

.modal-secondary .modal-content {
  border-color: #6c757d;
}

.modal-secondary .modal-header {
  color: #fff;
  background-color: #6c757d;
}

.modal-success .modal-content {
  border-color: #28a745;
}

.modal-success .modal-header {
  color: #fff;
  background-color: #28a745;
}

.modal-info .modal-content {
  border-color: #17a2b8;
}

.modal-info .modal-header {
  color: #fff;
  background-color: #17a2b8;
}

.modal-warning .modal-content {
  border-color: #ffc107;
}

.modal-warning .modal-header {
  color: #fff;
  background-color: #ffc107;
}

.modal-danger .modal-content {
  border-color: #dc3545;
}

.modal-danger .modal-header {
  color: #fff;
  background-color: #dc3545;
}

.modal-light .modal-content {
  border-color: #f8f9fa;
}

.modal-light .modal-header {
  color: #fff;
  background-color: #f8f9fa;
}

.modal-dark .modal-content {
  border-color: #343a40;
}

.modal-dark .modal-header {
  color: #fff;
  background-color: #343a40;
}

.progress-xs {
  height: 4px;
}

.progress-sm {
  height: 8px;
}

.progress-white {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.progress-white .progress-bar {
  background-color: #fff;
}

.sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  color: #fff;
  background: #343a40;
}

.sidebar .sidebar-close {
  position: absolute;
  right: 0;
  display: none;
  padding: 0 1rem;
  font-size: 24px;
  font-weight: 800;
  line-height: 55px;
  color: #fff;
  background: 0;
  border: 0;
  opacity: .8;
}

.sidebar .sidebar-close:hover {
  opacity: 1;
}

.sidebar .sidebar-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0.75rem 1rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
}

.sidebar .sidebar-form .form-control {
  color: #fff;
  background: #1d2124;
  border: 0;
}

.sidebar .sidebar-form .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .sidebar-form .form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .sidebar-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .sidebar-nav {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  width: 200px;
}

.sidebar .sidebar-nav::-webkit-scrollbar {
  position: absolute;
  width: 10px;
  margin-left: -10px;
  -webkit-appearance: none;
}

.sidebar .sidebar-nav::-webkit-scrollbar-track {
  background-color: #3f474e;
  border-right: 1px solid #292d32;
  border-left: 1px solid #292d32;
}

.sidebar .sidebar-nav::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #1d2124;
  background-clip: content-box;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 2px;
}

.sidebar .nav {
  width: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}

.sidebar .nav-title {
  padding: 0.75rem 1rem;
  font-size: 11px;
  font-weight: 600;
  color: #e9ecef;
  text-transform: uppercase;
}

.sidebar .nav-divider,
.sidebar .divider {
  height: 10px;
}

.sidebar .nav-item {
  position: relative;
  margin: 0;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

.sidebar .nav-dropdown-items {
  max-height: 0;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  -webkit-transition: max-height .3s ease-in-out;
  transition: max-height .3s ease-in-out;
}

.sidebar .nav-dropdown-items .nav-item {
  padding: 0;
  list-style: none;
}

.sidebar .nav-link,
.sidebar .navbar .dropdown-toggle,
.navbar .sidebar .dropdown-toggle {
  display: block;
  padding: 0.75rem 1rem;
  color: #fff;
  text-decoration: none;
  background: transparent;
}

.sidebar .nav-link i,
.sidebar .navbar .dropdown-toggle i,
.navbar .sidebar .dropdown-toggle i {
  display: inline-block;
  width: 20px;
  margin: 0 0.5rem 0 0;
  font-size: 14px;
  color: #6c757d;
  text-align: center;
}

.sidebar .nav-link .badge,
.sidebar .navbar .dropdown-toggle .badge,
.navbar .sidebar .dropdown-toggle .badge {
  float: right;
  margin-top: 2px;
}

.sidebar .nav-link.active,
.sidebar .navbar .active.dropdown-toggle,
.navbar .sidebar .active.dropdown-toggle {
  color: #fff;
  background: #3f474e;
}

.sidebar .nav-link.active i,
.sidebar .navbar .active.dropdown-toggle i,
.navbar .sidebar .active.dropdown-toggle i {
  color: #007bff;
}

.sidebar .nav-link:hover,
.sidebar .navbar .dropdown-toggle:hover,
.navbar .sidebar .dropdown-toggle:hover {
  color: #fff;
  background: #007bff;
}

.sidebar .nav-link:hover i,
.sidebar .navbar .dropdown-toggle:hover i,
.navbar .sidebar .dropdown-toggle:hover i {
  color: #fff;
}

.sidebar .nav-link:hover.nav-dropdown-toggle::before,
.sidebar .navbar .dropdown-toggle:hover.nav-dropdown-toggle::before,
.navbar .sidebar .dropdown-toggle:hover.nav-dropdown-toggle::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
}

.sidebar .nav-link.nav-link-primary,
.sidebar .navbar .nav-link-primary.dropdown-toggle,
.navbar .sidebar .nav-link-primary.dropdown-toggle {
  background: #007bff;
}

.sidebar .nav-link.nav-link-primary i,
.sidebar .navbar .nav-link-primary.dropdown-toggle i,
.navbar .sidebar .nav-link-primary.dropdown-toggle i {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav-link.nav-link-primary:hover,
.sidebar .navbar .nav-link-primary.dropdown-toggle:hover,
.navbar .sidebar .nav-link-primary.dropdown-toggle:hover {
  background: #006fe6 !important;
}

.sidebar .nav-link.nav-link-primary:hover i,
.sidebar .navbar .nav-link-primary.dropdown-toggle:hover i,
.navbar .sidebar .nav-link-primary.dropdown-toggle:hover i {
  color: #fff;
}

.sidebar .nav-link.nav-link-secondary,
.sidebar .navbar .nav-link-secondary.dropdown-toggle,
.navbar .sidebar .nav-link-secondary.dropdown-toggle {
  background: #6c757d;
}

.sidebar .nav-link.nav-link-secondary i,
.sidebar .navbar .nav-link-secondary.dropdown-toggle i,
.navbar .sidebar .nav-link-secondary.dropdown-toggle i {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav-link.nav-link-secondary:hover,
.sidebar .navbar .nav-link-secondary.dropdown-toggle:hover,
.navbar .sidebar .nav-link-secondary.dropdown-toggle:hover {
  background: #60686f !important;
}

.sidebar .nav-link.nav-link-secondary:hover i,
.sidebar .navbar .nav-link-secondary.dropdown-toggle:hover i,
.navbar .sidebar .nav-link-secondary.dropdown-toggle:hover i {
  color: #fff;
}

.sidebar .nav-link.nav-link-success,
.sidebar .navbar .nav-link-success.dropdown-toggle,
.navbar .sidebar .nav-link-success.dropdown-toggle {
  background: #28a745;
}

.sidebar .nav-link.nav-link-success i,
.sidebar .navbar .nav-link-success.dropdown-toggle i,
.navbar .sidebar .nav-link-success.dropdown-toggle i {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav-link.nav-link-success:hover,
.sidebar .navbar .nav-link-success.dropdown-toggle:hover,
.navbar .sidebar .nav-link-success.dropdown-toggle:hover {
  background: #23923d !important;
}

.sidebar .nav-link.nav-link-success:hover i,
.sidebar .navbar .nav-link-success.dropdown-toggle:hover i,
.navbar .sidebar .nav-link-success.dropdown-toggle:hover i {
  color: #fff;
}

.sidebar .nav-link.nav-link-info,
.sidebar .navbar .nav-link-info.dropdown-toggle,
.navbar .sidebar .nav-link-info.dropdown-toggle {
  background: #17a2b8;
}

.sidebar .nav-link.nav-link-info i,
.sidebar .navbar .nav-link-info.dropdown-toggle i,
.navbar .sidebar .nav-link-info.dropdown-toggle i {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav-link.nav-link-info:hover,
.sidebar .navbar .nav-link-info.dropdown-toggle:hover,
.navbar .sidebar .nav-link-info.dropdown-toggle:hover {
  background: #148ea1 !important;
}

.sidebar .nav-link.nav-link-info:hover i,
.sidebar .navbar .nav-link-info.dropdown-toggle:hover i,
.navbar .sidebar .nav-link-info.dropdown-toggle:hover i {
  color: #fff;
}

.sidebar .nav-link.nav-link-warning,
.sidebar .navbar .nav-link-warning.dropdown-toggle,
.navbar .sidebar .nav-link-warning.dropdown-toggle {
  background: #ffc107;
}

.sidebar .nav-link.nav-link-warning i,
.sidebar .navbar .nav-link-warning.dropdown-toggle i,
.navbar .sidebar .nav-link-warning.dropdown-toggle i {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav-link.nav-link-warning:hover,
.sidebar .navbar .nav-link-warning.dropdown-toggle:hover,
.navbar .sidebar .nav-link-warning.dropdown-toggle:hover {
  background: #edb100 !important;
}

.sidebar .nav-link.nav-link-warning:hover i,
.sidebar .navbar .nav-link-warning.dropdown-toggle:hover i,
.navbar .sidebar .nav-link-warning.dropdown-toggle:hover i {
  color: #fff;
}

.sidebar .nav-link.nav-link-danger,
.sidebar .navbar .nav-link-danger.dropdown-toggle,
.navbar .sidebar .nav-link-danger.dropdown-toggle {
  background: #dc3545;
}

.sidebar .nav-link.nav-link-danger i,
.sidebar .navbar .nav-link-danger.dropdown-toggle i,
.navbar .sidebar .nav-link-danger.dropdown-toggle i {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav-link.nav-link-danger:hover,
.sidebar .navbar .nav-link-danger.dropdown-toggle:hover,
.navbar .sidebar .nav-link-danger.dropdown-toggle:hover {
  background: #d32535 !important;
}

.sidebar .nav-link.nav-link-danger:hover i,
.sidebar .navbar .nav-link-danger.dropdown-toggle:hover i,
.navbar .sidebar .nav-link-danger.dropdown-toggle:hover i {
  color: #fff;
}

.sidebar .nav-link.nav-link-light,
.sidebar .navbar .nav-link-light.dropdown-toggle,
.navbar .sidebar .nav-link-light.dropdown-toggle {
  background: #f8f9fa;
}

.sidebar .nav-link.nav-link-light i,
.sidebar .navbar .nav-link-light.dropdown-toggle i,
.navbar .sidebar .nav-link-light.dropdown-toggle i {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav-link.nav-link-light:hover,
.sidebar .navbar .nav-link-light.dropdown-toggle:hover,
.navbar .sidebar .nav-link-light.dropdown-toggle:hover {
  background: #e9ecef !important;
}

.sidebar .nav-link.nav-link-light:hover i,
.sidebar .navbar .nav-link-light.dropdown-toggle:hover i,
.navbar .sidebar .nav-link-light.dropdown-toggle:hover i {
  color: #fff;
}

.sidebar .nav-link.nav-link-dark,
.sidebar .navbar .nav-link-dark.dropdown-toggle,
.navbar .sidebar .nav-link-dark.dropdown-toggle {
  background: #343a40;
}

.sidebar .nav-link.nav-link-dark i,
.sidebar .navbar .nav-link-dark.dropdown-toggle i,
.navbar .sidebar .nav-link-dark.dropdown-toggle i {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav-link.nav-link-dark:hover,
.sidebar .navbar .nav-link-dark.dropdown-toggle:hover,
.navbar .sidebar .nav-link-dark.dropdown-toggle:hover {
  background: #292d32 !important;
}

.sidebar .nav-link.nav-link-dark:hover i,
.sidebar .navbar .nav-link-dark.dropdown-toggle:hover i,
.navbar .sidebar .nav-link-dark.dropdown-toggle:hover i {
  color: #fff;
}

.sidebar .nav-dropdown-toggle {
  position: relative;
}

.sidebar .nav-dropdown-toggle::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  margin-top: -4px;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%236c757d' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.sidebar .nav-dropdown.open {
  background: rgba(0, 0, 0, 0.2);
}

.sidebar .nav-dropdown.open > .nav-dropdown-items {
  max-height: 1500px;
}

.sidebar .nav-dropdown.open .nav-link,
.sidebar .nav-dropdown.open .navbar .dropdown-toggle,
.navbar .sidebar .nav-dropdown.open .dropdown-toggle {
  color: #fff;
  border-left: 0 !important;
}

.sidebar .nav-dropdown.open > .nav-link.nav-dropdown-toggle::before,
.sidebar .navbar .nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before,
.navbar .sidebar .nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.sidebar .nav-dropdown.open .nav-dropdown.open {
  border-left: 0;
}

.sidebar .nav-label {
  display: block;
  padding: 0.09375rem 1rem;
  color: #e9ecef;
}

.sidebar .nav-label:hover {
  color: #fff;
  text-decoration: none;
}

.sidebar .nav-label i {
  width: 20px;
  margin: -3px 0.5rem 0 0;
  font-size: 10px;
  color: #6c757d;
  text-align: center;
  vertical-align: middle;
}

.sidebar .progress {
  background-color: #56606a !important;
}

.sidebar .sidebar-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}

.sidebar .sidebar-minimizer {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 0;
}

.sidebar .sidebar-minimizer::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%236c757d' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12.5px;
  -webkit-transition: .3s;
  transition: .3s;
}

.sidebar .sidebar-minimizer:focus,
.sidebar .sidebar-minimizer.focus {
  outline: 0;
}

.sidebar .sidebar-minimizer:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.sidebar .sidebar-minimizer:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
}

@media (min-width: 992px) {
  .sidebar-compact .sidebar .sidebar-nav {
    width: 150px;
  }

  .sidebar-compact .sidebar .nav {
    width: 150px;
  }

  .sidebar-compact .sidebar .nav .nav-title {
    text-align: center;
  }

  .sidebar-compact .sidebar .nav .nav-item {
    width: 150px;
    border-left: 0 !important;
  }

  .sidebar-compact .sidebar .nav .nav-item .nav-link,
  .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle,
  .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle {
    text-align: center;
  }

  .sidebar-compact .sidebar .nav .nav-item .nav-link i,
  .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle i,
  .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle i {
    display: block;
    width: 100%;
    margin: 0.25rem 0;
    font-size: 24px;
  }

  .sidebar-compact .sidebar .nav .nav-item .nav-link .badge,
  .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle .badge,
  .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle .badge {
    position: absolute;
    top: 18px;
    right: 10px;
  }

  .sidebar-compact .sidebar .nav .nav-item .nav-link.nav-dropdown-toggle::before,
  .sidebar-compact .sidebar .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before,
  .navbar .sidebar-compact .sidebar .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before {
    top: 30px;
  }

  .sidebar-minimized .hidden-cn {
    display: none;
  }

  .sidebar-minimized .sidebar {
    z-index: 1019;
  }

  .sidebar-minimized .sidebar .sidebar-nav {
    overflow: visible;
    width: 50px;
  }

  .sidebar-minimized .sidebar .nav {
    width: 50px;
  }

  .sidebar-minimized .sidebar .nav-divider,
  .sidebar-minimized .sidebar .divider,
  .sidebar-minimized .sidebar .nav-title,
  .sidebar-minimized .sidebar .sidebar-footer,
  .sidebar-minimized .sidebar .sidebar-form,
  .sidebar-minimized .sidebar .sidebar-header {
    display: none;
  }

  .sidebar-minimized .sidebar .sidebar-minimizer::before {
    width: 100%;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }

  .sidebar-minimized .sidebar .nav-item {
    width: 50px;
    overflow: hidden;
    border-left: 0 !important;
  }

  .sidebar-minimized .sidebar .nav-item:hover {
    width: 250px;
    overflow: visible;
  }

  .sidebar-minimized .sidebar .nav-item:hover > .nav-link,
  .sidebar-minimized .sidebar .navbar .nav-item:hover > .dropdown-toggle,
  .navbar .sidebar-minimized .sidebar .nav-item:hover > .dropdown-toggle {
    background: #007bff;
  }

  .sidebar-minimized .sidebar .nav-item:hover > .nav-link i,
  .sidebar-minimized .sidebar .navbar .nav-item:hover > .dropdown-toggle i,
  .navbar .sidebar-minimized .sidebar .nav-item:hover > .dropdown-toggle i {
    color: #fff;
  }

  .sidebar-minimized .sidebar .nav-link,
  .sidebar-minimized .sidebar .navbar .dropdown-toggle,
  .navbar .sidebar-minimized .sidebar .dropdown-toggle {
    position: relative;
    padding-left: 0;
    margin: 0;
    white-space: nowrap;
    border-left: 0 !important;
  }

  .sidebar-minimized .sidebar .nav-link i,
  .sidebar-minimized .sidebar .navbar .dropdown-toggle i,
  .navbar .sidebar-minimized .sidebar .dropdown-toggle i {
    display: block;
    float: left;
    width: 50px;
    font-size: 18px;
  }

  .sidebar-minimized .sidebar .nav-link .badge,
  .sidebar-minimized .sidebar .navbar .dropdown-toggle .badge,
  .navbar .sidebar-minimized .sidebar .dropdown-toggle .badge {
    position: absolute;
    right: 15px;
    display: none;
  }

  .sidebar-minimized .sidebar .nav-link:hover,
  .sidebar-minimized .sidebar .navbar .dropdown-toggle:hover,
  .navbar .sidebar-minimized .sidebar .dropdown-toggle:hover {
    width: 250px;
    background: #007bff;
  }

  .sidebar-minimized .sidebar .nav-link:hover .badge,
  .sidebar-minimized .sidebar .navbar .dropdown-toggle:hover .badge,
  .navbar .sidebar-minimized .sidebar .dropdown-toggle:hover .badge {
    display: inline;
  }

  .sidebar-minimized .sidebar .nav-link.nav-dropdown-toggle::before,
  .sidebar-minimized .sidebar .navbar .nav-dropdown-toggle.dropdown-toggle::before,
  .navbar .sidebar-minimized .sidebar .nav-dropdown-toggle.dropdown-toggle::before {
    display: none;
  }

  .sidebar-minimized .sidebar .nav-dropdown-items .nav-item {
    width: 200px;
  }

  .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .nav-link,
  .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .navbar .dropdown-toggle,
  .navbar .sidebar-minimized .sidebar .nav-dropdown-items .nav-item .dropdown-toggle {
    width: 200px;
  }

  .sidebar-minimized .sidebar .nav > .nav-dropdown > .nav-dropdown-items {
    display: none;
    max-height: 1000px;
    background: #343a40;
  }

  .sidebar-minimized .sidebar .nav > .nav-dropdown:hover {
    background: #007bff;
  }

  .sidebar-minimized .sidebar .nav > .nav-dropdown:hover > .nav-dropdown-items {
    position: absolute;
    left: 50px;
    display: inline;
  }
}

.switch.switch-default {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
}

.switch.switch-default .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch.switch-default .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  -webkit-transition: opacity background .15s ease-out;
  transition: opacity background .15s ease-out;
}

.switch.switch-default .switch-input:checked ~ .switch-label::before {
  opacity: 0;
}

.switch.switch-default .switch-input:checked ~ .switch-label::after {
  opacity: 1;
}

.switch.switch-default .switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 1px;
  -webkit-transition: left .15s ease-out;
  transition: left .15s ease-out;
}

.switch.switch-default .switch-input:checked ~ .switch-handle {
  left: 18px;
}

.switch.switch-default.switch-lg {
  width: 48px;
  height: 28px;
}

.switch.switch-default.switch-lg .switch-label {
  font-size: 12px;
}

.switch.switch-default.switch-lg .switch-handle {
  width: 24px;
  height: 24px;
}

.switch.switch-default.switch-lg .switch-input:checked ~ .switch-handle {
  left: 22px;
}

.switch.switch-default.switch-sm {
  width: 32px;
  height: 20px;
}

.switch.switch-default.switch-sm .switch-label {
  font-size: 8px;
}

.switch.switch-default.switch-sm .switch-handle {
  width: 16px;
  height: 16px;
}

.switch.switch-default.switch-sm .switch-input:checked ~ .switch-handle {
  left: 14px;
}

.switch.switch-default.switch-xs {
  width: 24px;
  height: 16px;
}

.switch.switch-default.switch-xs .switch-label {
  font-size: 7px;
}

.switch.switch-default.switch-xs .switch-handle {
  width: 12px;
  height: 12px;
}

.switch.switch-default.switch-xs .switch-input:checked ~ .switch-handle {
  left: 10px;
}

.switch.switch-text {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
}

.switch.switch-text .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch.switch-text .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  -webkit-transition: opacity background .15s ease-out;
  transition: opacity background .15s ease-out;
}

.switch.switch-text .switch-label::before,
.switch.switch-text .switch-label::after {
  position: absolute;
  top: 50%;
  width: 50%;
  margin-top: -.5em;
  line-height: 1;
  text-align: center;
  -webkit-transition: inherit;
  transition: inherit;
}

.switch.switch-text .switch-label::before {
  right: 1px;
  color: #e9ecef;
  content: attr(data-off);
}

.switch.switch-text .switch-label::after {
  left: 1px;
  color: #fff;
  content: attr(data-on);
  opacity: 0;
}

.switch.switch-text .switch-input:checked ~ .switch-label::before {
  opacity: 0;
}

.switch.switch-text .switch-input:checked ~ .switch-label::after {
  opacity: 1;
}

.switch.switch-text .switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 1px;
  -webkit-transition: left .15s ease-out;
  transition: left .15s ease-out;
}

.switch.switch-text .switch-input:checked ~ .switch-handle {
  left: 26px;
}

.switch.switch-text.switch-lg {
  width: 56px;
  height: 28px;
}

.switch.switch-text.switch-lg .switch-label {
  font-size: 12px;
}

.switch.switch-text.switch-lg .switch-handle {
  width: 24px;
  height: 24px;
}

.switch.switch-text.switch-lg .switch-input:checked ~ .switch-handle {
  left: 30px;
}

.switch.switch-text.switch-sm {
  width: 40px;
  height: 20px;
}

.switch.switch-text.switch-sm .switch-label {
  font-size: 8px;
}

.switch.switch-text.switch-sm .switch-handle {
  width: 16px;
  height: 16px;
}

.switch.switch-text.switch-sm .switch-input:checked ~ .switch-handle {
  left: 22px;
}

.switch.switch-text.switch-xs {
  width: 32px;
  height: 16px;
}

.switch.switch-text.switch-xs .switch-label {
  font-size: 7px;
}

.switch.switch-text.switch-xs .switch-handle {
  width: 12px;
  height: 12px;
}

.switch.switch-text.switch-xs .switch-input:checked ~ .switch-handle {
  left: 18px;
}

.switch.switch-icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
}

.switch.switch-icon .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch.switch-icon .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  -webkit-transition: opacity background .15s ease-out;
  transition: opacity background .15s ease-out;
}

.switch.switch-icon .switch-label::before,
.switch.switch-icon .switch-label::after {
  position: absolute;
  top: 50%;
  width: 50%;
  margin-top: -.5em;
  line-height: 1;
  text-align: center;
  -webkit-transition: inherit;
  transition: inherit;
}

.switch.switch-icon .switch-label::before {
  right: 1px;
  color: #e9ecef;
  content: attr(data-off);
}

.switch.switch-icon .switch-label::after {
  left: 1px;
  color: #fff;
  content: attr(data-on);
  opacity: 0;
}

.switch.switch-icon .switch-input:checked ~ .switch-label::before {
  opacity: 0;
}

.switch.switch-icon .switch-input:checked ~ .switch-label::after {
  opacity: 1;
}

.switch.switch-icon .switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 1px;
  -webkit-transition: left .15s ease-out;
  transition: left .15s ease-out;
}

.switch.switch-icon .switch-input:checked ~ .switch-handle {
  left: 26px;
}

.switch.switch-icon.switch-lg {
  width: 56px;
  height: 28px;
}

.switch.switch-icon.switch-lg .switch-label {
  font-size: 12px;
}

.switch.switch-icon.switch-lg .switch-handle {
  width: 24px;
  height: 24px;
}

.switch.switch-icon.switch-lg .switch-input:checked ~ .switch-handle {
  left: 30px;
}

.switch.switch-icon.switch-sm {
  width: 40px;
  height: 20px;
}

.switch.switch-icon.switch-sm .switch-label {
  font-size: 8px;
}

.switch.switch-icon.switch-sm .switch-handle {
  width: 16px;
  height: 16px;
}

.switch.switch-icon.switch-sm .switch-input:checked ~ .switch-handle {
  left: 22px;
}

.switch.switch-icon.switch-xs {
  width: 32px;
  height: 16px;
}

.switch.switch-icon.switch-xs .switch-label {
  font-size: 7px;
}

.switch.switch-icon.switch-xs .switch-handle {
  width: 12px;
  height: 12px;
}

.switch.switch-icon.switch-xs .switch-input:checked ~ .switch-handle {
  left: 18px;
}

.switch.switch-3d {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
}

.switch.switch-3d .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch.switch-3d .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  -webkit-transition: opacity background .15s ease-out;
  transition: opacity background .15s ease-out;
}

.switch.switch-3d .switch-input:checked ~ .switch-label::before {
  opacity: 0;
}

.switch.switch-3d .switch-input:checked ~ .switch-label::after {
  opacity: 1;
}

.switch.switch-3d .switch-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 1px;
  -webkit-transition: left .15s ease-out;
  transition: left .15s ease-out;
  border: 0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.switch.switch-3d .switch-input:checked ~ .switch-handle {
  left: 16px;
}

.switch.switch-3d.switch-lg {
  width: 48px;
  height: 28px;
}

.switch.switch-3d.switch-lg .switch-label {
  font-size: 12px;
}

.switch.switch-3d.switch-lg .switch-handle {
  width: 28px;
  height: 28px;
}

.switch.switch-3d.switch-lg .switch-input:checked ~ .switch-handle {
  left: 20px;
}

.switch.switch-3d.switch-sm {
  width: 32px;
  height: 20px;
}

.switch.switch-3d.switch-sm .switch-label {
  font-size: 8px;
}

.switch.switch-3d.switch-sm .switch-handle {
  width: 20px;
  height: 20px;
}

.switch.switch-3d.switch-sm .switch-input:checked ~ .switch-handle {
  left: 12px;
}

.switch.switch-3d.switch-xs {
  width: 24px;
  height: 16px;
}

.switch.switch-3d.switch-xs .switch-label {
  font-size: 7px;
}

.switch.switch-3d.switch-xs .switch-handle {
  width: 16px;
  height: 16px;
}

.switch.switch-3d.switch-xs .switch-input:checked ~ .switch-handle {
  left: 8px;
}

.switch-pill .switch-label,
.switch.switch-3d .switch-label,
.switch-pill .switch-handle,
.switch.switch-3d .switch-handle {
  border-radius: 50em !important;
}

.switch-pill .switch-label::before,
.switch.switch-3d .switch-label::before {
  right: 2px !important;
}

.switch-pill .switch-label::after,
.switch.switch-3d .switch-label::after {
  left: 2px !important;
}

.switch-primary > .switch-input:checked ~ .switch-label {
  background: #007bff !important;
  border-color: #0062cc;
}

.switch-primary > .switch-input:checked ~ .switch-handle {
  border-color: #0062cc;
}

.switch-primary-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #007bff;
}

.switch-primary-outline > .switch-input:checked ~ .switch-label::after {
  color: #007bff;
}

.switch-primary-outline > .switch-input:checked ~ .switch-handle {
  border-color: #007bff;
}

.switch-primary-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #007bff;
}

.switch-primary-outline-alt > .switch-input:checked ~ .switch-label::after {
  color: #007bff;
}

.switch-primary-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #007bff !important;
  border-color: #007bff;
}

.switch-secondary > .switch-input:checked ~ .switch-label {
  background: #6c757d !important;
  border-color: #545b62;
}

.switch-secondary > .switch-input:checked ~ .switch-handle {
  border-color: #545b62;
}

.switch-secondary-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #6c757d;
}

.switch-secondary-outline > .switch-input:checked ~ .switch-label::after {
  color: #6c757d;
}

.switch-secondary-outline > .switch-input:checked ~ .switch-handle {
  border-color: #6c757d;
}

.switch-secondary-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #6c757d;
}

.switch-secondary-outline-alt > .switch-input:checked ~ .switch-label::after {
  color: #6c757d;
}

.switch-secondary-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #6c757d !important;
  border-color: #6c757d;
}

.switch-success > .switch-input:checked ~ .switch-label {
  background: #28a745 !important;
  border-color: #1e7e34;
}

.switch-success > .switch-input:checked ~ .switch-handle {
  border-color: #1e7e34;
}

.switch-success-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #28a745;
}

.switch-success-outline > .switch-input:checked ~ .switch-label::after {
  color: #28a745;
}

.switch-success-outline > .switch-input:checked ~ .switch-handle {
  border-color: #28a745;
}

.switch-success-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #28a745;
}

.switch-success-outline-alt > .switch-input:checked ~ .switch-label::after {
  color: #28a745;
}

.switch-success-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #28a745 !important;
  border-color: #28a745;
}

.switch-info > .switch-input:checked ~ .switch-label {
  background: #17a2b8 !important;
  border-color: #117a8b;
}

.switch-info > .switch-input:checked ~ .switch-handle {
  border-color: #117a8b;
}

.switch-info-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #17a2b8;
}

.switch-info-outline > .switch-input:checked ~ .switch-label::after {
  color: #17a2b8;
}

.switch-info-outline > .switch-input:checked ~ .switch-handle {
  border-color: #17a2b8;
}

.switch-info-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #17a2b8;
}

.switch-info-outline-alt > .switch-input:checked ~ .switch-label::after {
  color: #17a2b8;
}

.switch-info-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #17a2b8 !important;
  border-color: #17a2b8;
}

.switch-warning > .switch-input:checked ~ .switch-label {
  background: #ffc107 !important;
  border-color: #d39e00;
}

.switch-warning > .switch-input:checked ~ .switch-handle {
  border-color: #d39e00;
}

.switch-warning-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #ffc107;
}

.switch-warning-outline > .switch-input:checked ~ .switch-label::after {
  color: #ffc107;
}

.switch-warning-outline > .switch-input:checked ~ .switch-handle {
  border-color: #ffc107;
}

.switch-warning-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #ffc107;
}

.switch-warning-outline-alt > .switch-input:checked ~ .switch-label::after {
  color: #ffc107;
}

.switch-warning-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #ffc107 !important;
  border-color: #ffc107;
}

.switch-danger > .switch-input:checked ~ .switch-label {
  background: #dc3545 !important;
  border-color: #bd2130;
}

.switch-danger > .switch-input:checked ~ .switch-handle {
  border-color: #bd2130;
}

.switch-danger-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #dc3545;
}

.switch-danger-outline > .switch-input:checked ~ .switch-label::after {
  color: #dc3545;
}

.switch-danger-outline > .switch-input:checked ~ .switch-handle {
  border-color: #dc3545;
}

.switch-danger-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #dc3545;
}

.switch-danger-outline-alt > .switch-input:checked ~ .switch-label::after {
  color: #dc3545;
}

.switch-danger-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #dc3545 !important;
  border-color: #dc3545;
}

.switch-light > .switch-input:checked ~ .switch-label {
  background: #f8f9fa !important;
  border-color: #dae0e5;
}

.switch-light > .switch-input:checked ~ .switch-handle {
  border-color: #dae0e5;
}

.switch-light-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f8f9fa;
}

.switch-light-outline > .switch-input:checked ~ .switch-label::after {
  color: #f8f9fa;
}

.switch-light-outline > .switch-input:checked ~ .switch-handle {
  border-color: #f8f9fa;
}

.switch-light-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f8f9fa;
}

.switch-light-outline-alt > .switch-input:checked ~ .switch-label::after {
  color: #f8f9fa;
}

.switch-light-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #f8f9fa !important;
  border-color: #f8f9fa;
}

.switch-dark > .switch-input:checked ~ .switch-label {
  background: #343a40 !important;
  border-color: #1d2124;
}

.switch-dark > .switch-input:checked ~ .switch-handle {
  border-color: #1d2124;
}

.switch-dark-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #343a40;
}

.switch-dark-outline > .switch-input:checked ~ .switch-label::after {
  color: #343a40;
}

.switch-dark-outline > .switch-input:checked ~ .switch-handle {
  border-color: #343a40;
}

.switch-dark-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #343a40;
}

.switch-dark-outline-alt > .switch-input:checked ~ .switch-label::after {
  color: #343a40;
}

.switch-dark-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #343a40 !important;
  border-color: #343a40;
}

.table-outline {
  border: 1px solid #dee2e6;
}

.table-outline td {
  vertical-align: middle;
}

.table-align-middle td {
  vertical-align: middle;
}

.table-clear td {
  border: 0;
}

.social-box {
  min-height: 160px;
  margin-bottom: 1.5rem;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.social-box i {
  display: block;
  margin: -1px -1px 0;
  font-size: 40px;
  line-height: 90px;
  background: #e9ecef;
  border-radius: 0.25rem 0.25rem 0 0;
}

.social-box .chart-wrapper {
  height: 90px;
  margin: -90px 0 0;
}

.social-box .chart-wrapper canvas {
  width: 100% !important;
  height: 90px !important;
}

.social-box ul {
  padding: 10px 0;
  list-style: none;
}

.social-box ul li {
  display: block;
  float: left;
  width: 50%;
}

.social-box ul li:first-child {
  border-right: 1px solid #dee2e6;
}

.social-box ul li strong {
  display: block;
  font-size: 20px;
}

.social-box ul li span {
  font-size: 10px;
  font-weight: 500;
  color: #dee2e6;
  text-transform: uppercase;
}

.social-box.facebook i {
  color: #fff;
  background: #3b5998;
}

.social-box.twitter i {
  color: #fff;
  background: #00aced;
}

.social-box.linkedin i {
  color: #fff;
  background: #4875b4;
}

.social-box.google-plus i {
  color: #fff;
  background: #d34836;
}

.horizontal-bars {
  padding: 0;
  margin: 0;
  list-style: none;
}

.horizontal-bars li {
  position: relative;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}

.horizontal-bars li .title {
  width: 100px;
  font-size: 12px;
  font-weight: 600;
  color: #6c757d;
  vertical-align: middle;
}

.horizontal-bars li .bars {
  position: absolute;
  top: 15px;
  width: 100%;
  padding-left: 100px;
}

.horizontal-bars li .bars .progress:first-child {
  margin-bottom: 2px;
}

.horizontal-bars li.legend {
  text-align: center;
}

.horizontal-bars li.legend .badge {
  display: inline-block;
  width: 8px;
  height: 8px;
  padding: 0;
}

.horizontal-bars li.divider {
  height: 40px;
}

.horizontal-bars li.divider i {
  margin: 0 !important;
}

.horizontal-bars.type-2 li {
  overflow: hidden;
}

.horizontal-bars.type-2 li i {
  display: inline-block;
  margin-right: 1rem;
  margin-left: 5px;
  font-size: 18px;
  line-height: 40px;
}

.horizontal-bars.type-2 li .title {
  display: inline-block;
  width: auto;
  margin-top: -9px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 40px;
  color: #212529;
}

.horizontal-bars.type-2 li .value {
  float: right;
  font-weight: 600;
}

.horizontal-bars.type-2 li .bars {
  position: absolute;
  top: auto;
  bottom: 0;
  padding: 0;
}

.icons-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.icons-list li {
  position: relative;
  height: 40px;
  vertical-align: middle;
}

.icons-list li i {
  display: block;
  float: left;
  width: 35px !important;
  height: 35px !important;
  margin: 2px;
  line-height: 35px !important;
  text-align: center;
}

.icons-list li .desc {
  height: 40px;
  margin-left: 50px;
  border-bottom: 1px solid #dee2e6;
}

.icons-list li .desc .title {
  padding: 2px 0 0;
  margin: 0;
}

.icons-list li .desc small {
  display: block;
  margin-top: -4px;
  color: #6c757d;
}

.icons-list li .value {
  position: absolute;
  top: 2px;
  right: 45px;
  text-align: right;
}

.icons-list li .value strong {
  display: block;
  margin-top: -3px;
}

.icons-list li .actions {
  position: absolute;
  top: -4px;
  right: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.icons-list li .actions i {
  float: none;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  line-height: normal;
}

.icons-list li.divider {
  height: 40px;
}

.icons-list li.divider i {
  width: auto;
  height: auto;
  margin: 2px 0 0;
  font-size: 18px;
}

@media all and (-ms-high-contrast: none) {
  html {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.app,
app-dashboard,
app-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.app-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
}

.app-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}

.app-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-x: hidden;
}

.app-body .main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.app-body .sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.app-body .aside-menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
}

.header-fixed .app-header {
  position: fixed;
  z-index: 1020;
  width: 100%;
}

.header-fixed .app-body {
  margin-top: 55px;
}

.sidebar-hidden .sidebar {
  margin-left: -200px;
}

.sidebar-fixed .sidebar {
  position: fixed;
  z-index: 1019;
  width: 200px;
  height: calc(100vh - 55px);
}

.sidebar-fixed .main,
.sidebar-fixed .app-footer {
  margin-left: 200px;
}

.sidebar-fixed.sidebar-hidden .main,
.sidebar-fixed.sidebar-hidden .app-footer {
  margin-left: 0;
}

.sidebar-off-canvas .sidebar {
  position: fixed;
  z-index: 1019;
  height: calc(100vh - 55px);
}

@media (min-width: 992px) {
  .sidebar-compact .sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
  }

  .sidebar-compact.sidebar-hidden .sidebar {
    margin-left: -150px;
  }

  .sidebar-compact.sidebar-fixed .main,
  .sidebar-compact.sidebar-fixed .app-footer {
    margin-left: 150px;
  }

  .sidebar-compact.sidebar-fixed .sidebar {
    width: 150px;
  }

  .sidebar-compact.sidebar-fixed.sidebar-hidden .main,
  .sidebar-compact.sidebar-fixed.sidebar-hidden .app-footer {
    margin-left: 0;
  }

  .sidebar-compact .sidebar-minimizer {
    display: none;
  }

  .sidebar-minimized .sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
  }

  .sidebar-minimized.sidebar-hidden .sidebar {
    margin-left: -50px;
  }

  .sidebar-minimized.sidebar-fixed .main,
  .sidebar-minimized.sidebar-fixed .app-footer {
    margin-left: 50px;
  }

  .sidebar-minimized.sidebar-fixed .sidebar {
    width: 50px;
  }

  .sidebar-minimized.sidebar-fixed.sidebar-hidden .main,
  .sidebar-minimized.sidebar-fixed.sidebar-hidden .app-footer {
    margin-left: 0;
  }
}

.aside-menu-hidden .aside-menu {
  margin-right: -250px;
}

.aside-menu-fixed .aside-menu {
  position: fixed;
  right: 0;
  height: 100%;
}

.aside-menu-fixed .aside-menu .tab-content {
  height: calc(100vh - 2.5rem - 55px);
}

.aside-menu-fixed .main,
.aside-menu-fixed .app-footer {
  margin-right: 250px;
}

.aside-menu-fixed.aside-menu-hidden .main,
.aside-menu-fixed.aside-menu-hidden .app-footer {
  margin-right: 0;
}

.aside-menu-off-canvas .aside-menu {
  position: fixed;
  right: 0;
  z-index: 1019;
  height: 100%;
}

.aside-menu-off-canvas .aside-menu .tab-content {
  height: calc(100vh - 2.5rem - 55px);
}

.breadcrumb-fixed .main {
  padding-top: 4rem;
}

.breadcrumb-fixed .breadcrumb {
  position: fixed;
  top: 55px;
  right: 0;
  left: 0;
  z-index: 1018;
}

.breadcrumb-fixed .main:nth-child(2) .breadcrumb {
  right: 250px;
  left: 200px;
}

.breadcrumb-fixed .main:first-child .breadcrumb {
  right: 250px;
  left: 0;
}

.breadcrumb-fixed .main:last-child .breadcrumb {
  right: 0;
}

.breadcrumb-fixed.sidebar-minimized .main .breadcrumb {
  left: 50px;
}

.breadcrumb-fixed.sidebar-hidden .main .breadcrumb,
.breadcrumb-fixed.sidebar-off-canvas .main .breadcrumb {
  left: 0;
}

.breadcrumb-fixed.aside-menu-hidden .main .breadcrumb,
.breadcrumb-fixed.aside-menu-off-canvas .main .breadcrumb {
  right: 0;
}

.footer-fixed .app-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1020;
  height: 50px;
}

.footer-fixed .app-body {
  margin-bottom: 50px;
}

.app-header,
.app-footer,
.sidebar,
.main,
.aside-menu {
  -webkit-transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, -webkit-box-flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, -webkit-box-flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s;
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -webkit-box-flex 0.25s, -ms-flex 0.25s;
}

.sidebar-nav {
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
}

.breadcrumb {
  -webkit-transition: left 0.25s, right 0.25s, width 0.25s;
  transition: left 0.25s, right 0.25s, width 0.25s;
}

@media (max-width: 991.98px) {
  .app-header.navbar {
    position: fixed !important;
    z-index: 1020;
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
  }

  .app-header.navbar .navbar-toggler {
    color: #6c757d;
  }

  .app-header.navbar .navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -77.5px;
  }

  .app-body {
    margin-top: 55px;
  }

  .breadcrumb-fixed .main:nth-child(2) .breadcrumb {
    right: auto;
    left: auto;
    width: 100%;
  }

  .sidebar {
    position: fixed;
    z-index: 1019;
    width: 220px;
    height: calc(100vh - 55px);
    margin-left: -220px;
  }

  .sidebar .sidebar-nav,
  .sidebar .nav {
    width: 220px;
    min-height: calc(100vh - 55px);
  }

  .sidebar .sidebar-minimizer {
    display: none;
  }

  .main,
  .app-footer {
    margin-left: 0 !important;
  }

  .sidebar-hidden .sidebar {
    margin-left: -220px;
  }

  .sidebar-mobile-show .sidebar {
    width: 220px;
    margin-left: 0;
  }

  .sidebar-mobile-show .main {
    margin-right: -220px !important;
    margin-left: 220px !important;
  }
}

hr.transparent {
  border-top: 1px solid transparent;
}

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger,
.bg-inverse {
  color: #fff;
}

.b-a-0 {
  border: 0 !important;
}

.b-t-0 {
  border-top: 0 !important;
}

.b-r-0 {
  border-right: 0 !important;
}

.b-b-0 {
  border-bottom: 0 !important;
}

.b-l-0 {
  border-left: 0 !important;
}

.b-a-1 {
  border: 1px solid #dee2e6 !important;
}

.b-t-1 {
  border-top: 1px solid #dee2e6 !important;
}

.b-r-1 {
  border-right: 1px solid #dee2e6 !important;
}

.b-b-1 {
  border-bottom: 1px solid #dee2e6 !important;
}

.b-l-1 {
  border-left: 1px solid #dee2e6 !important;
}

.b-a-2 {
  border: 2px solid #dee2e6 !important;
}

.b-t-2 {
  border-top: 2px solid #dee2e6 !important;
}

.b-r-2 {
  border-right: 2px solid #dee2e6 !important;
}

.b-b-2 {
  border-bottom: 2px solid #dee2e6 !important;
}

.b-l-2 {
  border-left: 2px solid #dee2e6 !important;
}

@media (max-width: 575.98px) {
  .d-down-none {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .d-sm-down-none {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .d-md-down-none {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .d-lg-down-none {
    display: none !important;
  }
}

.d-xl-down-none {
  display: none !important;
}

.label-pill {
  border-radius: 1rem !important;
}

.open > a,
.show > a {
  outline: 0;
}

.navbar .dropdown-toggle .img-avatar {
  height: 35px;
  margin: 0 10px;
}

*[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}

*[dir="rtl"] ul {
  -webkit-padding-start: 0;
}

*[dir="rtl"] table tr th {
  text-align: right;
}

*[dir="rtl"] .breadcrumb-item {
  float: right;
}

*[dir="rtl"] .breadcrumb-menu {
  right: auto;
  left: 1rem;
}

*[dir="rtl"] .dropdown-item {
  text-align: right;
}

*[dir="rtl"] .dropdown-item i {
  margin-right: -10px;
  margin-left: 10px;
}

*[dir="rtl"] .dropdown-item .badge {
  right: auto;
  left: 10px;
}

*[dir="rtl"] .sidebar-hidden .sidebar {
  margin-right: -200px;
}

*[dir="rtl"] .sidebar-fixed .main,
*[dir="rtl"] .sidebar-fixed .app-footer {
  margin-right: 200px;
}

*[dir="rtl"] .sidebar-fixed.sidebar-hidden .main,
*[dir="rtl"] .sidebar-fixed.sidebar-hidden .app-footer {
  margin-right: 0;
}

*[dir="rtl"] .sidebar-minimized .sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}

*[dir="rtl"] .sidebar-minimized.sidebar-hidden .sidebar {
  margin-right: -50px;
  margin-left: 0;
}

*[dir="rtl"] .sidebar-minimized.sidebar-fixed .main,
*[dir="rtl"] .sidebar-minimized.sidebar-fixed .app-footer {
  margin-right: 50px;
}

*[dir="rtl"] .sidebar-minimized.sidebar-fixed.sidebar-hidden .main,
*[dir="rtl"] .sidebar-minimized.sidebar-fixed.sidebar-hidden .app-footer {
  margin-left: 0;
}

*[dir="rtl"] .aside-menu-hidden .aside-menu {
  margin-right: 0;
  margin-left: -250px;
}

*[dir="rtl"] .aside-menu-fixed .aside-menu {
  right: auto;
  left: 0;
}

*[dir="rtl"] .aside-menu-fixed .main,
*[dir="rtl"] .aside-menu-fixed .app-footer {
  margin-left: 250px;
}

*[dir="rtl"] .aside-menu-fixed.aside-menu-hidden .main,
*[dir="rtl"] .aside-menu-fixed.aside-menu-hidden .app-footer {
  margin-left: 0;
}

*[dir="rtl"] .aside-menu-off-canvas .aside-menu {
  position: fixed;
  right: 0;
  z-index: 1019;
  height: 100%;
}

*[dir="rtl"] .aside-menu-off-canvas .aside-menu .tab-content {
  height: calc(100vh - 2.5rem - 55px);
}

*[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link,
*[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle,
.navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle {
  direction: rtl;
}

*[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link i,
*[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle i,
.navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle i {
  margin: 0 0 0 0.5rem;
}

*[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link .badge,
*[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle .badge,
.navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle .badge {
  float: left;
  margin-top: 2px;
}

*[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link.nav-dropdown-toggle::before,
*[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before,
.navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before {
  position: absolute;
  right: auto !important;
  left: 1rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

*[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open > .nav-link.nav-dropdown-toggle::before,
*[dir="rtl"] .sidebar .sidebar-nav .nav .navbar .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before,
.navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

*[dir="rtl"] .sidebar-minimized .sidebar .nav-link,
*[dir="rtl"] .sidebar-minimized .sidebar .navbar .dropdown-toggle,
.navbar *[dir="rtl"] .sidebar-minimized .sidebar .dropdown-toggle {
  padding-right: 0;
}

*[dir="rtl"] .sidebar-minimized .sidebar .nav-link i,
*[dir="rtl"] .sidebar-minimized .sidebar .navbar .dropdown-toggle i,
.navbar *[dir="rtl"] .sidebar-minimized .sidebar .dropdown-toggle i {
  float: right;
  padding: 0;
  margin: 0;
}

*[dir="rtl"] .sidebar-minimized .sidebar .nav-link .badge,
*[dir="rtl"] .sidebar-minimized .sidebar .navbar .dropdown-toggle .badge,
.navbar *[dir="rtl"] .sidebar-minimized .sidebar .dropdown-toggle .badge {
  right: auto;
  left: 15px;
}

*[dir="rtl"] .sidebar-minimized .sidebar .nav > .nav-dropdown:hover > .nav-dropdown-items {
  right: 50px;
  left: 0;
}

*[dir="rtl"] .horizontal-bars li .bars {
  padding-right: 100px;
  padding-left: 0;
}

*[dir="rtl"] .horizontal-bars li .bars .progress:first-child {
  margin-bottom: 2px;
}

*[dir="rtl"] .horizontal-bars.type-2 li i {
  margin-right: 5px;
  margin-left: 1rem;
}

*[dir="rtl"] .horizontal-bars.type-2 li .value {
  float: left;
  font-weight: 600;
}

*[dir="rtl"] .horizontal-bars.type-2 li .bars {
  padding: 0;
}

*[dir="rtl"] .icons-list li {
  position: relative;
  height: 40px;
  vertical-align: middle;
}

*[dir="rtl"] .icons-list li i {
  float: right;
}

*[dir="rtl"] .icons-list li .desc {
  margin-right: 50px;
  margin-left: 0;
}

*[dir="rtl"] .icons-list li .value {
  right: auto;
  left: 45px;
  text-align: left;
}

*[dir="rtl"] .icons-list li .value strong {
  display: block;
  margin-top: -3px;
}

*[dir="rtl"] .icons-list li .actions {
  right: auto;
  left: 10px;
}

*[dir="rtl"] .callout {
  border: 0 solid #dee2e6;
  border-right-width: .25rem;
}

*[dir="rtl"] .callout.callout-primary {
  border-right-color: #007bff;
}

*[dir="rtl"] .callout.callout-secondary {
  border-right-color: #6c757d;
}

*[dir="rtl"] .callout.callout-success {
  border-right-color: #28a745;
}

*[dir="rtl"] .callout.callout-info {
  border-right-color: #17a2b8;
}

*[dir="rtl"] .callout.callout-warning {
  border-right-color: #ffc107;
}

*[dir="rtl"] .callout.callout-danger {
  border-right-color: #dc3545;
}

*[dir="rtl"] .callout.callout-light {
  border-right-color: #f8f9fa;
}

*[dir="rtl"] .callout.callout-dark {
  border-right-color: #343a40;
}

*[dir="rtl"] .callout .chart-wrapper {
  left: 0;
  float: left;
}

*[dir="rtl"] .callout-default {
  border-right-color: #6c757d;
}

.admin-header-main {
  padding: 0;
}

.admin-header-main .navbar-brand img {
  height: 42px;
}

.admin-header-main ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: table;
}

.admin-header-main ul li {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-table;
  margin: -10px 0;
}

.admin-header-main ul li .dropdown {
  padding: 0;
}

.admin-header-main ul li .dropdown .dropdown-menu {
  padding: 0;
}

.admin-header-main ul li .dropdown a.dropdown-toggle {
  padding: 35px 20px;
  color: #4D4D4D;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  display: block;
  text-transform: none;
}

.admin-header-main ul li .dropdown a.dropdown-toggle:hover {
  color: white;
}

.admin-header-main ul li .dropdown .dropdown-item {
  color: #4D4D4D;
  padding: 10px 25px;
}

.admin-header-main ul li .dropdown .dropdown-item:hover {
  color: white;
  background-color: #775ca7;
}

.admin-header-main ul li a {
  color: #4D4D4D;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  display: block;
  padding: 30px 30px;
}

.admin-header-main ul li a:hover {
  text-decoration: none;
}

.admin-header-main ul li img {
  height: 50px;
  width: 50px;
  display: inline-table;
  border-radius: 50%;
}

.admin-header-main ul li:hover {
  background-color: #775ca7;
}

.admin-header-main ul li:hover .dropdown a.dropdown-toggle {
  color: white;
}

.admin-header-main ul li:hover a {
  color: white;
}

.admin-header-main ul li:last-child a {
  padding-right: 0;
}

.admin-header-main ul li:last-child:hover {
  background-color: transparent;
}

.admin-head-btns {
  padding: 20px 0;
}

.admin-head-btns a {
  display: inline-table;
  color: #775ca7;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
}

.admin-head-btns a:hover {
  text-decoration: none;
}

.admin-head-btns form {
  margin-left: auto;
  margin-right: 0;
  margin-top: -4px;
}

.admin-head-btns input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  color: white;
  background-color: #775ca7;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  float: right;
  cursor: pointer;
}

.admin-head-btns .report-analytics {
  text-transform: uppercase;
  color: cornflowerblue;
  border: 1px solid cornflowerblue;
  padding: 6px 12px;
}

.admin-user-info-div {
  padding-bottom: 50px;
}

.admin-user-info-div span {
  display: table;
  color: black;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
}

.admin-user-info-div p {
  margin: 0;
  color: #808080;
  font-family: inter, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  word-break: break-word;
}

.admin-user-info-div p a {
  color: #775ca7;
}

.admin-user-info-div .selectric-selectric {
  border: 1px solid #808080;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.admin-user-info-div .selectric-selectric .selectric {
  background: none;
}

.admin-user-info-div .selectric-selectric .selectric span {
  color: #808080;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.admin-user-info-div .selectric-selectric .selectric b:after {
  border-top-color: #808080;
}

.admin-user-info-div .selectric-selectric .selectric-items li {
  color: black;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
}

.admin-user-info-div .selectric-selectric .selectric-items li:hover {
  background-color: #D1D3D4;
}

.admin-user-info-div .selectric-selectric .selectric-items li.highlighted {
  background-color: #808080;
  color: white;
}

.admin-user-info-div a:hover {
  text-decoration: none;
}

.admin-message-bar .btn-message {
  border: 0;
  color: #fff;
  background: #775da7;
  padding: 8px 20px;
}

.admin-message-bar .btn-message span {
  padding: 5px;
}

.admin-message-bar .modal-header {
  color: #fff;
  background: #775da7;
}

.admin-message-bar #sendMessageModal #btn-chat {
  padding: 0.5rem 1.5rem;
  color: #fff;
  background: #775da7;
}

.admin-message-bar .modal-body li {
  list-style: none;
  border-bottom: none;
}

.admin-message-bar .modal-body .chat {
  overflow-y: scroll;
  height: 340px;
  padding: 0;
}

.admin-message-bar .modal-body .chat .p-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 60%;
  color: #63646d;
  background: #c5c9e6;
  padding: 5px 20px;
  border-radius: 0px 13px 13px 13px;
}

.admin-message-bar .modal-body .chat .p-message-companion {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #ffffff;
  max-width: 60%;
  background: #f96854;
  padding: 5px 20px;
  border-radius: 13px 13px 0px 13px;
}

.admin-message-bar .modal-body .chat .left {
  margin: 10px;
}

td.admin-user-info-div .selectric-selectric {
  margin-top: -20px;
  width: 150px;
}

.admin-user-info-div.admin-user-info-div-col-4 {
  text-align: center;
}

.admin-user-info-div.admin-user-info-div-col-4 span {
  margin: auto;
}

.admin-user-info-div.admin-user-info-div-col-4 p {
  font-size: 2rem;
}

.admin-user-info-div.admin-user-info-div-selectric {
  padding-bottom: 35px;
}

.second-line-admin-user-settings img {
  width: 150px;
  height: 150px;
  display: table;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.second-line-admin-user-settings span {
  display: table;
  color: black;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
}

.second-line-admin-user-settings p {
  margin: 0;
  color: #808080;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  word-wrap: break-word;
}

.second-line-admin-user-settings a {
  margin: 0;
  color: #775ca7;
  font-family: inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  word-wrap: break-word;
}

.company-single-mobile-paddings {
  padding: 40px 20px;
}

@media (max-width: 767px) {
  .company-single-mobile-paddings {
    padding: 40px 0;
  }

  .company-single-mobile-paddings .company-single-mobile-paddings-inner {
    padding: 0;
  }
}

.admin-table-container.admin-users-container td {
  position: relative;
}

.admin-table-container.admin-users-container td input[type='checkbox'] {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
}

.update-tc-ads-btn {
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  text-transform: uppercase;
  color: cornflowerblue;
  display: block;
  text-align: center;
}

.update-tc-ads-btn:hover {
  text-decoration: none;
}

.admin-index-block-head {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #D1D3D4;
}

.admin-index-block-head span {
  font-family: inter, sans-serif;
  font-size: 1.2rem;
  color: #775ca7;
  font-weight: 500;
}

.admin-index-block-head a {
  margin-right: 0;
  margin-left: auto;
  color: #D1D3D4;
}

.admin-index-block-div .col-12 .admin-user-info-div {
  padding-bottom: 16px;
}

.admin-index-block-div {
  height: 100%;
  background-color: white;
  padding: 20px;
}

.admin-index-block-div .poll-index-page {
  padding-top: 0;
  margin-top: 0;
}

.admin-index-block-div .poll-index-page h5 {
  display: none;
}

.admin-index-block-div .admin-user-info-div {
  padding-bottom: 30px;
}

.admin-index-block-div .admin-user-info-div.admin-user-info-div-padding-bottom {
  padding-bottom: 0;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-sub-title-div > span {
  font-size: .7rem;
  color: #808080;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-sub-title-div > span a {
  color: #775ca7;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-sub-title-div > div {
  margin-left: auto;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-sub-title-div > div a {
  display: inline-table;
  color: black;
  font-family: inter, sans-serif;
  font-size: .7rem;
  font-weight: 500;
  border-right: 1px solid;
  padding-right: 10px;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-sub-title-div > div form {
  display: inline-table;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-sub-title-div > div input[type="submit"] {
  display: inline-table;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  color: black;
  font-family: inter, sans-serif;
  font-size: .7rem;
  font-weight: 500;
  background: none;
  cursor: pointer;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-body-div > a {
  display: table;
  color: black;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  padding: 0 0 4px 0;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-body-div > div span:nth-of-type(1) {
  margin-top: -1px;
  color: black;
  font-family: inter, sans-serif;
  font-style: italic;
  font-size: .7rem;
  font-weight: 500;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-body-div > div span:nth-of-type(1) a {
  color: black;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-body-div > div span:nth-of-type(2) {
  font-size: .7rem;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-body-div.editors-body-div-wide a {
  max-width: 80%;
  font-size: .9rem;
  color: #808080;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-body-div.editors-body-div-wide span {
  text-transform: uppercase;
  margin-left: auto;
  font-size: .7rem;
  color: black;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-body-div.editors-body-div-wide span.not-approved {
  color: #775ca7;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-body-div.editors-body-div-wide span.approved {
  color: green;
}

.admin-index-block-div .admin-user-info-div.editors-edit-block .editors-body-div.editors-body-div-wide span.rejected {
  color: #F6685A;
}

.admin-search-article-block {
  background-color: #775ca7;
  margin-top: 20px;
  display: none;
}

form .admin-form-first-line-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

form .admin-form-first-line-container .form-check {
  padding-bottom: 15px;
  margin-left: 20px;
}

form .admin-form-first-line-container .form-check label {
  color: white;
  font-family: inter, sans-serif;
  font-weight: 500;
}

form .search-form-admin-div {
  max-width: 400px;
  border-bottom: 2px solid white;
  margin-bottom: 20px;
  padding-top: 10px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}

form .search-form-admin-div span {
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  color: white;
  opacity: .6;
  display: table;
}

form .search-form-admin-div input[type="text"] {
  width: 400px;
  background: none;
  outline: none;
  border: none;
  color: white;
  font-family: inter, sans-serif;
  font-weight: 500;
  margin-top: 3px;
}

.search-form-admin-div-second-line {
  padding-bottom: 20px;
}

.search-form-admin-div-second-line .search-form-admin-div {
  width: 18%;
  display: inline-table;
  border-bottom: 2px solid white;
}

.search-form-admin-div-second-line .search-form-admin-div > span {
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  color: white;
  opacity: .6;
  display: table;
}

.search-form-admin-div-second-line .search-form-admin-div input[type="text"] {
  width: 100%;
  background: none;
  outline: none;
  border: none;
  color: white;
  font-family: inter, sans-serif;
  font-weight: 500;
  margin-top: 3px;
}

.search-form-admin-div-second-line .search-form-admin-div input[type="text"]::-webkit-input-placeholder {
  color: white;
  opacity: .5;
}

.search-form-admin-div-second-line .search-form-admin-div input[type="text"]::-ms-input-placeholder {
  color: white;
  opacity: .5;
}

.search-form-admin-div-second-line .search-form-admin-div input[type="text"]::placeholder {
  color: white;
  opacity: .5;
}

.search-form-admin-div-second-line .search-form-admin-div input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  font-family: inter, sans-serif;
  font-size: .8rem;
  color: white;
  background-color: #4f3f70;
  font-weight: 500;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
  margin-top: 3px;
}

.search-form-admin-div-second-line > div > div:last-child {
  border-bottom: none;
}

.search-form-admin-div-second-line .selectric-selectric {
  margin-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.search-form-admin-div-second-line .selectric-selectric .selectric {
  background: transparent;
}

.search-form-admin-div-second-line .selectric-selectric .selectric span {
  margin-left: 0;
  opacity: 1;
}

.admin-search-error-message {
  text-align: center;
  font-family: inter, sans-serif;
  font-size: 1.4rem;
  color: #775ca7;
  font-style: italic;
  font-weight: 500;
  padding-top: 20px;
}

#search-user-export {
  float: right;
  display: inline-table;
}

#search-user-export input[type="submit"] {
  text-decoration: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  text-transform: uppercase;
  color: cornflowerblue;
  background-color: transparent;
  cursor: pointer;
}

.ads-card {
  border: 1px solid #EEEEEE;
  border-radius: 10px;
}

.ads-card .wrapper-card-info .title a {
  text-decoration: none;
  font-size: 28px;
  font-weight: 500;
  color: #232323;
  line-height: 120%;
}

@media (max-width: 768px) {
  .ads-card .wrapper-card-info .title a {
    font-size: 22px;
  }
}

@media (max-width: 414px) {
  .ads-card .wrapper-card-info .title a {
    font-size: 18px;
  }
}

.ads-card .wrapper-card-info .subtitle {
  font-size: 18px;
}

@media (max-width: 576px) {
  .ads-card .wrapper-card-info .subtitle {
    font-size: 16px !important;
  }
}

@media (max-width: 414px) {
  .ads-card .wrapper-card-info .subtitle {
    font-size: 14px !important;
  }
}

.ads-card .wrapper-card-info .author-and-date p {
  font-size: 20px;
}

@media (max-width: 576px) {
  .ads-card .wrapper-card-info .author-and-date p {
    font-size: 16px !important;
  }
}

@media (max-width: 414px) {
  .ads-card .wrapper-card-info .author-and-date p {
    font-size: 14px !important;
  }
}

.ads-card .wrapper-card-info .total-button {
  border-radius: 6px;
  border: none;
  width: 25%;
  padding: 10px 20px;
  background: #fff;
  color: #232323;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .ads-card .wrapper-card-info .total-button {
    width: 50%;
    padding: 5px 10px;
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .ads-card .wrapper-card-info .total-button {
    margin-bottom: 10px;
    margin-right: 2px;
  }
}

.ads-card .admin-classifieds-card {
  position: relative;
}

.ads-card .admin-classifieds-card .popup-details {
  display: none;
  z-index: 2;
  position: absolute;
  top: 15px;
  right: 35px;
  max-width: 150px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 3px rgba(23, 23, 23, 0.18);
          box-shadow: 0 0 3px rgba(23, 23, 23, 0.18);
}

.ads-card .admin-classifieds-card .popup-details button {
  font-weight: 600;
  font-size: 18px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #3E3E3E;
  border-bottom: 1px solid #F0F0F0;
  width: 100%;
  padding: 7px;
}

.ads-card .admin-classifieds-card .popup-details button a {
  font-weight: 600;
  font-size: 18px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #3E3E3E;
  text-decoration: none;
}

.ads-cards-wrapper {
  position: relative;
}

section .reject-reason {
  max-width: 700px;
}

.reject-reason {
  border-radius: 6px;
  width: 100%;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  padding: 0px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  z-index: 3;
  left: 50%;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px rgba(23, 23, 23, 0.4);
          box-shadow: 0 0 3px rgba(23, 23, 23, 0.4);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.reject-reason .reject-title {
  font-size: 32px;
  font-weight: 500;
  color: #232323;
  text-align: left;
  margin-bottom: 30px;
}

.reject-reason .fa-times {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 22px;
  cursor: pointer;
}

.reject-reason form {
  position: relative;
  width: 100%;
}

.reject-reason form .reject-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.reject-reason form .reject-controls .reject-reason-input {
  width: 100%;
  height: 40px;
  margin-right: 10px;
}

.reject-reason form .reject-controls .btn-reject {
  width: 100%;
  max-width: 200px;
  height: 40px;
  border: none;
  background-color: #775ca7;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.slider-admin-classifieds {
  visibility: visible !important;
  opacity: 1 !important;
}

.ad-card-view-wrapper {
  max-width: 1500px;
  width: 100%;
}

@media (max-width: 768px) {
  .ad-card-view-wrapper .ad-card-view {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

.ad-card-view-wrapper .ad-card-view section {
  position: relative;
}

.ad-card-view-wrapper .ad-card-view section .total {
  width: 100%;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info {
  padding-left: 25px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-bottom: 30px;
}

@media (max-width: 1200px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info {
    padding: 0 15px 30px 15px;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .date {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

@media (max-width: 768px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .date {
    color: #9B9B9B;
    margin-top: 24px;
    margin-bottom: 11px;
  }
}

@media (max-width: 414px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .date {
    font-size: 12px;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .name {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
}

@media (max-width: 414px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .name {
    font-size: 24px;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-title {
  font-size: 24px;
  color: #000000;
  font-weight: 700;
  padding-bottom: 10px;
}

@media (max-width: 414px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .details-title {
    font-size: 14px;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 5px;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-text {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .details-text {
    color: #3e3e3e;
  }
}

@media (max-width: 414px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .details-text {
    font-size: 12px;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 50px 10px 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  max-width: 450px;
  width: 100%;
}

@media (max-width: 414px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .details-card {
    padding: 10px 25px 5px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 350px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .details-card {
    max-width: 290px;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .image .image-photo {
  max-width: 150px;
  height: auto;
  width: 100%;
  border-radius: 50%;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 5px;
}

@media (max-width: 414px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .name {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
}

@media (max-width: 414px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .name {
    font-size: 18px;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .location a {
  color: #515151;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 18px;
}

@media (max-width: 414px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .location a {
    font-size: 16px;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .location a:hover {
  color: #4a3563;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .location .location-info {
  color: #8c8c8c;
  font-size: 14px;
  margin-left: 10px;
  font-weight: 500;
}

@media (max-width: 414px) {
  .ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .location .location-info {
    font-size: 12px;
  }
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .card-button:hover {
  background-color: #4a3563;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .card-button {
  width: 90%;
  height: 30px;
  border-radius: 10px;
  background-color: #5f487b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 10px 0 15px 0;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .card-button a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .card-social {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .card-social a:hover {
  color: #4a3563;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .card-social a {
  color: #b9b9b9;
  width: 14px;
  height: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .card-social a i,
.ad-card-view-wrapper .ad-card-view .wrapper-info .details-card .info .card-social a svg {
  width: 1.175em;
  height: 1.175em;
}

.total-buttons-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.total-buttons-group .total-button {
  height: 40px;
  width: 24%;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  padding: 5px 20px;
  background-color: #775ca7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .total-buttons-group .total-button {
    width: 48%;
    margin-bottom: 15px;
  }
}

@media (max-width: 414px) {
  .total-buttons-group .total-button {
    width: 100%;
  }
}

.alert-error {
  background-color: #f40000;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.slick-active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 414px) {
  .gallery-carousel {
    max-width: 300px;
    width: 100%;
  }
}

@media (max-width: 375px) {
  .gallery-carousel {
    max-width: 250px;
  }
}

@media (max-width: 340px) {
  .gallery-carousel {
    max-width: 220px;
  }
}

.admin-classifieds-card .author-and-date .fa-times {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  color: #8A8A8A;
  max-width: 17px;
  width: 100%;
}

.featured-flag {
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.featured-flag::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border: 20px solid transparent;
  border-left: 20px solid #775ca7;
  border-top: 20px solid #775ca7;
}

.error-message {
  font-size: 14px;
  font-weight: 300;
  color: #F7685A;
  margin-left: 5px;
}

.admin-head-btns-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.admin-head-btns-tabs a {
  display: inline-table;
  font-family: inter, sans-serif;
  font-size: 1.2rem;
  color: #D1D3D4;
  font-weight: 500;
  margin-right: 30px;
}

.admin-head-btns-tabs a:hover {
  text-decoration: none;
}

.admin-head-btns-tabs a.active {
  color: black;
}

.admin-head-btns-tabs .mass-delete-button {
  margin-left: auto;
  margin-right: 0;
  color: black;
}

.admin-head-btns-tabs .mass-delete-button.disabled {
  color: #D1D3D4;
  pointer-events: none;
}

.admin-table-background {
  background-color: white;
}

.admin-table-container {
  display: table;
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
}

.admin-table-container > a {
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  text-transform: uppercase;
  color: cornflowerblue;
  float: right;
  margin-top: 20px;
  margin-bottom: -10px;
  display: table;
}

.admin-table-container > a:hover {
  text-decoration: none;
}

.admin-table-container table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 20px;
}

.admin-table-container table th {
  width: 16.66666667%;
  color: black;
  font-family: inter, sans-serif;
  font-size: .8rem;
  font-weight: 500;
}

.admin-table-container table td {
  width: 16.66666667%;
  font-family: inter, sans-serif;
  font-size: .8rem;
  color: #808080;
  font-weight: 500;
}

.admin-table-container table td a {
  color: #808080;
}

.admin-table-container table td a:hover {
  text-decoration: none;
}

.admin-table-container table td a.admin-table-sender {
  color: #775ca7;
}

.admin-table-container table td.amount-class {
  color: green;
}

.admin-table-container.admin-posts-container th {
  width: 10%;
  white-space: nowrap;
  padding: 0 10px;
}

.admin-table-container.admin-posts-container th:nth-of-type(1) {
  width: 30%;
  padding-left: 0;
}

.admin-table-container.admin-posts-container th:nth-of-type(8) {
  padding-right: 0;
}

.admin-table-container.admin-posts-container td {
  width: 10%;
  white-space: pre-wrap;
  padding: 0 10px;
}

.admin-table-container.admin-posts-container td > span {
  color: #808080;
  margin-top: -20px;
}

.admin-table-container.admin-posts-container td:nth-of-type(1) {
  width: 30%;
  padding-left: 0;
}

.admin-table-container.admin-posts-container td:nth-of-type(4) {
  line-height: 10px;
}

.admin-table-container.admin-posts-container td:nth-of-type(8) {
  padding-right: 0;
}

.admin-table-container.admin-users-container th {
  width: 12.5%;
  padding: 0 10px;
}

.admin-table-container.admin-users-container th:nth-of-type(1) {
  width: 12.5%;
  padding-left: 0;
}

.admin-table-container.admin-users-container th:nth-of-type(8) {
  width: 12.5%;
  padding-right: 0;
}

.admin-table-container.admin-users-container td {
  width: 12.5%;
  padding: 0 10px;
}

.admin-table-container.admin-users-container td:nth-of-type(1) {
  width: 12.5%;
  padding-left: 0;
}

.admin-table-container.admin-users-container td:nth-of-type(8) {
  width: 12.5%;
  padding-right: 0;
}

.admin-user-info-div.admin-donations-col-4 {
  margin-top: 30px;
  padding-bottom: 0;
}

.admin-user-info-div.admin-donations-col-4 p {
  font-size: 3rem;
  color: #775ca7;
}

.admin-table-container.admin-analytics-table tr th {
  font-size: 1rem;
  padding-right: 10px;
  text-align: center;
}

.admin-table-container.admin-analytics-table tr th:last-child {
  padding-right: 0;
}

.admin-table-container.admin-analytics-table tr td {
  font-size: 1rem;
  padding-right: 10px;
  text-align: center;
  color: #775ca7;
}

.admin-table-container.admin-analytics-table tr td:first-child {
  color: black;
  text-align: start;
}

.admin-table-container.admin-analytics-table tr td:last-child {
  padding-right: 0;
}

.form_datetime {
  margin-bottom: 20px;
}

.form_datetime input[type="text"] {
  width: 300px;
  height: 30px;
  display: inline-table;
  cursor: pointer;
}

.form_datetime span.add-on {
  height: 120px;
  width: 20px;
  margin-left: 10px;
  cursor: pointer;
}

div.datetimepicker {
  padding: 20px;
}

div.datetimepicker th {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
}

div.datetimepicker td {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
  padding: 5px !important;
}

div.datetimepicker td.active,
div.datetimepicker span.hour.active,
div.datetimepicker span.minute.active,
div.datetimepicker span.month.active {
  background-image: none !important;
  background-color: #775ca7 !important;
}

div.datetimepicker span.hour,
div.datetimepicker span.minute {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: .9rem;
}

#post-show-p {
  font-family: inter, sans-serif;
  font-weight: 200;
  font-size: 1rem;
}

#publish-locked-date {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: red;
}

#js-calendar {
  margin: 20px 0;
}

.fc-header-toolbar h2 {
  font-family: inter, sans-serif;
  font-size: 2rem;
  font-weight: 500;
}

.fc-next-button.fc-button,
.fc-prev-button.fc-button,
.fc-today-button.fc-button {
  background: #775ca7;
  color: white;
  text-transform: uppercase;
  font-family: inter, sans-serif;
}

.fc-day-header span {
  font-family: inter, sans-serif;
  font-weight: 500;
}

.fc-day-top span {
  font-family: inter, sans-serif;
  font-weight: 200;
}

.fc-event-container > a {
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: inter, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 24px !important;
  background-color: #775ca7;
}

@font-face {
  font-family: 'Merriweather';
  src: url(/fonts/Merriweather-Light.ttf?9341552d8cbfd150ac426cbd065c51a0) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url(/fonts/Merriweather-Regular.ttf?c97a9fc29652bb4afcdac68020e5d0f7) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url(/fonts/Merriweather-Bold.ttf?9ccb885c9cf8e503d557f15e0b2cbf24) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Light.ttf?2fe27d9d10cdfccb1baef28a45d5ba90) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Regular.ttf?2d36b1a925432bae7f3c53a340868c6e) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url(/fonts/Lato-Bold.ttf?85d339d916479f729938d2911b85bf1f) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DarkerGrotesque';
  src: url(/fonts/DarkerGrotesque-Light.ttf?9f819a2862dfb2bf609fad7f1da95251) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DarkerGrotesque';
  src: url(/fonts/DarkerGrotesque-Regular.ttf?070be1837e50c22918ede2d56682a54b) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DarkerGrotesque';
  src: url(/fonts/DarkerGrotesque-Medium.ttf?0385c698709eca7927b4a2fdc4e93091) format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DarkerGrotesque';
  src: url(/fonts/DarkerGrotesque-SemiBold.ttf?bb7cc99a8f763200a792b955d5930855) format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DarkerGrotesque';
  src: url(/fonts/DarkerGrotesque-Bold.ttf?6bdb91d40d374589dc304be414853da8) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DarkerGrotesque';
  src: url(/fonts/DarkerGrotesque-ExtraBold.ttf?36ee938ad4c970fc2823a7c1897c69c6) format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DarkerGrotesque';
  src: url(/fonts/DarkerGrotesque-Black.ttf?aa80abf051435aefd2641a2ec0ab508d) format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'S\F6hne';
  src: url(/fonts/soehne-kraftig.woff2?4d1eb63d57232a112b0279088341a624) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'S\F6hne';
  src: url(/fonts/soehne-kraftig-kursiv.woff2?2913792bcac4938e1cab81b6f1131c4b) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'S\F6hne';
  src: url(/fonts/soehne-leicht.woff2?074f4138e6a06a1fddc221fc8e5786c8) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'S\F6hne';
  src: url(/fonts/soehne-leicht-kursiv.woff2?2707cb65ac59775d58cb39fba83db29b) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

body {
  margin: 0;
  padding: 0;
  font-family: inter, sans-serif;
  background-color: #F8F9FB;
}

.main {
  min-height: calc(100vh - 296px);
}

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

p {
  margin: 0;
}

h1 {
  font-size: 72px;
  letter-spacing: 0.4px;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 40px;
}

h4 {
  font-size: 32px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 16px;
}

a {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
}

button {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  background-color: transparent;
}

button:focus {
  outline: none;
}

.wrapper-content {
  max-width: 1195px !important;
}

.wrapper-checkout-content {
  min-height: calc(100vh - 369px);
}

.p-xy-5 {
  padding: 5px !important;
}

.p-x-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.p-y-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-xy-10 {
  padding: 10px !important;
}

.p-x-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.p-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-xy-15 {
  padding: 15px !important;
}

.p-x-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.p-y-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-xy-20 {
  padding: 20px !important;
}

.p-x-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.p-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-xy-25 {
  padding: 25px !important;
}

.p-x-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.p-y-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-xy-30 {
  padding: 30px !important;
}

.p-x-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.p-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-xy-40 {
  padding: 40px !important;
}

.p-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.p-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-xy-70 {
  padding: 70px !important;
}

.p-x-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.p-y-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.p-t-70 {
  padding-top: 70px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.p-l-70 {
  padding-left: 70px !important;
}

.p-r-70 {
  padding-right: 70px !important;
}

.p-xy-100 {
  padding: 100px !important;
}

.p-x-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.p-y-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

.p-xy-0 {
  padding: 0 !important;
}

.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.m-xy-5 {
  margin: 5px !important;
}

.m-x-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.m-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-xy-10 {
  margin: 10px !important;
}

.m-x-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.m-y-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-xy-15 {
  margin: 15px !important;
}

.m-x-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.m-y-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-xy-20 {
  margin: 20px !important;
}

.m-x-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.m-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-xy-25 {
  margin: 25px !important;
}

.m-x-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.m-y-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-xy-30 {
  margin: 30px !important;
}

.m-x-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.m-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-90 {
  margin-bottom: 90px !important;
}

.m-xy-0 {
  margin: 0 !important;
}

.m-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.color-main {
  color: #000000 !important;
}

.color-white {
  color: #ffffff !important;
}

.color-muted {
  color: #ee5a5a !important;
}

.color-error {
  color: #F6685A !important;
}

.color-light-green {
  color: #5ed4c8 !important;
}

.color-green {
  color: #76b4a0 !important;
}

.color-purple {
  color: #775CA7 !important;
}

.color-purple-light {
  color: #b185ff;
}

.color-link {
  color: #2680eb;
}

.disabled-color {
  color: #8A8A8A;
}

.color-gray {
  color: #EBF0F4;
}

.category-color {
  color: #6c757d;
}

.description-color {
  color: #707070;
}

.gray-text-color {
  color: #a0a0a0;
}

.gray-dark-color {
  color: #808080;
}

.reg-link-color {
  color: #58667E;
}

.reg-link-color:hover {
  color: #58667E;
}

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

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

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

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

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

.fw-800 {
  font-weight: 800 !important;
}

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

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

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

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

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

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

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

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

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

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

.primary-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(15%, #ffffff), color-stop(80%, #ffffff), to(rgba(0, 0, 0, 0.65)));
  background: linear-gradient(to bottom, #000000, #ffffff 15%, #ffffff 80%, rgba(0, 0, 0, 0.65));
}

.temp-bg-gray {
  background-color: #f5f5f5;
}

.white-bg-color {
  background-color: #ffffff !important;
}

.shop-bg-color {
  background-color: rgba(245, 245, 245, 0.4);
}

.cart-notif-color {
  background-color: #cfeede;
}

.shop-dark-bg-color {
  background-color: #f2f2f2;
}

.white-light-color {
  background-color: #FBFBFB !important;
}

.purple-bg-color {
  background-color: #775CA7;
}

.footer-bg-color {
  background-color: #79698d;
}

.nav-bg-first {
  background-color: #b968c7;
}

.nav-bg-second {
  background-color: #F96854;
}

.nav-bg-third {
  background-color: #5ed4c8;
}

.default-description {
  font-family: inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.bottom-description,
.textarea-description {
  font-family: inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 576px) {
  .bottom-description,
  .textarea-description {
    text-align: center;
  }
}

@media (max-width: 325px) {
  .bottom-description,
  .textarea-description {
    padding: 0 10px;
  }
}

.textarea-description {
  position: absolute;
  bottom: 20px;
}

.wrapper-top-text .description {
  width: 100%;
  max-width: 420px;
  text-align: center;
  font-family: inter, sans-serif;
}

@media (max-width: 375px) {
  .wrapper-top-text .description {
    max-width: 300px;
  }
}

.wrapper-top-text .market-title {
  font-family: inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: #292929;
}

.wrapper-top-text .title {
  text-align: center;
}

.cart-item-description {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #707070;
}

.l-height-1 {
  line-height: 1;
}

.registration-page,
.login {
  padding: 0 20px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /*	@media screen and (max-width: 1150px) {
			flex-direction: column;
		}*/
}

.registration-page .register-circle-wrapper,
.login .register-circle-wrapper {
  position: relative;
  width: 100%;
  height: 610px;
  margin: auto;
}

@media (max-width: 1100px) {
  .registration-page .register-circle-wrapper,
  .login .register-circle-wrapper {
    display: none;
  }
}

.registration-page .register-circle-wrapper .register-circle,
.login .register-circle-wrapper .register-circle {
  border-radius: 50%;
  background: #f6f6fb;
  height: 110%;
  width: 130%;
  position: absolute;
  top: -30px;
  left: -25px;
  padding: 50px;
}

.registration-page .register-circle-wrapper .register-circle.login-circle,
.login .register-circle-wrapper .register-circle.login-circle {
  height: 105%;
  top: -20px;
}

@media (max-width: 1460px) {
  .registration-page .register-circle-wrapper .register-circle.login-circle,
  .login .register-circle-wrapper .register-circle.login-circle {
    height: 90%;
    width: 110%;
    top: 45px;
    left: 0;
  }
}

@media (max-width: 1270px) {
  .registration-page .register-circle-wrapper .register-circle.login-circle,
  .login .register-circle-wrapper .register-circle.login-circle {
    height: 75%;
    width: 100%;
    top: 85px;
    left: 10px;
  }
}

@media (max-width: 1460px) {
  .registration-page .register-circle-wrapper .register-circle,
  .login .register-circle-wrapper .register-circle {
    height: 90%;
    width: 110%;
    top: 45px;
    left: 0;
  }
}

@media (max-width: 1270px) {
  .registration-page .register-circle-wrapper .register-circle,
  .login .register-circle-wrapper .register-circle {
    height: 80%;
    width: 100%;
    top: 70px;
    left: 10px;
  }
}

.registration-page .register-circle-wrapper .register-circle__middle,
.login .register-circle-wrapper .register-circle__middle {
  background: #f1f0fb;
  height: 100%;
  border-radius: 50%;
  padding: 50px;
}

@media (max-width: 768px) {
  .registration-page .register-circle-wrapper .register-circle__middle,
  .login .register-circle-wrapper .register-circle__middle {
    padding: 25px;
  }
}

.registration-page .register-circle-wrapper .register-circle__inner,
.login .register-circle-wrapper .register-circle__inner {
  background: #edeafb;
  height: 100%;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.registration-page .register-circle-wrapper .register-circle__title,
.login .register-circle-wrapper .register-circle__title {
  font-size: 32px;
  margin: 24px 0;
  text-align: center;
}

@media (max-width: 1270px) {
  .registration-page .register-circle-wrapper .register-circle__title,
  .login .register-circle-wrapper .register-circle__title {
    font-size: 24px;
    margin: 12px 0;
  }
}

.registration-page .register-circle-wrapper .register-circle__text,
.login .register-circle-wrapper .register-circle__text {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}

@media (max-width: 1270px) {
  .registration-page .register-circle-wrapper .register-circle__text,
  .login .register-circle-wrapper .register-circle__text {
    font-size: 14px;
  }
}

.registration-page .register-circle-wrapper .register-circle .register-logo,
.login .register-circle-wrapper .register-circle .register-logo {
  width: 44px;
}

@media (max-width: 768px) {
  .registration-page .register-circle-wrapper .register-circle .register-logo,
  .login .register-circle-wrapper .register-circle .register-logo {
    width: 48px;
  }
}

.registration-page .register-circle-wrapper .register-circle .register-img,
.login .register-circle-wrapper .register-circle .register-img {
  position: absolute;
}

.registration-page .register-circle-wrapper .register-circle .register-img.register-person-1,
.login .register-circle-wrapper .register-circle .register-img.register-person-1 {
  top: 30px;
  left: -20px;
  width: 250px;
  height: 80px;
}

.registration-page .register-circle-wrapper .register-circle .register-img.register-person-2,
.login .register-circle-wrapper .register-circle .register-img.register-person-2 {
  top: -20px;
  right: 10px;
  width: 250px;
  height: 80px;
}

.registration-page .register-circle-wrapper .register-circle .register-img.register-person-3,
.login .register-circle-wrapper .register-circle .register-img.register-person-3 {
  bottom: 10px;
  left: 50px;
  width: 190px;
  height: 80px;
}

.registration-page .register-circle-wrapper .register-circle .register-img.register-person-4,
.login .register-circle-wrapper .register-circle .register-img.register-person-4 {
  bottom: -10px;
  right: 25px;
  width: 210px;
  height: 80px;
}

@media (max-width: 1460px) {
  .registration-page .register-circle-wrapper .register-circle .register-img.register-person-1,
  .login .register-circle-wrapper .register-circle .register-img.register-person-1 {
    top: 10px;
    left: -40px;
    width: 250px;
    height: 80px;
  }

  .registration-page .register-circle-wrapper .register-circle .register-img.register-person-2,
  .login .register-circle-wrapper .register-circle .register-img.register-person-2 {
    top: -30px;
    right: -20px;
    width: 250px;
    height: 80px;
  }

  .registration-page .register-circle-wrapper .register-circle .register-img.register-person-3,
  .login .register-circle-wrapper .register-circle .register-img.register-person-3 {
    bottom: -40px;
    left: 20px;
    width: 190px;
    height: 80px;
  }

  .registration-page .register-circle-wrapper .register-circle .register-img.register-person-4,
  .login .register-circle-wrapper .register-circle .register-img.register-person-4 {
    bottom: -30px;
    right: -15px;
    width: 210px;
    height: 80px;
  }
}

@media (max-width: 1210px) {
  .registration-page .register-circle-wrapper .register-circle .register-img.register-person-1,
  .login .register-circle-wrapper .register-circle .register-img.register-person-1 {
    left: -70px;
  }

  .registration-page .register-circle-wrapper .register-circle .register-img.register-person-2,
  .login .register-circle-wrapper .register-circle .register-img.register-person-2 {
    top: -60px;
    right: -50px;
  }

  .registration-page .register-circle-wrapper .register-circle .register-img.register-person-3,
  .login .register-circle-wrapper .register-circle .register-img.register-person-3 {
    bottom: -40px;
    left: -20px;
  }

  .registration-page .register-circle-wrapper .register-circle .register-img.register-person-4,
  .login .register-circle-wrapper .register-circle .register-img.register-person-4 {
    bottom: -30px;
    right: -45px;
  }
}

@media (max-width: 768px) {
  .registration-page .register-circle-wrapper .register-circle,
  .login .register-circle-wrapper .register-circle {
    top: -25px;
  }

  .registration-page .register-circle-wrapper .register-circle__title,
  .login .register-circle-wrapper .register-circle__title {
    font-size: 26px;
    margin: 8px 0;
  }

  .registration-page .register-circle-wrapper .register-circle__text,
  .login .register-circle-wrapper .register-circle__text {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .registration-page .register-circle-wrapper,
  .login .register-circle-wrapper {
    display: none;
  }
}

.registration-page .wrapper-login,
.login .wrapper-login {
  width: 555px;
}

@media (max-width: 1100px) {
  .registration-page .wrapper-login,
  .login .wrapper-login {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .registration-page .header .wrapper .tc-logo,
  .login .header .wrapper .tc-logo {
    width: 220px;
  }
}

.registration-page .wrapper-top-text,
.login .wrapper-top-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 80px 0 50px;
}

.registration-page .wrapper-top-text .title,
.login .wrapper-top-text .title {
  font-size: 32px;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .registration-page .wrapper-top-text,
  .login .wrapper-top-text {
    padding: 35px 0 32px;
  }

  .registration-page .wrapper-top-text .title,
  .login .wrapper-top-text .title {
    font-size: 26px;
  }

  .registration-page .wrapper-top-text .description,
  .login .wrapper-top-text .description {
    font-size: 14px;
  }
}

.registration-page .text-danger,
.login .text-danger {
  color: #F6685A !important;
  font-size: 14px;
}

.registration-page .wrapper-accept-terms,
.login .wrapper-accept-terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.registration-page .wrapper-accept-terms .accept-terms-label,
.login .wrapper-accept-terms .accept-terms-label {
  color: #58667E;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 300;
  text-align: left;
  margin-left: 12px;
  margin-bottom: 0;
}

.registration-page .wrapper-accept-terms .accept-terms-label a,
.login .wrapper-accept-terms .accept-terms-label a {
  color: #58667E !important;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .registration-page .wrapper-accept-terms,
  .login .wrapper-accept-terms {
    max-width: unset;
    margin-top: 8px;
  }
}

@media (max-width: 340px) {
  .registration-page .wrapper-accept-terms,
  .login .wrapper-accept-terms {
    padding: 0 10px;
  }
}

.registration-page.reset-password,
.login.reset-password {
  padding-top: 70px;
}

.registration-page .wrapper-validation .warning-register-input-icon,
.login .wrapper-validation .warning-register-input-icon {
  position: absolute;
  right: 15px;
  top: 63px;
}

@media (max-width: 768px) {
  .registration-page .wrapper-validation .warning-register-input-icon,
  .login .wrapper-validation .warning-register-input-icon {
    right: 35px;
    top: 63px;
  }
}

.registration-page .wrapper-validation .error-message,
.login .wrapper-validation .error-message {
  font-size: 14px;
  font-weight: 300;
  color: #F7685A;
  margin-left: 5px;
}

@media (max-width: 768px) {
  .registration-page .header-text-wrapper,
  .login .header-text-wrapper {
    margin: 0 20px;
  }
}

.registration-page .header-text-wrapper .title,
.login .header-text-wrapper .title {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 32px;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.92;
  letter-spacing: normal;
  color: #3E3E3E;
  text-align: center;
}

.registration-page .header-text-wrapper .description,
.login .header-text-wrapper .description {
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #222531;
}

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

.wrapper-double .block-content {
  width: 100%;
}

.wrapper-double .block-content .wrapper-inputs {
  position: relative;
  max-width: 440px;
  margin-right: 12px;
}

@media (max-width: 768px) {
  .wrapper-double .block-content .wrapper-inputs {
    max-width: 100%;
    margin: 0;
  }
}

.wrapper-double .block-content .wrapper-inputs input:focus {
  border: solid #775CA7 2px !important;
  border-radius: 8px;
}

.wrapper-double .block-content .wrapper-inputs .website-icon {
  width: 24px;
  margin-right: 25px;
  margin-top: 10px;
}

.wrapper-double .block-content .wrapper-buttons .btn-social {
  background: #FFFFFF;
  border: 1px solid #D3D7E0;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .wrapper-double {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.block-content.wrapper-block {
  max-width: 900px;
}

@media (max-width: 950px) {
  .block-content.wrapper-block {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .block-content.wrapper-block {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

.block-content.wrapper-block .input-label {
  margin-bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.6px;
  text-align: left;
  white-space: nowrap;
  color: #775CA7;
}

@media (max-width: 768px) {
  .block-content.wrapper-block .input-label {
    font-size: 14px;
  }
}

.block-content.wrapper-block .form-control {
  max-width: 180px;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  height: 48px;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 14px;
  padding: 8px 15px;
  margin-top: 8px !important;
}

.block-content.wrapper-block .form-control:active,
.block-content.wrapper-block .form-control:focus {
  outline: none !important;
  border: 2px solid #775CA7;
  border-radius: 8px;
}

.block-content.wrapper-block .form-control.error-input {
  border: #F6685A solid 2px;
}

.block-content.wrapper-block .eye-pass-toggle {
  position: absolute;
  top: 35px;
  right: 15px;
}

.block-content.wrapper-block .eye-pass-toggle.reset {
  top: 48px;
}

.block-content .wrapper-buttons .btn-submit-business {
  background: #775CA7;
  border-radius: 6px;
  font-size: 14px;
  line-height: 120%;
  color: #FFFFFF;
}

@media (max-width: 768px) {
  .block-content.sm-content {
    padding: 0 20px;
  }
}

.payments-buttons .button-paypal {
  height: 36px;
  border-radius: 3px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

@media (max-width: 576px) {
  .payments-buttons .button-paypal {
    font-size: 16px;
  }
}

.wrapper-setup-payment {
  padding-top: 100px;
}

@media (max-width: 576px) {
  .wrapper-setup-payment {
    padding-top: 0;
  }
}

.add-photo .title {
  -o-object-fit: contain;
     object-fit: contain;
  text-align: left;
  color: #232323;
}

.add-photo .title h4 {
  font-family: inter, sans-serif;
  font-size: 26px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.92;
  letter-spacing: normal;
}

.add-photo .description {
  -o-object-fit: contain;
     object-fit: contain;
  text-align: left;
  color: #222531;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.add-photo .description h5 {
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
}

.bio .block-content .wrapper-top-text {
  max-width: 420px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bio .block-content .wrapper-top-text .title {
  -o-object-fit: contain;
     object-fit: contain;
  text-align: left;
  color: #232323;
}

.bio .block-content .wrapper-top-text .title h5 {
  font-family: inter, sans-serif;
  font-size: 26px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.92;
  letter-spacing: normal;
}

@media (max-width: 576px) {
  .bio .block-content .wrapper-top-text .title h4 {
    padding: 0 20px;
  }
}

.bio .wrapper-inputs {
  max-width: 420px;
}

.bio .wrapper-inputs .wrapper-select-reg.error-input .select2-container--default .select2-selection--single {
  border-color: #F6685A !important;
}

.bio .wrapper-inputs .wrapper-select-reg .select2-container--default .select2-selection--single {
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  font-family: inter, sans-serif;
  height: 48px;
  padding: 2px 20px 0 0;
  font-weight: 300;
  color: #000000 !important;
}

.bio .wrapper-inputs .wrapper-select-reg .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
}

.bio .wrapper-inputs .wrapper-select-reg .select2-container--default .select2-selection--single:active,
.bio .wrapper-inputs .wrapper-select-reg .select2-container--default .select2-selection--single:focus {
  outline: none !important;
  border: 2px solid #775CA7;
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.bio .wrapper-inputs .wrapper-select-reg .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000000 !important;
}

.bio .wrapper-inputs .wrapper-textarea .input-label {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 120%;
  text-align: left;
  color: #775CA7;
  opacity: 1;
  margin-bottom: 4px;
}

.bio .wrapper-inputs .wrapper-textarea .bio-textarea {
  font-family: inter, sans-serif;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  font-weight: 300;
  padding: 16px 12px;
}

.bio .wrapper-inputs .wrapper-textarea .bio-textarea:focus {
  border: 2px solid #775CA7;
}

.listing-details-form {
  -webkit-transition: .35s;
  transition: .35s;
  opacity: 0;
  display: none;
}

.listing-details-form.active {
  -webkit-transition: .35s;
  transition: .35s;
  opacity: 1;
  display: block;
}

.reset-password .btn-reg {
  max-width: 185px !important;
}

.crossroad .crossroad-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 576px) {
  .crossroad .crossroad-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 35px;
  }
}

.crossroad .crossroad-cards .card-item {
  width: 200px;
  height: 200px;
  -webkit-box-shadow: 0 3px 5px 1px rgba(142, 142, 142, 0.1);
          box-shadow: 0 3px 5px 1px rgba(142, 142, 142, 0.1);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #292929;
  text-decoration: none;
  border: 1px solid white;
  -webkit-transition: .25s;
  transition: .25s;
}

.crossroad .crossroad-cards .card-item:not(:last-child) {
  margin-right: 15px;
}

.crossroad .crossroad-cards .card-item:hover {
  border: 1px solid #d6c9e6;
  -webkit-transition: .25s;
  transition: .25s;
  background-color: #f8f4ff;
}

@media (max-width: 768px) {
  .crossroad .crossroad-cards .card-item {
    width: 150px;
    height: 150px;
  }
}

@media (max-width: 576px) {
  .crossroad .crossroad-cards .card-item {
    width: 100%;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 25px 25px 20px;
  }

  .crossroad .crossroad-cards .card-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.crossroad .crossroad-cards .card-item .title {
  font-size: 20px;
  margin-top: 10px;
}

@media (max-width: 576px) {
  .crossroad .crossroad-cards .card-item .title {
    margin-top: 0;
  }
}

@media (max-width: 576px) {
  .crossroad .crossroad-cards .card-item .card-icon {
    padding-right: 20px;
  }
}

.crossroad .wrapper-link a {
  color: #62dbcf;
  font-weight: bold;
}

.business-container {
  max-width: 420px;
}

@media (max-width: 576px) {
  .business-reg .wrapper-top-text {
    padding: 0 20px;
  }
}

.business-reg .wrapper-social-button {
  max-width: 200px;
  width: 100%;
}

@media (max-width: 576px) {
  .business-reg .wrapper-social-button {
    max-width: 420px;
    padding: 0 20px;
  }

  .business-reg .wrapper-social-button .btn {
    max-width: 420px;
  }
}

.block-content {
  font-family: inter, sans-serif;
  font-weight: 300;
}

.block-content .wrapper-upload-img .wrapper-img .user-photo-default {
  width: 206px;
  height: 206px;
  border-radius: 50%;
  cursor: pointer;
  background: url(/images/upload-img.png?5fed093c4f9274224d67a17efb155e62) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}

.block-content .wrapper-upload-img .wrapper-img .user-photo-default.error {
  border: solid #F6685A 2px;
}

@media (max-width: 768px) {
  .block-content .wrapper-upload-img .wrapper-img .user-photo-default {
    width: 128px;
    height: 128px;
  }
}

.block-content .register-logo {
  width: 64px;
}

@media (max-width: 768px) {
  .block-content .register-logo {
    width: 32px;
  }
}

@media (max-width: 374px) {
  .block-content .g-recaptcha {
    padding-left: 20px;
  }
}

.block-content .wrapper-top-market-logo .market-logo {
  width: 137px;
}

.block-content .wrapper-shop-name .shop-name,
.block-content .wrapper-shop-name .shop-name-active {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}

.block-content .wrapper-shop-name .shop-name {
  height: 26px;
  padding: 5px;
  border: solid 0.5px #292929;
  background-color: #ffffff;
  color: #292929;
  margin-right: 5px;
  margin-bottom: 5px;
  max-width: 205px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

@media (max-width: 576px) {
  .block-content .wrapper-shop-name .shop-name {
    max-width: unset;
  }
}

.block-content .wrapper-shop-name .shop-name-active {
  border-radius: 2px;
  background-color: #76b4a0;
  color: #ffffff;
  border: 1px solid transparent;
}

.block-content .wrapper-block-approval-process {
  background-color: #62dbcf;
  padding: 30px 10px;
}

.block-content .wrapper-block-approval-process .description-top,
.block-content .wrapper-block-approval-process .description-low {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  color: #ffffff;
  width: 300px;
}

.block-content .wrapper-block-approval-process .description-top {
  padding-bottom: 30px;
  font-weight: 900;
}

.block-content .add-first-listing {
  width: 350px;
  height: 350px;
  background-color: #62dbcf;
  position: relative;
  text-decoration: none;
}

.block-content .add-first-listing .gift-box {
  position: absolute;
  width: 260px;
  left: 44px;
  top: 39px;
}

.block-content .add-first-listing .title {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  color: #ffffff;
  position: relative;
  left: 30%;
  top: 15%;
}

.block-content .add-first-listing .plus-icon {
  background: #ffffff;
  height: 47px;
  width: 8px;
  position: relative;
  left: 50%;
  top: 40%;
}

.block-content .add-first-listing .plus-icon:after {
  content: "";
  background: #ffffff;
  height: 8px;
  width: 47px;
  position: absolute;
  top: 42%;
  left: -19px;
}

.wrapper-link a {
  font-size: 18px;
}

.wrapper-link .light-link {
  color: #9e89b7;
  font-weight: 600;
}

.wrapper-single-product-item {
  max-width: 380px;
}

@media (max-width: 576px) {
  .wrapper-single-product-item .item-info {
    padding: 0 10px;
  }
}

.add-social-links {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  max-width: 200px;
  width: 100%;
}

.add-social-links[aria-expanded="true"] .arrow {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.tooltip-wrapper {
  position: absolute;
  top: 125%;
  left: -25%;
  padding: 15px;
  border-radius: 6px;
  background-color: #ffffff;
  max-width: 300px;
  width: 100%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.27);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.27);
  font-size: 18px;
  font-weight: 500;
  color: #292929;
  text-align: left;
  display: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.interests-tooltip {
  top: 0 !important;
  left: -50px !important;
  min-height: 65px;
}

.tooltip-relative {
  position: relative;
}

.unvisible-label {
  opacity: 0 !important;
}

.title-for-social-login {
  font-family: inter, sans-serif;
  font-size: 16px;
  line-height: 125%;
  color: #222531;
  font-weight: 500;
}

.wrapper-check-email {
  max-width: 400px;
  width: 90%;
  margin: 0 15px 29px;
}

.wrapper-check-email label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  color: #8A91AA;
  margin-bottom: 4px;
  font-weight: 500;
}

.wrapper-check-email input {
  height: 48px;
  font-weight: 300;
  margin: 0 15px;
}

.wrapper-check-email input::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 14px;
}

.wrapper-check-email input::-ms-input-placeholder {
  font-weight: 300;
  font-size: 14px;
}

.wrapper-check-email input::placeholder {
  font-weight: 300;
  font-size: 14px;
}

.wrapper-check-email input:focus {
  border: 2px solid #775CA7;
}

.divider-pre-reg {
  height: 1px;
  max-width: 400px;
  width: 90%;
  background: #EBEBEB;
  margin: 28px 0 55px;
}

.already-have-acc {
  color: #58667E;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
}

.already-have-acc a {
  font-weight: 500;
}

.social-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.social-login__title {
  color: #222531;
  font-size: 16px;
  margin-right: 20px;
  white-space: nowrap;
}

.social-login .left-icon {
  margin-right: 20px;
}

.social-login .facebook-icon {
  width: 40px;
}

@media screen and (max-width: 768px) {
  .social-login {
    margin-top: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .social-login__title {
    margin-bottom: 18px;
  }
}

.select2 {
  display: none !important;
}

.selectric-wrapper {
  margin-top: 3px !important;
}

.container {
  max-width: 1140px;
}

.admin-listings .wrapper-product-img .product-img {
  max-width: 200px;
  max-height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}

.admin-listings .product-name {
  white-space: nowrap;
}

.container-default {
  max-width: 1170px !important;
  padding: 0 15px !important;
  margin: 0 auto !important;
}

.feature-shop-container {
  max-width: 1350px !important;
  padding: 0 15px !important;
  margin: 0 auto !important;
}

.container-md {
  max-width: 820px !important;
  padding: 0 15px !important;
  margin: 0 auto !important;
}

.wrapper-market-page {
  padding-top: 50px;
}

@media (max-width: 768px) {
  .wrapper-market-page .nav-market {
    padding-bottom: 0 !important;
  }
}

.wrapper-market-page .nav-market .wrapper-market-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.wrapper-market-page .wrapper-shop-name-market-place .shop a {
  color: #292929;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-shop-name-market-place .shop {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-shop-name-market-place {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.wrapper-market-page .top-nav-market .brand-logo .tc-mrkt-logo {
  max-width: 161px;
}

@media (max-width: 576px) {
  .wrapper-market-page .top-nav-market .brand-logo .tc-mrkt-logo {
    max-width: 140px;
  }
}

.wrapper-market-page .top-nav-market .wrapper-shop-name-market-place {
  font-family: inter, sans-serif;
  padding-left: 35px;
}

.wrapper-market-page .top-nav-market .wrapper-shop-name-market-place .shop {
  color: #707070;
}

@media (max-width: 576px) {
  .wrapper-market-page .top-nav-market {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.wrapper-market-page .search-checkbox .search #market_search_input {
  padding-right: 15px;
}

@media (max-width: 992px) {
  .wrapper-market-page .search-checkbox .search #market_search_input {
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-market-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

.wrapper-market-page .wrapper-market-search .search {
  max-width: 330px;
}

.wrapper-market-page .wrapper-market-search .search #market_search_input {
  height: 48px;
  width: 100%;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  padding-left: 15px;
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #4E597E;
  background: #FFFFFF;
  outline: none;
}

.wrapper-market-page .wrapper-market-search .search #market_search_input::-webkit-input-placeholder {
  color: #292929;
}

.wrapper-market-page .wrapper-market-search .search #market_search_input::-ms-input-placeholder {
  color: #292929;
}

.wrapper-market-page .wrapper-market-search .search #market_search_input::placeholder {
  color: #292929;
}

.wrapper-market-page .wrapper-market-search .search #market_search_input:focus {
  border: 2px solid #775CA7;
}

.wrapper-market-page .wrapper-market-search .search .search-icon {
  position: absolute;
  right: 20px;
  top: 14px;
}

@media (max-width: 576px) {
  .wrapper-market-page .wrapper-market-search .search {
    max-width: unset;
    padding-top: 20px;
  }
}

.wrapper-market-page .wrapper-market-search .wrapper-checkbox {
  right: 10px;
  top: 1px;
}

.wrapper-market-page .wrapper-market-search .wrapper-checkbox .checkbox-label {
  font-family: inter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  padding-left: 25px !important;
}

@media (max-width: 992px) {
  .wrapper-market-page .wrapper-market-search .wrapper-checkbox {
    display: none;
  }
}

.wrapper-market-page .wrapper-currency {
  max-width: 125px;
}

.wrapper-market-page .wrapper-products .wrapper-see-all {
  font-family: inter, sans-serif;
}

.wrapper-market-page .wrapper-products .wrapper-see-all .title {
  opacity: 0.65;
  font-size: 24px;
  font-weight: bold;
  color: #292929;
}

.wrapper-market-page .wrapper-products .wrapper-see-all .see-all-link {
  font-size: 17px;
  color: #2680eb;
  font-weight: bold;
  text-decoration: underline;
}

@media (max-width: 576px) {
  .wrapper-market-page .wrapper-products .wrapper-see-all {
    padding: 0 0 15px 0 !important;
  }
}

.wrapper-market-page .wrapper-product {
  position: relative;
  margin-right: 28px;
}

.wrapper-market-page .wrapper-product a,
.wrapper-market-page .wrapper-product:focus {
  outline: 0;
  outline-offset: 0;
}

.wrapper-market-page .wrapper-product .shop-info {
  position: absolute;
  top: 300px;
  left: 20px;
}

.wrapper-market-page .wrapper-product .shop-info .wrapper-shop-sm-avatar .sm-product-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product .shop-info .wrapper-shop-sm-avatar .sm-product-img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 374px) {
  .wrapper-market-page .wrapper-product .shop-info .wrapper-shop-sm-avatar .sm-product-img {
    width: 30px;
    height: 30px;
  }
}

.wrapper-market-page .wrapper-product .shop-info .shop-name,
.wrapper-market-page .wrapper-product .shop-info .shop-location {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: inter, sans-serif;
  line-height: 1;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product .shop-info .shop-name,
  .wrapper-market-page .wrapper-product .shop-info .shop-location {
    max-width: 100px;
  }
}

@media (max-width: 374px) {
  .wrapper-market-page .wrapper-product .shop-info .shop-name,
  .wrapper-market-page .wrapper-product .shop-info .shop-location {
    max-width: 80px;
  }
}

.wrapper-market-page .wrapper-product .shop-info .shop-name {
  font-size: 30px;
  color: #ffffff;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product .shop-info .shop-name {
    font-size: 16px;
    color: #EBF0F4;
  }
}

.wrapper-market-page .wrapper-product .shop-info .shop-location {
  font-size: 25px;
  color: #EBF0F4;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product .shop-info .shop-location {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product .shop-info {
    top: 140px;
    left: 10px;
    position: inherit;
    margin-top: 10px;
  }
}

@media (max-width: 374px) {
  .wrapper-market-page .wrapper-product .shop-info {
    top: 110px;
    left: 4px;
  }
}

.wrapper-market-page .wrapper-product .product-img {
  width: 350px;
  height: 390px;
  border-radius: 10px;
  font-family: inter, sans-serif;
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover !important;
}

.wrapper-market-page .wrapper-product .product-img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 390px;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(61%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.779149)));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 61%, rgba(0, 0, 0, 0.779149) 100%);
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product .product-img:after {
    width: 165px;
    height: 190px;
  }
}

@media (max-width: 374px) {
  .wrapper-market-page .wrapper-product .product-img:after {
    width: 136px;
    height: 150px;
  }
}

.wrapper-market-page .wrapper-product .product-img:focus {
  outline: 0;
  outline-offset: 0;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product .product-img {
    width: 165px;
    height: 190px;
  }
}

@media (max-width: 374px) {
  .wrapper-market-page .wrapper-product .product-img {
    width: 136px;
    height: 150px;
  }
}

.wrapper-market-page .wrapper-product .price {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  right: 0;
  width: 140px;
  height: 68px;
  background-color: #65D8CD;
  border-left: none;
  border-radius: 0 7px 0 0;
  font-weight: 800;
  color: #ffffff;
  font-size: 30px;
  font-family: inter, sans-serif;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product .price {
    width: 110px;
    height: 34px;
    font-size: 18px;
  }
}

.wrapper-market-page .wrapper-product .product-name {
  font-family: inter, sans-serif;
  font-size: 22px;
  font-weight: 600;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product .product-name {
    max-width: 130px;
  }
}

@media (max-width: 576px) {
  .wrapper-market-page .wrapper-product .product-name {
    font-size: 18px;
    padding-top: 10px !important;
  }
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product {
    margin-right: 15px;
  }
}

@media (max-width: 374px) {
  .wrapper-market-page .wrapper-product {
    margin-right: 15px;
  }
}

.wrapper-market-page .product-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 350px;
  height: 500px;
  padding: 15px;
  margin-right: 28px;
}

.wrapper-market-page .product-block a,
.wrapper-market-page .product-block:focus {
  outline: 0;
  outline-offset: 0;
}

.wrapper-market-page .product-block .wrapper-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0;
}

.wrapper-market-page .product-block .wrapper-img .product-img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  padding-bottom: 20px;
  -webkit-transition: .2s;
  transition: .2s;
}

.wrapper-market-page .product-block .wrapper-img .product-img:focus {
  outline: 0;
  outline-offset: 0;
}

.wrapper-market-page .product-block .wrapper-img .product-img:hover {
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0.9;
}

@media (max-width: 576px) {
  .wrapper-market-page .product-block .wrapper-img .product-img {
    height: 250px;
  }
}

.wrapper-market-page .product-block .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: 1px solid #ececec;
  padding-top: 15px;
  margin-bottom: 10px;
  line-height: 1;
  word-break: break-all;
  height: 100%;
}

.wrapper-market-page .product-block .info a {
  color: #292929;
  text-decoration: none;
  height: 100%;
}

.wrapper-market-page .product-block .info .product-name {
  font-size: 24px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-transform: capitalize;
}

.wrapper-market-page .product-block .info .shop-info {
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
}

.wrapper-market-page .product-block .info .shop-info .shop-name {
  word-break: break-word;
  text-transform: uppercase;
}

.wrapper-market-page .product-block .price {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  right: 0;
  width: 140px;
  height: 50px;
  background-color: #65D8CD;
  font-weight: 800;
  color: #ffffff;
  font-size: 26px;
  font-family: inter, sans-serif;
}

@media (max-width: 768px) {
  .wrapper-market-page .product-block .price {
    width: 110px;
    height: 35px;
    font-size: 18px;
  }
}

.wrapper-market-page .product-block .wrapper-shop-avatar .product-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .wrapper-market-page .product-block .wrapper-shop-avatar .product-avatar {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 374px) {
  .wrapper-market-page .product-block .wrapper-shop-avatar .product-avatar {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 1200px) {
  .wrapper-market-page .product-block {
    margin-right: 28px;
  }

  .wrapper-market-page .product-block:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 992px) {
  .wrapper-market-page .product-block:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .wrapper-market-page .product-block:nth-child(2n) {
    margin-right: 15px;
  }

  .wrapper-market-page .product-block:nth-child(4n) {
    margin-right: 0;
  }
}

@media (max-width: 748px) {
  .wrapper-market-page .product-block:nth-child(4n) {
    margin-right: 15px;
  }

  .wrapper-market-page .product-block:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 569px) {
  .wrapper-market-page .product-block:nth-child(3n) {
    margin-right: 15px;
  }

  .wrapper-market-page .product-block:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 576px) {
  .wrapper-market-page .product-block {
    margin-right: 0;
    height: auto;
    width: 100%;
  }

  .wrapper-market-page .product-block:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product-cards {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 1200px) {
  .wrapper-market-page .wrapper-product-cards .product-row .wrapper-product {
    margin-right: 28px;
  }

  .wrapper-market-page .wrapper-product-cards .product-row .wrapper-product:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 992px) {
  .wrapper-market-page .wrapper-product-cards .product-row .wrapper-product:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-product-cards .product-row .wrapper-product:nth-child(2n) {
    margin-right: 15px;
  }

  .wrapper-market-page .wrapper-product-cards .product-row .wrapper-product:nth-child(4n) {
    margin-right: 0;
  }
}

@media (max-width: 748px) {
  .wrapper-market-page .wrapper-product-cards .product-row .wrapper-product:nth-child(4n) {
    margin-right: 15px;
  }

  .wrapper-market-page .wrapper-product-cards .product-row .wrapper-product:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 569px) {
  .wrapper-market-page .wrapper-product-cards .product-row .wrapper-product:nth-child(3n) {
    margin-right: 15px;
  }

  .wrapper-market-page .wrapper-product-cards .product-row .wrapper-product:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 1200px) {
  .wrapper-market-page .wrapper-product-cards .product-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.wrapper-market-page .product-section {
  font-family: inter, sans-serif;
}

@media (max-width: 576px) {
  .wrapper-market-page .product-section .wrapper-quantity {
    padding-top: 20px;
  }
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info {
  max-width: 430px;
  margin-top: 12px;
  padding: 0 12px;
}

@media (max-width: 374px) {
  .wrapper-market-page .product-section .wrapper-info .wrapper-product-info .wrapper-buttons button {
    width: 270px;
  }
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .wrapper-select-reg.error-input .select2-container--default .select2-selection--single {
  border-color: #F6685A !important;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .wrapper-select-reg .select2-container--default .select2-selection--single {
  border: 1px solid #EBF0F4;
  border-radius: 6px;
  height: 38px;
  padding: 2px 20px 0 0;
  font-weight: 600;
  color: #b185ff !important;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .wrapper-select-reg .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .wrapper-select-reg .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #b185ff !important;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .title {
  font-size: 26px;
  font-weight: 500;
}

@media (max-width: 576px) {
  .wrapper-market-page .product-section .wrapper-info .wrapper-product-info .title {
    padding-top: 20px !important;
  }
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .price,
.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .discount {
  font-weight: bold;
  font-size: 30px;
}

@media (max-width: 576px) {
  .wrapper-market-page .product-section .wrapper-info .wrapper-product-info .price,
  .wrapper-market-page .product-section .wrapper-info .wrapper-product-info .discount {
    padding-bottom: 10px;
  }
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .wrapper-discount .price {
  color: #cecece;
  position: relative;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .wrapper-discount .price:before {
  position: absolute;
  content: '';
  height: 1px;
  background-color: #ee5a5a;
  width: 100%;
  top: 50%;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info .description {
  font-family: inter, sans-serif;
  color: #3a3a3a;
  margin-right: 45px;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info #module #collapseExample.collapse:not(.show) {
  display: block;
  height: 16rem;
  overflow: hidden;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info #module #collapseExample.collapsing {
  height: 16rem;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info #module a.collapsed::after {
  content: '+ Show More';
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info #module a:not(.collapsed)::after {
  content: '- Show Less';
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info #module a {
  color: #775CA7;
}

.wrapper-market-page .product-section .wrapper-info .wrapper-product-info #module a:hover {
  color: #9e89b7;
}

@media (max-width: 992px) {
  .wrapper-market-page .product-section .wrapper-info .wrapper-product-info {
    max-width: unset;
  }
}

@media (max-width: 992px) {
  .wrapper-market-page .product-section .wrapper-info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 992px) {
  .wrapper-market-page .product-section .wrapper-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.wrapper-market-page .more-form-shop .sm-products-slider {
  max-width: 690px;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product {
  margin-right: 20px;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .product-img {
  width: 215px;
  height: 240px;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .product-img:after {
  width: 215px;
  height: 240px;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .price {
  width: 110px;
  height: 34px;
  font-size: 18px;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .shop-info {
  top: 180px;
  left: 10px;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .shop-info .sm-product-img {
  width: 35px;
  height: 35px;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .shop-info .shop-name,
.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .shop-info .shop-location {
  max-width: 150px;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .shop-info .shop-name {
  font-size: 20px;
  text-transform: uppercase;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .shop-info .shop-location {
  font-size: 16px;
}

.wrapper-market-page .more-form-shop .sm-products-slider .wrapper-product .product-name {
  max-width: 200px;
}

@media (max-width: 992px) {
  .wrapper-market-page .more-form-shop .sm-products-slider {
    max-width: unset;
  }
}

.wrapper-market-page .more-form-shop .wrapper-bottom-product-cards .product-name {
  max-width: 160px;
}

@media (max-width: 992px) {
  .wrapper-market-page .more-form-shop .wrapper-bottom-product-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (max-width: 1200px) {
  .wrapper-market-page .more-form-shop .wrapper-bottom-product-cards .wrapper-product {
    padding-bottom: 20px;
  }
}

.wrapper-market-page .more-form-shop .wrapper-right {
  max-width: 357px;
}

.wrapper-market-page .more-form-shop .wrapper-product-cards .product-img {
  width: 160px;
  height: 190px;
}

.wrapper-market-page .create-shop {
  font-family: inter, sans-serif;
  max-width: 900px;
  margin: auto;
}

.wrapper-market-page .create-shop .wrapper-create-shop-message {
  background: #D3EEEB;
  border-radius: 8px;
  padding: 0 40px;
}

.wrapper-market-page .create-shop .wrapper-create-shop-message .title {
  font-size: 22px;
  line-height: 120%;
  color: #222531;
}

@media (max-width: 768px) {
  .wrapper-market-page .create-shop .wrapper-create-shop-message .title {
    font-size: 18px;
  }
}

.wrapper-market-page .create-shop .wrapper-create-shop-message .description {
  font-size: 18px;
  color: #222531;
  font-weight: 300;
}

@media (max-width: 768px) {
  .wrapper-market-page .create-shop .wrapper-create-shop-message .description {
    font-size: 12px;
  }
}

.wrapper-market-page .create-shop .wrapper-create-shop-message .wrapper-buttons {
  width: unset !important;
  margin-top: 15px;
}

.wrapper-market-page .create-shop .wrapper-create-shop-message .wrapper-buttons .btn {
  background: #222531;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 120%;
  max-width: 130px;
  height: 37px;
}

@media (max-width: 768px) {
  .wrapper-market-page .create-shop .wrapper-create-shop-message .wrapper-buttons .btn {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .wrapper-market-page .create-shop .wrapper-create-shop-message .wrapper-buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 576px) {
  .wrapper-market-page {
    padding-top: 20px;
  }
}

@media (max-width: 992px) {
  .wrapper-market-page .shop-categories .wrapper-category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

.wrapper-market-page .shop-categories .wrapper-category-card {
  font-family: inter, sans-serif;
}

.wrapper-market-page .shop-categories .wrapper-category-card .shop-category {
  color: #EBF0F4;
}

@media (max-width: 992px) {
  .wrapper-market-page .shop-categories .wrapper-category-card .shop-category {
    padding-top: 48px;
  }
}

@media (max-width: 576px) {
  .wrapper-market-page .shop-categories .wrapper-category-card .shop-category {
    max-width: 125px;
  }
}

.wrapper-market-page .shop-categories .wrapper-category-card .category-title {
  font-size: 38px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 992px) {
  .wrapper-market-page .shop-categories .wrapper-category-card .category-title {
    font-size: 23px;
  }
}

.wrapper-market-page .shop-categories .wrapper-category-card .wrapper-buttons {
  max-width: 135px !important;
}

@media (max-width: 992px) {
  .wrapper-market-page .shop-categories .wrapper-category-card {
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .wrapper-market-page .shop-categories .wrapper-category-card .wrapper-buttons {
    display: none;
  }
}

@media (max-width: 992px) {
  .wrapper-market-page .shop-categories .wrapper-category-card {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.wrapper-market-page .shop-categories .wrapper-category-img {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wrapper-market-page .shop-categories .wrapper-category-img .category-img {
  max-width: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-clip-path: circle(78.6% at 100% 51%);
          clip-path: circle(78.6% at 100% 51%);
}

@media (max-width: 992px) {
  .wrapper-market-page .shop-categories .wrapper-category-img .category-img {
    -webkit-clip-path: circle(60.4% at 50% 89%);
            clip-path: circle(60.4% at 50% 89%);
  }
}

@media (max-width: 992px) {
  .wrapper-market-page .shop-categories .wrapper-category-img {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.wrapper-market-page .section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}

.wrapper-market-page .section-title .title {
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}

.wrapper-market-page .section-title .see-more {
  font-size: 18px;
  color: #775CA7;
  font-weight: 500;
  text-decoration: underline;
}

.wrapper-market-page .wrapper-tabs .product-tabs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 50px;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-tabs .product-tabs {
    padding: 0 25px;
  }
}

@media (max-width: 365px) {
  .wrapper-market-page .wrapper-tabs .product-tabs {
    padding: 0;
  }
}

.wrapper-market-page .wrapper-tabs .product-tabs .nav-item .nav-link,
.wrapper-market-page .wrapper-tabs .product-tabs .nav-item .navbar .dropdown-toggle,
.navbar .wrapper-market-page .wrapper-tabs .product-tabs .nav-item .dropdown-toggle {
  background-color: #ffffff;
  border: none;
  font-size: 18px;
  font-weight: bold;
  color: #e5e5e5;
}

@media (max-width: 568px) {
  .wrapper-market-page .wrapper-tabs .product-tabs .nav-item .nav-link,
  .wrapper-market-page .wrapper-tabs .product-tabs .nav-item .navbar .dropdown-toggle,
  .navbar .wrapper-market-page .wrapper-tabs .product-tabs .nav-item .dropdown-toggle {
    font-size: 16px;
    padding: 10px 5px;
  }
}

@media (max-width: 365px) {
  .wrapper-market-page .wrapper-tabs .product-tabs .nav-item .nav-link,
  .wrapper-market-page .wrapper-tabs .product-tabs .nav-item .navbar .dropdown-toggle,
  .navbar .wrapper-market-page .wrapper-tabs .product-tabs .nav-item .dropdown-toggle {
    font-size: 14px;
  }
}

.wrapper-market-page .wrapper-tabs .product-tabs .nav-item .nav-link.active,
.wrapper-market-page .wrapper-tabs .product-tabs .nav-item .navbar .active.dropdown-toggle,
.navbar .wrapper-market-page .wrapper-tabs .product-tabs .nav-item .active.dropdown-toggle {
  border-bottom: 5px solid #775CA7;
  color: #292929;
}

.wrapper-market-page .wrapper-tabs .tab-content .tab-pane {
  padding: 50px 40px 50px 20px;
}

.wrapper-market-page .wrapper-tabs .tab-content .tab-pane .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.wrapper-market-page .wrapper-tabs .tab-content .tab-pane .description {
  font-size: 16px;
}

.wrapper-market-page .shop-by-category .wrapper-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .wrapper-market-page .shop-by-category .wrapper-categories {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.wrapper-market-page .shop-by-category .wrapper-categories .category {
  position: relative;
  border-radius: 8px;
}

.wrapper-market-page .shop-by-category .wrapper-categories .category .category-label {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.3;
  top: 45%;
  left: 35px;
  z-index: 5;
}

@media (max-width: 576px) {
  .wrapper-market-page .shop-by-category .wrapper-categories .category .category-label {
    font-size: 13px;
    max-width: 160px;
    padding: 5px;
  }
}

@media (max-width: 420px) {
  .wrapper-market-page .shop-by-category .wrapper-categories .category .category-label {
    font-size: 11px;
  }
}

.wrapper-market-page .shop-by-category .wrapper-categories .category .wrapper-description {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.35);
}

.wrapper-market-page .shop-by-category .wrapper-categories .category .wrapper-description .description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
  margin: 20px;
  line-height: 1;
}

.wrapper-market-page .shop-by-category .wrapper-categories .small-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 40%;
  margin-right: 25px;
}

@media (max-width: 768px) {
  .wrapper-market-page .shop-by-category .wrapper-categories .small-categories {
    margin: 25px 15px 25px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.wrapper-market-page .shop-by-category .wrapper-categories .small-categories .category {
  width: 100%;
  height: 250px;
  background-color: gray;
}

@media (max-width: 768px) {
  .wrapper-market-page .shop-by-category .wrapper-categories .small-categories .category:first-child {
    margin-right: 10px;
  }

  .wrapper-market-page .shop-by-category .wrapper-categories .small-categories .category:last-child {
    margin-left: 10px;
  }
}

@media (max-width: 576px) {
  .wrapper-market-page .shop-by-category .wrapper-categories .small-categories .category {
    height: 182px;
  }
}

@media (max-width: 420px) {
  .wrapper-market-page .shop-by-category .wrapper-categories .small-categories .category {
    height: 142px;
  }
}

.wrapper-market-page .shop-by-category .wrapper-categories .small-categories .category .category-img {
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  border-radius: 8px;
}

@media (max-width: 576px) {
  .wrapper-market-page .shop-by-category .wrapper-categories .small-categories .category .category-img {
    height: 182px;
  }
}

@media (max-width: 420px) {
  .wrapper-market-page .shop-by-category .wrapper-categories .small-categories .category .category-img {
    height: 142px;
  }
}

.wrapper-market-page .shop-by-category .wrapper-categories .small-categories .category:first-child {
  margin-bottom: 25px;
}

.wrapper-market-page .shop-by-category .wrapper-categories .big-category {
  width: 60%;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .wrapper-market-page .shop-by-category .wrapper-categories .big-category {
    width: 100%;
    margin: 0 15px;
  }
}

.wrapper-market-page .shop-by-category .wrapper-categories .big-category .category {
  width: 100%;
  height: 100%;
  background-color: #E8DCF7;
  border-radius: 8px;
}

.wrapper-market-page .shop-by-category .wrapper-categories .big-category .category img {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}

.wrapper-market-page .shop-by-category .wrapper-buttons .btn {
  margin-top: 20px;
  background: #EFEAFF;
  border-radius: 8px;
  color: #5C4586;
  width: 100%;
  max-width: 440px;
}

.wrapper-market-page .featured-shops-wrapper .featured-shops {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0;
}

.wrapper-market-page .featured-shops-wrapper .featured-shops .featured-shop-card {
  background: #FFFFFF;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 0 0;
  width: 280px;
  margin-top: 10px;
  margin-right: 15px;
}

.wrapper-market-page .featured-shops-wrapper .featured-shops .featured-shop-card-avatar .shop-img {
  border-radius: 50%;
  width: 160px;
}

.wrapper-market-page .featured-shops-wrapper .featured-shops .featured-shop-card-title {
  font-size: 16px;
  line-height: 125%;
  color: #222531;
  text-decoration: none;
  margin-top: 25px;
}

.wrapper-market-page .featured-shops-wrapper .featured-shops .featured-shop-card .wrapper-buttons {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper-market-page .featured-shops-wrapper .featured-shops .featured-shop-card .wrapper-buttons .btn {
  background: #775CA7;
  border-radius: 6px;
  height: 37px;
  width: 96px;
  color: white;
}

.wrapper-market-page .wrapper-featured-shops {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 70px 0;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-featured-shops {
    padding: 70px 0 0 0;
  }
}

@media (max-width: 992px) {
  .wrapper-market-page .wrapper-featured-shops {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.wrapper-market-page .wrapper-featured-shops .big-shop-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 365px;
  width: 100%;
  -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.17);
  background: #ffffff;
  position: relative;
  margin-right: 40px;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-featured-shops .big-shop-card {
    margin: 0 0 15px;
  }
}

.wrapper-market-page .wrapper-featured-shops .big-shop-card .wrapper-top-img {
  position: absolute;
  top: 0;
}

.wrapper-market-page .wrapper-featured-shops .big-shop-card .wrapper-top-img .shop-header-img {
  width: 100%;
  max-height: 170px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.wrapper-market-page .wrapper-featured-shops .big-shop-card .wrapper-shop-avatar {
  margin-top: 90px;
  z-index: 1;
}

.wrapper-market-page .wrapper-featured-shops .big-shop-card .wrapper-shop-avatar .shop-avatar {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.wrapper-market-page .wrapper-featured-shops .big-shop-card .shop-title {
  line-height: 1;
  text-transform: uppercase;
  max-width: 275px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapper-market-page .wrapper-featured-shops .wrapper-small-shops .header-content {
  z-index: 1;
}

.wrapper-market-page .wrapper-featured-shops .wrapper-small-shops .description {
  font-size: 20px;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-featured-shops .wrapper-small-shops .wrapper-shops {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.wrapper-market-page .wrapper-featured-shops .small-shop-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 272px;
  width: 100%;
  -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.17);
  background: #ffffff;
  z-index: 1;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-featured-shops .small-shop-card {
    margin: 0 0 15px;
  }
}

.wrapper-market-page .wrapper-featured-shops .small-shop-card:nth-child(2) {
  margin: 0 30px;
}

@media (max-width: 768px) {
  .wrapper-market-page .wrapper-featured-shops .small-shop-card:nth-child(2) {
    margin: 0 0 15px;
  }
}

.wrapper-market-page .wrapper-featured-shops .small-shop-card .wrapper-shop-avatar {
  margin-top: 20px;
  z-index: 1;
}

.wrapper-market-page .wrapper-featured-shops .small-shop-card .wrapper-shop-avatar .shop-avatar {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.wrapper-market-page .wrapper-featured-shops .small-shop-card .shop-title {
  line-height: 1;
  text-transform: uppercase;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 720px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 576px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks {
    text-align: center;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item {
  padding: 65px 0;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child {
  width: 100%;
  max-width: 300px;
}

@media (max-width: 720px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child {
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child {
    padding: 30px 0;
  }
}

@media (max-width: 414px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child {
    padding: 20px 0;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child .title {
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .button-open-shop {
  background-color: transparent;
  color: #292929;
  border: solid 2px #292929;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .button-open-shop:hover {
  color: #ffffff;
  background-color: #9e89b7;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  background-color: #ffffff;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (max-width: 576px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item {
  max-width: 200px;
  width: 100%;
  margin: 0 30px;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item .img-wrap {
  margin-bottom: 8px;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item .img-wrap .img {
  max-width: 70px;
  height: 65px;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item .title {
  font-size: 17px;
  font-weight: 500;
  line-height: 120% !important;
  margin-top: 10px;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item .description {
  font-size: 15px;
  margin-top: 15px;
  line-height: 1;
  font-weight: 300;
}

@media (max-width: 576px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item {
    padding: 25px 0 !important;
  }
}

.wrapper-market-page .why-tc-mrkt {
  background: #F8F3E6;
  border-radius: 8px;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 720px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item {
  padding: 65px 0;
}

@media (max-width: 768px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .item {
    padding: 25px 0;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child {
  width: 100%;
  max-width: 300px;
}

@media (max-width: 720px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child {
    max-width: 100%;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child .title {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .button-open-shop {
  background-color: transparent;
  color: #292929;
  border: solid 2px #292929;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .button-open-shop:hover {
  color: #ffffff;
  background-color: #9e89b7;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  background-color: #ffffff;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item {
  max-width: 200px;
  width: 100%;
  margin: 0 30px;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item .title {
  font-size: 24px;
  font-weight: bold;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item .description {
  font-size: 20px;
  margin-top: 15px;
  line-height: 1;
}

.wrapper-market-page .why-tc-mrkt {
  background: #F8F3E6;
  border-radius: 8px;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 720px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .big-item {
  padding-left: 40px;
}

@media (max-width: 768px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .big-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .big-item .title {
    max-width: 100% !important;
    text-align: center;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item {
  margin: auto;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child {
  width: 100%;
  max-width: 300px;
}

@media (max-width: 720px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child {
    max-width: 100%;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item:first-child .title {
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  color: #222531;
  max-width: 220px;
}

@media (max-width: 768px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .item .wrapper-buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .item .wrapper-buttons .btn {
  background: #222531;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 14px;
  max-width: 130px;
  height: 37px;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .button-open-shop {
  background-color: transparent;
  color: #292929;
  border: solid 2px #292929;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .button-open-shop:hover {
  color: #ffffff;
  background-color: #9e89b7;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  background: #F8F3E6;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (max-width: 768px) {
  .wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item {
  max-width: 200px;
  width: 100%;
  margin: 0 30px;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item .title {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
}

.wrapper-market-page .why-tc-mrkt .wrapper-blocks .wrapper-small-blocks .item .description {
  font-size: 15px;
  margin-top: 15px;
  line-height: 1;
  text-align: center;
}

#modal-stripe #stripe-payment-form .btn-modal-stripe {
  max-width: 150px;
  width: 100%;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 100%;
}

#modal-stripe #stripe-payment-form .form-row {
  padding-bottom: 15px;
}

.wrapper-market-page .product-card .name {
  font-size: 21px !important;
}

@media (max-width: 768px) {
  .wrapper-market-page .product-card .name {
    font-size: 18px !important;
  }
}

.checkout .wrapper-checkout .left-info .delivery,
.checkout .wrapper-checkout .left-info .checkout-email {
  font-family: inter, sans-serif;
  font-weight: bold;
}

.checkout .wrapper-checkout .left-info .wrapper-link a {
  font-family: inter, sans-serif;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .checkout .wrapper-checkout .left-info .back-to-shop {
    margin-top: 20px;
  }
}

.checkout .wrapper-checkout .left-info .delivery-address {
  font-family: inter, sans-serif;
  color: #707070;
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .checkout .wrapper-checkout .left-info {
    padding-bottom: 40px;
  }
}

@media (max-width: 576px) {
  .checkout .wrapper-checkout .left-info {
    padding: 30px;
    width: 100%;
  }
}

.checkout .wrapper-checkout .right-info {
  max-width: 400px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  padding: 20px 30px;
}

.checkout .wrapper-checkout .right-info .price {
  font-family: inter, sans-serif;
  font-weight: 600;
}

.checkout .wrapper-checkout .right-info .shop-name {
  text-transform: uppercase;
}

.checkout .wrapper-checkout .right-info .product-name,
.checkout .wrapper-checkout .right-info .qty {
  font-family: inter, sans-serif;
  font-weight: 500;
}

.checkout .wrapper-checkout .right-info .product-name {
  max-width: 150px;
  width: 100%;
  margin: 0 35px 5px 0;
  color: #292929;
}

.checkout .wrapper-checkout .right-info .product-name:hover {
  color: #292929;
}

.checkout .wrapper-checkout .right-info .title-info .total {
  font-family: inter, sans-serif;
  font-weight: 600;
  line-height: 1.53;
  text-align: left;
  color: #242424;
}

@media (max-width: 768px) {
  .checkout .wrapper-checkout .right-info {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .checkout .wrapper-checkout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 768px) {
  .checkout .wrapper-checkout-info {
    padding-bottom: 20px;
  }
}

.modal-stripe label {
  color: #000;
}

.modal-stripe .card-element {
  margin-left: 20px;
  width: 400px;
}

.modal-stripe .btn-primary {
  width: 136px;
  height: 56px;
  background: #775DA7;
  border: none;
  z-index: 2;
  line-height: 40px;
  display: block;
  margin: 10px auto;
}

.checkout-success .wrapper-checkout-message,
.checkout-fail .wrapper-checkout-message {
  max-width: 600px;
  font-family: inter, sans-serif;
}

.checkout-success .wrapper-checkout-message .wrapper-buttons,
.checkout-fail .wrapper-checkout-message .wrapper-buttons {
  max-width: 320px !important;
}

@media (max-width: 768px) {
  .checkout-success .wrapper-checkout-message,
  .checkout-fail .wrapper-checkout-message {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 576px) {
  .checkout-success .wrapper-checkout-message,
  .checkout-fail .wrapper-checkout-message {
    max-width: none;
  }
}

.guest-email {
  padding-right: 100px;
}

@media (max-width: 768px) {
  .guest-email {
    padding: 0 0 30px;
  }
}

.guest-email .button-primary-light-bordered {
  border: solid 1px #5f487b;
  position: relative;
  padding: 4px 10px 8px !important;
}

.guest-email .button-primary-light-bordered .arrow {
  position: absolute;
  right: 10px;
  top: 10px;
}

.guest-email .form-group .input-wrap input {
  width: 100%;
  padding: 7px 20px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
  border: 0;
  font-weight: 500;
  font-size: 20px;
}

.guest-email .form-group .input-wrap input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9e89b7;
  font-family: 'DarkerGrotesque', sans-serif;
}

.guest-email .form-group .input-wrap input::-moz-placeholder {
  /* Firefox 19+ */
  color: #9e89b7;
  font-family: 'DarkerGrotesque', sans-serif;
}

.guest-email .form-group .input-wrap input:-ms-input-placeholder {
  /* IE 10+ */
  color: #9e89b7;
  font-family: 'DarkerGrotesque', sans-serif;
}

.guest-email .form-group .input-wrap input:-moz-placeholder {
  /* Firefox 18- */
  color: #9e89b7;
  font-family: 'DarkerGrotesque', sans-serif;
}

.cart {
  font-family: inter, sans-serif;
}

.cart .cart-title {
  font-size: 32px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .cart .cart-title {
    text-align: center;
    padding-top: 0 !important;
  }
}

.cart .wrapper-item-img {
  max-width: 130px;
}

.cart .wrapper-cart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 768px) {
  .cart .wrapper-cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.cart .wrapper-cart .wrapper-cart-items .qty-form {
  max-width: 40px;
}

.cart .wrapper-cart .wrapper-cart-items .wrapper-link a {
  font-family: inter, sans-serif;
  text-decoration: underline !important;
}

.cart .wrapper-cart-item {
  max-width: 800px;
  padding: 20px;
  margin: 40px 40px 0 40px;
}

.cart .wrapper-cart-item:last-child {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .cart .wrapper-cart-item {
    background-color: rgba(245, 245, 245, 0.4);
  }
}

@media (max-width: 576px) {
  .cart .wrapper-cart-item {
    padding: 0 0 15px 0;
    margin: 0;
  }
}

.cart .item-info .product-name {
  line-height: 1;
  font-weight: 500;
}

.cart .item-img {
  max-width: 130px;
  max-height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.cart .remove-item {
  right: 20px;
}

.cart .remove-item .remove {
  color: #292929;
  opacity: 0.8;
}

@media (max-width: 768px) {
  .cart .remove-item {
    right: 0;
  }
}

.cart .wrapper-checkout-info {
  max-width: 336px;
  font-weight: 600;
}

.cart .wrapper-checkout-info .info-bordered {
  border-bottom: 2px solid #292929;
}

.cart .wrapper-checkout-info .disabled-color {
  color: #707070;
}

@media (max-width: 768px) {
  .cart .wrapper-checkout-info {
    margin-left: 0 !important;
  }
}

.cart .wrapper-link {
  padding: 20px 0 20px 40px;
  font-family: inter, sans-serif;
}

@media (max-width: 768px) {
  .cart .wrapper-link {
    padding: 10px;
    text-align: center;
  }
}

.cart .wrapper-empty {
  max-width: 320px;
}

.cart .wrapper-empty .empty-cart {
  max-width: 300px;
}

.popup-cart .wrapper-popup {
  max-width: 326px;
  border: solid 1px #bcbcbc;
}

.popup-cart .wrapper-popup .popup-cart-header:after {
  content: '';
  position: absolute;
  top: -18px;
  left: 50px;
  background-color: #f5f5f5;
  width: 35px;
  height: 35px;
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  z-index: 1;
  border-left: solid 1px #bcbcbc;
  border-bottom: solid 1px #bcbcbc;
}

@media (max-width: 576px) {
  .popup-cart .wrapper-popup .popup-cart-header:after {
    left: 155px;
  }
}

.popup-cart .wrapper-popup .remove-item {
  right: 10px;
  top: 10px;
}

.popup-cart .wrapper-popup .wrapper-cart-item:not(:last-child) {
  border-bottom: 1px solid #bcbcbc;
}

@media (max-width: 768px) {
  .popup-cart .wrapper-popup .wrapper-cart-item {
    background-color: #ffffff;
  }
}

.popup-cart .wrapper-popup .wrapper-cart-item .wrapper-item-img {
  max-width: 70px;
}

.popup-cart .wrapper-popup .wrapper-cart-item .wrapper-item-img .item-img {
  width: 70px;
  height: 70px;
}

.popup-cart .wrapper-popup .wrapper-cart-footer-item {
  -webkit-box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.16);
}

.popup-cart .wrapper-popup .wrapper-cart-footer-item .wrapper-cart-footer-info,
.popup-cart .wrapper-popup .wrapper-cart-footer-item .wrapper-footer-buttons {
  border-bottom: 1px solid #bcbcbc;
}

@media (max-width: 768px) {
  .popup-cart .wrapper-popup .remove-item {
    right: 10px;
  }
}

.search-result .wrapper-search-info {
  font-family: inter, sans-serif;
}

.wrapper-search-info {
  font-size: 16px;
  font-family: inter, sans-serif;
}

.sort-market {
  padding-top: 40px;
}

@media (max-width: 576px) {
  .sort-market {
    padding-top: 10px;
  }
}

.sort-market .wrapper-sort-items {
  border-top: 1px solid #ececec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .sort-market .wrapper-sort-items {
    padding-top: 30px !important;
  }
}

@media (max-width: 576px) {
  .sort-market .wrapper-sort-items {
    display: none;
  }
}

.sort-market .wrapper-sort-item {
  font-family: inter, sans-serif;
}

.sort-market .wrapper-sort-item:not(:last-child) {
  padding-right: 35px;
}

.sort-market .wrapper-sort-item .title {
  white-space: nowrap;
}

.sort-market .wrapper-sort-item .wrapper-sort-select {
  width: 118px;
}

.sort-market .wrapper-sort-item .wrapper-sort-color-checkbox:not(:last-child) {
  padding-right: 20px;
}

@media (max-width: 992px) {
  .sort-market .wrapper-sort-item {
    padding-bottom: 15px;
  }
}

@media (max-width: 576px) {
  .listing-category-banner {
    display: none;
  }
}

.wrapper-sort-items-mobile {
  font-family: inter, sans-serif;
  color: #292929;
  display: none;
}

.wrapper-sort-items-mobile button {
  font-weight: 500;
}

.wrapper-sort-items-mobile .arrow {
  margin-left: 10px;
}

@media (max-width: 374px) {
  .wrapper-sort-items-mobile .arrow {
    margin-left: 5px;
  }
}

@media (max-width: 576px) {
  .wrapper-sort-items-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.single-shop-header,
.profile-header {
  margin-top: 18px;
}

.single-shop-header .wrapper-shop,
.single-shop-header .wrapper-profile,
.profile-header .wrapper-shop,
.profile-header .wrapper-profile {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.single-shop-header .wrapper-shop .wrapper-buttons,
.single-shop-header .wrapper-profile .wrapper-buttons,
.profile-header .wrapper-shop .wrapper-buttons,
.profile-header .wrapper-profile .wrapper-buttons {
  max-width: 160px;
  width: 100%;
}

@media (max-width: 576px) {
  .single-shop-header .wrapper-shop .wrapper-buttons,
  .single-shop-header .wrapper-profile .wrapper-buttons,
  .profile-header .wrapper-shop .wrapper-buttons,
  .profile-header .wrapper-profile .wrapper-buttons {
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .single-shop-header .wrapper-shop,
  .single-shop-header .wrapper-profile,
  .profile-header .wrapper-shop,
  .profile-header .wrapper-profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}

.single-shop-header .shop-info .shop-avatar,
.single-shop-header .shop-info .profile-avatar,
.single-shop-header .profile-info .shop-avatar,
.single-shop-header .profile-info .profile-avatar,
.profile-header .shop-info .shop-avatar,
.profile-header .shop-info .profile-avatar,
.profile-header .profile-info .shop-avatar,
.profile-header .profile-info .profile-avatar {
  width: 160px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 0.7px solid #ececec;
}

@media (max-width: 768px) {
  .single-shop-header .shop-info .shop-avatar,
  .single-shop-header .shop-info .profile-avatar,
  .single-shop-header .profile-info .shop-avatar,
  .single-shop-header .profile-info .profile-avatar,
  .profile-header .shop-info .shop-avatar,
  .profile-header .shop-info .profile-avatar,
  .profile-header .profile-info .shop-avatar,
  .profile-header .profile-info .profile-avatar {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .single-shop-header .shop-info .shop-avatar,
  .single-shop-header .shop-info .profile-avatar,
  .single-shop-header .profile-info .shop-avatar,
  .single-shop-header .profile-info .profile-avatar,
  .profile-header .shop-info .shop-avatar,
  .profile-header .shop-info .profile-avatar,
  .profile-header .profile-info .shop-avatar,
  .profile-header .profile-info .profile-avatar {
    margin-right: 0;
  }
}

.single-shop-header .shop-info .wrapper-info .shop-name,
.single-shop-header .shop-info .wrapper-info .user-name,
.single-shop-header .profile-info .wrapper-info .shop-name,
.single-shop-header .profile-info .wrapper-info .user-name,
.profile-header .shop-info .wrapper-info .shop-name,
.profile-header .shop-info .wrapper-info .user-name,
.profile-header .profile-info .wrapper-info .shop-name,
.profile-header .profile-info .wrapper-info .user-name {
  font-size: 40px;
  max-width: 620px;
  word-break: break-word;
}

.single-shop-header .shop-info .description,
.single-shop-header .profile-info .description,
.profile-header .shop-info .description,
.profile-header .profile-info .description {
  font-size: 18px;
  color: #222531;
  margin: 25px 0;
}

.single-shop-header .shop-page-message ul.chat li,
.profile-header .shop-page-message ul.chat li {
  border-bottom: 0;
}

.single-shop-header .shop-page-message ul.chat .left .p-message-companion,
.profile-header .shop-page-message ul.chat .left .p-message-companion {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  color: #ffffff;
  max-width: 60%;
  background: #f96854;
  padding: 5px 20px;
  border-radius: 13px 13px 0px 13px;
}

.single-shop-header .shop-page-message ul.chat .left .p-message,
.profile-header .shop-page-message ul.chat .left .p-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 60%;
  color: #63646d;
  background: #c5c9e6;
  padding: 5px 20px;
  border-radius: 0px 13px 13px 13px;
}

.single-shop-header .modal-header,
.profile-header .modal-header {
  color: #fff;
  background: #775da7;
}

.single-shop-header #sendMessageModal #btn-chat,
.profile-header #sendMessageModal #btn-chat {
  padding: 0.5rem 1.5rem;
  color: #fff;
  background: #775da7;
}

.single-shop-header .chat,
.profile-header .chat {
  list-style: none;
  margin: 0;
  padding: 0;
}

.single-shop-header .chat li,
.profile-header .chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #B3A9A9;
}

.single-shop-header .chat li .chat-body p,
.profile-header .chat li .chat-body p {
  margin: 0;
  color: #777777;
}

.single-shop-header .panel-body,
.profile-header .panel-body {
  height: 350px;
}

.single-shop-header ::-webkit-scrollbar-track,
.profile-header ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.single-shop-header ::-webkit-scrollbar,
.profile-header ::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.single-shop-header ::-webkit-scrollbar-thumb,
.profile-header ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.single-shop-header .wrapper-shop-header .wrapper-shop-header-img .header-img,
.profile-header .wrapper-shop-header .wrapper-shop-header-img .header-img {
  max-height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  .single-shop-header .wrapper-shop-header .wrapper-shop-header-img .header-img,
  .profile-header .wrapper-shop-header .wrapper-shop-header-img .header-img {
    max-height: 150px;
  }
}

.single-shop-header .wrapper-shop-header .wrapper-shop-info,
.profile-header .wrapper-shop-header .wrapper-shop-info {
  font-family: inter, sans-serif;
}

.single-shop-header .wrapper-shop-header .wrapper-shop-info .shop-location,
.profile-header .wrapper-shop-header .wrapper-shop-info .shop-location {
  margin-bottom: 40px;
}

@media (max-width: 576px) {
  .single-shop-header .wrapper-shop-header .wrapper-shop-info .shop-location,
  .profile-header .wrapper-shop-header .wrapper-shop-info .shop-location {
    margin-bottom: 20px;
  }
}

.single-shop-header .wrapper-shop-header .shop-name,
.profile-header .wrapper-shop-header .shop-name {
  font-family: inter, sans-serif;
  font-size: 38px;
  font-weight: bold;
  max-width: 600px;
  line-height: 1;
  margin-top: 40px;
  text-transform: uppercase;
}

@media (max-width: 576px) {
  .single-shop-header .wrapper-shop-header .shop-name,
  .profile-header .wrapper-shop-header .shop-name {
    text-align: center;
    font-size: 29px;
    margin-top: 20px;
    line-height: 1;
    max-width: 140px;
  }
}

.single-shop-header .wrapper-shop-header .wrapper-shop-avatar,
.profile-header .wrapper-shop-header .wrapper-shop-avatar {
  left: 30px;
  bottom: 60px;
  width: 150px;
  height: 150px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 50%;
}

.single-shop-header .wrapper-shop-header .wrapper-shop-avatar .shop-avatar,
.profile-header .wrapper-shop-header .wrapper-shop-avatar .shop-avatar {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

@media (max-width: 576px) {
  .single-shop-header .wrapper-shop-header .wrapper-shop-avatar .shop-avatar,
  .profile-header .wrapper-shop-header .wrapper-shop-avatar .shop-avatar {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 576px) {
  .single-shop-header .wrapper-shop-header .wrapper-shop-avatar,
  .profile-header .wrapper-shop-header .wrapper-shop-avatar {
    width: 90px;
    height: 90px;
    left: 10px;
    bottom: 50px;
  }
}

.single-shop-header .wrapper-shop-description,
.profile-header .wrapper-shop-description {
  padding: 0 30px 10px;
}

.single-shop-header .wrapper-shop-description .description,
.profile-header .wrapper-shop-description .description {
  font-size: 20px;
  font-weight: 500;
}

@media (max-width: 576px) {
  .single-shop-header .wrapper-shop-description .description,
  .profile-header .wrapper-shop-description .description {
    line-height: 100%;
  }
}

.shop-owner {
  display: block !important;
}

.shop-owner .link-user-profile {
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  max-width: 190px;
  overflow: hidden;
}

.shop-owner .link-user-profile .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.shop-owner .shop-owner-subtitle {
  font-size: 22px;
  font-weight: 600;
  color: #292929;
  margin-bottom: 7px;
}

.shop-owner .link-user-profile {
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  overflow: hidden;
}

.shop-owner .link-user-profile .avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}

.article,
.homepage,
.category-page {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

@media (max-width: 992px) {
  .article,
  .homepage,
  .category-page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.article .search-people .wrapper-search,
.homepage .search-people .wrapper-search,
.category-page .search-people .wrapper-search {
  position: relative;
}

.article .search-people .wrapper-search .search-input,
.homepage .search-people .wrapper-search .search-input,
.category-page .search-people .wrapper-search .search-input {
  height: 48px;
  padding-left: 12px;
  border: 1px solid #EBF0F4;
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #292929;
  border-radius: 8px;
}

.article .search-people .wrapper-search .search-input::-webkit-input-placeholder,
.homepage .search-people .wrapper-search .search-input::-webkit-input-placeholder,
.category-page .search-people .wrapper-search .search-input::-webkit-input-placeholder {
  color: #292929;
  font-size: 16px;
  font-weight: 300;
}

.article .search-people .wrapper-search .search-input::-ms-input-placeholder,
.homepage .search-people .wrapper-search .search-input::-ms-input-placeholder,
.category-page .search-people .wrapper-search .search-input::-ms-input-placeholder {
  color: #292929;
  font-size: 16px;
  font-weight: 300;
}

.article .search-people .wrapper-search .search-input::placeholder,
.homepage .search-people .wrapper-search .search-input::placeholder,
.category-page .search-people .wrapper-search .search-input::placeholder {
  color: #292929;
  font-size: 16px;
  font-weight: 300;
}

.article .search-people .wrapper-search .search-input:focus,
.homepage .search-people .wrapper-search .search-input:focus,
.category-page .search-people .wrapper-search .search-input:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 2px solid #775CA7 !important;
}

.article .search-people .wrapper-search .search-icon,
.homepage .search-people .wrapper-search .search-icon,
.category-page .search-people .wrapper-search .search-icon {
  position: absolute;
  right: 13px;
  top: 16px;
  z-index: 5;
  cursor: pointer;
}

.article .section-suggested-connections .wrapper-tc-community .tc-community,
.homepage .section-suggested-connections .wrapper-tc-community .tc-community,
.category-page .section-suggested-connections .wrapper-tc-community .tc-community {
  max-width: 40px;
}

.article .section-suggested-connections .user-with-connections .wrapper-tc-community,
.homepage .section-suggested-connections .user-with-connections .wrapper-tc-community,
.category-page .section-suggested-connections .user-with-connections .wrapper-tc-community {
  border-bottom: 1px solid #ececec;
  max-width: 350px;
  width: 100%;
}

.article .section-suggested-connections .user-with-connections .user-block,
.homepage .section-suggested-connections .user-with-connections .user-block,
.category-page .section-suggested-connections .user-with-connections .user-block {
  padding-top: 0 !important;
}

.article .section-suggested-connections .user-with-connections .m-w-sm,
.homepage .section-suggested-connections .user-with-connections .m-w-sm,
.category-page .section-suggested-connections .user-with-connections .m-w-sm {
  max-width: 320px;
  width: 100%;
}

.article .section-suggested-connections .suggested-connections .see-more-btn,
.homepage .section-suggested-connections .suggested-connections .see-more-btn,
.category-page .section-suggested-connections .suggested-connections .see-more-btn {
  max-width: 250px;
}

.article .section-suggested-connections .suggested-connections .user-info,
.homepage .section-suggested-connections .suggested-connections .user-info,
.category-page .section-suggested-connections .suggested-connections .user-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .article .section-suggested-connections .wrapper-row-with-users,
  .homepage .section-suggested-connections .wrapper-row-with-users,
  .category-page .section-suggested-connections .wrapper-row-with-users {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.article .section-suggested-connections .wrapper-row-with-users .user-block,
.homepage .section-suggested-connections .wrapper-row-with-users .user-block,
.category-page .section-suggested-connections .wrapper-row-with-users .user-block {
  padding: 0 25px;
}

@media (max-width: 768px) {
  .article .section-suggested-connections .wrapper-row-with-users .user-block,
  .homepage .section-suggested-connections .wrapper-row-with-users .user-block,
  .category-page .section-suggested-connections .wrapper-row-with-users .user-block {
    padding-bottom: 10px;
  }
}

@media (max-width: 576px) {
  .article .section-suggested-connections .wrapper-row-with-users .user-block,
  .homepage .section-suggested-connections .wrapper-row-with-users .user-block,
  .category-page .section-suggested-connections .wrapper-row-with-users .user-block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 576px) {
  .article .section-suggested-connections .wrapper-row-with-users .user-block .user-info,
  .homepage .section-suggested-connections .wrapper-row-with-users .user-block .user-info,
  .category-page .section-suggested-connections .wrapper-row-with-users .user-block .user-info {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    max-width: 210px;
  }
}

.article .section-suggested-connections .wrapper-row-with-users .user-block:not(:last-child),
.homepage .section-suggested-connections .wrapper-row-with-users .user-block:not(:last-child),
.category-page .section-suggested-connections .wrapper-row-with-users .user-block:not(:last-child) {
  border-right: solid 0.7px #ececec;
}

.wrapper-write-an-article .wrapper-buttons {
  margin-left: 30px;
}

@media (max-width: 576px) {
  .wrapper-write-an-article .wrapper-buttons {
    margin-left: 0;
  }
}

.wrapper-write-an-article .title {
  font-size: 24px;
}

@media (max-width: 576px) {
  .wrapper-write-an-article .title {
    font-size: 18px;
    padding-bottom: 15px;
    text-align: center;
  }
}

@media (max-width: 576px) {
  .wrapper-write-an-article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.networking {
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 25px;
}

@media (max-width: 1180px) {
  .networking {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.networking .section-title {
  font-size: 16px;
  line-height: 1.3;
  color: #222531;
}

.networking .search-title-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}

.networking .search-title-sort .selectric-wrapper {
  width: 210px !important;
  margin-left: 16px;
  border-radius: 8px !important;
}

@media (max-width: 768px) {
  .networking .search-title-sort .selectric-wrapper {
    width: 110px !important;
  }
}

@media (max-width: 768px) {
  .networking .popular_wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 768px) {
  .networking .write-an-article {
    margin-bottom: 55px;
  }
}

@media screen and (max-width: 1180px) {
  .networking .sidebar-menu {
    max-width: 380px;
    margin: 25px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .networking .sidebar-menu {
    margin-left: 0;
  }
}

@media screen and (max-width: 390px) {
  .networking .sidebar-menu {
    max-width: 300px;
  }
}

.networking .sidebar-menu .sidebar-for-desktop {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-top: 32px;
}

.networking .sidebar-menu .sidebar-for-desktop .count-foll-title {
  font-size: 18px;
  font-weight: 300;
}

.networking .sidebar-menu .sidebar-for-desktop .count-foll {
  font-size: 18px;
  font-weight: 300;
}

@media screen and (max-width: 1180px) {
  .networking .sidebar-menu .sidebar-for-desktop {
    display: none;
  }
}

.networking .sidebar-menu .user-block {
  -webkit-box-shadow: 1px 2px 10px rgba(128, 138, 157, 0.04);
          box-shadow: 1px 2px 10px rgba(128, 138, 157, 0.04);
}

@media screen and (max-width: 768px) {
  .networking .sidebar-menu .user-block {
    border: 1px solid #D3D7E0;
  }
}

.networking .sidebar-menu .user-block .user-name {
  font-size: 16px;
}

.networking .sidebar-menu .user-block .wrapper-user-avatar .user-avatar {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.networking .sidebar-menu .user-block .my-network {
  font-size: 25px;
  margin-bottom: 20px;
}

.networking .sidebar-menu .search {
  margin: 16px 0 32px;
}

.networking .sidebar-menu .search input {
  width: 100%;
}

.networking .sidebar-menu .sidebar-discover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.networking .sidebar-menu .sidebar-discover h4 {
  font-family: inter, sans-serif;
  font-size: 16px;
  line-height: 125%;
  color: #222531;
  margin: 0 0 16px;
}

.networking .sidebar-menu .sidebar-discover a {
  color: #58667E;
  text-decoration: none;
  padding: 10px 32px;
  border-radius: 6px;
  font-weight: 300;
}

.networking .sidebar-menu .sidebar-discover a.active {
  background: #775CA7;
  color: white;
  font-weight: 500;
}

.networking .sidebar-menu .sidebar-discover .wrapper-category {
  border-radius: 6px;
  padding: 8px;
  color: #58667E;
  font-weight: 300;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
  margin-top: -5px;
}

.networking .sidebar-menu .sidebar-discover .checked-category {
  color: #FFFFFF;
  background: #775CA7;
  padding: 8px 16px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 0;
}

.networking .write-an-article {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
  background-color: #7ec4bd;
  padding: 50px 25px;
  -webkit-transition: margin-top .4s ease-in-out;
  transition: margin-top .4s ease-in-out;
}

.networking .write-an-article.sticky {
  margin-top: 40px !important;
  -webkit-transition: margin-top .4s ease-in-out;
  transition: margin-top .4s ease-in-out;
  max-width: 310px;
  width: 100%;
  position: fixed;
  top: 20px;
}

.networking .write-an-article .title {
  font-size: 30px;
  color: white;
}

.networking .my-connections {
  margin-bottom: 32px;
}

.networking .my-connections .network-title {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .networking .my-connections .network-title {
    font-size: 16px;
    margin-bottom: 8px;
  }
}

@media (max-width: 768px) {
  .networking .my-connections .connections_wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.networking .my-connections .empty-connections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: white;
  padding: 24px 0;
  color: #4E597E;
  margin-top: 16px;
}

.networking .my-connections .empty-connections .description {
  font-weight: 300;
  text-align: center;
}

@media (max-width: 768px) {
  .networking .my-connections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 5px;
  }
}

#connections-search {
  border: solid 1px #EBF0F4;
  border-radius: 8px;
  padding: 8px 15px;
  height: 48px;
  font-weight: 300;
}

#connections-search::-webkit-input-placeholder {
  font-weight: 300;
}

#connections-search::-ms-input-placeholder {
  font-weight: 300;
}

#connections-search::placeholder {
  font-weight: 300;
}

#connections-search:focus {
  border: solid 2px #775CA7 !important;
  outline: none !important;
}

.networking-search .no-result .title,
.networking-search .no-result .description {
  font-size: 25px;
}

.networking-search .more {
  max-width: 250px;
}

.networking-search .network-search-block-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.networking-search .network-search-block-style .network-content {
  margin: 0 auto;
}

.networking-search .network-search-block-style .no-result {
  text-align: center;
}

.networking-search .network-search-block-style .no-result .title {
  font-weight: 500;
  color: #775CA7;
  font-size: 26px;
  line-height: 120%;
  margin-bottom: 16px;
}

.networking-search .network-search-block-style .no-result .description {
  font-size: 18px;
  line-height: 143%;
  color: #8A91AA;
}

.homepage .top-follow-us,
.post-page .top-follow-us {
  border-bottom: 1px solid #f5f5f5;
}

@media (max-width: 992px) {
  .homepage .top-follow-us .wrapper,
  .post-page .top-follow-us .wrapper {
    margin: 0 15px;
  }
}

@media (max-width: 576px) {
  .homepage .top-follow-us .wrapper,
  .post-page .top-follow-us .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.homepage .top-follow-us a,
.post-page .top-follow-us a {
  color: #F96854 !important;
}

.homepage .top-follow-us .write-an-article,
.post-page .top-follow-us .write-an-article {
  background: #F6685A;
  border-radius: 6px;
  padding: 11px 20px;
  cursor: pointer;
}

.homepage .top-follow-us .write-an-article a,
.post-page .top-follow-us .write-an-article a {
  color: white !important;
  text-decoration: none;
}

.homepage .top-follow-us .write-an-article .write-icon,
.post-page .top-follow-us .write-an-article .write-icon {
  width: 16px;
  height: 16px;
}

@media (max-width: 576px) {
  .homepage .top-follow-us .write-an-article,
  .post-page .top-follow-us .write-an-article {
    margin-bottom: 10px;
  }
}

.homepage .top-follow-us .write-an-article:hover,
.post-page .top-follow-us .write-an-article:hover {
  background: #E45649;
}

.homepage .top-follow-us .write-an-article:active,
.post-page .top-follow-us .write-an-article:active {
  background: #FFC7C1;
}

.homepage .top-follow-us .wrapper-social-links,
.post-page .top-follow-us .wrapper-social-links {
  padding: 10px 20px;
  border-radius: 3px;
  background: #FCFBFE;
}

.homepage .top-follow-us .wrapper-social-links .footer-icon,
.post-page .top-follow-us .wrapper-social-links .footer-icon {
  background: #F2F0F8;
}

.homepage .top-follow-us .wrapper-social-links .footer-icon a,
.post-page .top-follow-us .wrapper-social-links .footer-icon a {
  color: #775CA7 !important;
}

.homepage .top-follow-us .wrapper-social-links .footer-icon a:hover,
.post-page .top-follow-us .wrapper-social-links .footer-icon a:hover {
  color: #5C4586 !important;
}

.homepage .top-follow-us .wrapper-social-links .description,
.post-page .top-follow-us .wrapper-social-links .description {
  color: #775CA7;
  margin-right: 20px;
}

@media (max-width: 576px) {
  .homepage .top-follow-us .wrapper-social-links .description,
  .post-page .top-follow-us .wrapper-social-links .description {
    line-height: 1.3;
    margin-right: 0;
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.homepage .top-follow-us .wrapper-social-links .footer-icon,
.post-page .top-follow-us .wrapper-social-links .footer-icon {
  width: 22px;
  height: 22px;
}

@media (max-width: 576px) {
  .homepage .top-follow-us .wrapper-social-links .footer-icon,
  .post-page .top-follow-us .wrapper-social-links .footer-icon {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 768px) {
  .homepage .top-follow-us .wrapper-social-links,
  .post-page .top-follow-us .wrapper-social-links {
    margin: 0;
  }
}

@media (max-width: 576px) {
  .homepage .top-follow-us .wrapper-social-links,
  .post-page .top-follow-us .wrapper-social-links {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: none !important;
  }
}

.homepage,
.category-page {
  padding-bottom: 25px;
}

.homepage .more,
.category-page .more {
  max-width: 382px;
}

.account-settings-header,
.account-settings-footer {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 900px;
  width: 100%;
  margin: 64px auto 140px;
}

.account-settings-header .btn-action,
.account-settings-footer .btn-action {
  max-width: 210px;
  width: 100% !important;
  position: relative;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 500px) {
  .account-settings-header .btn-action,
  .account-settings-footer .btn-action {
    max-width: 140px;
  }
}

@media (max-width: 768px) {
  .account-settings-header,
  .account-settings-footer {
    margin: 24px auto 40px;
  }
}

.account-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .account-settings {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.account-settings .wrapper-avatar-name {
  padding: 50px 70px 40px;
  border-radius: 5px;
  margin-right: 15px;
  max-height: 300px;
}

@media (max-width: 768px) {
  .account-settings .wrapper-avatar-name {
    margin-right: 0;
    padding: 20px 60px 20px;
  }
}

.account-settings .wrapper-avatar-name .wrapper-user-avatar {
  position: relative;
}

.account-settings .wrapper-avatar-name .wrapper-user-avatar.error-img {
  border: 2px solid #F6685A;
  border-radius: 50%;
}

.account-settings .wrapper-avatar-name .wrapper-user-avatar .profile-avatar {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  cursor: pointer;
}

.account-settings .wrapper-avatar-name .wrapper-user-avatar .mask {
  cursor: pointer;
  position: absolute;
  top: 120px;
}

.account-settings .wrapper-double .block-content .wrapper-inputs {
  max-width: 450px;
}

.account-settings .wrapper-double .block-content .wrapper-inputs label {
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.account-settings .wrapper-double .block-content .wrapper-inputs input {
  height: 46px;
}

@media (max-width: 768px) {
  .account-settings .wrapper-double .block-content .wrapper-inputs {
    max-width: 100%;
    padding: 0;
  }
}

.account-settings .block-content.wrapper-block {
  max-width: 900px;
  width: 100%;
  margin: auto;
}

@media (max-width: 768px) {
  .account-settings .block-content.wrapper-block {
    max-width: 100%;
    padding: 0;
  }
}

.account-settings .block-content.wrapper-block .bio-textarea {
  font-size: 14px;
  line-height: 140%;
}

.account-settings .block-content .email-notifications-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .account-settings .block-content .email-notifications-wrapper {
    font-size: 14px;
    padding: 8px;
  }
}

.account-settings .wrapper-main .about-you {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.account-settings .wrapper-main .about-you .main-title {
  font-weight: 500;
  font-size: 29px;
  line-height: 120%;
  color: #3E3E3E;
  margin-top: 60px;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .account-settings .wrapper-main .about-you .main-title {
    margin-top: 37px;
    font-size: 16px;
    margin-bottom: 18px;
  }
}

.account-settings .wrapper-main .title {
  font-weight: 500;
  font-size: 29px;
  line-height: 120%;
  color: #3E3E3E;
}

@media (max-width: 768px) {
  .account-settings .wrapper-main .title {
    padding-left: 20px;
  }
}

.account-settings .wrapper-main .wrapper-tags.error-input .tag-editor {
  border-color: #F6685A !important;
}

.account-settings .wrapper-main .tag-editor.ui-sortable {
  font-family: inter, sans-serif;
  font-size: 14px;
}

.account-settings .wrapper-main .tag-editor {
  border: 1px solid #EBF0F4;
  border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #222531;
}

@media (max-width: 768px) {
  .account-settings .wrapper-main .tag-editor {
    margin: 0;
  }
}

.account-settings .wrapper-main .tag-editor .tag-editor-tag {
  font-family: inter, sans-serif;
  font-weight: 300;
  padding: 4px 16px !important;
  font-size: 14px;
  color: #222531;
  background: #EBF0F4;
  border-radius: 54px;
  margin-right: 10px;
}

.account-settings .wrapper-main .tag-editor .tag-editor-delete {
  background-color: #775CA7 !important;
  border-radius: 0 5px 5px 0;
  padding: 0 10px 4px 10px !important;
}

.account-settings .wrapper-main .tag-editor .tag-editor-delete i {
  -webkit-transform: scale(2);
          transform: scale(2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2px;
}

.account-settings .wrapper-main .tag-editor:focus {
  border: 1px solid #775CA7;
}

.account-settings .earn-rewards .custom-control-label,
.account-settings .social-links .custom-control-label {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
  font-weight: 300;
}

.account-settings .earn-rewards .custom-control-label:before,
.account-settings .social-links .custom-control-label:before {
  border: #58667E solid 2px !important;
}

.account-settings .earn-rewards .custom-control-label:after,
.account-settings .earn-rewards .custom-control-label:before,
.account-settings .social-links .custom-control-label:after,
.account-settings .social-links .custom-control-label:before {
  width: 17px;
  height: 17px;
}

.account-settings .earn-rewards .rewards-earn,
.account-settings .social-links .rewards-earn {
  font-size: 18px;
  line-height: 143%;
}

@media (max-width: 768px) {
  .account-settings .earn-rewards .rewards-earn,
  .account-settings .social-links .rewards-earn {
    font-size: 12px;
  }
}

.account-settings .earn-rewards .rewards-earn a,
.account-settings .social-links .rewards-earn a {
  color: #222531 !important;
}

.account-settings .social-links .social-icon {
  margin-top: 4px;
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background-color: #775CA7;
}

.account-settings .social-links .switch-receive-email-notifications {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-bottom: 0;
}

@media (max-width: 390px) {
  .account-settings .social-links .switch-receive-email-notifications {
    width: 68px;
  }
}

@media (max-width: 350px) {
  .account-settings .social-links .switch-receive-email-notifications {
    width: 78px;
  }
}

.account-settings .social-links .switch-receive-email-notifications input {
  opacity: 0;
  width: 0;
  height: 0;
}

.account-settings .social-links .switch-receive-email-notifications .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.account-settings .social-links .switch-receive-email-notifications .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.account-settings .social-links .switch-receive-email-notifications input:checked + .slider {
  background: #9975FE;
}

.account-settings .social-links .switch-receive-email-notifications input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #9975FE;
          box-shadow: 0 0 1px #9975FE;
}

.account-settings .social-links .switch-receive-email-notifications input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

.wrapper-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 900px;
  width: 100%;
}

@media (max-width: 768px) {
  .wrapper-account {
    max-width: 100% !important;
  }
}

.wrapper-account .block-content {
  max-width: 250px;
}

@media (max-width: 768px) {
  .wrapper-account .block-content {
    max-width: 100% !important;
  }
}

.wrapper-account .wrapper-inputs {
  max-width: 530px;
}

@media (max-width: 768px) {
  .wrapper-account .wrapper-inputs {
    max-width: 100% !important;
    padding: 0;
  }
}

.wrapper-account .wrapper-inputs input {
  height: 46px !important;
}

.wrapper-select-reg select {
  width: 100%;
}

@media (max-width: 768px) {
  .wrapper-problem {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 768px) {
  .wrapper-problem .block-content {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

.wrapper-select-reg .select2-container--default .select2-selection--single {
  font-size: 16px !important;
}

.registration-page .wrapper-double .block-content .email-wrap,
.btn.button-primary-light.add-social-links,
.registration-page .business-reg .wrapper-social-button {
  max-width: 420px;
}

.input-label .required-red {
  color: #F6685A;
  font-size: 14px;
}

.registration-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.registration-page .account-settings-wrapper {
  padding: 0 !important;
}

.shop-create-wrapper {
  max-width: 200px !important;
}

@media (max-width: 768px) {
  .registration-page .wrapper-double .block-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (max-width: 375px) {
  .registration-page .wrapper-double .block-content {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

.upload-photo-text {
  padding-top: 10px;
}

.wrapper-bottom-text {
  padding-bottom: 50px !important;
}

.add-products-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.add-products-wrapper .wrapper-buttons .btn-reg {
  max-width: 100% !important;
  font-size: 16px !important;
}

.add-products-wrapper .save-for-later {
  margin-top: 25px;
  text-align: center;
}

.add-products-wrapper .save-for-later a {
  font-size: 24px !important;
}

@media (max-width: 414px) {
  .classifieds-wrapper .gallery-carousel {
    max-width: 100% !important;
  }
}

.classifieds-wrapper .gallery-carousel .slick-current {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.classifieds-wrapper .top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 576px) {
  .classifieds-wrapper .top-nav {
    margin: 20px 0;
  }
}

.classifieds-wrapper .top-nav .title,
.classifieds-wrapper .top-nav .description {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 576px) {
  .classifieds-wrapper .top-nav .title,
  .classifieds-wrapper .top-nav .description {
    font-size: 16px;
  }
}

.classifieds-wrapper .mobile-container {
  padding: 0 10px;
}

@media (max-width: 414px) {
  .classifieds-wrapper .featured-items {
    padding-bottom: 15px;
  }
}

.classifieds-wrapper .featured-items .wrapper-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 795px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

@media (max-width: 992px) {
  .classifieds-wrapper .featured-items .wrapper-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 576px) {
  .classifieds-wrapper .featured-items .wrapper-items {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .owl-nav {
  display: block;
}

.classifieds-wrapper .featured-items .wrapper-items .owl-nav .owl-prev,
.classifieds-wrapper .featured-items .wrapper-items .owl-nav .owl-next {
  font-size: 75px;
  color: #ffffff;
  position: absolute;
  top: 50px;
  left: 10px;
  font-weight: 700;
}

@media (max-width: 414px) {
  .classifieds-wrapper .featured-items .wrapper-items .owl-nav .owl-prev,
  .classifieds-wrapper .featured-items .wrapper-items .owl-nav .owl-next {
    top: 0;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .owl-nav .owl-prev span svg,
.classifieds-wrapper .featured-items .wrapper-items .owl-nav .owl-next span svg {
  background: rgba(61, 61, 61, 0.5);
  width: 45px;
  height: 45px;
  padding: 12px 14px 12px 10px;
  border-radius: 50%;
}

.classifieds-wrapper .featured-items .wrapper-items .owl-nav .owl-next {
  right: 15px;
  left: auto;
}

.classifieds-wrapper .featured-items .wrapper-items .owl-nav .owl-next span svg {
  padding: 12px 10px 12px 14px;
}

.classifieds-wrapper .featured-items .wrapper-items .element {
  position: relative;
  height: 235px;
  width: calc(795px / 2 - 10px);
  display: block;
}

@media (max-width: 414px) {
  .classifieds-wrapper .featured-items .wrapper-items .element {
    width: 190px;
    height: 150px;
  }
}

@media (max-width: 375px) {
  .classifieds-wrapper .featured-items .wrapper-items .element {
    width: 175px;
  }
}

@media (max-width: 320px) {
  .classifieds-wrapper .featured-items .wrapper-items .element {
    width: 280px;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .element .image {
  width: calc(795px / 2 - 10px);
  height: 235px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 414px) {
  .classifieds-wrapper .featured-items .wrapper-items .element .image {
    height: 150px;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .item {
  position: relative;
  display: block;
}

@media (max-width: 768px) {
  .classifieds-wrapper .featured-items .wrapper-items .item {
    max-width: 350px;
    margin-bottom: 15px;
  }
}

@media (max-width: 576px) {
  .classifieds-wrapper .featured-items .wrapper-items .item {
    margin-bottom: 0;
    border: 2px solid #b968c7;
  }
}

@media (max-width: 414px) {
  .classifieds-wrapper .featured-items .wrapper-items .item {
    width: 190px;
    margin-bottom: 0;
    max-width: 100%;
  }
}

@media (max-width: 375px) {
  .classifieds-wrapper .featured-items .wrapper-items .item {
    max-width: 100%;
    width: 175px;
  }
}

@media (max-width: 320px) {
  .classifieds-wrapper .featured-items .wrapper-items .item {
    width: 280px;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .item:nth-child(2) {
  margin: 0 15px;
}

@media (max-width: 768px) {
  .classifieds-wrapper .featured-items .wrapper-items .item:nth-child(2) {
    margin: 0 0 15px 10px;
  }
}

@media (max-width: 576px) {
  .classifieds-wrapper .featured-items .wrapper-items .item:nth-child(2) {
    margin: 0 0 15px 10px;
  }
}

@media (max-width: 375px) {
  .classifieds-wrapper .featured-items .wrapper-items .item:nth-child(2) {
    margin: 0 0 15px 0;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .item .image {
  width: 100%;
  height: 235px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  .classifieds-wrapper .featured-items .wrapper-items .item .image {
    max-width: 100%;
    height: 150px;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .item .wrapper-description {
  position: absolute;
  color: #ffffff;
  bottom: 0;
  width: 100%;
  background-color: rgba(61, 61, 61, 0.5);
  padding: 10px 15px;
  min-height: 60px;
}

@media (max-width: 414px) {
  .classifieds-wrapper .featured-items .wrapper-items .item .wrapper-description {
    min-height: 45px;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .item .wrapper-description .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-transform: capitalize;
}

@media (max-width: 576px) {
  .classifieds-wrapper .featured-items .wrapper-items .item .wrapper-description .title {
    font-size: 14px;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .item .wrapper-description .description {
  font-weight: 500;
  font-size: 16px;
}

@media (max-width: 576px) {
  .classifieds-wrapper .featured-items .wrapper-items .item .wrapper-description .description {
    font-size: 14px;
    line-height: 1;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .item .tag {
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  background-color: #b185ff;
}

@media (max-width: 576px) {
  .classifieds-wrapper .featured-items .wrapper-items .item .tag {
    font-size: 14px;
    background-color: #b968c7;
  }
}

.classifieds-wrapper .featured-items .wrapper-items .item:nth-child(3) {
  width: 100%;
  margin: 10px 15px 0 0;
}

@media (max-width: 414px) {
  .classifieds-wrapper .featured-items .wrapper-items .item:nth-child(3) {
    margin: 0;
  }
}

.classifieds-wrapper .categories {
  margin: 35px 0;
}

@media (max-width: 414px) {
  .classifieds-wrapper .categories {
    margin-top: 49px;
  }
}

.classifieds-wrapper .categories .section-title {
  font-size: 16px;
  font-weight: 500;
  color: #a0a0a0;
  margin-bottom: 15px;
}

@media (max-width: 414px) {
  .classifieds-wrapper .categories .section-title {
    text-align: center;
    font-weight: 700;
  }
}

.classifieds-wrapper .listings {
  padding-bottom: 50px;
}

.classifieds-wrapper .listings .listings-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.classifieds-wrapper .listings .listings-row.mobile-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: unset;
      flex-wrap: unset;
}

.classifieds-wrapper .listings .listings-row.mobile-row .listings-block {
  width: 100%;
}

.classifieds-wrapper .listings .listings-row .listings-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 382px;
  height: 360px;
  padding: 15px;
  margin-bottom: 30px;
  background-color: #ffffff;
}

.classifieds-wrapper .listings .listings-row .listings-block:nth-child(2n) {
  margin-right: 0;
}

@media (min-width: 1150px) {
  .classifieds-wrapper .listings .listings-row .listings-block {
    margin-right: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .classifieds-wrapper .listings .listings-row .listings-block {
    margin-right: 15px;
    width: 40%;
  }

  .classifieds-wrapper .listings .listings-row .listings-block:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .classifieds-wrapper .listings .listings-row .listings-block {
    margin-right: 15px;
  }

  .classifieds-wrapper .listings .listings-row .listings-block:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 576px) {
  .classifieds-wrapper .listings .listings-row .listings-block {
    height: 260px;
    margin-right: 5px;
    max-width: 48%;
  }
}

.classifieds-wrapper .listings .listings-row .listings-block .wrapper-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  -webkit-transition: .2s;
  transition: .2s;
}

.classifieds-wrapper .listings .listings-row .listings-block .wrapper-img:hover {
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0.9;
}

.classifieds-wrapper .listings .listings-row .listings-block .wrapper-img .img {
  width: 100%;
  height: 225px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  .classifieds-wrapper .listings .listings-row .listings-block .wrapper-img .img {
    height: 145px;
  }
}

.classifieds-wrapper .listings .listings-row .listings-block .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-decoration: none;
  color: #292929;
}

@media (max-width: 414px) {
  .classifieds-wrapper .listings .listings-row .listings-block .info {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding-bottom: 10px;
  }
}

.classifieds-wrapper .listings .listings-row .listings-block .info .name {
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 576px) {
  .classifieds-wrapper .listings .listings-row .listings-block .info .name {
    max-width: 125px;
    font-size: 16px;
  }
}

.classifieds-wrapper .listings .listings-row .listings-block .info .description {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 576px) {
  .classifieds-wrapper .listings .listings-row .listings-block .info .description {
    font-size: 16px;
  }
}

.classifieds-wrapper .listings .listings-row .listings-block .wrapper-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.classifieds-wrapper .listings .listings-row .listings-block .wrapper-bottom .wrapper-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.classifieds-wrapper .listings .listings-row .listings-block .wrapper-bottom .wrapper-avatar .company-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  .classifieds-wrapper .listings .listings-row .listings-block .wrapper-bottom .wrapper-avatar .company-avatar {
    width: 40px;
    height: 40px;
  }
}

.classifieds-wrapper .listings .listings-row .listings-block .wrapper-bottom .wrapper-avatar .company-name {
  font-size: 18px;
  margin-left: 5px;
  color: #a0a0a0;
  font-weight: 500;
}

.classifieds-wrapper .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 795px;
  width: 100%;
}

@media (max-width: 1200px) {
  .classifieds-wrapper .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.classifieds-wrapper .info .wrapper-product-slider {
  max-width: 450px;
}

.classifieds-wrapper .info .wrapper-info {
  padding-left: 25px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-bottom: 30px;
}

@media (max-width: 1200px) {
  .classifieds-wrapper .info .wrapper-info {
    padding: 0 15px 30px 15px;
  }
}

.classifieds-wrapper .info .wrapper-info .date {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

@media (max-width: 768px) {
  .classifieds-wrapper .info .wrapper-info .date {
    color: #9B9B9B;
    margin-top: 24px;
    margin-bottom: 11px;
  }
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .date {
    font-size: 12px;
  }
}

.classifieds-wrapper .info .wrapper-info .name {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  line-height: 129%;
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .name {
    font-size: 24px;
  }
}

.classifieds-wrapper .info .wrapper-info .details-title {
  font-size: 24px;
  color: #000000;
  font-weight: 700;
  padding-bottom: 10px;
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .details-title {
    font-size: 14px;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 5px;
  }
}

.classifieds-wrapper .info .wrapper-info .details-text {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .classifieds-wrapper .info .wrapper-info .details-text {
    color: #3e3e3e;
    padding-bottom: 0;
  }
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .details-text {
    font-size: 14px;
    line-height: 19px;
  }
}

.classifieds-wrapper .info .wrapper-info .details-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 50px 10px 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  max-width: 320px;
  width: 100%;
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .details-card {
    padding: 20px 16px 20px 16px;
    max-width: 100%;
  }
}

@media (max-width: 350px) {
  .classifieds-wrapper .info .wrapper-info .details-card {
    max-width: 290px;
  }
}

.classifieds-wrapper .info .wrapper-info .details-card .image .image-photo {
  max-width: 150px;
  height: auto;
  width: 100%;
  border-radius: 50%;
}

.classifieds-wrapper .info .wrapper-info .details-card .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 5px;
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .details-card .info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 8px;
  }
}

.classifieds-wrapper .info .wrapper-info .details-card .info .name {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .details-card .info .name {
    font-size: 18px;
    padding-left: 10px;
  }
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .details-card .info .wrapper-buttons {
    width: 100%;
  }
}

.classifieds-wrapper .info .wrapper-info .details-card .info .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.classifieds-wrapper .info .wrapper-info .details-card .info .location a {
  color: #515151;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 18px;
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .details-card .info .location a {
    font-size: 16px;
    padding-left: 10px;
  }
}

.classifieds-wrapper .info .wrapper-info .details-card .info .location a:hover {
  color: #5C4586;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.classifieds-wrapper .info .wrapper-info .details-card .info .location .location-info {
  color: #8c8c8c;
  font-size: 14px;
  margin-left: 10px;
  font-weight: 500;
}

@media (max-width: 414px) {
  .classifieds-wrapper .info .wrapper-info .details-card .info .location .location-info {
    font-size: 12px;
  }
}

.classifieds-wrapper .info .wrapper-info .details-card .info .card-button:hover {
  background-color: #5C4586;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.classifieds-wrapper .info .wrapper-info .details-card .info .card-button {
  width: 90%;
  height: 30px;
  border-radius: 10px;
  background-color: #775CA7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 10px 0 15px 0;
}

.classifieds-wrapper .info .wrapper-info .details-card .info .card-button a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.classifieds-wrapper .info .wrapper-info .details-card .info .card-social {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.classifieds-wrapper .info .wrapper-info .details-card .info .card-social a:hover {
  color: #5C4586;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.classifieds-wrapper .info .wrapper-info .details-card .info .card-social a {
  color: #b9b9b9;
  width: 14px;
  height: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.classifieds-wrapper .info .wrapper-info .details-card .info .card-social a i,
.classifieds-wrapper .info .wrapper-info .details-card .info .card-social a svg {
  width: 1.175em;
  height: 1.175em;
}

.success-promocode {
  color: #ff0000 !important;
}

.checked-category {
  background: #5C4586;
  color: #ffffff;
}

.checked-category svg,
.checked-category .title {
  color: inherit !important;
}

.checked-category svg :hover,
.checked-category .title :hover {
  color: #ffffff !important;
}

.checked-category svg path {
  color: inherit !important;
}

.checked-category svg path :hover {
  color: #ffffff !important;
}

.checked-category :hover {
  color: #ffffff !important;
}

.checked-category :hover svg,
.checked-category :hover .title,
.checked-category :hover path {
  color: inherit !important;
}

.checked-category:hover {
  color: #ffffff !important;
}

#promocode-error {
  color: #ff0000;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  margin: 10px 0;
}

#subscription-card-element {
  background: rgba(200, 200, 200, 0.1);
  padding: 15px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 3px rgba(95, 72, 123, 0.5);
          box-shadow: 0 0 3px rgba(95, 72, 123, 0.5);
}

@media (max-width: 414px) {
  #subscription-card-element {
    padding: 10px;
  }
}

.details-slider-wrapper {
  max-width: 750px;
  position: relative;
  margin: 0px 25px;
}

@media (max-width: 992px) {
  .details-slider-wrapper {
    margin: 0px 35px;
  }
}

.details-slider-wrapper .listings-block {
  margin-right: 0 !important;
}

.details-slider-wrapper .next-arrow,
.details-slider-wrapper .prev-arrow {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-250%);
          transform: translateY(-250%);
  background-color: #d9d9d9;
  border-radius: 50%;
  cursor: pointer;
}

.details-slider-wrapper .next-arrow[aria-disabled=true],
.details-slider-wrapper .prev-arrow[aria-disabled=true] {
  display: none !important;
}

.details-slider-wrapper .next-arrow {
  right: -45px;
}

.details-slider-wrapper .prev-arrow {
  left: -35px;
}

.details-slider-wrapper .wrapper-product {
  width: 95%;
}

.listings-block .info .description {
  padding-bottom: 15px;
}

.mobile-title .name {
  font-size: 36px;
  color: #808080;
  font-weight: 500;
}

@media (max-width: 768px) {
  .mobile-title .name {
    font-size: 24px;
  }
}

@media (max-width: 414px) {
  .mobile-title .name {
    font-size: 18px;
  }
}

.mobile-title .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2px;
  margin-bottom: 14px;
}

.mobile-title .location a {
  color: #3e3e3e;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 18px;
}

@media (max-width: 414px) {
  .mobile-title .location a {
    font-size: 16px;
  }
}

.mobile-title .location a:hover {
  color: #5C4586;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mobile-title .location .location-info {
  color: #3e3e3e;
  font-size: 14px;
  margin-left: 10px;
  font-weight: 500;
}

@media (max-width: 414px) {
  .mobile-title .location .location-info {
    font-size: 12px;
  }
}

.mobile-title .location .location-info a {
  color: #b968c7;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}

@media (max-width: 414px) {
  .mobile-title .location .location-info a {
    font-size: 12px;
  }
}

.main-content .my-tamil-date {
  padding: 0 !important;
  margin: 20px 0 24px 0 !important;
}

@media (max-width: 568px) {
  .main-content .my-tamil-date {
    margin: 10px 0 24px 0 !important;
  }
}

.main-content .my-tamil-date .wrapper {
  display: none !important;
}

.main-content .people-discussions {
  margin-top: 0;
}

.total-form-order {
  position: relative;
}

.total-form-order .modal-waiting {
  background-color: #ffffff;
  width: 100%;
  max-width: 950px;
  min-height: 250px;
  padding: 15px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 3px rgba(23, 23, 23, 0.6);
          box-shadow: 0 0 3px rgba(23, 23, 23, 0.6);
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.total-form-order .modal-waiting .modal-waiting-label {
  font-size: 24px;
  font-weight: 500;
  color: #292929;
  text-align: center;
  line-height: 120%;
}

.wrapper-category-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wrapper-category-row .item {
  width: 30%;
  height: auto;
  background-color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 10px;
  margin-right: 1%;
}

@media (max-width: 768px) {
  .wrapper-category-row .item {
    width: 47%;
  }
}

@media (max-width: 414px) {
  .wrapper-category-row .item {
    width: 90%;
    margin: 5px 10px;
  }
}

.wrapper-category-row .item .wrapper-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-decoration: none;
}

.wrapper-category-row .item .wrapper-category .title {
  color: #775CA7;
  margin-left: 15px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.wrapper-category-row .item .wrapper-category svg {
  color: #775CA7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.wrapper-category-row .item .wrapper-category svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #775CA7;
}

.wrapper-category-row .item:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #775CA7;
}

.wrapper-category-row .item:hover .title {
  color: #ffffff;
}

.wrapper-category-row .item:hover svg {
  fill: #ffffff;
}

.wrapper-category-row .item:hover svg path {
  fill: #ffffff;
}

.classifieds-carousel .slide-1 {
  background: #f08485;
}

.classifieds-carousel .slide-2 {
  background: #51c0cc;
}

.classifieds-carousel .slide-3 {
  background: #928fd3;
}

.view-listing {
  font-weight: 600;
  font-size: 18px;
  line-height: 14px;
  text-align: right;
  color: #3e3e3e;
  text-decoration: none;
  margin-top: 12px;
}

@media (max-width: 414px) {
  .view-listing {
    font-size: 16px;
  }
}

@media (max-width: 414px) {
  .carousel-classifieds {
    margin-top: 0 !important;
  }
}

.carousel-classifieds .top-carousel .item {
  height: 200px !important;
}

@media (max-width: 414px) {
  .carousel-classifieds .top-carousel .item .wrapper-slide-content {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 414px) {
  .carousel-classifieds .top-carousel .item .wrapper-slide-content .wrapper-image {
    width: auto !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    height: 200px !important;
  }
}

@media (max-width: 414px) {
  .carousel-classifieds .top-carousel .item .wrapper-slide-content .wrapper-image .slide-img {
    width: 140px !important;
    height: 100% !important;
    max-height: 125px !important;
    margin: 0 !important;
  }
}

@media (max-width: 414px) {
  .carousel-classifieds .top-carousel .item .wrapper-slide-content .text {
    width: 100% !important;
  }
}

@media (max-width: 414px) {
  .carousel-classifieds .top-carousel .item .wrapper-slide-content .text .title {
    font-size: 28px !important;
  }
}

@media (max-width: 414px) {
  .carousel-classifieds .top-carousel .item .wrapper-slide-content .text .wrapper-description {
    font-size: 15px !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 414px) {
  .carousel-classifieds .top-carousel .item .wrapper-slide-content .text .wrapper-description .shop-location {
    margin-left: 0 !important;
    margin-top: 5px !important;
  }
}

@media (max-width: 414px) {
  .carousel-classifieds .top-carousel .item .wrapper-slide-content .text .wrapper-buttons {
    margin-top: 15px !important;
  }
}

.listings-row .pagination {
  width: 100%;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0;
}

#subscription-card-element-errors {
  color: #F6685A;
  font-size: 22px;
  line-height: 120%;
  font-weight: 500;
}

.featured-classifieds-slider {
  max-width: 795px;
  width: 100%;
}

.error-category-ads {
  font-size: 24px;
  text-align: center;
  line-height: 120%;
  color: #e06055;
  margin: 20px 0;
  font-weight: 500;
  text-transform: capitalize;
}

@media (max-width: 414px) {
  .classified-create .details-search {
    margin-bottom: 0;
  }
}

.classified-create input::-webkit-input-placeholder {
  color: #808080 !important;
}

.classified-create input::-ms-input-placeholder {
  color: #808080 !important;
}

.classified-create input::placeholder {
  color: #808080 !important;
}

.classified-create textarea::-webkit-input-placeholder {
  color: #808080 !important;
}

.classified-create textarea::-ms-input-placeholder {
  color: #808080 !important;
}

.classified-create textarea::placeholder {
  color: #808080 !important;
}

.classified-create .recommended {
  position: absolute;
  max-width: 270px;
  height: 102px;
  width: 100%;
  top: 20.5%;
  left: -60%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  background: #FFF7B2;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 15px 20px 10px 20px;
}

@media (max-width: 1500px) {
  .classified-create .recommended {
    left: -40%;
  }
}

@media (max-width: 1200px) {
  .classified-create .recommended {
    position: relative;
    max-width: 100%;
    left: auto;
    top: auto;
    -webkit-transform: none;
            transform: none;
    margin: 16px 0;
  }
}

@media (max-width: 768px) {
  .classified-create .recommended {
    height: 78px;
    padding: 13px 15px;
  }
}

.classified-create .recommended .title {
  color: inter, sans-serif;
  font-weight: 500;
  font-size: 16px;
}

@media (max-width: 576px) {
  .classified-create .recommended .title {
    font-weight: 400;
  }
}

@media (max-width: 414px) {
  .classified-create .recommended .title {
    font-size: 14px;
  }
}

.classified-create .recommended svg {
  color: #775CA7;
  width: 7px;
  height: auto;
  position: absolute;
  top: 10px;
  cursor: pointer;
  right: 10px;
}

.classified-create .recommended .info {
  color: #292929;
  font-weight: 500;
}

@media (max-width: 576px) {
  .classified-create .recommended .info {
    font-weight: 500;
  }
}

@media (max-width: 414px) {
  .classified-create .recommended .info {
    font-size: 15px;
  }
}

@media (max-width: 360px) {
  .classified-create .recommended .info {
    font-size: 14px;
    line-height: 120%;
  }
}

.classified-create .shadow-block {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.classified-create .price {
  padding-bottom: 68px;
}

@media (max-width: 568px) {
  .classified-create .price {
    padding-bottom: 36px;
  }
}

.classified-create .price .section-title {
  padding-top: 59px;
}

@media (max-width: 568px) {
  .classified-create .price .section-title {
    padding-top: 22px;
  }
}

.classified-create .price .price-renewals {
  padding-top: 49px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #808080;
}

@media (max-width: 768px) {
  .classified-create .price .price-renewals {
    padding-top: 41px;
  }
}

@media (max-width: 568px) {
  .classified-create .price .price-renewals {
    font-size: 12px;
  }
}

@media (max-width: 414px) {
  .classified-create .price .price-renewals {
    padding-top: 22px;
  }
}

@media (max-width: 768px) {
  .classified-create .price .sec-renewals {
    padding-top: 18px !important;
  }
}

.classified-create .price .wrapper-price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.classified-create .price .wrapper-price-row .item-shadow {
  position: relative;
}

.classified-create .price .wrapper-price-row .item-shadow .item-best-price {
  padding-bottom: 4px;
  position: absolute;
  height: 33px;
  background-color: #b968c7;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  width: 191px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  bottom: -33px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item-shadow .item-best-price {
    -webkit-transform: translateX(-55%);
            transform: translateX(-55%);
    left: 55%;
  }
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item-shadow .item-best-price {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    font-size: 14px;
  }
}

.classified-create .price .wrapper-price-row .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px;
  background-color: #ffffff;
  width: 32%;
}

.classified-create .price .wrapper-price-row .item:nth-child(2) {
  margin: 0 15px;
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item:nth-child(2) {
    margin: 0;
    margin-bottom: 12px;
  }
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item:nth-child(2) {
    margin-bottom: 8px;
  }
}

@media (max-width: 1200px) {
  .classified-create .price .wrapper-price-row .item {
    max-width: 240px;
  }
}

@media (max-width: 815px) {
  .classified-create .price .wrapper-price-row .item {
    max-width: 225px;
  }
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item {
    max-width: 100%;
    width: 100%;
    margin-bottom: 12px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item {
    margin-bottom: 8px;
  }
}

.classified-create .price .wrapper-price-row .item .item-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px 23px 22px;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item .item-information {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-information {
    padding: 0 8px 8px 16px;
  }
}

@media (max-width: 414px) {
  .classified-create .price .wrapper-price-row .item .item-information {
    padding: 10px 8px 8px 16px !important;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .item-title {
  margin-top: 26px;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  line-height: 110%;
  color: #3e3e3e;
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-title {
    margin-top: 0;
    line-height: 120%;
    font-size: 32px;
  }
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-title {
    font-size: 24px;
    width: 30%;
  }
}

@media (max-width: 414px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-title {
    font-size: 20px;
  }
}

@media (max-width: 360px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-title {
    font-size: 18px;
    text-align: left;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .item-price {
  font-size: 25px;
  font-weight: 600;
  text-align: left;
  color: #b968c7;
  margin-bottom: 21px;
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .item-price {
    font-size: 14px;
    margin-bottom: 0;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .item-price span {
  color: #3e3e3e;
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .item-price span {
    font-weight: 500;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .item-price-immediately {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  line-height: 100%;
  color: #808080;
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .item-price-immediately {
    line-height: 120%;
  }
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .item-price-immediately {
    font-size: 12px;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .item-price-save {
  font-weight: 600;
  text-align: center;
  line-height: 100%;
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .item-price-save {
    line-height: 200%;
    margin-top: 10px;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .save-normal {
  font-size: 25px;
  color: #775CA7;
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .save-normal {
    font-size: 18px;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .save-big {
  color: #b968c7;
  font-size: 30px;
  line-height: 1.17;
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-information .price-info-wrapper .save-big {
    font-size: 18px;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .not-selected {
  background-color: #f5f0fa !important;
  color: #775CA7 !important;
}

@media (max-width: 414px) {
  .classified-create .price .wrapper-price-row .item .item-information .not-selected {
    padding-left: 10px !important;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .item-button {
  position: relative;
  padding: 1px 5px 5px;
  border-radius: 7px;
  background-color: #775CA7;
  height: 33px;
  width: 100%;
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-button {
    margin-top: 0;
    padding: 1px 5px 5px;
    max-width: 120px;
  }
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-button {
    padding: 0;
    max-width: 80px;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .item-button .unselected {
  display: none;
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 18px;
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-button .unselected {
    font-size: 12px;
    top: 10px;
    left: 5px;
  }
}

@media (max-width: 576px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-button .unselected {
    top: 8px;
    left: 3px;
    font-size: 14px;
  }
}

@media (max-width: 414px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-button .unselected {
    font-size: 20px;
    top: 8px;
    left: 0;
  }
}

.classified-create .price .wrapper-price-row .item .item-information .item-button .selected {
  display: block;
}

.classified-create .price .wrapper-price-row .item .item-information .item-button span {
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  line-height: 100%;
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-information .item-button span {
    font-size: 14px;
  }
}

.classified-create .price .wrapper-price-row .item .item-top-line {
  height: 13px;
  margin: 0 0 26px;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media (max-width: 568px) {
  .classified-create .price .wrapper-price-row .item .item-top-line {
    margin: 0 0 11px;
  }
}

@media (max-width: 768px) {
  .classified-create .price .wrapper-price-row .item.first-item .item-button {
    margin-top: 0;
  }
}

.classified-create .promocode {
  padding-bottom: 69px;
  padding-top: 45px;
}

@media (max-width: 568px) {
  .classified-create .promocode {
    padding-top: 38px;
    padding-bottom: 81px;
  }
}

@media (max-width: 414px) {
  .classified-create .promocode {
    padding-bottom: 56px;
  }
}

@media (max-width: 360px) {
  .classified-create .promocode {
    padding-top: 25px;
    padding-bottom: 30px;
  }
}

.classified-create .promocode .promocode-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 414px) {
  .classified-create .promocode .promocode-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.classified-create .promocode .promocode-input {
  font-size: 24px !important;
  color: #9B9B9B;
  font-weight: 500 !important;
}

@media (max-width: 576px) {
  .classified-create .promocode .promocode-input {
    font-size: 18px !important;
    font-weight: 600 !important;
  }
}

.classified-create .promocode .button-promocode {
  width: 240px;
  height: 60px;
  margin-left: 10px;
  background-color: #775CA7;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

@media (max-width: 576px) {
  .classified-create .promocode .button-promocode {
    border-radius: 8px;
    height: 48px;
  }
}

@media (max-width: 414px) {
  .classified-create .promocode .button-promocode {
    font-size: 14px;
    width: 100px;
    height: 32px;
    margin-left: auto;
    margin-top: 10px;
  }
}

.classified-create .total .total-form-order .total-purchases {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 138px;
  padding-bottom: 115px;
}

@media (max-width: 568px) {
  .classified-create .total .total-form-order .total-purchases {
    margin-left: 0;
    padding-bottom: 32px;
  }
}

.classified-create .total .total-form-order .total-purchases .item-total {
  border-top: solid 1px #ebebeb;
  padding-top: 21px;
}

.classified-create .total .total-form-order .total-purchases .item-promocode {
  padding-bottom: 25px;
}

@media (max-width: 568px) {
  .classified-create .total .total-form-order .total-purchases .item:first-child {
    padding-top: 29px;
  }
}

.classified-create .total .total-form-order .total-purchases .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 18px;
}

@media (max-width: 568px) {
  .classified-create .total .total-form-order .total-purchases .item {
    padding-bottom: 12px;
  }
}

.classified-create .total .total-form-order .total-purchases .item .item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.classified-create .total .total-form-order .total-purchases .item .item-info .item-description {
  color: #808080;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
}

@media (max-width: 568px) {
  .classified-create .total .total-form-order .total-purchases .item .item-info .item-description {
    font-size: 18px;
  }
}

.classified-create .total .total-form-order .total-purchases .item .item-info .total {
  color: #808080;
}

.classified-create .total .total-form-order .total-purchases .item .item-info .item-price-renewals {
  font-size: 16px;
  color: #b9b9b9;
  font-weight: 500;
}

@media (max-width: 568px) {
  .classified-create .total .total-form-order .total-purchases .item .item-info .item-price-renewals {
    font-size: 18px;
  }
}

.classified-create .total .total-form-order .total-purchases .item .item-price .total {
  color: #000000 !important;
}

.classified-create .total .total-form-order .total-purchases .item .item-price span {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #3e3e3e;
}

@media (max-width: 568px) {
  .classified-create .total .total-form-order .total-purchases .item .item-price span {
    font-size: 18px;
  }
}

.classified-create .total .total-form-order .total-buttons-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 29px;
}

@media (max-width: 568px) {
  .classified-create .total .total-form-order .total-buttons-group {
    margin-left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 414px) {
  .classified-create .total .total-form-order .total-buttons-group {
    padding-bottom: 16px;
  }
}

.classified-create .total .total-form-order .total-buttons-group .total-button {
  max-width: 240px;
  width: 100%;
  height: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  border-radius: 10px;
  font-size: 20px;
  cursor: pointer;
}

@media (max-width: 568px) {
  .classified-create .total .total-form-order .total-buttons-group .total-button {
    font-size: 18px;
    max-width: 160px;
  }
}

@media (max-width: 375px) {
  .classified-create .total .total-form-order .total-buttons-group .total-button {
    max-width: 140px;
  }
}

.classified-create .total .total-form-order .total-buttons-group .preview {
  color: white;
  height: 48px;
  background: #775CA7;
  margin-right: 27px;
  border-radius: 6px;
  font-family: inter, sans-serif;
  font-size: 20px;
  line-height: 120%;
}

.classified-create .total .total-form-order .total-buttons-group .preview:hover {
  background: #5C4586;
}

.classified-create .total .total-form-order .total-buttons-group .preview:active {
  background: #9975FE;
}

.classified-create .total .total-form-order .total-buttons-group .submit {
  color: #ffffff;
  background-color: #775CA7;
}

.classified-create .total .total-form-order .privacy-policy {
  padding-bottom: 54px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #808080;
}

@media (max-width: 568px) {
  .classified-create .total .total-form-order .privacy-policy {
    padding-bottom: 65px;
  }
}

@media (max-width: 414px) {
  .classified-create .total .total-form-order .privacy-policy {
    font-size: 12px;
    max-width: 50%;
    margin: auto;
    padding-bottom: 46px;
  }
}

@media (max-width: 360px) {
  .classified-create .total .total-form-order .privacy-policy {
    max-width: 75%;
  }
}

.classified-create .total .total-form-order .privacy-policy a {
  color: #b968c7;
  text-decoration: none;
}

@media (max-width: 414px) {
  .classified-create .total .total-form-order .privacy-policy a {
    font-weight: 600;
  }
}

.classified-create .create-form {
  position: relative;
}

.classified-create .create-form .classified-input,
.classified-create .create-form .classified-textarea {
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  width: 100%;
  padding-left: 15px;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  color: #222531;
  background-color: #ffffff;
}

.classified-create .create-form .classified-input::-webkit-input-placeholder,
.classified-create .create-form .classified-textarea::-webkit-input-placeholder {
  color: #8A91AA;
}

.classified-create .create-form .classified-input::-ms-input-placeholder,
.classified-create .create-form .classified-textarea::-ms-input-placeholder {
  color: #8A91AA;
}

.classified-create .create-form .classified-input::placeholder,
.classified-create .create-form .classified-textarea::placeholder {
  color: #8A91AA;
}

.classified-create .create-form .classified-input {
  height: 48px;
}

.classified-create .create-form .classified-textarea {
  padding: 16px 12px;
}

.classified-create .create-form .section-title {
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
  line-height: 1;
  color: #775CA7;
  margin: 20px 0 4px 0;
  text-transform: capitalize;
}

@media (max-width: 576px) {
  .classified-create .create-form .section-title {
    margin: 15px 0 4px 10px;
  }
}

.classified-create .create-form .wrapper-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 450px) {
  .classified-create .create-form .wrapper-double {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.classified-create .create-form .wrapper-double .classified-input:first-child {
  margin-right: 10px;
}

@media (max-width: 450px) {
  .classified-create .create-form .wrapper-double .classified-input:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.classified-create .create-form .wrapper-double .classified-input:last-child {
  margin-left: 10px;
}

@media (max-width: 450px) {
  .classified-create .create-form .wrapper-double .classified-input:last-child {
    margin-left: 0;
  }
}

.classified-create .create-form .category {
  display: block;
}

.classified-create .create-form .category .wrapper-category-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 576px) {
  .classified-create .create-form .category .wrapper-category-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.classified-create .create-form .category .wrapper-category-row .item {
  width: 250px;
  background-color: #ffffff;
  margin-right: 15px;
}

@media (min-width: 825px) {
  .classified-create .create-form .category .wrapper-category-row .item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 825px) {
  .classified-create .create-form .category .wrapper-category-row .item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 576px) {
  .classified-create .create-form .category .wrapper-category-row .item {
    width: 45%;
    margin-right: 10px;
  }
}

@media (max-width: 375px) {
  .classified-create .create-form .category .wrapper-category-row .item {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media (max-width: 360px) {
  .classified-create .create-form .category .wrapper-category-row .item {
    width: 100%;
  }
}

.classified-create .create-form .category .wrapper-category-row .item:hover {
  -webkit-transition: .2s;
  transition: .2s;
  background-color: #775CA7;
}

.classified-create .create-form .category .wrapper-category-row .item:hover .wrapper-category svg {
  fill: #ffffff !important;
}

.classified-create .create-form .category .wrapper-category-row .item:hover .wrapper-category svg path {
  fill: #ffffff !important;
}

.classified-create .create-form .category .wrapper-category-row .item:hover .wrapper-category .title {
  color: #ffffff;
}

.classified-create .create-form .category .wrapper-category-row .item:active {
  background-color: #775CA7;
}

.classified-create .create-form .category .wrapper-category-row .item:active .wrapper-category svg {
  fill: #ffffff !important;
}

.classified-create .create-form .category .wrapper-category-row .item:active .wrapper-category svg path {
  fill: #ffffff !important;
}

.classified-create .create-form .category .wrapper-category-row .item:active .wrapper-category .title {
  color: #ffffff;
}

.classified-create .create-form .category .wrapper-category-row .item .wrapper-category {
  padding: 10px 15px;
}

.classified-create .create-form .category .wrapper-category-row .item .wrapper-category svg {
  fill: #775CA7;
}

.classified-create .create-form .category .wrapper-category-row .item .wrapper-category svg path {
  fill: #775CA7;
}

.classified-create .create-form .category .wrapper-category-row .item .wrapper-category .title {
  color: #775CA7;
  margin-left: 15px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}

@media (max-width: 576px) {
  .classified-create .create-form .category .wrapper-category-row .item .wrapper-category .title {
    font-size: 14px;
  }
}

.classified-create .create-form .category .wrapper-category-row .item > input {
  visibility: hidden;
  position: absolute;
}

.classified-create .create-form .category .wrapper-category-row .item > input + div {
  cursor: pointer;
  border: 2px solid transparent;
}

.classified-create .create-form .category .wrapper-category-row .item > input:checked + div {
  -webkit-transition: .2s;
  transition: .2s;
  background-color: #775CA7;
}

.classified-create .create-form .category .wrapper-category-row .item > input:checked + div svg {
  fill: #ffffff !important;
}

.classified-create .create-form .category .wrapper-category-row .item > input:checked + div svg path {
  fill: #ffffff !important;
}

.classified-create .create-form .category .wrapper-category-row .item > input:checked + div .title {
  color: #ffffff;
}

.classified-create .create-form .dashboard-edit-photo {
  display: block;
}

.classified-create .create-form .dashboard-edit-photo.classified-add-photos .wrapper-add-photos {
  width: 820px;
}

.classified-create .create-form .dashboard-edit-photo.classified-add-photos .wrapper-add-photos .main-photo {
  height: 400px;
}

@media (max-width: 576px) {
  .classified-create .create-form .dashboard-edit-photo.classified-add-photos .wrapper-add-photos .main-photo {
    height: 200px;
  }
}

.classified-create .create-form .dashboard-edit-photo.classified-add-photos .wrapper-add-photos .wrapper-add-more-photo .small-photo {
  width: 100%;
  height: 210px;
}

@media (max-width: 576px) {
  .classified-create .create-form .dashboard-edit-photo.classified-add-photos .wrapper-add-photos .wrapper-add-more-photo .small-photo {
    height: 140px;
  }
}

.classified-create .create-form .dashboard-edit-photo.classified-add-photos .wrapper-add-photos .wrapper-add-more-photo .small-photo .camera-img {
  width: 52px;
}

.classified-create .create-form .dashboard-edit-photo.classified-add-photos .main-preview {
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 568px) {
  .first-item .item-information {
    padding: 0px 8px 32px 16px !important;
    margin-top: 21px !important;
  }
}

@media (max-width: 414px) {
  .first-item .item-information {
    margin-top: 0 !important;
    padding: 10px 8px 8px 16px !important;
  }
}

.details-search {
  width: 100%;
  height: 48px;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 0 0 15px;
  margin-bottom: 40px;
}

@media (max-width: 676px) {
  .details-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 120px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 414px) {
  .details-search {
    margin-bottom: 22px;
    height: 110px;
  }
}

.details-search .selectric-select-inside {
  margin: 0;
  position: absolute;
  right: 250px;
  width: 10%;
  top: 4px;
}

.details-search .selectric-select-inside .selectric {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 35px;
  border: none;
  border-left: 1px solid #EBF0F4;
}

.details-search .selectric-select-inside .selectric .button {
  top: 13px;
  left: 120px;
}

@media screen and (max-width: 676px) {
  .details-search .selectric-select-inside .selectric .button {
    left: 250px;
  }
}

.details-search .selectric-select-inside .selectric-items {
  width: 167px !important;
}

@media screen and (max-width: 676px) {
  .details-search .selectric-select-inside .selectric-items {
    width: 310px !important;
  }
}

.details-search .selectric-select-inside.selectric-open .selectric .button {
  top: -5px;
}

.details-search .fa-search {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  width: 22px;
  height: auto;
  color: #808080;
  font-weight: 300;
}

@media (max-width: 676px) {
  .details-search .fa-search {
    left: 7%;
    top: 15%;
    -webkit-transform: translate(-25%, -20%);
            transform: translate(-25%, -20%);
  }
}

@media (max-width: 414px) {
  .details-search .fa-search {
    width: 15px;
    top: 14%;
    left: 9%;
  }
}

.details-search #search-input {
  height: 48px;
  width: 85%;
  position: relative;
  padding-left: 50px;
  border-radius: 8px;
  border: 1px solid #EBF0F4;
}

.details-search #search-input::-webkit-input-placeholder {
  font-weight: 300;
}

.details-search #search-input::-ms-input-placeholder {
  font-weight: 300;
}

.details-search #search-input::placeholder {
  font-weight: 300;
}

@media (max-width: 1120px) {
  .details-search #search-input {
    width: 80%;
  }
}

@media (max-width: 676px) {
  .details-search #search-input {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .details-search #search-input {
    padding-left: 40px;
    width: 98%;
  }
}

@media (max-width: 414px) {
  .details-search #search-input {
    height: 40px;
    padding-left: 25px;
  }
}

@media (max-width: 768px) {
  .details-search #search-input .select2.select2-container.select2-container--default {
    width: 50% !important;
  }
}

.details-search #search-input:focus {
  border: solid #775CA7 2px !important;
  outline: none !important;
}

.details-search #category {
  border-left: 0;
}

.details-search .search-button {
  width: 180px;
  height: 48px;
  border-radius: 6px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.details-search .search-button:active {
  background: #9975FE;
}

@media (max-width: 1120px) {
  .details-search .search-button {
    width: 150px;
  }
}

@media (max-width: 676px) {
  .details-search .search-button {
    margin-top: 20px;
  }
}

@media (max-width: 414px) {
  .details-search .search-button {
    width: 164px;
    height: 28px;
    margin-left: 0;
    background-color: #b968c7;
    font-size: 18px;
  }
}

.details-search .search-button:hover {
  background-color: #5C4586;
}

.details-search span.select2 {
  position: absolute;
  top: 1px;
  right: 23%;
  width: 180px !important;
  border-left: 1px solid #c4c4c4;
  margin: 10px 0;
}

@media (max-width: 1120px) {
  .details-search span.select2 {
    right: 24%;
    width: 150px !important;
  }
}

@media (max-width: 676px) {
  .details-search span.select2 {
    right: 2%;
    width: 200px !important;
  }
}

@media (max-width: 464px) {
  .details-search span.select2 {
    width: 150px !important;
    right: 2%;
  }
}

@media (max-width: 414px) {
  .details-search span.select2 {
    margin: 5px 0;
  }
}

@media (max-width: 350px) {
  .details-search span.select2 {
    width: 110px !important;
  }
}

.details-search .select2-selection {
  height: 28px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 0 20px;
}

@media (max-width: 350px) {
  .details-search .select2-selection {
    width: 110px !important;
    padding: 0 5px;
  }
}

.details-search .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px !important;
  margin-right: 15px;
}

@media (max-width: 350px) {
  .details-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-right: 0;
  }
}

.details-search .select2-container--default .select2-selection--single {
  border: none !important;
}

@media (max-width: 350px) {
  .details-search .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
    font-size: 14px;
  }
}

.classified-input:focus,
.classified-textarea:focus {
  border: 2px solid #775CA7 !important;
  outline: none;
}

@media (max-width: 992px) {
  .my-tamil-date.sticky {
    position: relative !important;
  }
}

.card-element,
.card-element-message {
  width: 100%;
}

.line-pink .item-top-line {
  background-color: #d3beed;
}

.line-purpure .item-top-line {
  background-color: #7c4eb4;
}

.line-purpure-dark .item-top-line {
  background-color: #775CA7;
}

#subscription-form {
  margin-bottom: 0;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.payment-card-wrapper {
  margin-bottom: 25px;
  padding: 0 0 0 140px;
}

@media (max-width: 576px) {
  .payment-card-wrapper {
    padding: 0 0 0 20px;
  }
}

@media (max-width: 414px) {
  .payment-card-wrapper {
    padding: 0;
  }
}

.header .tc-logo {
  width: 218px;
}

@media (max-width: 576px) {
  .header .tc-logo {
    width: 320px;
  }
}

.header .tcmrkt-logo {
  width: 330px;
}

@media (max-width: 576px) {
  .header .tcmrkt-logo {
    width: 300px;
  }
}

.footer-section {
  background-color: #FFFFFF;
  position: absolute;
  width: 100%;
  left: 0;
}

@media (max-width: 768px) {
  .footer-section {
    padding-bottom: 80px;
  }
}

.footer-section .footer-container {
  max-width: 1700px;
  margin: auto;
}

.footer-section .footer-items {
  padding: 50px 0;
}

.footer-section .footer-items a {
  text-decoration: none;
  color: #4E597E;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 300;
  margin-left: 60px;
}

@media (max-width: 1050px) {
  .footer-section .footer-items a {
    margin-left: 20px;
  }
}

@media (max-width: 768px) {
  .footer-section .footer-items a {
    margin-left: 0;
    margin-right: 0 !important;
    font-size: 12px;
  }
}

.footer-section .footer-items a:hover {
  text-underline: none;
}

@media (max-width: 576px) {
  .footer-section .footer-items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 25px 0;
  }
}

.footer-section .footer-items .wrapper-logo-terms {
  margin-right: 65px;
  margin-bottom: 35px;
}

@media (max-width: 768px) {
  .footer-section .footer-items .wrapper-logo-terms {
    margin-right: 35px;
  }
}

@media (max-width: 576px) {
  .footer-section .footer-items .wrapper-logo-terms {
    margin-right: 0;
    margin-top: 25px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.footer-section .footer-items .socials-write {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .footer-section .footer-items .socials-write {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.footer-section .footer-items .wrapper-items.first {
  margin-right: 10%;
}

@media (max-width: 1050px) {
  .footer-section .footer-items .wrapper-items.first {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .footer-section .footer-items .wrapper-items {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 768px) {
  .footer-section .footer-items .wrapper-items .changemakers-tamil_date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 230px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .footer-section .footer-items .wrapper-items .changemakers-tamil_date .item img {
    height: 22px;
  }
}

@media (max-width: 768px) {
  .footer-section .footer-items .wrapper-items .footer-socials span {
    display: none;
  }
}

.footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(4) {
  display: none;
}

@media (max-width: 768px) {
  .footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(5) {
  display: none;
}

@media (max-width: 768px) {
  .footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 768px) {
  .footer-section .footer-items .wrapper-items.mobile-left {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-right: 30px;
    border-right: 1px solid #D3D7E0;
  }

  .footer-section .footer-items .wrapper-items.mobile-right {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 30px;
  }

  .footer-section .footer-items .wrapper-items.mobile-right .item:last-child .title {
    margin-bottom: 0;
  }

  .footer-section .footer-items .wrapper-items.mobile-bottom {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    margin: 35px 10px 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .footer-section .footer-items .wrapper-items.mobile-bottom .item {
    padding: 5px 0;
  }

  .footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(2) {
    border-right: 1px solid #D3D7E0;
    border-left: 1px solid #D3D7E0;
    padding: 0 10px;
    margin: 0 10px;
  }

  .footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(3) {
    border-right: 1px solid #D3D7E0;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
  }

  .footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(4) {
    border-right: 1px solid #D3D7E0;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    display: none;
  }
}

@media (max-width: 768px) and (max-width: 768px) {
  .footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(4) {
    display: block;
  }
}

@media (max-width: 768px) {
  .footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(5) {
    display: none;
  }
}

@media (max-width: 768px) and (max-width: 768px) {
  .footer-section .footer-items .wrapper-items.mobile-bottom .item:nth-child(5) {
    display: block;
  }
}

@media (max-width: 768px) {
  .footer-section .footer-items .wrapper-items.mobile-bottom .item .title {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .footer-section .footer-items .item {
    margin-right: 0;
  }
}

.footer-section .footer-items .item:not(:last-child) {
  margin-right: 65px;
}

@media (max-width: 768px) {
  .footer-section .footer-items .item:not(:last-child) {
    margin-right: 0;
  }
}

@media (max-width: 576px) {
  .footer-section .footer-items .item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}

.footer-section .footer-items .item .footer-logo {
  height: 45px;
}

.footer-section .footer-items .item .footer-text {
  width: 128px;
  height: 18px;
  margin-left: 16px;
}

.footer-section .footer-items .item .footer-link {
  font-family: inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 5px;
  color: #ffffff;
}

@media (max-width: 576px) {
  .footer-section .footer-items .item .footer-link {
    font-size: 16px;
  }
}

.footer-section .footer-items .item .title {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 25px;
  font-family: inter, sans-serif;
  line-height: 120%;
}

.footer-section .footer-items .item .description {
  font-size: 18px;
  color: #ffffff;
  line-height: 1.3;
  font-weight: 500;
  max-width: 200px;
  width: 100%;
}

@media (max-width: 576px) {
  .footer-section .footer-items .item .description {
    max-width: 320px;
  }
}

.footer-section .footer-items .item .wrapper-buttons .btn-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 40px;
  border-radius: 8px;
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  padding-bottom: 2px;
  border: 1px solid #FFFFFF;
  background-color: #775CA7;
  color: #ffffff;
}

.footer-section .footer-items .item .wrapper-buttons .btn-footer:hover {
  color: #ffffff;
  background-color: #9e89b7;
}

@media (max-width: 768px) {
  .footer-section .footer-items .footer-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.footer-section .copyright {
  color: #4E597E;
  font-family: inter, sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  border-top: 1px solid #4E597E;
  padding: 10px 0 32px;
  width: 95%;
  margin: auto;
  text-align: center;
}

@media (max-width: 768px) {
  .footer-section .copyright .privacy-terms-wrapper {
    display: none;
  }
}

.footer-section .copyright .privacy-terms {
  text-decoration: underline;
  color: #4E597E !important;
}

.footer-section .copyright p {
  margin-left: 24px;
}

.shop-header {
  border-bottom: 1px solid #ececec;
  -webkit-box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
          box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
  z-index: 10;
  position: relative;
}

.shop-header .container {
  max-width: unset !important;
}

.shop-header .collapse-header-search #search_input {
  height: 48px;
  font-size: 16px;
  display: inline-block;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  outline: none;
  color: #222531;
  width: 240px;
  background: none;
  z-index: 3;
  -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  font-family: inter, sans-serif;
  font-weight: 300;
  padding: 0 35px 0 12px;
  margin-bottom: 10px;
}

.shop-header .collapse-header-search #search_input:focus {
  cursor: text;
  border: 2px solid #775CA7;
}

.shop-header .collapse-header-search .search_button {
  position: relative;
  left: -30px;
  top: -5px;
}

.shop-header .header-top {
  padding-top: 10px;
}

@media (max-width: 576px) {
  .shop-header .header-top .cart-icon img {
    width: 20px;
  }
}

@media (max-width: 576px) {
  .shop-header .header-top .notification-icon img {
    width: 15px;
  }
}

.shop-header .header-top .message-icon img {
  padding-bottom: 3px;
}

@media (max-width: 576px) {
  .shop-header .header-top .message-icon img {
    width: 17px;
  }
}

.shop-header .header-top .nav-icon {
  padding-right: 23px;
}

@media (max-width: 768px) {
  .shop-header .header-top .nav-icon.message {
    display: none;
  }
}

.shop-header .header-top .nav-icon.search {
  position: relative;
  top: 4px;
  padding-right: 18px;
}

@media (max-width: 576px) {
  .shop-header .header-top .nav-icon {
    padding-right: 15px;
  }
}

@media (max-width: 768px) {
  .shop-header .header-top {
    padding: 12px 0;
  }
}

.shop-header .wrapper-header-logo .tc-logo {
  height: 42px;
}

@media (max-width: 768px) {
  .shop-header .wrapper-header-logo .tc-logo {
    height: 34px;
  }
}

@media (max-width: 460px) {
  .shop-header .wrapper-header-logo .tc-logo {
    height: 28px;
  }
}

.shop-header .header-icons .wrapper-icons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.shop-header .header-icons #search_header_from {
  padding-top: 2px;
  margin-bottom: 0;
}

.shop-header .header-icons #search_input {
  position: absolute;
  left: -208px;
  height: 48px;
  font-size: 16px;
  line-height: 140%;
  font-weight: 300;
  border: none;
  border-radius: 8px;
  display: inline-block;
  color: #222531;
  padding-left: 12px;
  width: 0;
  background: none;
  z-index: 3;
  -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  font-family: inter, sans-serif;
  padding-right: 35px;
}

.shop-header .header-icons #search_input:focus {
  width: 240px;
  z-index: 1;
  outline: none !important;
  border: 2px solid #775CA7;
  cursor: text;
  top: -7px;
}

.shop-header .header-icons .search .search-button {
  background: url(/images/search-icon.svg?16ddf9909cadb568defa09b8c30f67f6) no-repeat;
  width: 25px;
  height: 25px;
  border: none;
  cursor: pointer;
  z-index: 90;
}

.shop-header .header-icons #search_button {
  background: url(/images/search-icon.svg?16ddf9909cadb568defa09b8c30f67f6) no-repeat;
  min-width: 25px;
  border: none;
  cursor: pointer;
  z-index: 99;
  position: relative;
  top: 5px;
}

@media (max-width: 576px) {
  .shop-header .header-icons #search_button {
    min-width: 20px;
    background-size: 17px;
  }
}

.shop-header .header-icons .user .user-arrow-down {
  max-width: 20px;
  width: 100%;
  height: 100%;
  background: url(/images/user-arrow-down.svg?0b067825146134fb274662cfad01baa6) no-repeat;
  position: absolute;
  right: 0;
  bottom: -20px;
}

@media (max-width: 768px) {
  .shop-header .header-icons .user .user-arrow-down {
    right: -20px;
    bottom: -15px;
    background-size: 12px;
  }
}

.shop-header .header-icons .user .dropdown-user {
  padding-right: 25px;
}

.shop-header .header-icons .user .dropdown-user .dropdown-toggle:after {
  content: none;
}

@media (max-width: 768px) {
  .shop-header .header-icons .user .dropdown-user {
    padding-right: 5px !important;
  }
}

.shop-header .header-icons .user #dropdownUserMenu {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.shop-header .header-icons .user .avatar {
  width: 45px;
  border-radius: 50%;
}

@media (max-width: 576px) {
  .shop-header .header-icons .user .avatar {
    width: 32px;
  }
}

.shop-header .wrapper-notification-icon .circle-count-icon {
  right: -7px !important;
  top: 14px !important;
}

.shop-header .wrapper-notification-icon .circle-count-icon.notification-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 576px) {
  .shop-header .wrapper-notification-icon .circle-count-icon {
    right: -4px !important;
    top: 16px !important;
  }
}

.shop-header .circle-count-icon {
  z-index: 2;
  width: 16px;
  height: 16px;
  font-weight: 600;
  color: white;
  font-family: inter, sans-serif;
  font-size: 14px;
  border-radius: 90px;
  background-color: red;
  position: absolute;
  right: -5px;
  padding-bottom: 2px;
  top: 15px;
}

@media (max-width: 576px) {
  .shop-header .circle-count-icon {
    width: 12px;
    height: 12px;
    font-size: 12px;
    right: -3px;
    top: 15px;
  }
}

.shop-header .wrapper-header-avatar .dropdown-user .card .header-user-profile {
  padding: 15px;
}

.shop-header .wrapper-header-avatar .dropdown-user .card .header-user-profile .profile-avatar {
  margin-right: 15px;
}

.shop-header .wrapper-header-avatar .dropdown-user .card .header-user-profile .profile-avatar img {
  width: 33px;
  height: 33px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.shop-header .wrapper-header-avatar .dropdown-user .card .header-user-profile .info {
  line-height: 1.3;
}

.shop-header .wrapper-header-avatar .dropdown-user .card .header-user-profile .info a {
  color: #2680eb;
  text-decoration: underline;
  font-weight: 500;
}

.shop-header .wrapper-header-avatar .user .dropdown-menu {
  right: 0 !important;
  left: unset !important;
}

@media (max-width: 767px) {
  .shop-header .wrapper-header-avatar .user {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .shop-header .wrapper-header-avatar {
    display: none;
  }
}

.shop-header .header-bottom {
  padding-top: 10px;
}

.shop-header .header-bottom .content-active .nav-item:nth-child(3) .nav-link:after,
.shop-header .header-bottom .content-active .nav-item:nth-child(3) .navbar .dropdown-toggle:after,
.navbar .shop-header .header-bottom .content-active .nav-item:nth-child(3) .dropdown-toggle:after {
  width: 100% !important;
}

.shop-header .header-bottom .connections-active .nav-item:nth-child(3) .nav-link:after,
.shop-header .header-bottom .connections-active .nav-item:nth-child(3) .navbar .dropdown-toggle:after,
.navbar .shop-header .header-bottom .connections-active .nav-item:nth-child(3) .dropdown-toggle:after {
  width: 100% !important;
}

.shop-header .header-bottom .commerce-active .nav-item:nth-child(3) .nav-link:after,
.shop-header .header-bottom .commerce-active .nav-item:nth-child(3) .navbar .dropdown-toggle:after,
.navbar .shop-header .header-bottom .commerce-active .nav-item:nth-child(3) .dropdown-toggle:after {
  width: 100% !important;
}

.shop-header .header-bottom .my-tamil-date-active .nav-item:nth-child(3) .nav-link:after,
.shop-header .header-bottom .my-tamil-date-active .nav-item:nth-child(3) .navbar .dropdown-toggle:after,
.navbar .shop-header .header-bottom .my-tamil-date-active .nav-item:nth-child(3) .dropdown-toggle:after {
  width: 100% !important;
}

.shop-header .header-bottom .header-main-nav {
  max-width: 800px;
}

@media (max-width: 414px) {
  .shop-header .header-bottom .header-main-nav .nav-item {
    width: 48%;
    padding-top: 15px;
    padding-left: 10%;
  }
}

.shop-header .header-bottom .header-main-nav .nav-item:nth-child(1):hover a:after {
  border-bottom: solid #775CA7 3px;
}

.shop-header .header-bottom .header-main-nav .nav-item:nth-child(1):hover a .arrow {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.shop-header .header-bottom .header-main-nav .nav-item:nth-child(2) a:after {
  background-color: #f5c026;
}

.shop-header .header-bottom .header-main-nav .nav-item:nth-child(3) a:after {
  background-color: #5ed4c8;
}

.shop-header .header-bottom .header-main-nav .nav-item:nth-child(4) a:after {
  background-color: #F96854;
}

.shop-header .header-bottom .header-main-nav .nav-item:nth-child(5) a:after {
  background-color: #629adb;
}

.shop-header .header-bottom .header-main-nav .nav-item .nav-link,
.shop-header .header-bottom .header-main-nav .nav-item .navbar .dropdown-toggle,
.navbar .shop-header .header-bottom .header-main-nav .nav-item .dropdown-toggle {
  padding: 0;
  font-family: inter, sans-serif;
  font-size: 18px;
  line-height: 1;
  font-weight: 300;
  color: #292929;
  text-decoration: none;
  position: relative;
  height: 30px;
}

.shop-header .header-bottom .header-main-nav .nav-item .nav-link:after,
.shop-header .header-bottom .header-main-nav .nav-item .navbar .dropdown-toggle:after,
.navbar .shop-header .header-bottom .header-main-nav .nav-item .dropdown-toggle:after {
  content: '';
  bottom: 0;
  left: 0;
  position: absolute;
  width: 0;
  height: 3px;
  -webkit-transition: .04s;
  transition: .04s;
}

.shop-header .header-bottom .header-main-nav .nav-item .nav-link:hover:after,
.shop-header .header-bottom .header-main-nav .nav-item .navbar .dropdown-toggle:hover:after,
.navbar .shop-header .header-bottom .header-main-nav .nav-item .dropdown-toggle:hover:after {
  width: 100%;
}

.shop-header .header-bottom .header-main-nav .nav-item .nav-link.active:after,
.shop-header .header-bottom .header-main-nav .nav-item .navbar .active.dropdown-toggle:after,
.navbar .shop-header .header-bottom .header-main-nav .nav-item .active.dropdown-toggle:after {
  width: 100%;
}

@media (max-width: 414px) {
  .shop-header .header-bottom .header-main-nav .nav-item .nav-link.active:after,
  .shop-header .header-bottom .header-main-nav .nav-item .navbar .active.dropdown-toggle:after,
  .navbar .shop-header .header-bottom .header-main-nav .nav-item .active.dropdown-toggle:after {
    width: 65%;
    top: 20px;
  }
}

@media (max-width: 768px) {
  .shop-header .header-bottom .header-main-nav .nav-item .nav-link,
  .shop-header .header-bottom .header-main-nav .nav-item .navbar .dropdown-toggle,
  .navbar .shop-header .header-bottom .header-main-nav .nav-item .dropdown-toggle {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .shop-header .header-bottom .header-main-nav .nav-item .nav-link,
  .shop-header .header-bottom .header-main-nav .nav-item .navbar .dropdown-toggle,
  .navbar .shop-header .header-bottom .header-main-nav .nav-item .dropdown-toggle {
    font-size: 16px;
  }

  .shop-header .header-bottom .header-main-nav .nav-item .nav-link:after,
  .shop-header .header-bottom .header-main-nav .nav-item .navbar .dropdown-toggle:after,
  .navbar .shop-header .header-bottom .header-main-nav .nav-item .dropdown-toggle:after {
    top: 28px;
    height: 4px;
  }
}

@media (max-width: 576px) {
  .shop-header .header-bottom .header-main-nav .nav-item .nav-link,
  .shop-header .header-bottom .header-main-nav .nav-item .navbar .dropdown-toggle,
  .navbar .shop-header .header-bottom .header-main-nav .nav-item .dropdown-toggle {
    height: unset;
  }
}

@media (max-width: 768px) {
  .shop-header .header-bottom {
    display: none !important;
  }
}

.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
  display: none;
}

.sticky-header .header-top {
  display: none;
}

.shop-footer {
  display: none;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 2;
}

.shop-footer .wrapper-footer {
  -webkit-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.09);
  background-color: #f5f5f5;
}

.shop-footer .wrapper-footer .wrapper-footer-items {
  max-width: 350px;
  padding: 40px 0;
}

@media (max-width: 576px) {
  .shop-footer .wrapper-footer .wrapper-footer-items .footer-icon {
    width: 32px;
  }
}

@media (max-width: 576px) {
  .shop-footer .wrapper-footer .wrapper-footer-items {
    padding: 10px 0;
  }
}

.shop-footer .sticky-terms {
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 576px) {
  .shop-footer .sticky-terms {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 576px) {
  .shop-footer .show {
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 1 !important;
  }
}

.shop-footer .wrapper-terms {
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  position: absolute;
  top: -165px;
}

.shop-footer .wrapper-terms .terms-privacy-about-link,
.shop-footer .wrapper-terms .terms-privacy-about-link a {
  font-family: inter, sans-serif;
  font-weight: 500;
  color: #707070;
  font-size: 18px;
}

@media (max-width: 576px) {
  .shop-footer .wrapper-terms {
    opacity: 0;
    top: -100px;
  }
}

@media (max-width: 576px) {
  .shop-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.primary-border-t {
  border-top: 4px solid #000000;
}

.primary-border-b {
  border-bottom: 4px solid #000000;
}

.primary-border-l {
  border-left: 4px solid #000000;
}

.primary-border-r {
  border-right: 4px solid #000000;
}

.primary-border-x {
  border-left: 4px solid #000000;
  border-right: 4px solid #000000;
}

.primary-border-y {
  border-top: 4px solid #000000;
  border-bottom: 4px solid #000000;
}

.primary-border-xy {
  border: 4px solid #000000;
}

.primary-bs-tl {
  -webkit-box-shadow: -15px -15px 0px 0px #000000;
          box-shadow: -15px -15px 0px 0px #000000;
}

.primary-bs-tr {
  -webkit-box-shadow: 15px -15px 0px 0px #000000;
          box-shadow: 15px -15px 0px 0px #000000;
}

.primary-bs-bl {
  -webkit-box-shadow: -15px 15px 0px 0px #000000;
          box-shadow: -15px 15px 0px 0px #000000;
}

.primary-bs-br {
  -webkit-box-shadow: 15px 15px 0px 0px #000000;
          box-shadow: 15px 15px 0px 0px #000000;
}

.secondary-bs-tl {
  -webkit-box-shadow: -15px -15px 0px 0px #b2b2b2;
          box-shadow: -15px -15px 0px 0px #b2b2b2;
}

.secondary-bs-tr {
  -webkit-box-shadow: 15px -15px 0px 0px #b2b2b2;
          box-shadow: 15px -15px 0px 0px #b2b2b2;
}

.secondary-bs-bl {
  -webkit-box-shadow: -15px 15px 0px 0px #b2b2b2;
          box-shadow: -15px 15px 0px 0px #b2b2b2;
}

.secondary-bs-br {
  -webkit-box-shadow: 15px 15px 0px 0px #b2b2b2;
          box-shadow: 15px 15px 0px 0px #b2b2b2;
}

.card-box-shadow {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
}

.primary-double-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.primary-double-blocks .block-content {
  position: relative;
  z-index: 1;
  max-width: 530px;
  width: 100%;
  padding: 55px 35px;
  text-align: center;
  background-color: #ffffff;
}

.primary-double-blocks .block-content .title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 33px;
  padding-bottom: 25px;
}

.primary-double-blocks .block-content .description {
  font-size: 24px;
}

.primary-double-blocks .block-content .description .link {
  color: #fd00af;
  text-decoration: none;
}

.primary-double-blocks .block-image {
  position: relative;
  max-width: 400px;
  width: 100%;
}

.primary-double-blocks .block-image .image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.primary-double-blocks .position-block {
  left: -100px;
}

.wrapper-inputs {
  max-width: 360px;
  width: 100%;
}

.wrapper-inputs .form-control {
  border: none;
  border-bottom: 1px solid #EBF0F4;
  border-radius: 0;
  outline: 0;
  padding: 0;
  height: 48px;
  font-family: inter, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2;
  color: #292929;
}

.wrapper-inputs .form-control:focus {
  border: none;
  border-bottom: 1px solid #775CA7;
  border-radius: 0;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.wrapper-inputs .input-label {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 1px;
  color: #292929;
  opacity: 0.9;
}

.wrapper-shop-sort-input .form-control {
  font-family: inter, sans-serif;
  font-weight: 300;
  font-size: 20px;
  height: 48px;
  max-width: 55px;
}

.wrapper-textarea {
  position: relative;
}

.bio-textarea {
  resize: none;
  height: 145px;
  width: 100%;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  outline: 0;
  color: #4E597E;
  font-family: inter, sans-serif;
  font-size: 16px;
  line-height: 140%;
  font-weight: 300;
  text-align: left;
  padding: 12px 24px;
}

.bio-textarea:focus {
  border: 2px solid #775CA7;
}

.bio-textarea.error-input {
  border: 2px solid #E45649 !important;
}

#select-menu2 .select2-container {
  width: 100% !important;
}

@media (max-width: 576px) {
  #select-menu2 .select2-container {
    width: 100% !important;
  }
}

.select2-search__field {
  border: none !important;
  font-weight: 300;
}

.select2-search__field:focus {
  outline: none;
}

.wrapper-shipping-carrier {
  margin-right: 15px;
  width: 100%;
  max-width: 150px;
}

.wrapper-shipping-carrier .select2-container--default .select2-selection--single {
  border-radius: 6px;
  border: solid 0.7px #cecece;
  height: 32px;
}

.wrapper-shipping-carrier .select2-container--default .select2-selection--single:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.wrapper-shipping-carrier .select2-results__option[aria-selected=true] {
  background-color: #f5f1fb !important;
}

.wrapper-shipping-carrier .select2-results__option--highlighted[aria-selected] {
  background-color: #f5f1fb !important;
  color: #292929 !important;
}

.wrapper-shipping-carrier .select2-results__option--highlighted {
  background-color: #EBF0F4;
  color: #292929;
}

.wrapper-select-reg {
  width: 100%;
}

.wrapper-select-reg.error-input .select2-container--default .select2-selection--single {
  border-color: #F6685A !important;
}

.wrapper-select-reg .select2-container--default .select2-selection--single {
  background-color: #ffffff;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  outline: 0;
  padding: 0;
  height: 48px;
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  color: #292929;
}

.wrapper-select-reg .select2-container--default .select2-selection--single:focus {
  border: 2px solid #775CA7;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.wrapper-select-reg .select2-container--default .select2-selection--single.select2-selection__rendered {
  color: #000000;
}

.wrapper-select-reg .select2-results__option {
  font-family: inter, sans-serif;
  background-color: #ffffff;
}

.wrapper-select-reg .select2-selection__rendered {
  line-height: 45px !important;
}

.wrapper-select-reg .select2-selection__arrow {
  top: 10px !important;
}

.wrapper-select-reg .select2-container--default .select2-selection--single:focus {
  border: solid #775CA7 2px !important;
  /*		border-bottom: none !important;
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;*/
}

.select2-container--default .select2-results__option {
  border-top: 1px solid #EBF0F4;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #EFEAFF !important;
  color: #222531;
  font-weight: 500;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  color: #222531 !important;
  background: #FAF8FF;
}

#select2-reg-select-menu-results .select2-container--default .select2-selection--single .select2-selection__rendered,
#select2-reg-select-menu2-results .select2-container--default .select2-selection--single .select2-selection__rendered,
#select2-select-menu2-results .select2-container--default .select2-selection--single .select2-selection__rendered,
#select2-reg-select-menu3-results .select2-container--default .select2-selection--single .select2-selection__rendered,
#select2-shipping_carrier-results .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}

#select2-reg-select-menu-results .select2-container--default .select2-results > .select2-results__options,
#select2-reg-select-menu2-results .select2-container--default .select2-results > .select2-results__options,
#select2-select-menu2-results .select2-container--default .select2-results > .select2-results__options,
#select2-reg-select-menu3-results .select2-container--default .select2-results > .select2-results__options,
#select2-shipping_carrier-results .select2-container--default .select2-results > .select2-results__options {
  font-family: inter, sans-serif;
  max-height: 300px !important;
}

#select2-reg-select-menu-results .select2-results__option[aria-selected=true],
#select2-reg-select-menu2-results .select2-results__option[aria-selected=true],
#select2-select-menu2-results .select2-results__option[aria-selected=true],
#select2-reg-select-menu3-results .select2-results__option[aria-selected=true],
#select2-shipping_carrier-results .select2-results__option[aria-selected=true] {
  font-family: inter, sans-serif;
  background-color: #f5f1fb !important;
}

#select2-reg-select-menu-results .select2-results__option--highlighted[aria-selected],
#select2-reg-select-menu2-results .select2-results__option--highlighted[aria-selected],
#select2-select-menu2-results .select2-results__option--highlighted[aria-selected],
#select2-reg-select-menu3-results .select2-results__option--highlighted[aria-selected],
#select2-shipping_carrier-results .select2-results__option--highlighted[aria-selected] {
  font-family: inter, sans-serif;
  background-color: #f5f1fb !important;
  color: #292929 !important;
}

.wrapper-qty-select .select2-container--default .select2-selection--single {
  border: 0 !important;
  outline: 0;
  outline-offset: 0;
}

.wrapper-qty-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 2px solid #707070;
  border-top: none;
  border-right: none;
  height: 8px;
  width: 8px;
  top: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.wrapper-qty-select .select2-container--default .select2-selection--single {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}

.currency .select2-container--default .select2-selection--single,
.sort-select .select2-container--default .select2-selection--single {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.currency .select2-container--default .select2-selection--single,
.sort-select .select2-container--default .select2-selection--single,
.wrapper-qty-select .select2-container--default .select2-selection--single {
  height: 37px;
  border-radius: 8px;
  border: 1px solid #EBF0F4;
  font-family: inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #292929;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.currency .select2-container--default .select2-selection--single:focus,
.sort-select .select2-container--default .select2-selection--single:focus,
.wrapper-qty-select .select2-container--default .select2-selection--single:focus {
  border: solid 2px #775CA7;
  border-bottom: none;
}

.currency .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: unset !important;
}

.currency .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: solid black !important;
  border-width: 0 2px 2px 0 !important;
  display: inline-block !important;
  padding: 3px !important;
  -webkit-transform: rotate(45deg) !important;
          transform: rotate(45deg) !important;
  margin-top: -4px !important;
  margin-left: -6px !important;
}

.wrapper-sort-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
}

.wrapper-sort-select .select2-container--default .select2-selection--single {
  height: 37px;
  border: solid 0.7px #f4f4f4;
  background-color: #f4f4f4;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-sort-select .select2-selection__arrow {
  top: unset !important;
}

.wrapper-sort-select .select2-selection__arrow b {
  border: solid black !important;
  border-width: 0 2px 2px 0 !important;
  display: inline-block !important;
  padding: 3px !important;
  -webkit-transform: rotate(45deg) !important;
          transform: rotate(45deg) !important;
  margin-top: -4px !important;
  margin-left: -6px !important;
}

.select2-dropdown--below {
  border-radius: 8px !important;
  border: 2px solid #775ca7 !important;
  top: -40px !important;
}

.select2-results {
  position: relative;
  top: -5px;
}

#select2-currency-select-results .select2-results__option--highlighted,
#select2-sort_by-results .select2-results__option--highlighted,
#select2-category-results .select2-results__option--highlighted {
  background-color: #EFEAFF;
  color: #292929;
}

#select2-currency-select-results .select2-results__option,
#select2-sort_by-results .select2-results__option,
#select2-category-results .select2-results__option {
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 8px 8px 8px 16px !important;
}

#select2-currency-select-results .currency-item,
#select2-sort_by-results .currency-item,
#select2-category-results .currency-item {
  font-family: inter, sans-serif;
  font-size: 14px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #FAF8FF;
}

.select2-results__option {
  font-family: inter, sans-serif !important;
  font-size: 14px;
  font-weight: 300;
}

.wrapper-checkbox {
  position: relative;
}

.wrapper-checkbox .checkbox-input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.wrapper-checkbox .checkbox-label {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.6px;
  text-align: left;
  color: #4d4d4d;
  font-family: inter, sans-serif;
  cursor: pointer;
}

.wrapper-checkbox .checkbox-label:after {
  position: absolute;
  content: "";
  display: inline-block;
  background-color: #775CA7;
  left: 1px;
  top: 4px;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  width: 19px;
  height: 17px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
}

.wrapper-checkbox .checkbox-label:before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 0;
  top: 3px;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  width: 21px;
  height: 19px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
}

.wrapper-checkbox .checkbox-input[type="checkbox"] + .checkbox-label::after {
  content: none;
}

.wrapper-checkbox .checkbox-input[type="checkbox"]:checked + .checkbox-label::after {
  content: "";
}

.wrapper-sort-color-checkbox {
  position: relative;
}

.wrapper-sort-color-checkbox:nth-child(2) label {
  background-color: white;
}

.wrapper-sort-color-checkbox:nth-child(2) label:after {
  border: 2px solid black;
  border-top: none;
  border-right: none;
}

.wrapper-sort-color-checkbox:nth-child(3) label {
  background-color: black;
}

.wrapper-sort-color-checkbox:nth-child(4) label {
  background-color: #666666;
}

.wrapper-sort-color-checkbox:nth-child(5) label {
  background-color: #e1e1e1;
}

.wrapper-sort-color-checkbox:nth-child(6) label {
  background-color: #f40000;
}

.wrapper-sort-color-checkbox:nth-child(7) label {
  background-color: #8fe7ec;
}

.wrapper-sort-color-checkbox:nth-child(8) label {
  background-color: #8f98ec;
}

.wrapper-sort-color-checkbox:nth-child(9) label {
  background-color: #27e45f;
}

.wrapper-sort-color-checkbox label {
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
}

.wrapper-sort-color-checkbox label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 12px;
}

.wrapper-sort-color-checkbox input[type="checkbox"] {
  visibility: hidden;
}

.wrapper-sort-color-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.price-slider {
  position: relative;
  font-size: 16px;
  font-family: inter, sans-serif;
  font-weight: 600;
}

.price-slider svg,
.price-slider input[type=range] {
  position: absolute;
  left: 0;
  bottom: 0;
}

.price-slider input[type=number] {
  border: none;
  text-align: center;
  font-size: 16px;
  font-family: inter, sans-serif;
  -moz-appearance: textfield;
}

.price-slider input[type=number]::-webkit-outer-spin-button,
.price-slider input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.price-slider input[type=number]:invalid,
.price-slider input[type=number]:out-of-range {
  border: 2px solid #e60023;
}

.price-slider input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  font-size: 16px;
  font-family: inter, sans-serif;
}

.price-slider input[type=range]:focus {
  outline: none;
}

.price-slider input[type=range]:focus::-webkit-slider-runnable-track,
.price-slider input[type=range]:focus::-ms-fill-lower,
.price-slider input[type=range]:focus::-ms-fill-upper {
  background: #b39ddb;
}

.price-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #b39ddb;
  border-radius: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}

.price-slider input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  -webkit-box-shadow: 0px 0px 0px #000;
          box-shadow: 0px 0px 0px #000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #775CA7;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}

.price-slider input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #775CA7;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

.price-slider input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #775CA7;
  cursor: pointer;
}

.price-slider input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.price-slider input[type=range]::-ms-fill-lower,
.price-slider input[type=range]::-ms-fill-upper {
  background: #b39ddb;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

.price-slider input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #775CA7;
  cursor: pointer;
}

.wrapper-buttons .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  height: 48px;
  border-radius: 6px;
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none !important;
  padding: 0 !important;
}

@media (max-width: 359px) {
  .wrapper-buttons .btn.btn-default {
    font-size: 15px !important;
  }
}

.wrapper-buttons .btn.btn-no-border {
  border: none;
  background: transparent;
  color: #775CA7;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.wrapper-buttons .btn.btn-draft,
.wrapper-buttons .btn.btn-pullDraft {
  background: #FFFFFF;
  color: #775CA7;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  max-width: 180px;
}

.wrapper-buttons .btn.btn-submit {
  background: #775CA7;
  color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.wrapper-buttons .btn.btn-delete {
  background: #FFFFFF;
  color: #F6685A;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.wrapper-buttons .btn.btn-reg {
  max-width: 210px;
  height: 48px;
  border-radius: 6px;
  width: 100%;
  position: relative;
  font-size: 14px;
}

.wrapper-buttons .btn.btn-reg:disabled {
  background: transparent;
  border: 1px solid #4E597E;
  opacity: 1;
  color: #4E597E;
}

.wrapper-buttons .btn.btn-reg .left-icon {
  position: absolute;
  left: 10px;
  right: 0;
  top: unset;
}

.wrapper-buttons .btn.btn-reg img {
  position: absolute;
  right: 15px;
  top: 14px;
}

.wrapper-buttons .btn.btn-reg.add-listing {
  height: 48px;
  font-size: 14px;
  font-weight: 600;
  padding-left: 30px;
}

.wrapper-buttons .btn.btn-reg.add-listing.small {
  height: 36px;
}

@media (max-width: 576px) {
  .wrapper-buttons .btn.btn-reg.add-listing {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .wrapper-buttons .btn {
    width: 75px;
    max-width: 180px;
  }
}

.button-primary {
  background-color: #775CA7;
  color: #ffffff;
}

.button-primary:hover {
  color: #ffffff;
  background: #5C4586;
}

.button-primary:active {
  background: #9975FE;
}

@media screen and (max-width: 768px) {
  .button-primary:active {
    background: #5C4586;
  }
}

.button-primary.follow-btn {
  background: #F0F2FF;
  color: #4E597E;
}

.button-primary-shop {
  background: #FFFFFF;
  color: #F7685A;
  -webkit-box-shadow: 5px 10px 15px -15px rgba(231, 224, 247, 0.2);
          box-shadow: 5px 10px 15px -15px rgba(231, 224, 247, 0.2);
  border-radius: 6px;
  font-size: 14px;
}

.button-primary-shop:hover {
  color: #F7685A;
}

.button-primary-shop:active {
  background: #FFC7C1;
}

.button-primary-inactive {
  background-color: #9e89b7;
  color: #ffffff;
}

.button-primary-inactive:hover {
  color: #ffffff;
}

.button-primary-disabled {
  background: #FFFFFF;
  border-radius: 6px;
  color: #F7685A;
}

.button-primary-disabled:hover {
  color: #F7685A;
}

.button-primary-light,
.button-primary-light-bordered {
  background-color: #EFEAFF;
  color: #775CA7;
}

.button-primary-light:hover,
.button-primary-light-bordered:hover {
  color: #ffffff;
  background-color: #9e89b7;
}

.button-primary-light-bordered {
  border: solid 2px #775CA7;
}

.button-primary-white-shadow {
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 5px 1px rgba(142, 142, 142, 0.1);
          box-shadow: 0 3px 5px 1px rgba(142, 142, 142, 0.1);
  color: #000000;
}

.button-primary-white-shadow:hover {
  background-color: #f5f1fb;
}

.button-light-market {
  background-color: #ffffff;
  color: #4cb6ac;
}

.button-light-market:hover {
  color: #4cb6ac;
}

.button-paypal {
  background-color: #0070ba;
  color: #ffffff;
  position: relative;
}

.button-paypal:hover {
  color: #ffffff;
}

.button-paypal .paypal-icon {
  position: absolute;
  right: 20px;
}

.button-transparent {
  background-color: transparent;
  color: #775CA7;
  border: 1px solid #775CA7;
}

.button-transparent:hover {
  color: #775CA7;
}

.button-primary-link {
  background-color: #ffffff;
  color: #775CA7;
  -webkit-box-shadow: 5px 10px 15px -15px rgba(231, 224, 247, 0.38) !important;
          box-shadow: 5px 10px 15px -15px rgba(231, 224, 247, 0.38) !important;
}

.button-primary-link:hover {
  color: #775CA7;
  background-color: #F8FAFC;
}

.button-facebook {
  background-color: white;
  border: 1px solid #8A91AA;
  border-radius: 6px;
  color: #222531;
  font-family: inter, sans-serif;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  max-width: 258px;
  width: 100%;
  height: 48px;
}

.button-facebook .facebook-icon {
  margin-right: 12px;
  width: 40px;
}

.wrapper-sort-by-mobile .btn-select-sort-by,
.wrapper-sort-by-mobile .btn-select-category {
  padding: 10px 0;
  font-family: inter, sans-serif;
  color: #707070;
  font-size: 18px;
}

.wrapper-sort-by-mobile .selected {
  background-color: #f5f5f5;
}

.button-primary-donate {
  background-color: #ffffff;
  color: #292929;
  border: solid 1px #2680eb;
  border-radius: 0;
  font-family: inter, sans-serif;
}

.button-primary-donate:hover {
  color: #292929;
}

.button-primary-donate.active {
  background-color: #2680eb;
  color: #ffffff;
  font-weight: bold !important;
}

.button-reward-creator {
  background: #FFFFFF;
  color: #58667E;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #EBF0F4;
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.dashboard-btn {
  border-radius: 2px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 0 15px;
}

.dashboard-btn.no-outline {
  outline: none;
  border: none;
}

.dashboard-btn.no-outline:focus {
  outline: none;
  border: none;
}

.dashboard-btn:hover {
  text-decoration: none;
}

.dashboard-btn.br-6 {
  border-radius: 6px;
}

.dashboard-btn.sm {
  max-width: 138px;
  width: 100%;
}

.dashboard-btn.md {
  max-width: 160px;
  width: 100%;
}

.dashboard-btn.button-primary {
  color: #ffffff;
  background-color: #b185ff;
}

.dashboard-btn.button-primary:hover {
  background-color: #775ca7;
}

.dashboard-btn.button-delete {
  border: solid 0.7px #b1b1b1;
  color: #b1b1b1;
}

.dashboard-btn.button-delete:hover {
  background-color: #6c757d;
  color: #ffffff;
}

.dashboard-btn.button-disabled {
  border: solid 0.7px #b1b1b1;
  color: #b1b1b1;
}

.dashboard-btn.button-disabled:hover {
  cursor: default;
  color: #b1b1b1;
}

.modal-dialog {
  max-width: 670px;
  width: 100%;
}

.modal-dialog .modal-crop-image {
  background-color: #ffffff;
  border-radius: 16px;
}

.modal-dialog .modal-crop-image .crop-text {
  font-family: inter, sans-serif;
  color: #292929;
  line-height: 1.3;
  font-weight: 500;
  padding: 23px 0 0 38px;
}

@media (max-width: 576px) {
  .modal-dialog .modal-crop-image .crop-text {
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .modal-dialog {
    margin: 20px 0;
  }
}

.modal-box .cropper-view-box,
.modal-box .cropper-face {
  border-radius: unset !important;
}

.wrapper-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.wrapper-buttons .crop-btn {
  background: transparent;
  color: #4E597E;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 90px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.wrapper-buttons .crop-btn.done-btn {
  color: #775CA7;
}

#lastItemModal .wrapper-buttons {
  max-width: 320px !important;
}

#lastItemModal .modal-dialog {
  margin: 0 !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mobile-filters-modal[aria-modal="true"] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.mobile-filters-modal .modal-content {
  -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  border: none;
}

.mobile-filters-modal .modal-header {
  border: none;
}

#modal-disable-emails,
#modal-redirect-paypal {
  padding: 0 !important;
}

#modal-disable-emails .modal-dialog,
#modal-redirect-paypal .modal-dialog {
  border-radius: 10px;
}

#modal-disable-emails .modal-header,
#modal-redirect-paypal .modal-header {
  border: none;
  padding: 0 5px;
}

#modal-disable-emails .modal-header .header-text,
#modal-redirect-paypal .modal-header .header-text {
  max-width: 380px;
  line-height: 1;
  font-family: inter, sans-serif;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  #modal-disable-emails .modal-header .header-text,
  #modal-redirect-paypal .modal-header .header-text {
    font-size: 16px;
  }
}

#modal-disable-emails .modal-header .wrapper-buttons,
#modal-redirect-paypal .modal-header .wrapper-buttons {
  max-width: 190px;
}

@media screen and (max-width: 768px) {
  #modal-disable-emails .wrapper-check-email-img img,
  #modal-redirect-paypal .wrapper-check-email-img img {
    width: 80px;
  }
}

#modal-disable-emails .modal-content,
#modal-redirect-paypal .modal-content {
  width: 95%;
  margin: auto;
}

.delete-comment-modal {
  border-radius: 16px;
  padding: 20px 0;
}

.delete-comment-modal-dialog {
  max-width: 460px;
}

.delete-comment-modal-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}

.delete-comment-modal-form-title {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  padding: 10px 0;
}

.delete-comment-modal-form-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.delete-comment-modal-form-btn-distance {
  width: 100%;
  max-width: 100px;
}

.custom-tooltip {
  font-family: inter, sans-serif;
  font-weight: 600;
  font-size: 20px;
}

.custom-tooltip .tooltip-inner {
  background-color: #ffffff;
  color: #292929;
  max-width: 330px;
  -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.24);
  border-radius: 10px;
}

.custom-tooltip .arrow:before {
  border-bottom-color: #4d4d4d;
}

#reg_tooltip {
  color: #4d4d4d;
}

#modal-incomplete,
#modal-approve-account {
  padding: 0 12px !important;
  top: 20% !important;
}

#modal-incomplete .crop-text,
#modal-approve-account .crop-text {
  padding: 23px 0 0 0;
  font-size: 24px;
}

@media screen and (max-width: 500px) {
  #modal-incomplete .crop-text,
  #modal-approve-account .crop-text {
    font-size: 16px;
  }
}

#modal-incomplete .wrapper-buttons,
#modal-approve-account .wrapper-buttons {
  width: 200px;
}

@media screen and (max-width: 768px) {
  #modal-incomplete .wrapper-buttons,
  #modal-approve-account .wrapper-buttons {
    width: 180px !important;
  }

  #modal-incomplete .wrapper-buttons .btn,
  #modal-approve-account .wrapper-buttons .btn {
    width: 100% !important;
  }
}

#modal-incomplete .text-description,
#modal-approve-account .text-description {
  max-width: 500px;
  margin: auto;
}

#modal-approve-account .text-description {
  max-width: 650px;
}

#modal-approve-account .text-description .question {
  line-height: 2;
}

.wrapper-pagination .reg-pagination .active,
.wrapper-pagination .reg-pagination .disabled {
  width: 10px;
  height: 10px;
}

.wrapper-pagination .reg-pagination .active {
  background-color: #b968c7;
  cursor: pointer;
}

.wrapper-pagination .reg-pagination .disabled {
  background-color: #e5e5e5;
  pointer-events: none;
}

.wrapper-pagination-shop .pagination .page-link,
.wrapper-pagination-shop .pagination .pagination-datatables li a,
.pagination-datatables li .wrapper-pagination-shop .pagination a,
.wrapper-pagination-shop .pagination li a {
  margin: 0 5px;
}

.wrapper-pagination-shop .pagination .page-item,
.wrapper-pagination-shop .pagination .pagination-datatables li,
.pagination-datatables .wrapper-pagination-shop .pagination li,
.wrapper-pagination-shop .pagination li {
  position: relative;
}

.wrapper-pagination-shop .pagination .page-item.next-item img,
.wrapper-pagination-shop .pagination .pagination-datatables li.next-item img,
.pagination-datatables .wrapper-pagination-shop .pagination li.next-item img,
.wrapper-pagination-shop .pagination li.next-item img {
  position: absolute;
  right: 15px;
  top: 13px;
}

.wrapper-pagination-shop .pagination .page-item.prev-item img,
.wrapper-pagination-shop .pagination .pagination-datatables li.prev-item img,
.pagination-datatables .wrapper-pagination-shop .pagination li.prev-item img,
.wrapper-pagination-shop .pagination li.prev-item img {
  position: absolute;
  left: 15px;
  top: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.wrapper-pagination-shop .pagination a,
.wrapper-pagination-shop .pagination span {
  text-align: center;
  background-color: #ffffff;
  color: #775CA7;
  border: solid 2px #5f487b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  height: 40px;
  border-radius: 6px !important;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  font-family: inter, sans-serif !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 10px 12px !important;
}

@media (max-width: 576px) {
  .wrapper-pagination-shop .pagination a,
  .wrapper-pagination-shop .pagination span {
    width: 170px;
  }
}

@media (max-width: 360px) {
  .wrapper-pagination-shop .pagination a,
  .wrapper-pagination-shop .pagination span {
    width: 140px;
  }
}

.wrapper-pagination-shop .pagination a:hover,
.wrapper-pagination-shop .pagination span:hover {
  color: #775CA7;
  background-color: #ffffff;
  border: solid 2px #5f487b;
}

.wrapper-crossroad-carousel {
  max-width: 600px;
}

.wrapper-crossroad-carousel .carousel {
  margin: 0 110px;
}

@media (max-width: 576px) {
  .wrapper-crossroad-carousel .carousel {
    margin: 0 20px;
  }
}

.wrapper-crossroad-carousel .carousel-control-next,
.wrapper-crossroad-carousel .carousel-control-prev {
  opacity: 1;
}

.wrapper-crossroad-carousel .slide {
  text-align: center;
}

.wrapper-crossroad-carousel .slide .white-arrow {
  color: #ffffff;
}

.wrapper-crossroad-carousel .slide .carousel-inner {
  height: 323px;
  margin-bottom: 20px;
}

.wrapper-crossroad-carousel .slide .carousel-inner .carousel-item {
  cursor: pointer;
}

.wrapper-crossroad-carousel .slide .carousel-inner .carousel-item .wrapper-img-slide {
  padding-top: 50px;
}

.wrapper-crossroad-carousel .slide .carousel-inner .carousel-item .title {
  font-family: inter, sans-serif;
  font-size: 26px;
  color: #ffffff;
  line-height: 1.3;
  font-weight: 500;
}

@media (max-width: 567px) {
  .wrapper-crossroad-carousel .slide .carousel-inner .carousel-item .title {
    font-family: inter, sans-serif;
    font-size: 24px;
    font-weight: 500;
  }
}

.wrapper-crossroad-carousel .slide .carousel-inner .carousel-item .description {
  text-align: center;
  padding: 0 20px;
  font-weight: 500;
  color: #ffffff;
  font-family: inter, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

.wrapper-crossroad-carousel .slide .carousel-inner .item-shop {
  background-color: #4cb6ac;
}

.wrapper-crossroad-carousel .slide .carousel-inner .item-article {
  background-color: #b968c7;
}

.wrapper-crossroad-carousel .slide .carousel-inner .item-business-page {
  background-color: #ffbe00;
}

.wrapper-crossroad-carousel .slide .product-slider-img {
  max-width: 380px;
  max-height: 323px;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrapper-crossroad-carousel .slide .carousel-indicators {
  bottom: -15px;
}

.wrapper-crossroad-carousel .slide .carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  border-radius: 90px;
  background-color: #ffffff;
  border: 1px solid #707070;
}

.wrapper-crossroad-carousel .slide .carousel-indicators .active {
  background-color: #707070;
}

.wrapper-top-market-carousel .carousel-inner {
  max-height: 290px;
  height: 100%;
}

.wrapper-top-market-carousel .slide .text {
  padding: 160px 30px 0 0;
}

@media (max-width: 576px) {
  .wrapper-top-market-carousel .slide .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0 20px 10px 0;
    color: #292929;
    text-shadow: 0 -1px 0 #ffffff, 0 -1px 0 #ffffff, 0 1px 0 #ffffff, 0 1px 0 #ffffff, -1px 0 0 #ffffff, 1px 0 0 #ffffff, -1px 0 0 #ffffff, 1px 0 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  }
}

@media (max-width: 576px) {
  .wrapper-top-market-carousel .slide {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.wrapper-top-market-carousel .first-slide,
.wrapper-top-market-carousel .second-slide,
.wrapper-top-market-carousel .third-slide {
  height: 290px;
  background-size: cover;
}

.wrapper-top-market-carousel .first-slide:before,
.wrapper-top-market-carousel .second-slide:before,
.wrapper-top-market-carousel .third-slide:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .6;
}

@media (max-width: 768px) {
  .wrapper-top-market-carousel .first-slide,
  .wrapper-top-market-carousel .second-slide,
  .wrapper-top-market-carousel .third-slide {
    height: 150px;
  }
}

.wrapper-top-market-carousel .third-slide:before {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(43%, rgba(2, 0, 36, 0)), color-stop(73%, #e06055), to(#e06055));
  background-image: linear-gradient(90deg, rgba(2, 0, 36, 0) 43%, #e06055 73%, #e06055 100%);
}

.wrapper-top-market-carousel .background-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.wrapper-top-market-carousel .text {
  font-family: inter, sans-serif;
  font-size: 43px;
  z-index: 1;
  line-height: 1;
}

@media (max-width: 768px) {
  .wrapper-top-market-carousel .text {
    font-size: 25px;
  }
}

.top-market-carousel {
  position: relative;
}

.top-market-carousel.carousel-classifieds {
  max-width: 795px;
}

.top-market-carousel.carousel-classifieds .tc-mrkt-logo {
  bottom: unset;
  top: 20px;
}

@media (min-width: 992px) {
  .top-market-carousel.carousel-classifieds .top-carousel .item {
    height: 300px;
  }
}

.top-market-carousel.carousel-classifieds .top-carousel .item .wrapper-slide-content .text {
  font-size: 36px;
}

.top-market-carousel.carousel-classifieds .top-carousel .item.slide-1 .wrapper-image .slide-img {
  max-width: 240px;
}

@media (max-width: 768px) {
  .top-market-carousel.carousel-classifieds .top-carousel .item.slide-1 .wrapper-image .slide-img {
    max-width: 320px;
  }
}

@media (max-width: 576px) {
  .top-market-carousel.carousel-classifieds .top-carousel .item.slide-1 .wrapper-image .slide-img {
    max-width: 240px;
  }
}

.top-market-carousel.carousel-classifieds .top-carousel .item.slide-2 .wrapper-image .slide-img {
  max-width: 130px;
}

@media (max-width: 768px) {
  .top-market-carousel.carousel-classifieds .top-carousel .item.slide-2 .wrapper-image .slide-img {
    max-height: 220px;
    width: unset !important;
    max-width: unset;
  }
}

@media (max-width: 576px) {
  .top-market-carousel.carousel-classifieds .top-carousel .item.slide-2 .wrapper-image .slide-img {
    max-height: 180px;
  }
}

.top-market-carousel.carousel-classifieds .top-carousel .item.slide-3 .wrapper-image .slide-img {
  max-width: 190px;
}

@media (max-width: 768px) {
  .top-market-carousel.carousel-classifieds .top-carousel .item.slide-3 .wrapper-image .slide-img {
    max-width: 280px;
  }
}

@media (max-width: 576px) {
  .top-market-carousel.carousel-classifieds .top-carousel .item.slide-3 .wrapper-image .slide-img {
    max-width: 210px;
  }
}

.top-market-carousel .tc-mrkt-logo {
  position: absolute;
  right: 30px;
  bottom: 30px;
  z-index: 2;
  max-width: 130px;
}

@media (max-width: 768px) {
  .top-market-carousel .tc-mrkt-logo {
    display: none;
  }
}

.top-market-carousel .top-carousel {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.top-market-carousel .top-carousel.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.top-market-carousel .top-carousel .item:focus {
  outline: none;
}

.top-market-carousel .top-carousel .slick-dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.top-market-carousel .top-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 6px;
  padding: 0;
  cursor: pointer;
}

.top-market-carousel .top-carousel .slick-dots li button {
  display: none;
}

.top-market-carousel .top-carousel .slick-dots li:before {
  top: 1px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  content: "";
  width: 80px;
  height: 6px;
  background-color: #ffffff;
  opacity: 0.3;
  position: absolute;
}

.top-market-carousel .top-carousel .slick-dots li.slick-active:before {
  top: 0;
  width: 80px;
  height: 6px;
  background-color: #ffffff;
  opacity: 1;
}

.top-market-carousel .top-carousel .item {
  width: 100%;
  height: 470px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative !important;
}

@media (max-width: 768px) {
  .top-market-carousel .top-carousel .item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 470px;
  }
}

@media (max-width: 576px) {
  .top-market-carousel .top-carousel .item {
    height: auto;
    min-height: 200px;
  }
}

.top-market-carousel .top-carousel .item .title {
  max-width: 280px;
}

.top-market-carousel .top-carousel .item .wrapper-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 18px;
}

.top-market-carousel .top-carousel .item.slide-1 {
  background-size: cover;
}

.top-market-carousel .top-carousel .item.slide-1 .wrapper-image .slide-img {
  max-width: 430px;
}

@media (max-width: 768px) {
  .top-market-carousel .top-carousel .item.slide-1 .wrapper-image .slide-img {
    max-width: 320px;
  }
}

@media (max-width: 576px) {
  .top-market-carousel .top-carousel .item.slide-1 .wrapper-image .slide-img {
    max-width: 240px;
  }
}

@media (max-width: 414px) {
  .top-market-carousel .top-carousel .item.slide-1 .wrapper-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 414px) {
  .top-market-carousel .top-carousel .item.slide-1 .wrapper-description .shop-location {
    margin-left: 0 !important;
    margin-top: 10px;
  }
}

.top-market-carousel .top-carousel .item.slide-2 {
  background-size: cover;
}

.top-market-carousel .top-carousel .item.slide-2 .wrapper-image .slide-img {
  max-width: 260px;
}

@media (max-width: 768px) {
  .top-market-carousel .top-carousel .item.slide-2 .wrapper-image .slide-img {
    max-height: 220px;
    width: unset !important;
    max-width: unset;
  }
}

@media (max-width: 576px) {
  .top-market-carousel .top-carousel .item.slide-2 .wrapper-image .slide-img {
    max-height: 180px;
  }
}

.top-market-carousel .top-carousel .item.slide-3 {
  background-size: cover;
}

.top-market-carousel .top-carousel .item.slide-3 .wrapper-image .slide-img {
  max-width: 350px;
}

@media (max-width: 768px) {
  .top-market-carousel .top-carousel .item.slide-3 .wrapper-image .slide-img {
    max-width: 280px;
  }
}

@media (max-width: 576px) {
  .top-market-carousel .top-carousel .item.slide-3 .wrapper-image .slide-img {
    max-width: 210px;
  }
}

.top-market-carousel .top-carousel .item .button-shop-now {
  background-color: transparent;
  color: #ffffff;
  border: solid 2px #ffffff;
}

@media (max-width: 576px) {
  .top-market-carousel .top-carousel .item .button-shop-now {
    max-width: 145px;
  }
}

.top-market-carousel .top-carousel .item .button-shop-now:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
}

.top-market-carousel .top-carousel .item .wrapper-slide-content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media (max-width: 1250px) {
  .top-market-carousel .top-carousel .item .wrapper-slide-content {
    margin: 0 100px;
  }
}

@media (max-width: 980px) {
  .top-market-carousel .top-carousel .item .wrapper-slide-content {
    margin: 0 50px;
  }
}

@media (max-width: 768px) {
  .top-market-carousel .top-carousel .item .wrapper-slide-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .top-market-carousel .top-carousel .item .wrapper-slide-content .wrapper-image {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.top-market-carousel .top-carousel .item .wrapper-slide-content .wrapper-image .slide-img {
  margin-top: 20px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .top-market-carousel .top-carousel .item .wrapper-slide-content .wrapper-image .slide-img {
    margin: 0 0 20px;
  }
}

.top-market-carousel .top-carousel .item .wrapper-slide-content .text {
  font-size: 46px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
}

@media (max-width: 768px) {
  .top-market-carousel .top-carousel .item .wrapper-slide-content .text {
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .top-market-carousel .top-carousel .item .wrapper-slide-content .text {
    font-size: 26px;
    margin-top: 15px;
  }
}

.top-market-carousel .top-carousel .next-arrow,
.top-market-carousel .top-carousel .prev-arrow {
  cursor: pointer;
  position: absolute;
  top: 45%;
  right: -5px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  z-index: 10;
}

.top-market-carousel .top-carousel .prev-arrow {
  left: -10px;
}

.featured-products .wrapper-buttons .btn {
  max-width: 440px;
  background: #EFEAFF;
  border-radius: 8px;
  color: #5C4586;
  font-size: 14px;
  line-height: 120%;
  width: 100%;
}

.item-relative-pic {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

@media (max-width: 576px) {
  .item-relative-pic {
    min-height: 200px;
  }
}

@media (max-width: 576px) {
  .slick-dots {
    display: none !important;
  }
}

.products-slider .next-arrow,
.products-slider .prev-arrow,
.sm-products-slider .next-arrow,
.sm-products-slider .prev-arrow {
  cursor: pointer;
  position: absolute;
  top: 100px;
  width: 45px;
  height: 45px;
  background-color: #d9d9d9;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .products-slider .next-arrow,
  .products-slider .prev-arrow,
  .sm-products-slider .next-arrow,
  .sm-products-slider .prev-arrow {
    top: 30%;
  }
}

.products-slider .prev-arrow,
.sm-products-slider .prev-arrow {
  left: -80px;
  z-index: 1;
}

.products-slider .prev-arrow[aria-disabled=true],
.sm-products-slider .prev-arrow[aria-disabled=true] {
  display: none !important;
}

@media (max-width: 1300px) {
  .products-slider .prev-arrow,
  .sm-products-slider .prev-arrow {
    left: 0;
  }
}

.products-slider .next-arrow,
.sm-products-slider .next-arrow {
  right: -30px;
}

.products-slider .next-arrow[aria-disabled=true],
.sm-products-slider .next-arrow[aria-disabled=true] {
  display: none !important;
}

@media (max-width: 1300px) {
  .products-slider .next-arrow,
  .sm-products-slider .next-arrow {
    right: 0;
  }
}

.products-slider .slider-item:focus,
.sm-products-slider .slider-item:focus {
  outline: 0;
  outline-offset: 0;
}

.wrapper-product-slider .product-slider-img {
  max-width: 490px;
  max-height: 510px;
}

.sm-products-slider .next-arrow,
.sm-products-slider .prev-arrow {
  width: 42px;
  height: 42px;
}

.sm-products-slider .next-arrow {
  right: -40px;
}

@media (max-width: 1200px) {
  .sm-products-slider .next-arrow {
    right: 0;
  }
}

.sm-products-slider .prev-arrow {
  left: -50px;
}

@media (max-width: 1200px) {
  .sm-products-slider .prev-arrow {
    left: 0;
  }
}

.wrapper-product-slider {
  max-width: 645px;
}

.wrapper-product-slider .gallery2 .item img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 600px;
}

@media (max-width: 576px) {
  .wrapper-product-slider .gallery2 .item img {
    max-height: 345px;
  }
}

.wrapper-product-slider img {
  max-width: 100%;
  height: auto;
}

.wrapper-product-slider .pswp__img {
  -o-object-fit: contain;
     object-fit: contain;
}

.wrapper-product-slider button {
  border: none;
  outline: none;
  cursor: pointer;
}

.wrapper-product-slider body {
  font: normal 18px/1.5 monospace;
  overflow: hidden;
  background: #424242;
}

.wrapper-product-slider .over-visible {
  overflow: visible;
}

.wrapper-product-slider .loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  background: white;
}

.wrapper-product-slider .slick-container {
  width: 100%;
  height: 100%;
}

.wrapper-product-slider .synch-carousels {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper-product-slider .synch-carousels > * {
  width: 100%;
}

.wrapper-product-slider .synch-carousels .right {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.wrapper-product-slider .synch-carousels .left {
  overflow: hidden;
}

@media (max-width: 1024px) {
  .wrapper-product-slider .synch-carousels .left {
    height: unset !important;
  }
}

.wrapper-product-slider .synch-carousels .gallery {
  display: none;
}

.wrapper-product-slider .synch-carousels .slick-slide {
  outline: none;
}

.wrapper-product-slider .synch-carousels .slick-vertical .slick-slide {
  border: none;
}

.wrapper-product-slider .synch-carousels .gallery .slick-list {
  height: auto !important;
  margin: 0 -20px;
}

.wrapper-product-slider .synch-carousels .gallery .slick-slide {
  cursor: pointer;
}

.wrapper-product-slider .synch-carousels .gallery .slick-slide {
  margin: 0 20px;
}

.wrapper-product-slider .synch-carousels .nav-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 30px;
}

.wrapper-product-slider .synch-carousels .nav-arrows svg {
  fill: white;
}

.wrapper-product-slider .synch-carousels .arrow-left {
  margin-right: 35px;
}

.wrapper-product-slider .synch-carousels .photos-counter {
  font-family: inter, sans-serif;
  font-size: 17px;
  font-weight: bold;
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: white;
  text-align: center;
  width: 109px;
  height: 28px;
  border-radius: 8px;
  background-color: #f18686;
}

@media screen and (min-width: 480px) {
  .wrapper-product-slider .synch-carousels .right {
    margin-bottom: 20px;
  }

  .wrapper-product-slider .synch-carousels .gallery {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .wrapper-product-slider .synch-carousels .right {
    position: relative;
    width: calc(100% - 85px);
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .wrapper-product-slider .synch-carousels .left {
    width: 75px;
  }

  .wrapper-product-slider .synch-carousels .gallery .slick-slide {
    margin: 0 0 20px 0;
  }

  .wrapper-product-slider .synch-carousels .gallery .slick-list {
    margin: 0;
  }
}

@media (max-width: 1200px) {
  .wrapper-product-slider {
    max-width: 600px;
  }
}

@media (max-width: 992px) {
  .wrapper-product-slider .slick-arrow {
    display: none !important;
  }
}

.gallery-carousel .items-slider-container {
  margin: 0 auto;
  max-width: 1200px;
}

.gallery-carousel .items-slider-container .slider {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.gallery-carousel .items-slider-container .slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.gallery-carousel .items-slider-container .slider .item:focus {
  outline: none;
}

.gallery-carousel .items-slider-container .slider-for {
  background-color: #fff;
  margin-bottom: 0;
}

.gallery-carousel .items-slider-container .slider-for img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gallery-carousel .items-slider-container .slider-nav {
  margin-bottom: 30px;
}

.gallery-carousel .items-slider-container .slider-nav .slick-current {
  opacity: 1;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.gallery-carousel .items-slider-container .slider-nav .slick-current img {
  opacity: 1 !important;
}

.gallery-carousel .items-slider-container .slider-nav .slick-slide {
  position: relative;
  padding: 7px;
  margin: 5px 0;
}

.gallery-carousel .items-slider-container .slider-nav .slick-slide:hover {
  cursor: pointer;
}

.gallery-carousel .items-slider-container .slider-nav .slick-slide:focus {
  outline: none;
}

.gallery-carousel .items-slider-container .slider-nav .slick-slide img {
  opacity: 0.5;
  max-width: 100%;
  margin: 0 auto;
}

.gallery-carousel .items-slider-container .slider-nav .slick-slide.current-slide {
  background-color: #fff;
}

.gallery-carousel .items-slider-container .slider-nav .slick-slide.current-slide img {
  opacity: 1;
}

.categories-slider {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  max-width: 795px;
  width: 100%;
}

@media (max-width: 1150px) {
  .categories-slider {
    max-width: 775px;
  }
}

.categories-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.categories-slider .slick-slide:focus {
  outline: none;
}

.categories-slider .item {
  width: 133px !important;
  padding: 0 30px;
}

.categories-slider .item a:focus {
  outline: none;
}

.categories-slider .item .wrapper-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.categories-slider .item .wrapper-category:hover svg {
  fill: #5C4586;
  color: #5C4586;
}

.categories-slider .item .wrapper-category.active .title {
  color: #5C4586;
}

.categories-slider .item .wrapper-category.active .title:after {
  width: 100%;
}

.categories-slider .item .wrapper-category.active svg {
  fill: #5C4586;
  color: #5C4586;
}

.categories-slider .item .wrapper-category svg {
  fill: #808080;
  color: #808080;
}

.categories-slider .item .wrapper-category .fa-ad,
.categories-slider .item .wrapper-category .fa-calendar-alt,
.categories-slider .item .wrapper-category .fa-ring,
.categories-slider .item .wrapper-category .fa-newspaper,
.categories-slider .item .wrapper-category .fa-id-card,
.categories-slider .item .wrapper-category .fa-address-book {
  width: 18px !important;
  height: auto;
}

.categories-slider .item .wrapper-category .fa-list-alt {
  width: 18px !important;
  height: auto;
}

.categories-slider .item .wrapper-category .fa-user {
  width: 18px !important;
  height: auto;
}

.categories-slider .item .wrapper-category .title {
  font-weight: 500;
  font-size: 16px;
  color: #a0a0a0;
  margin-left: 5px;
  text-decoration: none;
  position: relative;
  height: 25px;
}

.categories-slider .item .wrapper-category .title:hover {
  color: #5C4586;
}

.categories-slider .item .wrapper-category .title:after {
  content: '';
  top: 23px;
  left: 0;
  position: absolute;
  width: 0;
  height: 2px;
  -webkit-transition: .04s;
  transition: .04s;
  background-color: #5C4586;
}

.categories-slider .item .wrapper-category .title:hover:after {
  width: 100%;
}

.wrapper-add-photos {
  width: 380px;
}

.wrapper-add-photos a {
  text-decoration: none;
}

.wrapper-add-photos .main-photo {
  height: 260px;
  position: relative;
}

@media (max-width: 576px) {
  .wrapper-add-photos .main-photo {
    height: 230px;
  }
}

.wrapper-add-photos .main-photo .title {
  font-family: inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #707070;
}

.wrapper-add-photos .main-photo .camera-img {
  width: 136px;
}

.wrapper-add-photos .wrapper-add-more-photo {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrapper-add-photos .wrapper-add-more-photo .green-description {
  width: auto;
  line-height: 1;
}

.wrapper-add-photos .wrapper-add-more-photo .small-photo {
  width: 100%;
  height: 84px;
  position: relative;
  cursor: pointer;
}

.wrapper-add-photos .wrapper-add-more-photo .small-photo:not(:last-child) {
  margin-right: 15px;
}

.wrapper-add-photos .wrapper-add-more-photo .small-photo .camera-img {
  width: 52px;
}

@media (max-width: 576px) {
  .wrapper-add-photos {
    width: 300px;
  }
}

.green-description {
  width: 260px;
  color: #707070;
  font-family: inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.image-input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.main-preview {
  -o-object-fit: contain;
     object-fit: contain;
}

.wrapper-connection-card {
  background: #FFFFFF;
  margin: 0 7px 15px 7px;
  border-radius: 8px;
  width: 249px;
  border: 1px solid #EBF0F4;
}

@media (max-width: 768px) {
  .wrapper-connection-card {
    width: 180px;
  }

  .wrapper-connection-card:nth-child(5),
  .wrapper-connection-card:nth-child(6) {
    display: none;
  }
}

@media (max-width: 420px) {
  .wrapper-connection-card {
    width: 45%;
  }
}

.wrapper-connection-card .connection-item {
  width: 100%;
  margin: 0;
  line-height: 1.2;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 285px;
  padding: 0 30px;
}

@media (max-width: 880px) {
  .wrapper-connection-card .connection-item {
    padding: 0 20px;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .wrapper-connection-card .connection-item {
    min-height: 245px;
    height: 100%;
  }
}

.wrapper-connection-card .connection-item .wrapper-user-avatar .user-avatar {
  width: 96px;
  height: 96px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 1px solid #D3D7E0;
}

@media (max-width: 768px) {
  .wrapper-connection-card .connection-item .wrapper-user-avatar .user-avatar {
    width: 72px;
    height: 72px;
  }
}

.wrapper-connection-card .connection-item .wrapper-user-avatar .user-avatar-plug {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #D9CBFF;
  color: white;
}

.wrapper-connection-card .connection-item .user-name {
  font-family: inter, sans-serif;
  font-size: 16px;
  line-height: 125%;
  color: #222531;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin: 8px 0 3px;
}

.wrapper-connection-card .connection-item .user-location {
  font-family: inter, sans-serif;
  font-size: 12px;
  line-height: 120%;
  color: #4E597E;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wrapper-connection-card .connection-item .user-location img {
  margin-right: 5px;
}

.wrapper-connection-card .connection-item .user-job-title {
  max-width: 190px;
  text-align: center;
  color: #4E597E;
  font-size: 12px;
  margin-bottom: 5px;
}

.wrapper-connection-card .connection-item .wrapper-buttons {
  width: 75px !important;
  margin: auto 0 24px;
  height: 37px;
}

.wrapper-connection-card .connection-item .wrapper-buttons a {
  height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 8px 0 !important;
}

.wrapper-connection-card .connection-item .connection-user-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.suggested-connections .wrapper-avatar .suggest-user-avatar {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.suggested-connections .user-block .user-job-title,
.suggested-connections .user-block .user-company-name,
.suggested-connections .user-block .user-name {
  line-height: 1;
  max-width: 123px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}

.suggested-connections .user-block .user-location {
  line-height: 1;
}

.suggested-connections .wrapper-buttons.actions .btn {
  max-width: 100px;
  width: 100%;
  height: 48px;
}

.suggested-connections > a {
  color: #8A91AA;
}

.suggested-connections > a span {
  color: #775CA7;
  white-space: nowrap;
}

.author-info {
  /*@media (max-width: 576px) {
		flex-wrap: wrap;
		align-items: flex-start;
	}*/
}

.author-info .wrapper-info {
  margin: 0 30px 0 15px;
}

@media (max-width: 576px) {
  .author-info .wrapper-info {
    margin: 0 0 0 10px;
  }
}

@media (max-width: 576px) {
  .author-info .wrapper-actions {
    margin-top: 15px;
  }
}

.author-info .author-avatar {
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 1px solid #D3D7E0;
}

.author-info .wrapper-info .author-name {
  font-size: 18px;
  max-width: 200px;
  word-break: break-word;
  /*@media (max-width: 500px) {
				max-width: unset;
			}*/
}

@media (max-width: 768px) {
  .author-info .wrapper-info .author-name {
    font-size: 14px;
    max-width: 200px;
  }
}

@media (max-width: 510px) {
  .author-info .wrapper-info .job-title-location {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .author-info .wrapper-info .job-title-location .user-job-title {
    margin-bottom: 5px;
  }
}

.author-info .wrapper-actions .wrapper-social-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #775CA7;
}

.author-info .wrapper-actions .wrapper-social-links a:not(:last-child) {
  margin-right: 5px;
}

.about-author {
  margin-bottom: 25px;
  padding: 16px 32px;
  background-color: #ffffff;
  border: 1px solid #D3D7E0;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .about-author {
    padding: 25px;
  }
}

.about-author .wrapper-buttons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-author .wrapper-buttons .follow-btn {
  height: 48px;
  width: 105px;
}

.about-author .author-info {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .about-author .author-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.about-author .author-info .author-avatar {
  width: 85px;
  height: 100%;
}

@media (max-width: 768px) {
  .about-author .author-info .author-avatar {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 768px) {
  .about-author .author-info .wrapper-actions {
    width: 100%;
  }

  .about-author .author-info .wrapper-actions .wrapper-buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.about-author .author-info .author-category {
  margin-right: 18px;
  position: relative;
  color: #4E597E;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-author .author-info .author-category:after {
  content: "\2022";
  color: #4E597E;
  position: absolute;
  right: -12px;
}

@media (max-width: 510px) {
  .about-author .author-info .author-category:after {
    display: none;
  }
}

.about-author .author-info .author-location {
  color: #4E597E;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-author .author-info .author-name {
  font-size: 16px;
  max-width: 100%;
}

@media (max-width: 576px) {
  .about-author .author-info .author-name {
    font-size: 12px;
  }
}

.about-author .author-info .author-bio {
  font-size: 14px;
  line-height: 140%;
  color: #222531;
  width: 100%;
  display: block;
}

@media (max-width: 768px) {
  .about-author .author-info .author-bio {
    display: none;
  }
}

.about-author .author-info .author-bio.mobile {
  display: none;
}

@media (max-width: 768px) {
  .about-author .author-info .author-bio.mobile {
    display: block;
  }
}

.sidebar-menu {
  margin-left: 23px;
}

.sidebar-menu .user-block {
  max-width: 380px;
  width: 100%;
  background: white;
  border-radius: 6px;
  margin-top: 25px;
}

.sidebar-menu .user-block .wrapper-user {
  padding: 21px 18px 0;
}

.sidebar-menu .wrapper-user-avatar {
  margin-right: 19px;
}

@media screen and (max-width: 768px) {
  .sidebar-menu .wrapper-user-avatar {
    margin-right: 16px;
  }
}

.sidebar-menu .wrapper-user-avatar .user-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.sidebar-menu .user-name {
  color: #222531;
  font-weight: 500;
}

.sidebar-menu .user-bottom-nav {
  color: #58667E;
  font-family: inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 140%;
  margin-top: 25px;
  border-top: 1px solid #D3D7E0;
}

.sidebar-menu .user-bottom-nav .user-bottom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  color: #58667E;
  padding: 15px 50px 17px;
  white-space: nowrap;
}

.sidebar-menu .user-bottom-nav .user-bottom-btn:first-child {
  border-right: 1px solid #D3D7E0;
}

.sidebar-menu .user-bottom-nav .user-bottom-btn-image {
  width: 15px;
  -webkit-filter: invert(49%) sepia(10%) saturate(1043%) hue-rotate(179deg) brightness(95%) contrast(88%);
          filter: invert(49%) sepia(10%) saturate(1043%) hue-rotate(179deg) brightness(95%) contrast(88%);
}

.sidebar-menu .user-bottom-nav img {
  margin-right: 5px;
}

.suggested-user-wrapper {
  background: #FFFFFF;
  border: 1px solid #EBF0F4;
  border-radius: 8px;
  padding: 30px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.suggested-user-wrapper .changemakers-logo {
  width: 140px;
}

.suggested-user-wrapper .user-avatar {
  margin-top: 20px;
  text-decoration: none !important;
}

.suggested-user-wrapper .user-avatar img {
  width: 80px;
  border-radius: 50%;
}

.suggested-user-wrapper .user-name {
  text-align: center;
  font-size: 16px;
  line-height: 125%;
  color: #222531;
  margin: 20px 0 5px;
  text-decoration: none !important;
}

.suggested-user-wrapper .user-location {
  font-size: 12px;
  line-height: 120%;
  color: #4E597E;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.suggested-user-wrapper .user-location img {
  margin-right: 7px;
}

.suggested-user-wrapper .user-job-title {
  font-size: 12px;
  line-height: 120%;
  color: #58667E;
  margin: 5px 0 20px;
  font-weight: 300;
  text-align: center;
}

.suggested-user-wrapper .wrapper-buttons {
  width: 73px;
}

.suggested-user-wrapper .wrapper-buttons .btn {
  height: 37px;
}

.sidebar-menu {
  max-width: 320px;
  width: 100%;
  margin-right: 30px;
}

@media screen and (max-width: 992px) {
  .sidebar-menu {
    display: none;
  }
}

.sidebar-menu .search .select2 {
  display: none !important;
}

@media (max-width: 768px) {
  .sidebar-menu {
    margin-right: 0;
  }
}

.sidebar-btn {
  bottom: 0 !important;
}

.users-banner-btn {
  bottom: 15px !important;
  left: 35px !important;
  right: 0 !important;
  max-width: 200px !important;
}

@media (max-width: 768px) {
  .users-banner-btn {
    max-width: 130px !important;
    left: 20px !important;
    padding: 0.2rem 0.75rem !important;
    font-size: 14px !important;
    height: 32px !important;
  }
}

@media (max-width: 320px) {
  .users-banner-btn {
    font-size: 12px !important;
    height: 30px !important;
    left: 15px !important;
    max-width: 120px !important;
  }
}

@media (max-width: 576px) {
  .my-tamil-date .wrapper-image.big .go-to-mtd {
    left: 25px !important;
  }
}

@media (max-width: 320px) {
  .my-tamil-date .wrapper-image.big .go-to-mtd {
    font-size: 13px !important;
    max-width: 130px !important;
  }
}

.user-with-connections {
  background-color: #ffffff;
  padding: 20px 40px;
}

.user-with-connections .suggested-connections {
  padding: 0 10px;
}

.user-with-connections .wrapper-tc-community {
  padding: 20px 0;
  border-bottom: 1px solid #ececec;
}

.user-with-connections .wrapper-tc-community .tc-community {
  max-width: 40px;
}

.user-with-connections .user-info {
  padding: 20px 0;
  line-height: 1.3;
}

.user-with-connections .user-info .wrapper-avatar .user-avatar {
  width: 88px;
  height: 88px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 0.7px solid #ececec;
}

.user-with-connections.logout {
  padding: 0;
  background-color: #ffffff;
}

.user-with-connections.logout .wrapper-tc-community {
  background-color: #ffffff;
  padding: 20px 60px;
  margin: 0 60px;
}

.user-with-connections.logout .user-info {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 0 !important;
}

.user-with-connections.logout .user-info .user-name {
  font-size: 14px;
}

.user-with-connections.logout .user-info .user-job-title {
  font-size: 14px;
}

.user-with-connections.logout .user-info .user-location {
  font-size: 14px;
}

.user-with-connections.logout .wrapper-text {
  background-color: #ffffff;
}

.user-with-connections.logout .wrapper-text .description {
  padding: 15px 30px;
}

.user-with-connections.logout .wrapper-buttons {
  padding: 10px 60px;
}

.user-with-connections.logout .wrapper-buttons.actions {
  display: none !important;
}

.sidebar-featured-product {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
  background-color: #ffffff;
}

.sidebar-featured-product .featured-header {
  padding: 40px 0 10px;
}

.sidebar-featured-product .featured-header img {
  max-width: 100px;
  width: 100%;
}

.sidebar-featured-product .featured-header .title {
  font-size: 24px;
  font-weight: 500;
}

.sidebar-featured-product .owl-carousel .owl-dots.disabled {
  display: block !important;
}

.sidebar-featured-product .owl-carousel .item .product-img,
.sidebar-featured-product .owl-carousel .item .wrapper-image {
  width: 250px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  .sidebar-featured-product .owl-carousel .item .product-img,
  .sidebar-featured-product .owl-carousel .item .wrapper-image {
    width: 200px;
    height: 200px;
  }
}

.sidebar-featured-product .owl-carousel .item .price {
  width: 130px;
  height: 35px;
  font-size: 24px;
}

.sidebar-featured-product .owl-carousel .item .info {
  max-width: 250px;
  width: 100%;
}

@media (max-width: 576px) {
  .sidebar-featured-product .owl-carousel .item .info {
    max-width: 200px;
  }
}

.sidebar-featured-product .owl-carousel .item .info .product-title {
  max-width: 250px;
  font-size: 24px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sidebar-featured-product .wrapper-market-page {
  padding: 0;
}

.sidebar-featured-product .wrapper-market-page .product-block {
  max-width: 795px;
  width: 100%;
  height: 100%;
  max-height: 500px;
  padding: 20px !important;
  margin: 0 !important;
}

.sidebar-featured-product .wrapper-market-page .product-block .owl-theme .custom-nav {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
}

.sidebar-featured-product .wrapper-market-page .product-block .owl-theme .custom-nav .owl-prev,
.sidebar-featured-product .wrapper-market-page .product-block .owl-theme .custom-nav .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
}

.sidebar-featured-product .wrapper-market-page .product-block .owl-theme .custom-nav .owl-prev i,
.sidebar-featured-product .wrapper-market-page .product-block .owl-theme .custom-nav .owl-next i {
  font-size: 2.5rem;
  color: #cecece;
}

.sidebar-featured-product .wrapper-market-page .product-block .owl-theme .custom-nav .owl-prev {
  left: 10px;
}

.sidebar-featured-product .wrapper-market-page .product-block .owl-theme .custom-nav .owl-next {
  right: 10px;
}

.sidebar-featured-product .wrapper-market-page .product-block .price {
  z-index: 2;
}

.open-sidebar {
  font-size: 24px;
  cursor: pointer;
  position: fixed;
  left: 12px;
  top: 3px;
  z-index: 2;
  display: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 768px) {
  .open-sidebar.show {
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sidenav .close-sidebar {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
}

.my-tamil-date {
  background: #FFA281;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 9px solid #FFA281;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 32px 32px 0;
  border-radius: 8px;
  position: relative;
}

.my-tamil-date.sticky {
  margin-top: 40px !important;
  -webkit-transition: margin-top .4s ease-in-out;
  transition: margin-top .4s ease-in-out;
  max-width: 330px;
  position: fixed;
  top: 20px;
}

.my-tamil-date-image {
  width: 50%;
}

@media (max-width: 600px) {
  .my-tamil-date-image {
    display: none;
  }
}

.my-tamil-date .my-tamil-date-cross {
  position: absolute;
  top: 13px;
  right: 10px;
}

@media (max-width: 600px) {
  .my-tamil-date .my-tamil-date-cross {
    display: none;
  }
}

.my-tamil-date .wrapper-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  padding-left: 28px;
}

.my-tamil-date .wrapper-content .title {
  font-size: 22px;
  line-height: 120%;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.my-tamil-date .wrapper-content .title .names {
  background: #FFFFFF;
  padding: 2px 5px;
  color: #FFA281;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 10px;
}

@media (max-width: 600px) {
  .my-tamil-date .wrapper-content .title .names {
    background: transparent;
    width: 100%;
    color: white;
    padding: 0;
  }
}

@media (max-width: 600px) {
  .my-tamil-date .wrapper-content .title {
    margin-top: auto;
  }
}

.my-tamil-date .wrapper-content .go-to-mtd {
  background: #7D50FF;
  color: #FFFFFF;
}

@media (max-width: 600px) {
  .my-tamil-date .wrapper-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0 20px 28px;
  }
}

.my-tamil-date .mtd-logo {
  width: 50px;
}

.my-tamil-date .mtd-logo.big {
  max-width: 105px;
  width: 100%;
  position: absolute;
  right: 55px;
  top: 10px;
}

@media (max-width: 576px) {
  .my-tamil-date .mtd-logo.big {
    display: none;
  }
}

.my-tamil-date.mtd-section {
  padding: 0;
}

.my-tamil-date .title {
  font-size: 26px;
  line-height: 120%;
  color: #FFFFFF;
}

.my-tamil-date .wrapper-image {
  position: relative;
}

.my-tamil-date .wrapper-image.big .go-to-mtd {
  position: absolute;
  bottom: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 33px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: none;
          transform: none;
  left: 4% !important;
  background: #FFFFFF;
  border-radius: 6px;
  color: #F7685A;
  font-size: 14px;
}

.my-tamil-date .wrapper-image .go-to-mtd {
  position: absolute;
  bottom: 300px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  left: 50%;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .my-tamil-date {
    display: none;
  }
}

@media (max-width: 600px) {
  .my-tamil-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 270px;
    background: url(/images/mobile-mtd.png?c8a097181cebbf24a964f2b0e6293483) no-repeat center;
    background-size: cover;
    padding: 9px;
    border-radius: 8px;
    border: #FFA281 9px solid;
  }
}

.my-tamil-date-background {
  background: url(/images/mtd-banner-back123.png);
  background-size: cover;
  height: 510px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 44px 23px;
}

.my-tamil-date-background .title {
  margin-top: auto;
  font-size: 26px;
  color: #FFFFFF;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  line-height: 25px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .my-tamil-date-background {
    display: none;
  }
}

.my-tamil-date-background .go-to-mtd {
  white-space: nowrap;
  background: #7D50FF;
  color: #FFFFFF;
  font-size: 16px;
  -webkit-box-shadow: 5px 10px 15px -15px rgba(231, 224, 247, 0.2);
          box-shadow: 5px 10px 15px -15px rgba(231, 224, 247, 0.2);
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}

.my-tamil-date-mobile {
  display: none;
  border-radius: 8px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .my-tamil-date-mobile {
    display: none;
    padding: 20px;
    height: 260px;
  }

  .my-tamil-date-mobile .title {
    font-size: 20px;
  }

  .my-tamil-date-mobile .go-to-mtd {
    height: 30px;
    margin-top: 10px;
    line-height: 16px;
  }
}

.view-post {
  padding: 25px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .view-post {
    padding: 18px;
  }
}

.view-post .header-post .category {
  line-height: 1.3;
}

.view-post .post-content .title {
  font-size: 30px;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .view-post .post-content .title {
    font-size: 20px;
  }
}

.view-post .post-content .second-title {
  font-size: 22px;
  line-height: normal;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .view-post .post-content .second-title {
    font-size: 16px;
  }
}

.view-post .post-content .wrapper-author {
  border: 1px solid #D3D7E0;
  border-radius: 8px;
  padding: 16px 32px;
  margin-bottom: 20px;
  /*@media (max-width: 500px) {
				flex-direction: column;
				.author-info {
					align-items: center;
					text-align: center;
					margin-bottom: 10px;
					flex-direction: column;
				}
			}*/
}

@media (max-width: 768px) {
  .view-post .post-content .wrapper-author {
    padding: 16px;
  }
}

.view-post .post-content .wrapper-author .author-info {
  color: #4E597E;
  margin-bottom: 10px;
}

.view-post .post-content .wrapper-author .author-info .user-job-title {
  position: relative;
  margin-right: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
}

@media (max-width: 576px) {
  .view-post .post-content .wrapper-author .author-info .user-job-title {
    white-space: pre-wrap;
  }
}

.view-post .post-content .wrapper-author .author-info .user-job-title:after {
  content: "\2022";
  color: #4E597E;
  position: absolute;
  right: -12px;
}

@media (max-width: 510px) {
  .view-post .post-content .wrapper-author .author-info .user-job-title:after {
    display: none;
  }
}

.view-post .post-content .wrapper-author .wrapper-buttons {
  width: unset !important;
}

.view-post .post-content .wrapper-author .wrapper-buttons .follow-btn {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: 38px !important;
  padding: 0 10px !important;
}

.view-post .post-content .post-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 36px 0;
}

.view-post .wrapper-link a {
  font-size: 18px;
  text-decoration: underline;
  font-weight: 300;
}

.wrapper-post-actions {
  margin: 32px 0;
}

@media (max-width: 768px) {
  .wrapper-post-actions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.wrapper-post-actions .wrapper-like-post {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  color: #58667E;
  max-width: 90px;
  margin-right: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-post-actions .wrapper-like-post:hover {
  -webkit-filter: invert(55%) sepia(13%) saturate(1800%) hue-rotate(220deg) brightness(68%) contrast(92%);
          filter: invert(55%) sepia(13%) saturate(1800%) hue-rotate(220deg) brightness(68%) contrast(92%);
}

.wrapper-post-actions .wrapper-like-post .like-icon {
  width: 26px;
  display: none;
}

.wrapper-post-actions .wrapper-like-post .like-icon.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrapper-post-actions .wrapper-like-post .btn {
  border-radius: 6px;
  height: 35px;
}

.wrapper-post-actions .wrapper-like-post .liked-post-class {
  background-color: #775CA7;
  color: #ffffff;
}

.wrapper-post-actions .wrapper-like-post .liked-post-class svg {
  color: white;
}

.wrapper-post-actions .wrapper-like-post .liked-post-class span {
  color: white;
}

.wrapper-post-actions .wrapper-link {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (max-width: 768px) {
  .wrapper-post-actions .wrapper-link {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.wrapper-post-actions .wrapper-share {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 768px) {
  .wrapper-post-actions .wrapper-share {
    max-width: unset;
    width: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.wrapper-post-actions .wrapper-share .share-icon:hover {
  -webkit-filter: invert(55%) sepia(13%) saturate(1800%) hue-rotate(220deg) brightness(68%) contrast(92%);
          filter: invert(55%) sepia(13%) saturate(1800%) hue-rotate(220deg) brightness(68%) contrast(92%);
}

.wrapper-post-actions .wrapper-share .dropdown-share .dropdown-menu {
  border: 1px solid #F8FAFC;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
          box-shadow: 1px 4px 10px rgba(138, 138, 138, 0.1);
  border-radius: 8px;
  min-width: unset;
  padding: 20px;
}

.wrapper-post-actions .wrapper-share .dropdown-share .dropdown-menu.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrapper-post-actions .wrapper-share .social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  margin-bottom: 25px;
  text-decoration: none;
}

.wrapper-post-actions .wrapper-share .social-link .share-post {
  margin-left: 10px;
}

.wrapper-post-actions .wrapper-share .social-link span {
  color: #222531 !important;
  margin-left: 18px;
  font-weight: 300;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .wrapper-post-actions .wrapper-share .social-link span {
    font-size: 14px;
  }
}

.wrapper-post-actions .wrapper-share .social-link:not(:last-child) {
  margin-right: 10px;
}

.wrapper-post-actions .wrapper-share .social-link.share-icon {
  color: #707070;
  margin-bottom: 0;
}

.wrapper-post-actions .wrapper-share .social-link.share-icon img {
  width: 20px;
}

.wrapper-post-actions .wrapper-share .hidden {
  opacity: 0;
  position: absolute;
  right: -3000px;
}

.wrapper-post-actions .wrapper-share .share-button,
.wrapper-post-actions .wrapper-share .send-email {
  color: #707070;
  position: relative;
}

.wrapper-post-actions .wrapper-share .copy:after {
  position: absolute;
  top: -30px;
  left: -10px;
  display: block;
  content: "Copied";
  font-size: 16px;
  font-family: inter, sans-serif;
  padding: 2px 3px;
  color: #fff;
  background-color: #775ca7;
  border-radius: 3px;
  opacity: 0;
  will-animate: opacity, transform;
  -webkit-animation: showcopied 1.5s ease;
          animation: showcopied 1.5s ease;
}

@keyframes showcopied {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  70% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}

.post-category {
  color: #222531;
  font-size: 12px;
  background: #EBF0F4;
  border-radius: 15px;
  padding: 3px 8px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.wrapper-post-date {
  font-size: 12px;
  color: #58667E;
  margin-left: 18px;
  position: relative;
}

.wrapper-post-date:before {
  content: "\2022";
  color: #4E597E;
  position: absolute;
  left: -10px;
}

.youtube-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
  opacity: 0.8;
  -webkit-transition: .3s;
  transition: .3s;
}

.youtube-icon:hover {
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
  color: #F0211E;
}

.grecaptcha-badge {
  visibility: hidden;
}

.wrapper-small-post {
  margin-bottom: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.1);
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .wrapper-small-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.wrapper-small-post .post-image .image {
  width: 370px;
  height: 190px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .wrapper-small-post .post-image .image {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wrapper-small-post .post-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10px;
  }
}

.wrapper-small-post .post-content {
  padding-left: 20px;
}

.wrapper-small-post .post-content .title {
  font-size: 24px;
}

@media (max-width: 576px) {
  .wrapper-small-post .post-content .title {
    padding-bottom: 10px;
  }
}

.wrapper-small-post .wrapper-author-block .wrapper-author .author-avatar {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 0.7px solid #ececec;
}

.wrapper-small-post .wrapper-author-block .actions-with-author .btn {
  height: 30px;
}

@media (max-width: 576px) {
  .wrapper-small-post .wrapper-author-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.post-big-preview.search-wrapper .popular_wrap {
  width: 100%;
  margin-top: 20px;
  word-break: break-word;
}

.post-big-preview.search-wrapper .wrapper-buttons {
  max-width: 350px;
}

.post-big-preview .prem-member-wrapper.image {
  margin-bottom: 40px !important;
}

.post-big-preview .text-no-articles {
  font-size: 22px;
  text-align: center;
  padding: 10px 0;
}

@media screen and (max-width: 768px) {
  .post-big-preview .text-no-articles {
    font-size: 16px;
  }
}

.post-big-preview .wrapper-post-card {
  background-color: #ffffff;
  padding: 16px 20px;
  border: 1px solid #D3D7E0;
  margin-bottom: 16px;
  border-radius: 4px;
}

@media screen and (max-width: 768px) {
  .post-big-preview .wrapper-post-card {
    padding: 12px;
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 500px) {
  .post-big-preview .wrapper-post-card {
    padding: 8px;
    margin-bottom: 8px;
  }
}

.post-big-preview .wrapper-post-card .post-image {
  height: 186px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 768px) {
  .post-big-preview .wrapper-post-card .post-image {
    height: 100px;
  }
}

.post-big-preview .wrapper-post-card .post-card-img-wrap {
  margin-right: 42px;
  padding: 5px 0;
}

.post-big-preview .wrapper-post-card .post-card-img-wrap .youtube-icon {
  left: 50%;
}

@media screen and (max-width: 768px) {
  .post-big-preview .wrapper-post-card .post-card-img-wrap {
    margin-right: 20px;
  }
}

@media screen and (max-width: 550px) {
  .post-big-preview .wrapper-post-card .post-card-img-wrap {
    margin-right: 8px;
  }
}

.post-big-preview .wrapper-post-card .post-card-content-wrap {
  font-family: inter, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .title {
  font-size: 20px;
  line-height: 120%;
  color: #222531;
  font-weight: 600;
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .title.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .post-big-preview .wrapper-post-card .post-card-content-wrap .title {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .post-big-preview .wrapper-post-card .post-card-content-wrap .title.mobile {
    display: block;
  }
}

@media screen and (max-width: 500px) {
  .post-big-preview .wrapper-post-card .post-card-content-wrap .title {
    font-size: 14px;
  }
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .description {
  font-size: 16px;
  line-height: 170%;
  color: #58667E;
  margin: 18px 0;
  font-weight: 300;
  text-transform: none;
  display: -webkit-box;
  max-width: 100%;
  height: 53px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
  .post-big-preview .wrapper-post-card .post-card-content-wrap .description {
    display: none;
  }
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .author-info {
  margin-top: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  .post-big-preview .wrapper-post-card .post-card-content-wrap .author-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
}

@media screen and (max-width: 768px) {
  .post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-avatar {
    margin-bottom: 8px;
  }
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 6px;
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-avatar img {
    width: 25px;
    height: 25px;
  }
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-avatar .author-name {
  font-size: 14px;
  line-height: 140%;
  white-space: nowrap;
  font-weight: 500;
}

@media (max-width: 500px) {
  .post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-avatar .author-name {
    white-space: normal;
    font-size: 10px;
  }
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-avatar .user-avatar-plug {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #D9CBFF;
  color: white;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 6px;
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-info {
  color: #222531;
  font-family: inter, sans-serif;
  font-weight: 300;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-info .post-category {
  font-size: 12px;
  line-height: 120%;
  background: #EBF0F4;
  border-radius: 15px;
  padding: 3px 8px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .post-big-preview .wrapper-post-card .post-card-content-wrap .author-info .wrapper-info {
    display: none;
  }
}

.post-big-preview #carouselProductImage .carousel-indicators {
  z-index: 1;
}

.post-big-preview #carouselProductImage .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1.5px solid #F18585;
  opacity: 1;
}

.post-big-preview #carouselProductImage .carousel-indicators li.active {
  background-color: #F18585;
}

.post-big-preview #carouselProductImage .wrapper-img .product-img {
  width: 300px;
}

.post-big-preview .post-entrepreneurship,
.post-big-preview .post-podcasts {
  border-bottom: 1px solid #D3D7E0;
}

.post-big-preview .articles-count {
  font-size: 14px;
  margin-left: 8px;
  font-weight: 300;
  color: #58667E;
}

.wrapper-social-links {
  margin: 34px 0;
}

@media (max-width: 768px) {
  .wrapper-social-links {
    margin-bottom: 55px;
  }
}

.wrapper-social-links .footer-description {
  font-family: inter, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: #222531;
  white-space: nowrap;
}

.wrapper-social-links .footer-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-social-links .footer-icon a {
  color: #775CA7;
  text-decoration: none;
}

.wrapper-social-links .footer-icon a:hover {
  color: #5C4586;
}

.support-creator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.support-creator .support-creator-title {
  font-size: 16px;
  color: #4E597E;
  margin-right: 48px;
}

.support-creator .support-creator-btn {
  font-size: 14px;
  background: white;
  -webkit-box-shadow: 5px 10px 15px -15px rgba(231, 224, 247, 0.2);
          box-shadow: 5px 10px 15px -15px rgba(231, 224, 247, 0.2);
  border-radius: 6px;
  color: #F7685A;
  height: 37px;
  padding: 0 16px;
}

.support-creator .title {
  color: #2680eb;
}

.support-creator label {
  padding: 2px 8px;
  margin: 0;
  cursor: pointer;
}

.support-creator label:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.support-creator label.active {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: white;
}

.support-creator label.active.focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.support-creator label.focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.support-creator .send-container .send-donate {
  position: relative;
}

.support-creator .send-container .send-donate .donate-btn {
  position: absolute;
  top: 0;
  opacity: 0;
}

.dropdown-accordion .nav-link,
.dropdown-accordion .navbar .dropdown-toggle,
.navbar .dropdown-accordion .dropdown-toggle {
  font-weight: 300;
}

.dropdown-accordion .nav-link .arrow,
.dropdown-accordion .navbar .dropdown-toggle .arrow,
.navbar .dropdown-accordion .dropdown-toggle .arrow {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: 14px;
}

.dropdown-accordion .nav-link[aria-expanded="true"] .arrow,
.dropdown-accordion .navbar .dropdown-toggle[aria-expanded="true"] .arrow,
.navbar .dropdown-accordion .dropdown-toggle[aria-expanded="true"] .arrow {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.dropdown-accordion .accordion {
  min-width: 290px;
  width: 100%;
}

.dropdown-accordion .dropdown-menu {
  top: 0 !important;
  border: none;
  margin-top: 20px;
  -webkit-transform: unset !important;
          transform: unset !important;
  background: transparent;
  padding-top: 20px;
}

.dropdown-accordion .dropdown-menu .card {
  margin: 0;
  border: 0 !important;
}

.dropdown-accordion .dropdown-menu .card .card-header {
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border-bottom: 0 !important;
}

.dropdown-accordion .dropdown-menu .card .card-header .nav-title {
  color: #222531;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: inter, sans-serif;
  text-align: left;
  width: 100%;
}

.dropdown-accordion .dropdown-menu .card .card-header .nav-title.nav-accordion:after {
  content: url("/storage/img/redesign/burger-acc-arrow.svg");
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  float: right;
  font-size: 13px;
}

.dropdown-accordion .dropdown-menu .card .card-header .nav-title.collapsed:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  content: url("/storage/img/redesign/burger-acc-arrow.svg");
  float: right;
  font-size: 13px;
}

.dropdown-accordion .dropdown-menu .card:first-child {
  border-radius: 8px 8px 0 0;
}

.dropdown-accordion .dropdown-menu .card:nth-child(2) {
  border-radius: 0;
  background: yellow;
}

.dropdown-accordion .dropdown-menu .card:nth-child(3) {
  border-radius: 0 0 8px 8px;
  background: blue;
}

.dropdown-accordion .dropdown-menu .card-body,
.dropdown-accordion .dropdown-menu .card-block {
  padding: 0;
}

.dropdown-accordion .dropdown-menu .card-body .nav-item-list .item,
.dropdown-accordion .dropdown-menu .card-block .nav-item-list .item {
  padding: 8px 16px;
  background: #EBF0F4;
}

.dropdown-accordion .dropdown-menu .card-body .nav-item-list .item a,
.dropdown-accordion .dropdown-menu .card-block .nav-item-list .item a {
  font-family: inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #222531;
  text-decoration: none;
  white-space: nowrap;
}

.dropdown-accordion .dropdown-menu:hover + .nav-link,
.dropdown-accordion .navbar .dropdown-menu:hover + .dropdown-toggle,
.navbar .dropdown-accordion .dropdown-menu:hover + .dropdown-toggle {
  border-bottom: #775CA7 solid 3px;
}

.dropdown-accordion .dropdown-menu:hover + .nav-link .arrow,
.dropdown-accordion .navbar .dropdown-menu:hover + .dropdown-toggle .arrow,
.navbar .dropdown-accordion .dropdown-menu:hover + .dropdown-toggle .arrow {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.dropdown-action-with-user.user-header .user-link {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 360px) {
  .dropdown-action-with-user.user-header .user-link {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}

.dropdown-action-with-user.user-header .user-link .big-arrow {
  width: 20px;
  margin: 20px 0 0 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 576px) {
  .dropdown-action-with-user.user-header .user-link .big-arrow {
    margin-top: 12px;
  }
}

.dropdown-action-with-user.user-header .user-link[aria-expanded="true"] .big-arrow {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.dropdown-action-with-user.user-header .dropdown-item {
  width: 180px;
}

.dropdown-action-with-user.user-header .dropdown-menu {
  -webkit-transform: translate3d(-142px, 40px, 0px) !important;
          transform: translate3d(-142px, 40px, 0px) !important;
}

.dropdown-action-with-user .user-link .arrow {
  margin: 2px 0 0 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.dropdown-action-with-user .user-link[aria-expanded="true"] .arrow {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.dropdown-action-with-user .dropdown-menu {
  padding: 0;
  margin: 0;
}

.dropdown-action-with-user .dropdown-menu .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  color: #5f487b;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.dropdown-action-with-user .dropdown-menu .dropdown-item:first-child {
  border-bottom: 1px solid #ececec;
}

.dropdown-action-with-user .dropdown-menu .dropdown-item:hover {
  color: #4a3563;
  background-color: #f5f1fb;
  text-decoration: none;
}

.wrapper-market-page .products-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 1152px) {
  .wrapper-market-page .products-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 581px) {
  .wrapper-market-page .products-row {
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.wrapper-market-page .products-row.mobile-product-cards .wrapper-double .product-card {
  height: unset;
}

.wrapper-market-page .products-row.mobile-product-cards .wrapper-double .product-card:first-child {
  margin-right: 5px;
}

.wrapper-market-page .products-row.mobile-product-cards .wrapper-double .product-card:last-child {
  margin-left: 5px;
}

@media (max-width: 576px) {
  .wrapper-market-page .products-row.mobile-product-cards .product-card .product-image {
    width: 100%;
    height: 100%;
    max-height: 170px;
  }
}

.wrapper-market-page .products-row .product-card {
  margin-bottom: 40px;
}

@media (min-width: 1152px) {
  .wrapper-market-page .products-row .product-card:not(:nth-child(4n)) {
    margin-right: 36px;
  }
}

@media (min-width: 867px) and (max-width: 1152px) {
  .wrapper-market-page .products-row .product-card:not(:nth-child(3n)) {
    margin-right: 36px;
  }
}

@media (min-width: 581px) and (max-width: 867px) {
  .wrapper-market-page .products-row .product-card:not(:nth-child(2n)) {
    margin-right: 36px;
  }
}

.wrapper-market-page .slider-item .product-card {
  margin-right: 36px;
}

.wrapper-market-page .product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 250px;
  width: 100%;
  height: 360px;
}

.wrapper-market-page .product-card .wrapper-image {
  -webkit-transition: .2s;
  transition: .2s;
}

.wrapper-market-page .product-card .wrapper-image:hover {
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0.9;
}

.wrapper-market-page .product-card .wrapper-image a:focus {
  outline: none;
}

.wrapper-market-page .product-card .wrapper-image .product-image {
  width: 250px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrapper-market-page .product-card .name {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.wrapper-market-page .product-card .wrapper-shop-name-market-place {
  font-size: 12px;
  font-weight: 300;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #4E597E;
  margin: 4px 0;
}

.wrapper-market-page .product-card .wrapper-shop-name-market-place a {
  text-decoration: none !important;
}

.wrapper-market-page .product-card .wrapper-shop-name-market-place .shop-location {
  min-width: 100px;
}

.wrapper-market-page .product-card .price,
.wrapper-market-page .product-card .discount {
  font-size: 16px;
  line-height: 125%;
  color: #222531;
}

.wrapper-market-page .product-card .wrapper-discount .price {
  color: #cecece;
  position: relative;
}

.wrapper-market-page .product-card .wrapper-discount .price:before {
  position: absolute;
  content: '';
  height: 1px;
  background-color: #ee5a5a;
  width: 100%;
  top: 50%;
}

.prem-member-wrapper {
  width: 100%;
  border-radius: 8px;
  padding: 24px 10px;
  color: #FFFFFF;
  font-family: inter, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: #F07794;
  overflow: hidden;
}

.prem-member-wrapper.image {
  margin-top: 0;
  margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .prem-member-wrapper.image {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .prem-member-wrapper {
    padding: 17px;
  }
}

.prem-member-wrapper .prem-member-title {
  font-size: 26px;
  line-height: 120%;
  font-weight: 500;
  z-index: 5;
  margin-bottom: 3px;
}

.prem-member-wrapper .prem-member-title.image {
  max-width: 440px;
  width: 100%;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .prem-member-wrapper .prem-member-title {
    font-size: 14px !important;
    max-width: 300px !important;
  }
}

@media screen and (max-width: 500px) {
  .prem-member-wrapper .prem-member-title {
    max-width: 212px !important;
  }
}

.prem-member-wrapper .prem-member-subtitle {
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
}

.prem-member-wrapper .prem-member-desc {
  font-size: 16px;
  line-height: 140%;
  font-weight: 300;
  margin: 8px 0;
}

.prem-member-wrapper .prem-member-cross {
  margin-left: auto;
  display: block;
  position: absolute;
  right: 19px;
  top: 12px;
  z-index: 5;
}

.prem-member-wrapper .prem-member-cross img {
  width: 20px;
}

.prem-member-wrapper .prem-member-link {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 0 16px;
  margin-right: 8px;
  height: 37px;
  line-height: 35px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .prem-member-wrapper .prem-member-link {
    font-size: 14px !important;
    padding: 0 10px !important;
    height: 29px !important;
    line-height: 25px !important;
  }
}

.prem-member-wrapper .prem-member-link.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .prem-member-wrapper .prem-member-link.mobile {
    display: block;
  }
}

.prem-member-wrapper .prem-member-link.non-login {
  display: block;
}

.prem-member-wrapper .prem-member-link.image {
  background: #222531;
  margin-top: 18px;
}

.prem-member-wrapper .prem-member-link:disabled {
  opacity: 0.5;
}

.prem-member-wrapper .prem-member-hide {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  padding: 0 16px;
  height: 37px;
  line-height: 35px;
}

@media screen and (max-width: 768px) {
  .prem-member-wrapper .prem-member-hide {
    display: none;
  }
}

input.form-control.input-member-ship {
    width:500px;
}

.prem-member-wrapper .form-member-ship {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: center;
  align-items: start;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .prem-member-wrapper .form-member-ship {
    margin-right: 9px;
  }
}

.prem-member-wrapper .input-member-ship {
  margin-right: 20px;
  font-family: inter, sans-serif;
  font-weight: 300;
  outline: none !important;
  border-radius: 8px;
}

.prem-member-wrapper .input-member-ship:focus {
  border: 2px solid #775CA7;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.prem-member-wrapper .prem-member-wrapper-content {
  margin-left: auto;
  z-index: 5;
}

@media screen and (max-width: 600px) {
  .prem-member-wrapper .prem-member-wrapper-content {
    width: 50%;
  }
}

@media screen and (max-width: 500px) {
  .prem-member-wrapper .prem-member-wrapper-content {
    width: 100%;
    margin-left: unset;
  }
}

.prem-member-wrapper .prem-member-wrapper-content {
  margin-left: auto;
  z-index: 5;
}

@media screen and (max-width: 600px) {
  .prem-member-wrapper .prem-member-wrapper-content {
    width: 50%;
  }
}

@media screen and (max-width: 500px) {
  .prem-member-wrapper .prem-member-wrapper-content {
    width: 100%;
    margin-left: unset;
  }
}

.prem-member-wrapper .back-image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.prem-member-wrapper .back-image img {
  height: 100%;
}

@media screen and (max-width: 600px) {
  .prem-member-wrapper .back-image img {
    width: 75%;
  }
}

@media screen and (max-width: 500px) {
  .prem-member-wrapper .back-image {
    display: none;
  }
}

.changemakers-banner {
  background: #E9F4EB;
  border-radius: 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  margin-bottom: 20px;
}

.changemakers-banner-content {
  padding: 30px 0 30px 40px;
  max-width: 420px;
  width: 100%;
  z-index: 5;
}

@media screen and (max-width: 768px) {
  .changemakers-banner-content {
    max-width: 300px;
    padding: 14px 0 14px 24px;
  }
}

@media screen and (max-width: 500px) {
  .changemakers-banner-content {
    max-width: 200px;
    padding: 14px 0 8px 24px;
  }
}

.changemakers-banner-cross {
  position: absolute;
  top: 10px;
  right: 20px;
}

.changemakers-banner-title {
  font-size: 20px;
  line-height: 120%;
  color: #222531;
}

.changemakers-banner-subtitle {
  font-size: 16px;
  line-height: 120%;
  color: #222531;
  font-weight: 300;
  margin: 8px 0 24px;
}

@media screen and (max-width: 768px) {
  .changemakers-banner-title {
    font-size: 14px;
  }

  .changemakers-banner-subtitle {
    font-size: 12px;
    margin: 0 0 16px;
  }
}

.changemakers-banner-link {
  background: #222531;
  border-radius: 6px;
  color: #FFFFFF !important;
  font-size: 16px;
  line-height: 125%;
  padding: 10px;
  text-decoration: none !important;
  cursor: pointer;
}

.changemakers-banner-link:hover {
  color: #FFFFFF !important;
}

@media screen and (max-width: 768px) {
  .changemakers-banner-link {
    padding: 6px 10px;
    font-size: 14px;
  }
}

.changemakers-banner .back-image {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
}

.changemakers-banner .back-image img {
  height: 100%;
}

.changemakers-banner .back-image .img-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .changemakers-banner .back-image {
    width: 180px;
    right: -5px;
  }

  .changemakers-banner .back-image.mobile {
    right: -20px;
  }

  .changemakers-banner .back-image img {
    display: none;
  }

  .changemakers-banner .back-image .img-mobile {
    display: block;
  }
}

@media screen and (max-width: 500px) {
  .changemakers-banner .back-image.mobile {
    right: 20px;
  }
}

#premium_member_form {
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.dashboard-content {
  width: 100%;
}

.dashboard-main-menu {
  height: calc(100vh - 96px);
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
}

.dashboard-main-menu.sticky {
  -webkit-transition: .3s;
  transition: .3s;
  position: fixed;
  z-index: 2;
}

.dashboard-main-menu .left-nav {
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 576px) {
  .dashboard-main-menu .left-nav {
    width: 60px;
  }
}

.dashboard-main-menu .right-nav {
  background-color: #f5f5f5;
  -webkit-box-shadow: inset -4px 0 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset -4px 0 4px 0 rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
  .dashboard-main-menu .right-nav {
    display: none;
    position: absolute;
    left: 100px;
    z-index: 1;
    height: 100%;
    -webkit-box-shadow: 3px 0 4px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 3px 0 4px 0 rgba(0, 0, 0, 0.15);
  }
}

@media (max-width: 576px) {
  .dashboard-main-menu .right-nav {
    left: 60px;
  }
}

.dashboard-main-menu .right-nav.sticky {
  -webkit-transition: .3s;
  transition: .3s;
  position: fixed;
}

.dashboard-main-menu .right-nav .tab-content .wrapper-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 178px;
}

.dashboard-main-menu .right-nav .tab-content .wrapper-nav .title {
  font-size: 15px;
  padding: 105px 0 40px;
  text-align: center;
  opacity: 0.45;
}

.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item {
  padding: 10px 10px 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item.active,
.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item:hover {
  background: #e2d2ff;
}

.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item.disabled .nav-link,
.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item.disabled .navbar .dropdown-toggle,
.navbar .dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item.disabled .dropdown-toggle {
  color: #6c757d;
  cursor: not-allowed;
}

.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item.disabled:hover {
  background: none;
}

.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item .nav-link,
.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item .navbar .dropdown-toggle,
.navbar .dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  color: #292929;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item .nav-link .counter,
.dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item .navbar .dropdown-toggle .counter,
.navbar .dashboard-main-menu .right-nav .tab-content .wrapper-nav .nav-item .dropdown-toggle .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  width: 30px;
  height: 30px;
  font-weight: bold;
  line-height: 1;
  color: white;
  font-size: 14px;
  border-radius: 90px;
  background-color: #b185ff;
}

.dashboard-main-menu .header-menu {
  padding: 20px;
  text-transform: uppercase;
  line-height: 1.3;
  font-weight: bold;
  background-color: #4cb6ac;
}

.dashboard-main-menu .header-menu .title {
  font-size: 24px;
}

.dashboard-main-menu .header-menu .description {
  font-size: 14px;
}

.dashboard-main-menu .main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #775ca7;
  width: 100px;
}

@media (max-width: 576px) {
  .dashboard-main-menu .main-nav {
    width: 60px;
  }
}

.dashboard-main-menu .main-nav .nav-tabs {
  border-bottom: none;
}

.dashboard-main-menu .main-nav .nav-item.active {
  background: #c8aaff;
}

.dashboard-main-menu .main-nav .nav-item.disabled {
  background: transparent !important;
}

.dashboard-main-menu .main-nav .nav-item.disabled .link {
  background: transparent !important;
  cursor: not-allowed;
}

.dashboard-main-menu .main-nav .nav-item.disabled .link:hover {
  background: transparent !important;
}

.dashboard-main-menu .main-nav .nav-item:last-child {
  margin-bottom: 100px;
}

.dashboard-main-menu .main-nav .nav-item:hover {
  background: #c8aaff;
}

.dashboard-main-menu .main-nav .nav-item .link {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0;
}

.dashboard-main-menu .main-nav .nav-item .link.active {
  background: #c8aaff;
}

.dashboard-main-menu .nav-footer {
  background-color: #775ca7;
  border-top: 1px solid #866EB1;
}

.dashboard-main-menu .nav-footer .copyright {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  padding: 13px 13px 40px;
  color: #ffffff;
  opacity: 0.6;
}

@media (max-width: 576px) {
  .dashboard-main-menu .nav-footer .copyright {
    padding: 5px 5px 40px;
  }
}

.dashboard-main-content {
  width: 100%;
  -webkit-box-shadow: -3px 0 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -3px 0 4px 0 rgba(0, 0, 0, 0.15);
}

.dashboard-main-content .wrapper-main-content {
  padding: 20px 40px;
}

@media (max-width: 1420px) {
  .dashboard-main-content .wrapper-main-content {
    padding: 20px;
  }
}

.dashboard-main-content .wrapper-main-content .add-photo-btn {
  border-radius: 2px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #b184fd;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  width: 200px;
  text-decoration: none;
}

.dashboard-main-content .wrapper-main-content .photo-img-important {
  opacity: 1 !important;
}

#home a {
  text-decoration: none;
  color: #000;
}

@media (max-width: 576px) {
  .customer-orders .wrapper-search,
  .my-orders .wrapper-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .customer-orders .wrapper-search .wrapper-form:not(:last-child),
  .my-orders .wrapper-search .wrapper-form:not(:last-child) {
    margin-bottom: 15px;
  }
}

.customer-orders .wrapper-search .search,
.my-orders .wrapper-search .search {
  border-radius: 2px;
  border: solid 0.7px #cecece;
  max-width: 350px;
  height: 32px;
  width: 100%;
  padding: 0 10px 0 30px;
}

.customer-orders .wrapper-search .search:focus,
.my-orders .wrapper-search .search:focus {
  border-color: #b185ff;
  outline: none;
}

.customer-orders .wrapper-search .search-icon,
.my-orders .wrapper-search .search-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #b185ff;
}

.customer-orders .customer-orders-tabs .nav-tabs,
.my-orders .customer-orders-tabs .nav-tabs {
  border-bottom: none;
}

.customer-orders .customer-orders-tabs .nav-item,
.my-orders .customer-orders-tabs .nav-item {
  max-width: 250px;
  width: 100%;
  text-align: center;
}

@media (max-width: 1024px) {
  .customer-orders .customer-orders-tabs .nav-item,
  .my-orders .customer-orders-tabs .nav-item {
    max-width: 200px;
  }
}

@media (max-width: 576px) {
  .customer-orders .customer-orders-tabs .nav-item,
  .my-orders .customer-orders-tabs .nav-item {
    max-width: unset;
  }
}

.customer-orders .customer-orders-tabs .nav-item .nav-link,
.customer-orders .customer-orders-tabs .nav-item .navbar .dropdown-toggle,
.navbar .customer-orders .customer-orders-tabs .nav-item .dropdown-toggle,
.my-orders .customer-orders-tabs .nav-item .nav-link,
.my-orders .customer-orders-tabs .nav-item .navbar .dropdown-toggle,
.navbar .my-orders .customer-orders-tabs .nav-item .dropdown-toggle {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: #8A8A8A;
  border-bottom: 1px solid #eeeeee;
}

@media (max-width: 576px) {
  .customer-orders .customer-orders-tabs .nav-item .nav-link,
  .customer-orders .customer-orders-tabs .nav-item .navbar .dropdown-toggle,
  .navbar .customer-orders .customer-orders-tabs .nav-item .dropdown-toggle,
  .my-orders .customer-orders-tabs .nav-item .nav-link,
  .my-orders .customer-orders-tabs .nav-item .navbar .dropdown-toggle,
  .navbar .my-orders .customer-orders-tabs .nav-item .dropdown-toggle {
    border: 1px solid #eeeeee;
  }
}

.customer-orders .customer-orders-tabs .nav-item .nav-link.active,
.customer-orders .customer-orders-tabs .nav-item .navbar .active.dropdown-toggle,
.navbar .customer-orders .customer-orders-tabs .nav-item .active.dropdown-toggle,
.my-orders .customer-orders-tabs .nav-item .nav-link.active,
.my-orders .customer-orders-tabs .nav-item .navbar .active.dropdown-toggle,
.navbar .my-orders .customer-orders-tabs .nav-item .active.dropdown-toggle {
  border-color: #eeeeee;
  border-bottom: none;
  background-color: #fafafa;
  color: #b185ff;
}

.customer-orders .customer-orders-tabs .tab-content .tab-pane,
.my-orders .customer-orders-tabs .tab-content .tab-pane {
  background-color: #fafafa;
  border: 1px solid #eeeeee;
  border-top: none;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .customer-orders .customer-orders-tabs .tab-content .tab-pane,
  .my-orders .customer-orders-tabs .tab-content .tab-pane {
    background-color: #ffffff;
    border: none;
  }
}

.customer-orders .wrapper-order-items .title,
.my-orders .wrapper-order-items .title {
  font-size: 15px !important;
  color: #292929 !important;
  font-weight: 500 !important;
}

.customer-orders .wrapper-order-items .order-item,
.my-orders .wrapper-order-items .order-item {
  margin: 10px 30px;
  padding: 30px 15px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customer-orders .wrapper-order-items .order-item.order-header,
.my-orders .wrapper-order-items .order-item.order-header {
  margin: 0 30px;
  padding: 0 15px;
  background-color: #fafafa;
  border: none;
}

.customer-orders .wrapper-order-items .order-item .wrapper-img,
.my-orders .wrapper-order-items .order-item .wrapper-img {
  max-width: 110px;
  width: 100%;
  margin-right: 10px;
}

.customer-orders .wrapper-order-items .order-item .wrapper-img .order-img,
.my-orders .wrapper-order-items .order-item .wrapper-img .order-img {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  border: solid 1px #eeeeee;
  border-radius: 50%;
}

.customer-orders .wrapper-order-items .order-item .wrapper-img .my-order-img,
.my-orders .wrapper-order-items .order-item .wrapper-img .my-order-img {
  width: 160px;
  height: 130px;
  -o-object-fit: cover;
     object-fit: cover;
  border: solid 1px #eeeeee;
}

.customer-orders .wrapper-order-items .order-item .wrapper-product-info,
.my-orders .wrapper-order-items .order-item .wrapper-product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-decoration: none;
  color: #292929;
}

.customer-orders .wrapper-order-items .order-item .wrapper-product-info .number,
.my-orders .wrapper-order-items .order-item .wrapper-product-info .number {
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  color: #b185ff;
}

.customer-orders .wrapper-order-items .order-item .wrapper-product-info .name,
.customer-orders .wrapper-order-items .order-item .wrapper-product-info .price,
.my-orders .wrapper-order-items .order-item .wrapper-product-info .name,
.my-orders .wrapper-order-items .order-item .wrapper-product-info .price {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.customer-orders .wrapper-order-items .order-item .qty,
.my-orders .wrapper-order-items .order-item .qty {
  font-size: 15px;
  font-weight: 500;
}

.customer-orders .wrapper-order-items .order-item .sold-on,
.my-orders .wrapper-order-items .order-item .sold-on {
  width: 100%;
  font-size: 15px;
  color: #8A8A8A;
  line-height: 1.2;
  font-weight: 500;
}

.customer-orders .wrapper-order-items .order-item .shipping-type,
.my-orders .wrapper-order-items .order-item .shipping-type {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  color: #4cb6ac;
}

.customer-orders .wrapper-order-items .order-item .deposit-status,
.my-orders .wrapper-order-items .order-item .deposit-status {
  font-size: 15px;
  width: 100%;
}

.customer-orders .wrapper-order-items .order-item .deposit-status .date,
.my-orders .wrapper-order-items .order-item .deposit-status .date {
  color: #8A8A8A;
  line-height: 1;
}

.customer-orders .wrapper-order-items .order-item .tracking-number,
.my-orders .wrapper-order-items .order-item .tracking-number {
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}

.customer-orders .wrapper-order-items .order-item .tracking-number .number,
.my-orders .wrapper-order-items .order-item .tracking-number .number {
  color: #b185ff;
}

.customer-orders .wrapper-order-items .order-item .tracking-number .date,
.my-orders .wrapper-order-items .order-item .tracking-number .date {
  color: #8A8A8A;
}

.customer-orders .wrapper-order,
.my-orders .wrapper-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .customer-orders .wrapper-order,
  .my-orders .wrapper-order {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.customer-orders .wrapper-order .main-order-content,
.my-orders .wrapper-order .main-order-content {
  max-width: 80%;
}

@media (max-width: 992px) {
  .customer-orders .wrapper-order .main-order-content,
  .my-orders .wrapper-order .main-order-content {
    max-width: 100%;
  }
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block,
.my-orders .wrapper-order .main-order-content .top-order-detail-block {
  border-radius: 6px;
  border: solid 0.7px #d8d8d8;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .header-info,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .header-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 25px;
  border-radius: 6px 6px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  background-color: #8A8A8A;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .header-info .number,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .header-info .number {
  max-width: 180px;
  width: 100%;
  margin-right: 25px;
}

@media (max-width: 992px) {
  .customer-orders .wrapper-order .main-order-content .top-order-detail-block .header-info .number,
  .my-orders .wrapper-order .main-order-content .top-order-detail-block .header-info .number {
    max-width: 140px;
  }
}

@media (max-width: 576px) {
  .customer-orders .wrapper-order .main-order-content .top-order-detail-block .header-info .number,
  .my-orders .wrapper-order .main-order-content .top-order-detail-block .header-info .number {
    max-width: unset;
    width: auto;
  }
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 16px 25px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 768px) {
  .customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block,
  .my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}

@media (max-width: 500px) {
  .customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .order-items .wrapper-info,
  .my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .order-items .wrapper-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .order-items .wrapper-info .image,
  .my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .order-items .wrapper-info .image {
    margin: 15px 0 0 0;
  }
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .order-items .wrapper-info .image,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .order-items .wrapper-info .image {
  margin-bottom: 15px;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .info,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .info {
  max-width: 230px;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .info .name,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .info .name {
  font-size: 20px;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .image,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .image {
  max-width: 145px;
  height: 145px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 60px;
}

@media (max-width: 992px) {
  .customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .image,
  .my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .image {
    margin-right: 25px;
  }
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch .cmn-toggle,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch .cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch .cmn-toggle + label,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch .cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label {
  padding: 2px;
  width: 64px;
  height: 32px;
  background-color: #dddddd;
  border-radius: 60px;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label:before,
.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label:after,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label:before,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label:before,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label:after,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round + label:after {
  width: 28px;
  height: 28px;
  top: 2px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  transition: margin 0.4s;
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round:checked + label:before,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round:checked + label:before {
  background-image: linear-gradient(61deg, #b185ff 0%, #775ca7 89%);
}

.customer-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round:checked + label:after,
.my-orders .wrapper-order .main-order-content .top-order-detail-block .customer-info-block .shipping-status .wrapper-switch input.cmn-toggle-round:checked + label:after {
  margin-left: 32px;
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
}

@media (max-width: 1024px) {
  .customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking,
  .my-orders .wrapper-order .main-order-content .wrapper-summary-tracking {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .order-summary-info,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .order-summary-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 15px;
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .order-summary-info .paid,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .order-summary-info .paid {
  border-top: solid 0.7px #d8d8d8;
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .order-summary-info .payment-method img,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .order-summary-info .payment-method img {
  width: 24px;
  height: 15px;
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info {
  margin-left: 15px;
  background-color: #f5f5f5;
}

@media (max-width: 1024px) {
  .customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info,
  .my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info {
    margin: 15px 15px 0 0;
  }
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info .wrapper-tracking-number .tracking-number,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info .wrapper-tracking-number .tracking-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info .wrapper-tracking-number .tracking-number .tracking-number-input,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info .wrapper-tracking-number .tracking-number .tracking-number-input {
  border-radius: 6px;
  border: solid 0.7px #cecece;
  height: 32px;
  padding: 0 10px;
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info .wrapper-tracking-number .tracking-number .tracking-number-input:focus,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info .wrapper-tracking-number .tracking-number .tracking-number-input:focus {
  border-color: #b185ff;
  outline: none;
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info .wrapper-description,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info .wrapper-description {
  border-top: solid 0.7px #d8d8d8;
}

.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .order-summary-info,
.customer-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .order-summary-info,
.my-orders .wrapper-order .main-order-content .wrapper-summary-tracking .tracking-info {
  padding: 16px;
  border-radius: 6px;
  border: solid 0.7px #d8d8d8;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.customer-orders .wrapper-order .customer-block,
.my-orders .wrapper-order .customer-block {
  border-radius: 6px;
  border: solid 0.7px #d8d8d8;
  background-color: #f5f5f5;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  max-width: 20%;
  margin-left: 15px;
  padding: 32px;
}

@media (max-width: 992px) {
  .customer-orders .wrapper-order .customer-block,
  .my-orders .wrapper-order .customer-block {
    max-width: 100%;
    margin: 15px 0 0 0;
  }
}

.customer-orders .wrapper-order .customer-block .customer-header,
.my-orders .wrapper-order .customer-block .customer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 30px;
  border-bottom: solid 0.7px #d8d8d8;
}

.customer-orders .wrapper-order .customer-block .customer-header .message,
.my-orders .wrapper-order .customer-block .customer-header .message {
  border-radius: 2px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  background-color: #b185ff;
  height: 32px;
  padding: 0 20px;
}

.customer-orders .wrapper-order .customer-block .customer-header .message:hover,
.my-orders .wrapper-order .customer-block .customer-header .message:hover {
  background-color: #775ca7;
}

.customer-orders .wrapper-order .customer-block .info .shipping-type,
.my-orders .wrapper-order .customer-block .info .shipping-type {
  color: #ffffff;
  border-radius: 6px;
  background-color: #4cb6ac;
  padding: 5px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 130px;
}

.customer-orders .wrapper-order .customer-block .wrapper-avatar,
.my-orders .wrapper-order .customer-block .wrapper-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customer-orders .wrapper-order .customer-block .wrapper-avatar .avatar,
.my-orders .wrapper-order .customer-block .wrapper-avatar .avatar {
  width: 38px;
  height: 38px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.sort-orders {
  background-color: #fafafa;
  padding-right: 35px;
  border: 1px solid #eeeeee;
  border-top: none;
  border-bottom: none;
  border-radius: 6px;
}

.sort-orders .sort-btn {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  color: #b185ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sort-orders .sort-btn:after {
  border: solid #b185ff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 5px;
}

.sort-orders .dropdown-menu {
  padding: 0;
}

.sort-orders .dropdown-menu .dropdown-item {
  color: #b185ff;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}

.sort-orders .dropdown-menu .dropdown-item:hover {
  color: #4a3563;
  background-color: #f5f1fb;
  text-decoration: none;
}

@media (max-width: 1420px) {
  .my-shop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.my-shop .wrapper-main-content {
  width: 80%;
}

@media (max-width: 1420px) {
  .my-shop .wrapper-main-content {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .my-shop .edit-shop-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 576px) {
  .my-shop .edit-shop-info .wrapper-inputs {
    padding: 0;
  }
}

.my-shop .edit-shop-info .wrapper-user-avatar {
  padding: 20px 0;
  margin-right: 15px;
  max-height: 300px;
  position: relative;
}

.my-shop .edit-shop-info .wrapper-user-avatar .profile-avatar {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  cursor: pointer;
}

.my-shop .edit-shop-info .wrapper-user-avatar .mask {
  cursor: pointer;
  position: absolute;
  top: 141px;
}

.my-shop .shop-info {
  border-radius: 6px;
  border: solid 0.6px #dedede;
  padding: 30px 20px;
}

.my-shop .shop-info .settings {
  position: absolute;
  right: 15px;
  top: 15px;
}

.my-shop .shop-info .settings:hover {
  -webkit-animation: fa-spin 2s linear infinite;
          animation: fa-spin 2s linear infinite;
  color: #707070;
}

@media (max-width: 576px) {
  .my-shop .shop-info .wrapper-shop-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.my-shop .shop-info .wrapper-avatar {
  margin-right: 60px;
}

@media (max-width: 576px) {
  .my-shop .shop-info .wrapper-avatar {
    margin: 0 0 15px 0;
  }
}

.my-shop .shop-info .wrapper-avatar .shop-avatar {
  width: 142px;
  height: 142px;
  -o-object-fit: cover;
     object-fit: cover;
}

.my-shop .shop-info .wrapper-info {
  max-width: 600px;
  width: 100%;
}

.my-shop .shop-info .shop-name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

.my-shop .shop-info .shop-description {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.my-shop .shop-info .paypal-connect .status {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #8A8A8A;
}

.my-shop .section-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

.my-shop .my-shop-sidebar {
  width: 20%;
  padding: 20px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1420px) {
  .my-shop .my-shop-sidebar {
    width: 100%;
    padding: 20px;
  }
}

.my-shop .my-shop-sidebar .stats-info {
  padding: 15px;
  background-color: #f3ecff;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 180px;
}

@media (max-width: 1420px) {
  .my-shop .my-shop-sidebar .stats-info {
    margin-bottom: 30px;
  }
}

.my-shop .my-shop-sidebar .stats-info .title {
  color: #775ca7;
}

.my-shop .my-shop-sidebar .wrapper-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1420px) {
  .my-shop .my-shop-sidebar .wrapper-filters {
    max-width: 300px;
  }
}

.my-shop .my-shop-sidebar .wrapper-filters .filters {
  padding: 15px;
  border: solid 0.4px #dedede;
  background-color: #fafafa;
  border-radius: 6px;
}

.my-shop .my-shop-sidebar .wrapper-filters .filters .wrapper-search .search {
  border-radius: 2px;
  border: solid 0.7px #cecece;
  height: 32px;
  width: 100%;
  padding: 0 30px 0 10px;
}

.my-shop .my-shop-sidebar .wrapper-filters .filters .wrapper-search .search:focus {
  border-color: #b185ff;
  outline: none;
}

.my-shop .my-shop-sidebar .wrapper-filters .filters .wrapper-search .search-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #b185ff;
}

.my-shop .wrapper-listing-sort .sort-orders {
  background-color: #ffffff;
  border: none;
}

.my-shop .wrapper-listings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.my-shop .wrapper-listings .wrapper-listing-card {
  position: relative;
}

.my-shop .wrapper-listings .wrapper-listing-card .settings {
  position: absolute;
  right: 5px;
  bottom: 25px;
}

.my-shop .wrapper-listings .wrapper-listing-card .listing-card {
  width: 100%;
  border: solid 1px #eeeeee;
  background-color: #f5f5f5;
  margin-bottom: 20px;
  -webkit-transition: .2s;
  transition: .2s;
}

.my-shop .wrapper-listings .wrapper-listing-card .c-card {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
}

.my-shop .wrapper-listings .wrapper-listing-card .wrapper-image .image {
  max-height: 165px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.my-shop .wrapper-listings .wrapper-listing-card .listing-info {
  padding: 15px;
  -webkit-transition: .2s;
  transition: .2s;
}

.my-shop .wrapper-listings .wrapper-listing-card .listing-info .name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}

.my-shop .wrapper-listings .wrapper-listing-card .listing-info .squ {
  font-size: 14px;
}

.dashboard-main-content .edit-shop {
  padding: 40px 25px;
  border-radius: 6px;
  background-color: #fafafa;
}

@media (max-width: 992px) {
  .dashboard-main-content .edit-shop {
    padding: 40px 0;
  }
}

.dashboard-main-content .edit-shop .input-label {
  opacity: 1;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  color: #8A8A8A;
  margin-bottom: 0;
}

.dashboard-main-content .edit-shop .form-control {
  max-width: 180px;
  border: 1px solid #EBF0F4;
  border-radius: 6px;
  padding: 5px 5px 10px;
  height: 40px;
  font-weight: 600;
}

.dashboard-main-content .edit-shop .form-control:active,
.dashboard-main-content .edit-shop .form-control:focus {
  border-color: #775CA7;
}

.dashboard-main-content .edit-shop .form-control.error-input {
  border-color: #F6685A;
}

.dashboard-main-content .edit-shop .wrapper-select-reg.error-input .select2-container--default .select2-selection--single {
  border-color: #F6685A !important;
}

.dashboard-main-content .edit-shop .wrapper-select-reg .select2-container--default .select2-selection--single {
  border: 1px solid #EBF0F4;
  border-radius: 6px;
  height: 38px;
  padding: 2px 20px 0 0;
  font-weight: 600;
  color: #b185ff !important;
}

.dashboard-main-content .edit-shop .wrapper-select-reg .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
}

.dashboard-main-content .edit-shop .wrapper-select-reg .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #b185ff !important;
}

.dashboard-main-content .edit-shop .bio-textarea {
  border-radius: 6px;
  font-weight: 600;
}

.modal-shop {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 450px) {
  .modal-shop {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 450px) {
  .modal-shop button {
    margin-top: 15px;
  }
}

.customer-info .sort-orders {
  background-color: #ffffff;
  border: none;
}

.customer-info .wrapper-info-items .info-item .wrapper-img .customer-img {
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.customer-info .wrapper-info-items .info-item .wrapper-customer-info {
  color: #292929;
}

.customer-info .wrapper-mobile-info .item .wrapper-row .avatar {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

@media (max-width: 1420px) {
  .earnings {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.earnings .sales-items {
  width: 80%;
}

@media (max-width: 1420px) {
  .earnings .sales-items {
    width: 100%;
  }
}

.earnings .sales-items .wrapper-sales-items .wrapper-items .sales-item {
  padding: 15px 10px;
  border-radius: 4px;
  border: solid 1px #eeeeee;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
}

.earnings .wrapper-summary {
  width: 20%;
  margin-left: 15px;
}

@media (max-width: 1420px) {
  .earnings .wrapper-summary {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.earnings .wrapper-summary .wrapper-items .item {
  line-height: 1;
  padding: 20px 15px;
  background-color: #f3ecff;
  border-radius: 4px;
}

@media (max-width: 1420px) {
  .earnings .wrapper-summary .wrapper-items .item {
    padding: 20px 10px;
  }
}

.earnings .wrapper-summary .wrapper-items .item .title {
  font-size: 16px;
  font-weight: 600;
  margin-right: 20px;
}

.earnings .wrapper-summary .wrapper-items .item .price {
  font-size: 26px;
  font-weight: bold;
  color: #b185ff;
}

@media (max-width: 1520px) {
  .earnings .wrapper-summary .wrapper-items .item .price {
    font-size: 24px;
  }
}

@media (max-width: 1420px) {
  .earnings .wrapper-summary .wrapper-items .item .price {
    font-size: 22px;
  }
}

.earnings .sales-items,
.earnings .summary {
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 4px 0 rgba(83, 61, 61, 0.24);
          box-shadow: 0 3px 4px 0 rgba(83, 61, 61, 0.24);
  border: solid 1px #d8d8d8;
  padding: 15px;
}

@media (max-width: 576px) {
  .dashboard-main-content .dashboard-edit-photo .wrapper-add-photos {
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .dashboard-main-content .listing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .edit-shop {
  background-color: #ffffff !important;
}

@media (max-width: 1200px) {
  .dashboard-main-content .listing .wrapper-edit-form .edit-form .edit-shop {
    padding: 20px 0;
  }
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .edit-shop .wrapper-inputs {
  padding: 0;
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .edit-shop .wrapper-inputs .form-control {
  padding: 5px 15px 10px;
}

@media (max-width: 680px) {
  .dashboard-main-content .listing .wrapper-edit-form .edit-form .edit-shop .wrapper-sizes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .wrapper-double-input .wrapper-medium-input .wrapper-inputs {
  width: 100px;
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .wrapper-medium-input .wrapper-inputs {
  width: 200px;
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .vue-tags-input .ti-input {
  border: 1px solid #EBF0F4;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 600;
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .vue-tags-input .ti-input .ti-tag {
  background-color: #b185ff;
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .vue-tags-input .ti-input .ti-new-tag-input-wrapper {
  margin: 0;
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .vue-tags-input:active,
.dashboard-main-content .listing .wrapper-edit-form .edit-form .vue-tags-input:focus {
  border-color: #775CA7;
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .wrapper-small-input .wrapper-inputs {
  width: 100px;
  position: relative;
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .wrapper-small-input .wrapper-inputs input {
  padding-right: 40px;
}

.dashboard-main-content .listing .wrapper-edit-form .edit-form .wrapper-small-input .wrapper-inputs .right-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #b1b1b1;
  position: absolute;
  right: 10px;
  bottom: 9px;
}

.articles-info .article-title {
  line-height: 1.3;
}

.articles-info .wrapper-assigned-editor .status {
  line-height: 1.4;
}

@media (max-width: 768px) {
  .articles-info .wrapper-mobile-info .article-title {
    max-width: 150px;
    width: 100%;
  }
}

.wrapper-analytics .analytics-title {
  font-weight: 800;
  font-size: 26px;
  color: #775ca7;
  padding-bottom: 2px;
}

@media (max-width: 568px) {
  .wrapper-analytics {
    font-size: 20px;
  }
}

.wrapper-analytics .wrapper-det .analytics-item {
  width: 24% !important;
}

@media (max-width: 992px) {
  .wrapper-analytics .wrapper-det .analytics-item {
    width: 48% !important;
  }
}

@media (max-width: 350px) {
  .wrapper-analytics .wrapper-det .analytics-item {
    width: 100% !important;
  }
}

.wrapper-analytics .analytics-blocks {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}

@media (max-width: 568px) {
  .wrapper-analytics .analytics-blocks {
    margin-bottom: 3px;
  }
}

.wrapper-analytics .analytics-blocks .analytics-item {
  cursor: pointer;
  padding: 27px 27px 29px 12px;
  background-color: #F3ECFF;
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 14px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 568px) {
  .wrapper-analytics .analytics-blocks .analytics-item {
    padding: 18px 3px 19px 8px;
    margin-bottom: 8px;
  }
}

@media (max-width: 350px) {
  .wrapper-analytics .analytics-blocks .analytics-item {
    width: 100%;
  }
}

.wrapper-analytics .analytics-blocks .analytics-item a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
}

.wrapper-analytics .analytics-blocks .analytics-item a .item-subtitle {
  font-size: 18px;
  color: #775ca7;
  font-weight: normal;
}

@media (max-width: 568px) {
  .wrapper-analytics .analytics-blocks .analytics-item a .item-subtitle {
    font-size: 15px;
  }
}

.wrapper-analytics .analytics-blocks .analytics-item a .item-title {
  font-weight: 800;
  font-size: 24px;
  color: #373737;
  text-decoration: none;
}

@media (max-width: 568px) {
  .wrapper-analytics .analytics-blocks .analytics-item a .item-title {
    font-size: 20px;
  }
}

.wrapper-analytics .analytics-blocks .analytics-item .item-subtitle-det {
  font-weight: bold;
  font-size: 18px;
  color: #775CA7;
}

@media (max-width: 568px) {
  .wrapper-analytics .analytics-blocks .analytics-item .item-subtitle-det {
    font-size: 15px;
  }
}

.wrapper-analytics .analytics-blocks .analytics-item .item-title-det a {
  font-weight: 800;
  font-size: 24px;
  color: #373737;
  text-decoration: none;
}

@media (max-width: 568px) {
  .wrapper-analytics .analytics-blocks .analytics-item .item-title-det a {
    font-size: 20px;
  }
}

.wrapper-analytics .analytics-blocks .selected {
  background-color: #b185ff !important;
}

.wrapper-analytics .analytics-blocks .selected .item-title-det a {
  color: #ffffff;
  text-decoration: none;
}

.wrapper-analytics .analytics-blocks .selected .item-subtitle-det {
  color: #ffffff;
}

.download-report {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 50px;
  background-color: #b185ff;
  max-width: 347px;
  width: 100%;
}

@media (max-width: 768px) {
  .download-report {
    max-width: 277px;
  }
}

@media (max-width: 568px) {
  .download-report {
    max-width: 147px;
    height: 30px;
  }
}

.download-report .fa-file-download {
  color: #ffffff;
  font-size: 18px;
}

@media (max-width: 568px) {
  .download-report .fa-file-download {
    font-size: 14px;
  }
}

.download-report .report-label {
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
  padding: 11.75px;
}

@media (max-width: 568px) {
  .download-report .report-label {
    font-size: 14px;
  }
}

.go-back {
  color: #b185ff;
  text-decoration: none;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 568px) {
  .go-back {
    font-size: 15px;
  }
}

.go-back svg {
  font-size: 20px;
  margin-right: 8px;
  padding-top: 3px;
  color: #b185ff;
}

@media (max-width: 568px) {
  .go-back svg {
    font-size: 15px;
  }
}

.go-back:hover {
  text-decoration: none;
  color: #b185ff;
}

#details .wrapper-analytics-details .search-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 31px;
}

#details .wrapper-analytics-details .search-panel .search-panel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#details .wrapper-analytics-details .search-panel .search-panel-wrapper .label-search {
  color: #B2B2B2;
  font-size: 24px;
  padding-right: 9px;
  padding-left: 11px;
}

@media (max-width: 568px) {
  #details .wrapper-analytics-details .search-panel .search-panel-wrapper .label-search {
    font-size: 17px;
  }
}

#details .wrapper-analytics-details .search-panel .search-panel-wrapper .input-search {
  border: none;
  border-bottom: 1px solid #707070;
  width: 100%;
  max-width: 150px;
  background-color: #ffffff;
}

@media (max-width: 568px) {
  #details .wrapper-analytics-details .search-panel .search-panel-wrapper .input-search {
    max-width: 55px;
  }
}

#details .wrapper-analytics-details .search-panel .search-panel-wrapper .input-search:focus {
  border-bottom: 1px solid #b185ff;
}

#details .details {
  padding-bottom: 6px;
  padding-top: 25px;
}

#details .details .details-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 650px;
  margin: auto;
}

#details .details .details-list .details-item {
  font-weight: 500;
  font-size: 24px;
  color: #b185ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

@media (max-width: 568px) {
  #details .details .details-list .details-item {
    font-size: 17px;
  }
}

#details .details .details-list .selected {
  color: #ffffff;
  background-color: #775ca7;
  border-radius: 10px;
  padding: 6px 20px;
  font-weight: 600;
}

@media (max-width: 568px) {
  #details .details .details-list .selected {
    padding: 3px 10px;
  }
}

.details-list .active {
  color: #ffffff !important;
  background-color: #775ca7;
  border-radius: 10px;
  padding: 6px 20px;
  font-weight: 600;
}

@media (max-width: 568px) {
  .details-list .active {
    padding: 3px 10px;
  }
}

.selected-item {
  background-color: #775ca7 !important;
}

.selected-item-color {
  color: #ffffff !important;
}

.wrapper-promocode .promocode-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper-promocode .promocode-wrapper .promocode-item {
  background: #f5f5f5;
  border: 1px solid #D8D8D8;
  border-radius: 6px;
  padding: 7px 15px;
  margin-bottom: 17px;
  width: 48%;
}

@media (max-width: 1080px) {
  .wrapper-promocode .promocode-wrapper .promocode-item {
    width: 100%;
    margin-bottom: 7px;
  }
}

.wrapper-promocode .promocode-wrapper .promocode-item .promocode-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-promocode .promocode-wrapper .promocode-item .promocode-head .promocode-title {
  font-size: 16px;
  color: #373737;
}

@media (max-width: 568px) {
  .wrapper-promocode .promocode-wrapper .promocode-item .promocode-head .promocode-title {
    font-size: 12px;
  }
}

.wrapper-promocode .promocode-wrapper .promocode-item .promocode-head .promocode-used {
  font-weight: 600;
  cursor: pointer;
  font-size: 24px;
  color: #b185ff;
}

@media (max-width: 568px) {
  .wrapper-promocode .promocode-wrapper .promocode-item .promocode-head .promocode-used {
    font-size: 16px;
  }
}

.wrapper-promocode .promocode-wrapper .promocode-item .promocode-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 14px;
}

.wrapper-promocode .promocode-wrapper .promocode-item .promocode-content .promocode-name {
  color: #b185ff;
  font-weight: bold;
  font-size: 26px;
  cursor: pointer;
}

@media (max-width: 568px) {
  .wrapper-promocode .promocode-wrapper .promocode-item .promocode-content .promocode-name {
    font-size: 20px;
  }
}

.wrapper-promocode .promocode-wrapper .promocode-item .promocode-content .discount-rate {
  font-size: 16px;
  color: #292929;
  margin-left: 15px;
}

@media (max-width: 568px) {
  .wrapper-promocode .promocode-wrapper .promocode-item .promocode-content .discount-rate {
    font-size: 12px;
  }
}

.wrapper-promocode .promocode-wrapper .promocode-item .promocode-footer {
  border-top: 0.3px solid #D8D8D8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 3px;
}

.wrapper-promocode .promocode-wrapper .promocode-item .promocode-footer .date {
  font-size: 16px;
  color: #292929;
}

@media (max-width: 568px) {
  .wrapper-promocode .promocode-wrapper .promocode-item .promocode-footer .date {
    font-size: 12px;
  }
}

@media (max-width: 365px) {
  .wrapper-promocode .promocode-wrapper .promocode-item .promocode-footer .date {
    font-size: 9px;
  }
}

.promocode-create {
  max-width: 750px;
  margin: auto;
  display: none;
}

.promocode-create .promocode-label {
  font-weight: bold;
  font-size: 20px;
  color: #775ca7;
  padding-bottom: 8px;
}

.promocode-create .promocode-create-wrapper {
  margin-bottom: 12px;
  background: #F7F7F7;
  border-radius: 6px;
  padding: 40px 21px 51px 21px;
}

@media (max-width: 375px) {
  .promocode-create .promocode-create-wrapper {
    padding: 20px 10px 25px 10px;
  }
}

.promocode-create .promocode-create-wrapper .promocode-title {
  padding-bottom: 8px;
}

.promocode-create .promocode-create-wrapper .promocode-title .label {
  font-weight: 600;
  font-size: 17px;
  color: #775ca7;
}

.promocode-create .promocode-create-wrapper .promocode-title .name {
  font-weight: 600;
  font-size: 30px;
  color: #373737;
}

.promocode-create .promocode-create-wrapper .promocode-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.promocode-create .promocode-create-wrapper .promocode-info .info .title {
  font-weight: 600;
  font-size: 17px;
  color: #775ca7;
}

.promocode-create .promocode-create-wrapper .promocode-info .info .name {
  font-weight: 600;
  font-size: 20px;
  color: #373737;
  line-height: 100%;
}

.promocode-create .promocode-create-wrapper .promocode-info .discount {
  padding-left: 50px;
}

.promocode-create .promocode-create-wrapper .promocode-use {
  padding-top: 16px;
}

.promocode-create .promocode-create-wrapper .promocode-use .title {
  font-weight: 600;
  font-size: 17px;
  color: #775ca7;
}

.promocode-create .promocode-create-wrapper .promocode-use .name {
  font-weight: 600;
  font-size: 20px;
  color: #373737;
  line-height: 80%;
}

.promocode-create .promocode-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.promocode-create .promocode-button-group .button {
  border-radius: 6px;
  border: none;
  height: 50px;
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 31px;
}

.promocode-create .promocode-button-group .button a {
  color: #ffffff;
  text-decoration: none;
}

.promocode-create .promocode-button-group .button a svg {
  padding-right: 7.33px;
  font-size: 20px;
}

.promocode-create .promocode-button-group .edit {
  background-color: #775ca7;
  font-weight: bold;
  font-size: 16px;
  height: 38px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.promocode-create .promocode-button-group .confirm {
  background-color: #b185ff;
  font-weight: 600;
  font-size: 18px;
}

.promocode-create .promocode-button-group .discard {
  background-color: #B2B2B2;
  font-weight: 600;
  font-size: 18px;
  margin-left: 8px;
}

.promocode-edit {
  position: absolute;
  top: 50%;
  left: 60%;
  -webkit-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
  max-width: 750px;
  margin: auto;
  display: none;
}

@media (max-width: 992px) {
  .promocode-edit {
    -webkit-transform: translate(-40%, -50%);
            transform: translate(-40%, -50%);
  }
}

@media (max-width: 768px) {
  .promocode-edit {
    width: 75%;
    margin: auto 5% auto 4%;
    -webkit-transform: translate(-60%, -50%);
            transform: translate(-60%, -50%);
  }
}

@media (max-width: 375px) {
  .promocode-edit {
    top: 60%;
    margin: auto 5% auto 6%;
  }
}

.promocode-edit .promocode-edit-wrapper {
  background: #ffffff;
  border: 0.5px solid #B3B3B3;
  border-radius: 6px;
  padding: 40px 25px 53px 25px;
}

@media (max-width: 375px) {
  .promocode-edit .promocode-edit-wrapper {
    padding: 20px 20px 25px 20px;
  }
}

.promocode-edit .promocode-edit-wrapper label {
  font-weight: 600;
  font-size: 17px;
  color: #775ca7;
  line-height: 90%;
}

.promocode-edit .promocode-edit-wrapper .edit-input {
  font-weight: 600;
  font-size: 30px;
  color: #373737;
  border: none;
  border-bottom: 1px solid #373737;
  width: 100%;
  height: 34px;
}

.promocode-edit .promocode-edit-wrapper .dates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  padding-top: 40px;
}

@media (max-width: 375px) {
  .promocode-edit .promocode-edit-wrapper .dates {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.promocode-edit .promocode-edit-wrapper .dates .date-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 48%;
}

@media (max-width: 375px) {
  .promocode-edit .promocode-edit-wrapper .dates .date-wrapper {
    width: 100%;
    margin-bottom: 15px;
  }
}

.promocode-edit .promocode-edit-wrapper .dates .date-wrapper .edit-input {
  border: none;
  border-bottom: 1px solid #373737;
  font-size: 20px;
  text-decoration: none;
}

.promocode-edit .promocode-edit-wrapper .dates .date-wrapper #expires-input {
  position: relative;
}

.promocode-edit .promocode-edit-wrapper .dates .expires {
  position: relative;
}

.promocode-edit .promocode-edit-wrapper .dates .expires svg {
  position: absolute;
  bottom: 5px;
  right: 2px;
  font-size: 18px;
  color: #B2B2B2;
  z-index: 2;
}

.promocode-edit .promocode-edit-buttons {
  margin-top: 13.55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.promocode-edit .promocode-edit-buttons .button {
  width: 48%;
  border-radius: 6px;
  font-weight: 600;
  font-size: 18px;
  height: 50.25px;
}

.promocode-edit .promocode-edit-buttons .button a {
  color: #ffffff;
  text-decoration: none;
}

.promocode-edit .promocode-edit-buttons .confirm {
  background-color: #b185ff;
}

.promocode-edit .promocode-edit-buttons .discard {
  background-color: #B2B2B2;
}

.search-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.search-wrapper svg {
  position: absolute;
  top: 9.5px;
  left: 10px;
  color: #b185ff;
  font-size: 22px;
  z-index: 2;
}

@media (max-width: 568px) {
  .search-wrapper svg {
    font-size: 14px;
  }
}

.search-wrapper .promocode-search {
  padding-left: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
}

.search-wrapper .button-promocode {
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #b185ff;
  color: #ffffff;
  font-weight: 500;
  font-size: 20px;
  height: 44px;
  width: 25%;
  border-radius: 2px;
}

@media (max-width: 568px) {
  .search-wrapper .button-promocode {
    font-size: 16px;
    height: 34px;
  }
}

.smart-search-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 25px;
}

@media (max-width: 360px) {
  .smart-search-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 15px;
  }
}

.smart-search-wrapper .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.smart-search-wrapper .info .smart-search-label {
  color: #775ca7;
  font-size: 22px;
  padding-right: 12.38px;
}

@media (max-width: 568px) {
  .smart-search-wrapper .info .smart-search-label {
    font-size: 15px;
  }
}

.smart-search-wrapper .info svg {
  margin-top: 10px;
  border-radius: 50%;
  border: 0.7px solid #CECECE;
  color: #b185ff;
  cursor: pointer;
  font-size: 18px;
  width: 20.6px;
  height: 20.6px;
  padding: 5.6px;
}

@media (max-width: 568px) {
  .smart-search-wrapper .info svg {
    padding: 3.3px;
    font-size: 12px;
    width: 14.3px;
    height: 14.3px;
    margin-top: 0;
  }
}

.button-create {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  width: 50%;
  border-radius: 8px;
  background-color: #775ca7;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  position: fixed;
  left: 65%;
  -webkit-transform: translateX(-65%);
          transform: translateX(-65%);
  bottom: 3%;
}

@media (max-width: 992px) {
  .button-create {
    left: 75%;
    -webkit-transform: translateX(-75%);
            transform: translateX(-75%);
  }
}

@media (max-width: 768px) {
  .button-create {
    width: 75%;
  }
}

@media (max-width: 350px) {
  .button-create {
    width: 70%;
  }
}

.opacity-low {
  opacity: 0.1;
}

.opacity-high {
  opacity: 1;
}

.bg-dark {
  background: rgba(55, 55, 55, 0.8);
}

.submissions-card-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.submissions-card-wrapper .submissions-card {
  width: 48%;
  background: #f5f5f5;
  border: 1px solid #D8D8D8;
  border-radius: 6px;
  padding: 16px 21px 8px 16px;
  margin-bottom: 18px;
}

@media (max-width: 992px) {
  .submissions-card-wrapper .submissions-card {
    width: 100%;
  }
}

@media (max-width: 568px) {
  .submissions-card-wrapper .submissions-card {
    padding: 11px 14px 5px 11px;
    margin-bottom: 8px;
  }
}

.submissions-card-wrapper .submissions-card .card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 3px;
}

.submissions-card-wrapper .submissions-card .card-head .title {
  font-size: 18px;
  color: #373737;
}

@media (max-width: 568px) {
  .submissions-card-wrapper .submissions-card .card-head .title {
    font-size: 12px;
  }
}

.submissions-card-wrapper .submissions-card .card-head .plan {
  font-weight: 600;
  font-size: 20px;
  color: #b185ff;
}

@media (max-width: 568px) {
  .submissions-card-wrapper .submissions-card .card-head .plan {
    font-size: 16px;
  }
}

.submissions-card-wrapper .submissions-card .card-content {
  padding-bottom: 12px;
  max-width: 75%;
}

.submissions-card-wrapper .submissions-card .card-content .name {
  font-weight: 600;
  font-size: 24px;
  color: #292929;
}

@media (max-width: 568px) {
  .submissions-card-wrapper .submissions-card .card-content .name {
    font-size: 18px;
  }
}

.submissions-card-wrapper .submissions-card .card-content .plan {
  font-weight: 600;
  font-size: 20px;
  color: #b185ff;
}

@media (max-width: 568px) {
  .submissions-card-wrapper .submissions-card .card-content .plan {
    font-size: 16px;
  }
}

.submissions-card-wrapper .submissions-card .card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.3px solid #D8D8D8;
  font-size: 18px;
  color: #292929;
  background: #f5f5f5;
  padding: 0;
  padding-top: 3px;
}

@media (max-width: 568px) {
  .submissions-card-wrapper .submissions-card .card-footer {
    font-size: 12px;
  }
}

@media (max-width: 350px) {
  .submissions-card-wrapper .submissions-card .card-footer {
    font-size: 10px;
  }
}

.wrapper-submissions .smart-search-wrapper {
  padding-bottom: 12px;
}

@media (max-width: 568px) {
  .wrapper-submissions {
    padding-bottom: 6px;
  }
}

.filters-wrapper {
  margin-bottom: 17px;
  padding: 30px 22px 39px 22px;
  background-color: #775ca7;
  display: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 992px) {
  .filters-wrapper {
    padding: 20px 15px 26px 15px;
  }
}

.filters-wrapper .filters-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24.34px;
}

.filters-wrapper .filters-head .filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}

.filters-wrapper .filters-head .filter label {
  font-weight: 500;
  font-size: 22px;
  color: #ffffff;
  padding-left: 8px;
  margin-bottom: 0;
}

@media (max-width: 568px) {
  .filters-wrapper .filters-head .filter label {
    font-size: 15px;
    line-height: 100%;
  }
}

.filters-wrapper .filters-head .filter:last-child {
  margin-left: 5%;
}

.filters-wrapper .filters-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.filters-wrapper .filters-content .select2 {
  width: 48%;
  border: none;
}

@media (max-width: 350px) {
  .filters-wrapper .filters-content .select2 {
    width: 100% !important;
  }
}

.filters-wrapper .filters-content .select2-selection__arrow {
  height: 51px;
}

@media (max-width: 768px) {
  .filters-wrapper .filters-content .select2-selection__arrow {
    height: 28px;
  }
}

.filters-wrapper .filters-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
}

@media (max-width: 768px) {
  .filters-wrapper .filters-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 31.11px;
  }
}

.filters-wrapper .filters-content .select2-container--default .select2-selection--single {
  margin-bottom: 14.34px;
  font-size: 20px;
  color: #292929;
  background-color: #ffffff;
  padding-left: 8.56px;
  height: 51.11px;
}

@media (max-width: 768px) {
  .filters-wrapper .filters-content .select2-container--default .select2-selection--single {
    height: 31.11px;
    font-size: 15px;
    margin-bottom: 7.34px;
  }
}

.filters-wrapper .filters-footer {
  width: 100%;
}

@media (max-width: 768px) {
  .filters-wrapper .filters-footer {
    width: 99%;
  }
}

.filters-wrapper .filters-footer .title {
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
}

@media (max-width: 768px) {
  .filters-wrapper .filters-footer .title {
    font-size: 15px;
  }
}

.filters-wrapper .filters-footer .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.filters-wrapper .filters-footer .content .content-input {
  background-color: #ffffff;
  font-size: 20px;
  color: #292929;
  width: 46%;
  padding: 6.54px;
  height: 40px;
  border: none;
}

@media (max-width: 768px) {
  .filters-wrapper .filters-footer .content .content-input {
    font-size: 15px;
    height: 28px;
  }
}

.filters-wrapper .filters-footer .content label {
  padding: 0 9.54px 0 5px;
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .filters-wrapper .filters-footer .content label {
    font-size: 15px;
  }
}

.wrapper-ads .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.wrapper-ads .select2-container--default .select2-selection--single {
  height: 40px;
  padding-left: 20.64px;
  font-weight: 600;
  font-size: 20px;
  color: #b185ff !important;
}

.wrapper-ads .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 40px;
}

.wrapper-ads .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #b185ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
}

.ads-cards-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 16px;
}

.ads-cards-wrapper .approved {
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media (max-width: 414px) {
  .ads-cards-wrapper .approved {
    border-left: 1px solid #EEEEEE;
    border-bottom-left-radius: 6px;
  }
}

.ads-cards-wrapper .not-approved {
  border-left: 0;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}

@media (max-width: 414px) {
  .ads-cards-wrapper .not-approved {
    border-left: 1px solid #EEEEEE;
    border-bottom-left-radius: 6px;
  }
}

.ads-cards-wrapper .ads-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
  position: relative;
  width: 48%;
  margin-bottom: 10px;
}

@media (max-width: 1250px) {
  .ads-cards-wrapper .ads-card {
    width: 100%;
  }
}

@media (max-width: 414px) {
  .ads-cards-wrapper .ads-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.ads-cards-wrapper .ads-card img {
  max-width: 180px;
  width: 100%;
  height: auto;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  max-height: 180px;
}

@media (max-width: 992px) {
  .ads-cards-wrapper .ads-card img {
    max-width: 120px;
  }
}

@media (max-width: 414px) {
  .ads-cards-wrapper .ads-card img {
    max-width: 100%;
  }
}

@media (max-width: 350px) {
  .ads-cards-wrapper .ads-card img {
    max-height: 120px;
    max-width: 60px;
  }
}

.ads-cards-wrapper .ads-card .wrapper-card-info {
  padding: 19px 45px 24px 18px;
  position: relative;
  background-color: #ffffff;
  width: 100%;
}

@media (max-width: 992px) {
  .ads-cards-wrapper .ads-card .wrapper-card-info {
    padding: 13px 30px 16px 12px;
  }
}

@media (max-width: 410px) {
  .ads-cards-wrapper .ads-card .wrapper-card-info {
    padding: 13px 25px 8px 6px;
  }
}

@media (max-width: 350px) {
  .ads-cards-wrapper .ads-card .wrapper-card-info {
    padding: 13px 20px 8px 6px;
  }
}

.ads-cards-wrapper .ads-card .wrapper-card-info svg {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  color: #8A8A8A;
  max-width: 17px;
  width: 100%;
}

.ads-cards-wrapper .ads-card .wrapper-card-info svg path {
  cursor: pointer;
}

.ads-cards-wrapper .ads-card .wrapper-card-info .title {
  font-weight: 600;
  font-size: 26px;
  color: #b185ff;
}

@media (max-width: 992px) {
  .ads-cards-wrapper .ads-card .wrapper-card-info .title {
    font-size: 20px;
    line-height: 100%;
    padding-bottom: 5px;
  }
}

@media (max-width: 414px) {
  .ads-cards-wrapper .ads-card .wrapper-card-info .title {
    font-size: 16px;
  }
}

.ads-cards-wrapper .ads-card .wrapper-card-info .subtitle {
  font-size: 18px;
  color: #292929;
}

@media (max-width: 568px) {
  .ads-cards-wrapper .ads-card .wrapper-card-info .subtitle {
    font-size: 12px;
    line-height: 100%;
  }
}

.ads-cards-wrapper .ads-card .wrapper-card-info .author-and-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 410px) {
  .ads-cards-wrapper .ads-card .wrapper-card-info .author-and-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.ads-cards-wrapper .ads-card .wrapper-card-info .author-and-date p {
  font-size: 18px;
  color: #b9b9b9;
  padding-right: 11px;
}

@media (max-width: 568px) {
  .ads-cards-wrapper .ads-card .wrapper-card-info .author-and-date p {
    font-size: 12px;
  }
}

.ads-cards-wrapper .ads-card .wrapper-card-info .status {
  font-weight: 600;
  font-size: 18px;
}

@media (max-width: 568px) {
  .ads-cards-wrapper .ads-card .wrapper-card-info .status {
    font-size: 12px;
  }
}

.ads-cards-wrapper .ads-card .wrapper-card-info .green {
  color: #38B188;
}

.ads-cards-wrapper .ads-card .wrapper-card-info .yellow {
  color: #C5AB00;
}

.ads-buttons-wrapper {
  max-width: 768px;
  margin: auto;
  z-index: 2;
  position: relative;
  display: none;
  margin-bottom: 10px;
}

.ads-buttons-wrapper .ads-button-group {
  border-radius: 8px;
  background: #ffffff;
}

.ads-buttons-wrapper .ads-button-group .ads-button {
  cursor: pointer;
  width: 100%;
  background: #ffffff;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: #3e3e3e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #F0F0F0;
  height: 59px;
  text-align: center;
}

.ads-buttons-wrapper .ads-button-group .ads-button:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ads-buttons-wrapper .ads-button-group .ads-button:nth-child(4) {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.ads-buttons-wrapper .ads-button-group .not-active-btn {
  background: rgba(196, 196, 196, 0.19);
}

.ads-buttons-wrapper .cancel {
  margin-top: 10px;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  background: #ffffff;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: #3e3e3e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #F0F0F0;
  height: 59px;
  text-align: center;
}

.classifieds-wrapper .go-back {
  font-weight: 500;
}

.classifieds-wrapper .title-classifieds {
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 30px;
  color: #775ca7;
}

@media (max-width: 768px) {
  .classifieds-wrapper .title-classifieds {
    font-size: 24px;
  }
}

.classifieds-wrapper .classifieds-cards {
  background-color: #fafafa;
  border-radius: 6px;
  border: 1px solid #EEEEEE;
  padding: 15px 15px 15px 30px;
}

.classifieds-wrapper .classifieds-cards .title-block {
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .classifieds-wrapper .classifieds-cards .title-block {
    display: none;
  }
}

.classifieds-wrapper .classifieds-cards .title-block .item-title {
  font-weight: 400;
  font-size: 16px;
  color: #373737;
  margin-left: 0;
  min-width: 80px;
}

.classifieds-wrapper .classifieds-cards .title-block .ml-32 {
  margin-left: 32%;
}

@media (max-width: 1200px) {
  .classifieds-wrapper .classifieds-cards .title-block .ml-32 {
    margin-left: 26%;
  }
}

.classifieds-wrapper .classifieds-cards .title-block .m-l-17 {
  margin-left: 15%;
}

@media (max-width: 1400px) {
  .classifieds-wrapper .classifieds-cards .title-block .m-l-17 {
    margin-left: 20%;
  }
}

@media (max-width: 1100px) {
  .classifieds-wrapper .classifieds-cards .title-block .m-l-17 {
    margin-left: 22%;
  }
}

.classifieds-wrapper .classifieds-cards .title-block .ml-10 {
  margin-left: 3%;
}

.classifieds-wrapper .classifieds-cards .title-block .ml-9 {
  margin-left: 10%;
}

@media (max-width: 1100px) {
  .classifieds-wrapper .classifieds-cards .title-block .ml-9 {
    margin-left: 7%;
  }
}

@media (max-width: 850px) {
  .classifieds-wrapper .classifieds-cards .title-block .ml-9 {
    margin-left: 3%;
  }
}

.classifieds-wrapper .classifieds-cards .item-card {
  position: relative;
  border-radius: 6px;
  border: 1px solid #EEEEEE;
  background-color: #ffffff;
  max-height: 126px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 45px;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .classifieds-wrapper .classifieds-cards .item-card {
    padding-right: 15px;
  }
}

@media (max-width: 768px) {
  .classifieds-wrapper .classifieds-cards .item-card {
    max-height: 100%;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .photo-info-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

@media (max-width: 576px) {
  .classifieds-wrapper .classifieds-cards .item-card .photo-info-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .photo-info-card .classifieds-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 414px) {
  .classifieds-wrapper .classifieds-cards .item-card .classifieds-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .classifieds-header .title {
  font-size: 20px;
  font-weight: 700;
  color: #808080;
  text-transform: capitalize;
}

.classifieds-wrapper .classifieds-cards .item-card .classifieds-header .subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #808080;
}

.classifieds-wrapper .classifieds-cards .item-card .fa-ellipsis-v {
  position: absolute;
  top: 12px;
  cursor: pointer;
  right: 15px;
  color: #8A8A8A;
  font-weight: 300;
}

.classifieds-wrapper .classifieds-cards .item-card .menu-card {
  display: none;
  width: 200px;
  position: absolute;
  top: 30px;
  right: 25px;
  background-color: #F3ECFF;
  border: 1px solid #b185ff;
  padding: 15px 10px;
  border-radius: 10px;
  text-align: center;
  z-index: 2;
}

.classifieds-wrapper .classifieds-cards .item-card .menu-card .menu-link {
  font-weight: 500;
  font-size: 18px;
  color: #373737;
  text-decoration: none;
  cursor: pointer;
}

.classifieds-wrapper .classifieds-cards .item-card .menu-card .separator {
  border: 1px solid #e2d7f7;
  margin: 5px 0;
}

.classifieds-wrapper .classifieds-cards .item-card .card-image {
  width: 100%;
  max-width: 160px;
  height: 126px;
  overflow: hidden;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

@media (max-width: 992px) {
  .classifieds-wrapper .classifieds-cards .item-card .card-image {
    max-width: 125px;
  }
}

@media (max-width: 768px) {
  .classifieds-wrapper .classifieds-cards .item-card .card-image {
    width: 126px;
    max-width: 100%;
    border-radius: 6px;
  }
}

@media (max-width: 576px) {
  .classifieds-wrapper .classifieds-cards .item-card .card-image {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    width: 100%;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 250px;
  margin-left: -50px;
}

@media (max-width: 1700px) {
  .classifieds-wrapper .classifieds-cards .item-card .info {
    margin-left: 0;
    padding-left: 15px;
  }
}

@media (max-width: 1200px) {
  .classifieds-wrapper .classifieds-cards .item-card .info {
    margin-right: 10px;
  }
}

@media (max-width: 768px) {
  .classifieds-wrapper .classifieds-cards .item-card .info {
    width: 90%;
    padding-bottom: 20px;
    max-width: 350px;
    margin-right: 0;
    margin-top: 15px;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .info .title {
  font-size: 22px;
  color: #b185ff;
  font-weight: 800;
}

@media (max-width: 1250px) {
  .classifieds-wrapper .classifieds-cards .item-card .info .title {
    line-height: 100%;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .classifieds-wrapper .classifieds-cards .item-card .info .title {
    font-size: 22px;
    line-height: 120%;
    text-align: center;
  }
}

@media (max-width: 414px) {
  .classifieds-wrapper .classifieds-cards .item-card .info .title {
    font-size: 18px;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .info .subtitle {
  color: #373737;
  font-size: 16px;
  font-weight: normal;
}

@media (max-width: 1250px) {
  .classifieds-wrapper .classifieds-cards .item-card .info .subtitle {
    line-height: 100%;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .classifieds-wrapper .classifieds-cards .item-card .info .subtitle {
    line-height: 120%;
    font-size: 16px;
    text-align: center;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .submitted-by {
  font-size: 16px;
  color: #292929;
  font-weight: 500;
  max-width: 120px;
  width: 100%;
}

@media (max-width: 1200px) {
  .classifieds-wrapper .classifieds-cards .item-card .submitted-by {
    font-size: 14px;
    max-width: 100px;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .submitted-status {
  font-size: 16px;
  font-weight: 500;
  max-width: 140px;
  width: 100%;
  padding-right: 10px;
}

@media (max-width: 1200px) {
  .classifieds-wrapper .classifieds-cards .item-card .submitted-status {
    font-size: 14px;
    max-width: 100px;
  }
}

@media (max-width: 768px) {
  .classifieds-wrapper .classifieds-cards .item-card .submitted-status {
    max-width: 170px;
    padding-right: 0;
    text-align: right;
  }
}

@media (max-width: 375px) {
  .classifieds-wrapper .classifieds-cards .item-card .submitted-status {
    font-size: 12px;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .info-submitted {
  font-size: 16px;
  color: #707070;
  font-weight: 500;
}

@media (max-width: 576px) {
  .classifieds-wrapper .classifieds-cards .item-card .info-submitted {
    font-size: 14px;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .date-submitted {
  font-size: 16px;
  color: #707070;
  font-weight: 500;
}

@media (max-width: 1460px) {
  .classifieds-wrapper .classifieds-cards .item-card .date-submitted {
    max-width: 120px;
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
}

@media (max-width: 992px) {
  .classifieds-wrapper .classifieds-cards .item-card .date-submitted {
    font-size: 14px;
    max-width: 90px;
  }
}

@media (max-width: 768px) {
  .classifieds-wrapper .classifieds-cards .item-card .date-submitted {
    max-width: 100%;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .btn-details {
  background-color: #b185ff;
  border-radius: 3px;
  width: 100%;
  max-width: 170px;
  padding: 6px;
}

@media (max-width: 1400px) {
  .classifieds-wrapper .classifieds-cards .item-card .btn-details {
    max-width: 90px;
  }
}

@media (max-width: 576px) {
  .classifieds-wrapper .classifieds-cards .item-card .btn-details {
    max-width: 100%;
  }
}

@media (max-width: 375px) {
  .classifieds-wrapper .classifieds-cards .item-card .btn-details {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.classifieds-wrapper .classifieds-cards .item-card .btn-details a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 1400px) {
  .classifieds-wrapper .classifieds-cards .item-card .btn-details a {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .classifieds-wrapper .classifieds-cards .item-card .btn-details a {
    font-size: 18px;
  }
}

@media (max-width: 414px) {
  .classifieds-wrapper .classifieds-cards .item-card .btn-details a {
    font-size: 14px;
  }
}

.classifieds-wrapper .classifieds-cards .active-card {
  border: 2px solid #b185ff;
  border-left: none;
}

@media (max-width: 768px) {
  .classifieds-wrapper .classifieds-cards .active-card {
    border-left: 2px solid #b185ff;
  }
}

.classifieds-wrapper .select2-container {
  width: 100% !important;
}

.classifieds-wrapper #select2--container {
  color: #b185ff;
  font-weight: 500;
  font-size: 20px;
  background: transparent;
}

.classifieds-wrapper .select2-container--default .select2-selection--single {
  border: none;
}

.classifieds-wrapper .content-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 10px;
}

.classifieds-wrapper .content-info .info-classifieds-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 375px) {
  .classifieds-wrapper .content-info .info-classifieds-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.classifieds-wrapper .btn-classifieds-mobile {
  margin: 10px 0;
}

.classifieds-wrapper .date-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  padding-bottom: 15px;
}

@media (max-width: 414px) {
  .classifieds-wrapper .date-info {
    width: 100%;
  }
}

.classifieds-wrapper .text-a-r {
  text-align: right;
}

.classifieds-wrapper .rejected {
  color: #ff0000;
}

.classifieds-wrapper .waiting {
  color: #C5AB00;
}

.classifieds-wrapper .approved {
  color: #38B188;
}

.wrapper-details {
  max-width: 1205px;
}

.wrapper-details .go-back {
  font-weight: 500;
}

.wrapper-details .download-report {
  border-radius: 4px;
  max-width: 170px;
  width: 100%;
  height: 30px;
  padding: 0 10px;
}

.wrapper-details .download-report svg {
  font-size: 14px;
}

.wrapper-details .download-report p {
  font-size: 16px;
  font-weight: 500;
}

.wrapper-details img {
  width: 100%;
  max-width: 950px;
  height: auto;
}

.wrapper-details .chart-controls {
  margin-top: 12px;
  height: 100%;
  margin-left: 15px;
}

@media (max-width: 1500px) {
  .wrapper-details .chart-controls {
    width: 100%;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    margin-left: 0;
  }
}

@media (max-width: 992px) {
  .wrapper-details .chart-controls {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.wrapper-details .chart-controls .chart-control-btn {
  position: relative;
  width: 200px;
  height: 25%;
  background-color: #f3ecfe;
  border-radius: 6px;
  border: none;
  padding: 20px;
  margin-bottom: 12px;
}

@media (max-width: 1500px) {
  .wrapper-details .chart-controls .chart-control-btn {
    width: 100%;
    height: auto;
    margin-right: 10px;
    margin-bottom: 0;
  }
}

@media (max-width: 992px) {
  .wrapper-details .chart-controls .chart-control-btn {
    width: 48%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media (max-width: 414px) {
  .wrapper-details .chart-controls .chart-control-btn {
    width: 100%;
    padding: 10px;
  }
}

.wrapper-details .chart-controls .chart-control-btn .subtitle {
  color: #785ea1;
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 15px;
}

@media (max-width: 576px) {
  .wrapper-details .chart-controls .chart-control-btn .subtitle {
    padding-bottom: 8px;
  }
}

.wrapper-details .chart-controls .chart-control-btn .value {
  color: #3a3a3a;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .wrapper-details .chart-controls .chart-control-btn .value {
    font-size: 20px;
  }
}

.wrapper-details .chart-controls .chart-control-btn .value span {
  display: block;
  color: #3a3a3a;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

@media (max-width: 768px) {
  .wrapper-details .chart-controls .chart-control-btn .value span {
    font-size: 16px;
  }
}

.wrapper-details .chart-controls .active-label {
  color: #ffffff !important;
}

.wrapper-details .chart-controls .active-card {
  background-color: #b387f8;
}

.classifieds-details-chart {
  margin-top: 20px;
}

@media (max-width: 1500px) {
  .classifieds-details-chart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.classifieds-details-chart .select2-selection.select2-selection--single {
  border: none;
  background: transparent;
  float: right;
  margin-right: 10px;
  font-size: 20px;
  color: #8A8A8A;
  font-weight: 500;
}

@media (max-width: 414px) {
  .classifieds-details-chart .select2-selection.select2-selection--single {
    font-size: 16px;
  }
}

.title-details-page {
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
  margin: 20px 25px;
}

@media (max-width: 414px) {
  .title-details-page {
    font-size: 18px;
    margin: 10px 15px;
  }
}

.deactivate-menu {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  background: #ffffff;
  height: 102%;
  z-index: 3;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 3px rgba(23, 23, 23, 0.25);
          box-shadow: 0 0 3px rgba(23, 23, 23, 0.25);
  display: none;
  padding: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.deactivate-menu p {
  font-size: 28px;
  color: #775ca7;
  font-weight: 500;
  text-align: center;
  line-height: 120%;
  margin-bottom: 15px;
}

@media (max-width: 414px) {
  .deactivate-menu p {
    font-size: 24px;
  }
}

.deactivate-menu .buttons-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 414px) {
  .deactivate-menu .buttons-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.deactivate-menu .buttons-group a,
.deactivate-menu .buttons-group button {
  width: 150px;
  background: #775ca7;
  color: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
}

.deactivate-menu .buttons-group a {
  margin-right: 20px;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 414px) {
  .deactivate-menu .buttons-group a {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.wrapper-main-page {
  background-color: #f5f5f5;
  height: 100%;
}

.wrapper-main-page .dashboard-title {
  font-size: 26px;
  font-weight: 700;
  color: #292929;
  padding: 20px 0;
  text-transform: uppercase;
}

.wrapper-main-page .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1400px) {
  .wrapper-main-page .content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.wrapper-main-page .content .vertical-content-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 31.9%;
  width: 100%;
}

@media (max-width: 1400px) {
  .wrapper-main-page .content .vertical-content-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 25px;
    width: 99%;
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .wrapper-main-page .content .vertical-content-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 768px) {
  .wrapper-main-page .content .vertical-content-info {
    padding-top: 0;
    width: 100%;
  }
}

.wrapper-main-page .content .vertical-content-info .item {
  padding: 18px 15px;
  border-radius: 6px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(23, 23, 23, 0.5);
          box-shadow: 0 0 3px rgba(23, 23, 23, 0.5);
  margin-bottom: 15px;
  width: 100%;
}

@media (max-width: 1400px) {
  .wrapper-main-page .content .vertical-content-info .item {
    margin-bottom: 0;
    margin-right: 10px;
  }
}

@media (max-width: 992px) {
  .wrapper-main-page .content .vertical-content-info .item {
    margin-bottom: 15px;
    margin-right: 0;
    max-width: 100%;
  }
}

.wrapper-main-page .content .vertical-content-info .item .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
}

.wrapper-main-page .content .vertical-content-info .item .head svg {
  font-size: 26px;
  color: #808080;
}

.wrapper-main-page .content .vertical-content-info .item .head .title {
  font-size: 36px;
  font-weight: normal;
  color: #292929;
  line-height: 100%;
}

.wrapper-main-page .content .vertical-content-info .item .content-analyt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper-main-page .content .vertical-content-info .item .content-analyt ul .nav-item-analytic {
  border-bottom: none;
}

.wrapper-main-page .content .vertical-content-info .item .content-analyt ul .nav-item-analytic a {
  text-decoration: none;
  color: #8c8c8c;
  font-size: 18px;
  font-weight: 600;
  background: transparent;
  border: none;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .vertical-content-info .item .content-analyt ul .nav-item-analytic a {
    padding: 0 !important;
  }
}

.wrapper-main-page .content .vertical-content-info .item .content-analyt ul .nav-item-analytic .active {
  color: #b185ff;
}

@media (max-width: 1400px) {
  .wrapper-main-page .content .vertical-content-info .item .content-analyt #myTabContent img {
    max-width: 380px;
    height: auto;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .wrapper-main-page .content .vertical-content-info .item .content-analyt #myTabContent img {
    max-width: 100%;
  }
}

.wrapper-main-page .content .vertical-content-info .item .donation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 412px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.wrapper-main-page .content .vertical-content-info .item .donation-content .left {
  font-size: 16px;
  width: 33%;
}

@media (max-width: 992px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .left {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .left {
    font-size: 16px;
  }
}

@media (max-width: 568px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .left {
    width: 45%;
  }
}

@media (max-width: 412px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .left {
    width: 100%;
  }
}

.wrapper-main-page .content .vertical-content-info .item .donation-content .left .title {
  color: #292929;
  font-weight: 600;
}

.wrapper-main-page .content .vertical-content-info .item .donation-content .left .value {
  color: #b185ff;
  padding-bottom: 8px;
  font-weight: 700;
}

.wrapper-main-page .content .vertical-content-info .item .donation-content .right {
  background-color: #F3ECFF;
  padding: 20px 20px 25px 20px;
  width: 63%;
}

@media (max-width: 568px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .right {
    width: 55%;
    padding: 10px 15px 15px 15px;
  }
}

@media (max-width: 412px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .right {
    width: 100%;
  }
}

.wrapper-main-page .content .vertical-content-info .item .donation-content .right .title {
  font-weight: 600;
  font-size: 16px;
  color: #b185ff;
  padding-bottom: 12px;
}

@media (max-width: 992px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .right .title {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .right .title {
    font-size: 16px;
  }
}

.wrapper-main-page .content .vertical-content-info .item .donation-content .right .account-donation {
  color: #292929;
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
}

@media (max-width: 992px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .right .account-donation {
    font-size: 26px;
    line-height: 110%;
  }
}

@media (max-width: 768px) {
  .wrapper-main-page .content .vertical-content-info .item .donation-content .right .account-donation {
    font-size: 20px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 68%;
}

@media (max-width: 1400px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info {
  border-radius: 6px;
  padding: 18px 15px;
  -webkit-box-shadow: 0 0 3px rgba(23, 23, 23, 0.5);
          box-shadow: 0 0 3px rgba(23, 23, 23, 0.5);
  width: 33%;
  height: 549px;
  margin-right: 10px;
  background-color: #ffffff;
}

@media (max-width: 992px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info {
    margin-bottom: 15px;
    max-width: 315px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info {
    max-width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info {
    height: 479px;
    padding: 14px 12px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 30px;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info .head {
    padding-bottom: 15px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .head svg {
  font-size: 26px;
  color: #808080;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info .head svg {
    font-size: 20px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .head .title {
  font-size: 36px;
  font-weight: normal;
  color: #292929;
  line-height: 100%;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info .head .title {
    font-size: 26px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .info-item {
  background: #F3ECFF;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  border-radius: 4px;
  height: 53px;
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .info-item .info-label {
  text-transform: uppercase;
  font-size: 15px;
  color: #292929;
  font-weight: 500;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .info-item .info-label {
    font-size: 13px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .info-item .value {
  color: #292929;
  font-weight: 800;
  font-size: 28px;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .info-item .value {
    font-size: 22px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .other-info {
  margin-left: 15px;
  border-bottom: 1px solid #f4f4f4;
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .other-info .subtitle {
  color: #292929;
  font-size: 18px;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .other-info .subtitle {
    font-size: 16px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .other-info .info {
  padding-bottom: 17px;
  font-weight: 700;
  font-size: 16px;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .other-info .info {
    font-size: 14px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .info-item:first-child {
  background: #ff6464;
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .info-item:first-child .info-label {
  color: #ffffff;
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .info .info-item:first-child .value {
  color: #ffffff;
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .footer .more-information {
  margin-left: 15px;
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .footer .more-information .title {
  color: #292929;
  font-size: 18px;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info .footer .more-information .title {
    font-size: 16px;
  }
}

.wrapper-main-page .content .dashboard-main-card-wrapper .content-info .footer .more-information .content .info {
  padding-bottom: 17px;
  font-weight: 700;
  font-size: 16px;
}

@media (max-width: 375px) {
  .wrapper-main-page .content .dashboard-main-card-wrapper .content-info .footer .more-information .content .info {
    font-size: 14px;
  }
}

.green-c {
  color: #4cb6ac !important;
}

.purpure-c {
  color: #b185ff !important;
}

.dashboard-main-menu .right-nav {
  display: none;
}

.content-info:first-child .tags {
  background: #dac5ff;
  color: #373737 !important;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  width: 17%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  padding: 0 !important;
  padding-right: 10px !important;
}

@media (max-width: 414px) {
  .content-info:first-child .tags {
    width: 22%;
  }
}

.dropleft.dashboard-dropleft .settings:hover {
  -webkit-animation: fa-spin 2s linear infinite;
          animation: fa-spin 2s linear infinite;
  color: #707070;
}

.dropleft.dashboard-dropleft .dropdown-menu {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #d8d8d8;
  border-radius: 6px;
  padding: 0;
}

.dropleft.dashboard-dropleft .dropdown-menu .dropdown-item {
  font-size: 18px;
  font-weight: 500;
  outline: none;
}

.dropleft.dashboard-dropleft .dropdown-menu .dropdown-item:focus {
  background-color: #b185ff;
}

.dropleft.dashboard-dropleft .dropdown-menu .dropdown-item:first-child:hover {
  border-radius: 6px 6px 0 0;
}

.dropleft.dashboard-dropleft .dropdown-menu .dropdown-item:last-child:hover {
  border-radius: 0 0 6px 6px;
}

.dropleft.dashboard-dropleft .dropdown-menu .dropdown-item:not(:last-child) {
  border-bottom: solid 1px #d8d8d8;
}

.dashboard-table .info-header {
  padding: 15px 30px;
}

.dashboard-table .wrapper-info-items .info-item {
  padding: 15px 30px;
  border-radius: 6px;
  border: solid 1px #d8d8d8;
  background-color: #f5f5f5;
  margin-bottom: 10px;
}

.dashboard-table .wrapper-mobile-info .item {
  border-radius: 6px;
  border: solid 1px #d8d8d8;
  background-color: #f5f5f5;
  padding: 0 10px;
}

.dashboard-table .wrapper-mobile-info .item .wrapper-row {
  padding: 10px 0;
}

.dashboard-table .wrapper-mobile-info .item .wrapper-row:not(:last-child) {
  border-bottom: solid 1px #d8d8d8;
}

.dashboard-table .wrapper-mobile-info .item .wrapper-row .avatar {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.dashboard-table .wrapper-mobile-info .description {
  text-align: right;
}