@import url(https://fonts.googleapis.com/css?family=Inter:300,400,400italic,700,700italic);.setting-box .download-format:last-child {
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0;
}

.setting-box .download-format:not(:last-child) {
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 13px;
}
.settings-buttons span .icon {
  background-position: 0 -7px;
  width: 14px;
  height: 5px;
}

.setting-box.settings-buttons.downloader-buttons-move {
  padding: 0;
}

.setting-box.settings-buttons.downloader-buttons-move span {
  padding: 3px 5px 3px 5px;
}
.setting-box .size .form-control {
  width: 75px;
}
body.side-panel-show #download-panel.side-box {
  position: relative;
}

/*#download-panel .background-editor .background-editor-sliders*/
/*height: 35px*/
.side-box.active.l0 {
  left: 0;
}

.downloader-preview.width-80p {
  width: 80%;
}
.editor-nav--video-tutorial-btn {
  color: #A5B0C4;
  text-decoration: none !important;
}

.editor-nav--video-tutorial-btn:hover {
  color: #48B9FF;
}
.editor-logo-tab .setting-title {
  padding: 17px;
}
#shape-settings-panel .setting-title {
  padding: 17px;
}
.editor-text-tab .setting-title {
  padding: 17px;
}

.editor-text-tab .setting-box .next-link {
  padding-right: 0;
}
.company-view-box-buttons .btn {
  padding: 10px 20px;
}

@media (min-height: 995px) {
  .company-view-box-buttons .btn {
    padding: 10px 25px;
  }
}
#desktop-generator-container {
  margin-top: -10px;
}

#desktop-generator-container .rows-container {
  padding: 15px 5px 15px 5px;
  margin: auto;
}
.active-stops-color-box {
  margin-top: 12px;
}

.active-stops-color-box .active-stops-color-box-item {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  border: solid 1px #e7ecf7;
  display: inline-block;
  cursor: pointer;
  margin-right: 12px;
}
.active-stops-color-box {
  margin-top: 12px;
}

.active-stops-color-box .active-stops-color-box-item {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  border: solid 1px #e7ecf7;
  display: inline-block;
  cursor: pointer;
  margin-right: 12px;
}
.popover .tip-box:before {
  content: none;
}

.w280 {
  width: 280px;
}

.box.pr {
  position: relative;
}

.tip-skip-btn {
  color: #48b9ff;
  text-decoration: none;
}

.margin-right-10 {
  margin-right: 10px;
}
@charset "UTF-8";
.mt-5 {
  margin-top: 5px;
}

#logo-s-p .popup {
  padding: 40px;
}

#logo-s-p.popup-table {
  display: inline-block;
  max-width: 460px;
  min-width: 300px;
  width: 100%;
  color: #74747a;
}

.logo-s-p-inner h3 {
  font-size: 18px;
  color: #4a4a51;
  font-weight: 500;
}

.input-box a {
  color: #48b9ff;
  text-decoration: none;
}

.input-box a:hover {
  text-decoration: underline;
}

.terms {
  margin-top: 15px !important;
  font-size: 14px;
  color: #b6b9ba;
}

.terms a {
  color: #48b9ff;
  text-decoration: none;
}

.terms a:hover {
  text-decoration: underline;
}

.input-checkbox {
  margin: 0;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 17px;
  height: 17px;
  cursor: pointer;
  background: white;
  border: 1px solid #ced4d9;
  border-radius: 2px;
}

.input-checkbox:checked {
  background: #4bcfcf;
  border-color: #4bcfcf;
}

.input-checkbox:before {
  color: white;
  content: '\2713';
}
#p_email_confirm {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  background: rgba(0, 0, 0, 0.1) !important;
}

#p_email_confirm .popup-table {
  max-width: 350px;
  min-width: 300px;
  padding-top: 150px;
  width: 100%;
  color: #74747a;
}

#p_email_confirm .popup {
  padding: 15px;
}

.p_email_confirm-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.p_email_confirm-inner h3 {
  font-size: 14px;
  color: #4a4a51;
  font-weight: 500;
  margin-bottom: 10px !important;
}

.p_email_confirm-inner-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.p_email_confirm-cancel {
  font-size: 14px !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: #a8a8ac !important;
}

.p_email_confirm-cancel:hover {
  box-shadow: 0 6px 10px 0 rgba(122, 181, 249, 0.4) !important;
}
.popover-promo-emails-mobile {
  position: absolute;
  background: white;
  padding: 15px;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  left: 0;
  right: 0;
  top: 90px;
  border: 1px solid #e0e7f7;
  border-radius: 6px;
  z-index: 9999999;
}

.popover-promo-emails-mobile-buttons-submit-inner {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row !important;
      flex-direction: row !important;
}

.popover-promo-emails-mobile-buttons-cancel {
  -ms-flex-pack: center !important;
      justify-content: center !important;
  width: 100% !important;
  background: #FFFFFF !important;
  color: #0C5EFF !important;
}

.popover-promo-emails-mobile-buttons-accept {
  width: 100% !important;
}
.downloader-slider-scale .zoom-range {
  width: 100%;
  margin: 18px 0;
}
@font-face {
  font-family: 'icomoon';
  src:  url(icomoon-ac5619.eot);
  src:  url(icomoon-ac5619.eot#iefix) format('embedded-opentype'),
  url(icomoon-7ca1c8.ttf) format('truetype'),
  url(icomoon-07e538.woff) format('woff'),
  url(icomoon-5382a3.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-refresh2:before {
  content: "\E900";
  color: #fff;
}
.icon-add:before {
  content: "\E901";
}
.icon-arrow-left:before {
  content: "\E902";
}
.icon-category:before {
  content: "\E903";
}
.icon-colors:before {
  content: "\E904";
}
.icon-download:before {
  content: "\E905";
}
.icon-search:before {
  content: "\E906";
}
.icon-settings:before {
  content: "\E907";
}
.icon-text:before {
  content: "\E908";
}
.icon-upload:before {
  content: "\E909";
}
.icon-wish:before {
  content: "\E90A";
}
.icon-italic:before {
  content: "\E90B";
}
.icon-bold:before {
  content: "\E90C";
}
.icon-arrow-right:before {
  content: "\E90D";
}
.icon-tabs:before {
  content: "\E90E";
}
.icon-view:before {
  content: "\E90F";
}
.icon-up:before {
  content: "\E910";
}
.icon-down:before {
  content: "\E911";
}
.icon-trash:before {
  content: "\E912";
}
.icon-pencil:before {
  content: "\E913";
}
.icon-close:before {
  content: "\E914";
}
.icon-undo:before {
  content: "\E915";
}
.icon-redo:before {
  content: "\E916";
}
.icon-full-screen:before {
  content: "\E917";
}
.icon-zoom-out:before {
  content: "\E918";
}
.icon-zoom-in:before {
  content: "\E919";
}
.icon-see:before {
  content: "\E91A";
}
.icon-fс:before {
  content: "\E91B";
}
.icon-ggpl:before {
  content: "\E91C";
}
.icon-car:before {
  content: "\E91D";
}
.icon-cat-icon-6:before {
  content: "\E91E";
}
.icon-cat-icon-7:before {
  content: "\E91F";
}
.icon-cat-icon-8:before {
  content: "\E920";
}
.icon-cat-icon-9:before {
  content: "\E921";
}
.icon-cat-icon-10:before {
  content: "\E922";
}
.icon-cat-icon-11:before {
  content: "\E923";
}
.icon-cat-icon-12:before {
  content: "\E924";
}
.icon-cat-icon-13:before {
  content: "\E925";
}
.icon-chat:before {
  content: "\E926";
}
.icon-figure:before {
  content: "\E927";
}
.icon-help:before {
  content: "\E928";
}
.icon-settings-2:before {
  content: "\E929";
}
.icon-user:before {
  content: "\E92A";
}
.icon-cat-icon:before {
  content: "\E92B";
}
.icon-cat-icon-2:before {
  content: "\E92C";
}
.icon-cat-icon-3:before {
  content: "\E92D";
}
.icon-cat-icon-4:before {
  content: "\E92E";
}
.icon-cat-icon-5:before {
  content: "\E92F";
}
.icon-mail:before {
  content: "\E930";
}
.icon-lock:before {
  content: "\E931";
}
.icon-gallery:before {
  content: "\E932";
}
.icon-check:before {
  content: "\E933";
}
body.compensate-for-scrollbar {
  overflow: hidden; }

.fancybox-active {
  height: auto; }

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

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

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

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

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

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997; }

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

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

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

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

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

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

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

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

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

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

.fancybox-slide--html {
  padding: 6px; }

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-slide--iframe .fancybox-content {
  background: #fff; }

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

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0; }

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

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

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

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

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

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

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

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

/* Fix IE11 */
.fancybox-button div {
  height: 100%; }

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

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

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

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none; }

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

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401; }

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

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

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

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

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

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

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0; }

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0;
  text-align: center;
  z-index: 99996; }

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -44px;
  z-index: -1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

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

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

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

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

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

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

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

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-caption {
    padding: 12px; }
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px; }
  .fancybox-slide--image {
    padding: 6px 0; }
  .fancybox-close-small {
    right: -6px; }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px); } }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;font-size:100%;}
ol, ul{list-style:none;}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,time{display:block;}
/********************/


/*===========================================================================
MAIN STYLE
===========================================================================*/
body{font-size:16px;color:#4a4a51;font-family: 'Roboto', sans-serif; line-height: 1.3; background-color: #ebedf1;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

::-webkit-input-placeholder{color: #74747a; font-family: 'Roboto', sans-serif; font-size: 16px;}
::-moz-placeholder{color: #74747a; font-family: 'Roboto', sans-serif; font-size: 16px;}
:-ms-input-placeholder{color: #74747a; font-family: 'Roboto', sans-serif; font-size: 16px;}
:-moz-placeholder{color: #74747a; font-family: 'Roboto', sans-serif; font-size: 16px;}


img{max-width:100%;height:auto;}
.pull-left{float:left;}
.pull-right{float:right;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}


a{color: #48b9ff; text-decoration: none;}
a:not(.btn):hover{text-decoration: underline;}

h3{font-size: 18px; color: #4a4a51; font-weight: 500;}

.row{margin-left: -20px;margin-right: -20px;}
.row-small{margin-left: -15px;margin-right: -15px;}
.row:before, .row:after, .row-small:before, .row-small:after{content:" ";display:table;}
.row:after, .row-small:after{clear:both;}

.row div[class*=col-]{float: left;padding-left: 20px;padding-right: 20px;}
.row-small div[class*=col-]{float: left;padding-left: 15px;padding-right: 15px;}

.col-1{width: 100%;}
.col-2{width: 50%;}
.col-3{width: 33.333%;}
.col-4{width: 25%;}
.col-2-3{width: 66.666%;}


.pt-0{padding-top: 0px!important;}
.pb-0{padding-bottom: 0px!important;}
.pt-1{padding-top: 10px!important;}
.pb-1{padding-bottom: 10px!important;}
.pt-2{padding-top: 20px!important;}
.pb-2{padding-bottom: 20px!important;}
.pt-3{padding-top: 30px!important;}
.pb-3{padding-bottom: 30px!important;}
.pt-4{padding-top: 40px!important;}
.pb-4{padding-bottom: 40px!important;}
.pt-5{padding-top: 50px!important;}
.pb-5{padding-bottom: 50px!important;}
.pt-6{padding-top: 60px!important;}
.pb-6{padding-bottom: 60px!important;}
.pt-7{padding-top: 70px!important;}
.pb-7{padding-bottom: 70px!important;}
.pt-8{padding-top: 80px!important;}
.pb-8{padding-bottom: 80px!important;}


.m-auto{margin: auto!important;}
.mt-0{margin-top: 0px!important;}
.mb-0{margin-bottom: 0px!important;}
.mt-1{margin-top: 10px!important;}
.mb-1{margin-bottom: 10px!important;}
.mt-2{margin-top: 20px!important;}
.mt-15{margin-top: 15px!important;}
.mb-2{margin-bottom: 20px!important;}
.mt-3{margin-top: 30px!important;}
.mb-3{margin-bottom: 30px!important;}
.mt-4{margin-top: 40px!important;}
.mb-4{margin-bottom: 40px!important;}
.mt-5{margin-top: 50px!important;}
.mb-5{margin-bottom: 50px!important;}
.mt-6{margin-top: 60px!important;}
.mb-6{margin-bottom: 60px!important;}
.mt-7{margin-top: 70px!important;}
.mb-7{margin-bottom: 70px!important;}
.mt-8{margin-top: 80px!important;}
.mb-8{margin-bottom: 80px!important;}




.wrapper{width:100%;min-width:900px;position: relative; padding-top: 60px; padding-left: 92px; min-height: 100vh;}
.btn{font-size:16px;padding:10px 25px;color:#fff;text-align:center;display:inline-block;border-radius:5px;font-weight:normal; border: none; line-height: 1.3; cursor: pointer; text-decoration: none!important; background-color: #48b9ff; box-shadow: 0px 6px 20px 0 rgba(122, 181, 249, 0.4);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.btn:hover{background-color: #48cdff;}



.btn-gray{background-color: #a5b0c4;}
.btn-gray:hover{background-color: #b6c2d9;}

.btn-yellow{background-color: #ffab24; box-shadow: 0px 6px 20px 0 rgba(241, 160, 43, 0.4);}
.btn-yellow:hover{background-color: #ffa30f;}

.btn-dark-blue{background-color: #6788ce; box-shadow: 0px 6px 20px 0 rgba(103, 136, 206, 0.3);}
.btn-dark-blue:hover{background-color: #6690ea;}

.btn-orange{background-color: #e75c3c; box-shadow: 0px 6px 20px 0 rgba(231, 92, 60, 0.3);}
.btn-orange:hover{background-color: #fb613e;}



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

.btn i{font-size: 17px; vertical-align: -2px;}
.btn i.first{margin-right: 15px;}
.btn i.last{margin-left: 15px;}



.form-control{height: 40px; border: 1px solid #e7ecf7; background-color: #fff; background-color: #fff; padding: 5px 15px; border-radius: 5px; width: 100%; font-size: 16px; color: #4a4a51;}
.form-control:focus, .form-control:hover{border-color: #48b9ff; outline: none;}

.dropdown-toggle{height: 40px; border: 1px solid #e7ecf7; background-color: #fff; padding: 5px 12px; border-radius: 5px; width: 100%; text-align: left; font-size: 16px; color: #74747a; cursor: pointer;}
.dropup,
.dropdown {position: relative;}
.dropdown button.dropdown-toggle:hover {color: #47b9ff}
.dropdown-toggle:focus {outline: 0;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;width: 100%;display: none;float: left;min-width: 0;padding: 0;margin: -1px 0 0;list-style: none;font-size: 14px;text-align:left;background-color: #ffffff;border: 1px solid #e7ecf7;border-radius: 5px;}

.dropdown .caret{position: absolute;top: 50%; right: 12px; margin-top: -2.5px;}
.dropdown .caret:before{content: ''; width: 0; display: block;height: 0;border-style: solid;border-width: 5px 4px 0 4px;border-color: #4a4a51 transparent transparent transparent;}
.dropdown.open .caret:before{content: ''; width: 0; display: block;height: 0;border-style: solid;border-width: 0 4px 5px 4px;border-color: transparent transparent #4a4a51 transparent;}
.dropdown:hover .caret:before{border-color: #48b9ff transparent transparent transparent;}
.dropdown.open:hover .caret:before{border-color: transparent transparent #48b9ff transparent;}

.dropdown-menu .divider {height: 1px;margin: 0;overflow: hidden;background-color: #e7ecf7;}
.dropdown-menu > li > a {display: block;padding: 10px 12px;clear: both;font-weight: normal;white-space: nowrap;text-decoration: none!important;color: #74747a; font-size: 16px;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {text-decoration: none;color: #fff;background-color: #8cd3fe;}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {color: #ffffff;text-decoration: none;outline: 0;background-color: #8cd3fe;}
.open > .dropdown-menu {display: block;}
.open > a {outline: 0;}
.dropup .dropdown-menu {top: auto;bottom: 100%;margin-bottom: 2px;}

.dropdown-show{display: block !important;}

.logos-dropdown .dropdown-toggle{height: 52px;border-radius: 0;border-right: none; margin-top: -1px; padding: 5px 40px 5px 20px; color: #4a4a51;}
.dropdown-img{vertical-align: middle;float: left;border-radius: 5px;border: 1px solid #e7ecf7;height: 40px;width: 52px;padding: 4px;}
.dropdown-text{float: right; line-height: 41px;}
.logos-dropdown .caret{right: 20px; margin-top: -5px;}
.logos-dropdown .dropdown-menu{max-height: 165px;overflow-y: auto; padding-top: 8px;}
.logos-dropdown .dropdown-menu li{clear: both;overflow: hidden;padding: 4px 30px 4px 20px; font-size: 16px; color: #4a4a51; cursor: pointer;}
.logos-dropdown .dropdown-menu li:hover{color: #48b9ff;}
.logos-dropdown .dropdown-menu li:hover .dropdown-img{border-color: #48b9ff;}
.logos-dropdown.open .dropdown-toggle{background-color: #f2f4f7;}

/* .font-dropdown .dropdown-menu li{clear: both;overflow: hidden;padding: 4px 30px 4px 20px; font-size: 16px; color: #4a4a51; cursor: pointer;}
.font-dropdown .dropdown-menu li:hover{color: #48b9ff;}
.font-dropdown .dropdown-menu li:hover .dropdown-img{border-color: #48b9ff;} */

.input-box{position: relative;display: block;}
.input-icon{position: absolute;top: 50%; right:0; width: 40px; text-align: center; color: #a5b0c4; margin-top: -11px; line-height: 1.6;}
.input-box.with-icon .form-control{padding-right: 40px;}
.input-box.focus-input .input-icon{color: #48b9ff;}

/* Base for span styling */
.custom-checkbox{display: block; text-align: left;}
.custom-checkbox + .custom-checkbox{margin-top: 7px;}
.custom-checkbox [type="checkbox"]:not(:checked), .custom-checkbox [type="checkbox"]:checked {position: absolute;left: -9999px; }
.custom-checkbox [type="checkbox"]:not(:checked) + span, .custom-checkbox [type="checkbox"]:checked + span {position: relative;padding-left: 30px;font-size: 14px;font-weight: normal;color: #74747a;cursor: pointer;line-height: 1.6;margin: 0;min-height: 17px;vertical-align: middle; }

/* checkbox aspect */
.custom-checkbox [type="checkbox"]:not(:checked) + span:before, .custom-checkbox [type="checkbox"]:checked + span:before {content: '';position: absolute;left: 0;top: -1px;width: 16px;height: 16px;border: 1px solid #e7ecf7;background: #fff;border-radius: 5px; }
.custom-checkbox [type="checkbox"]:checked + span:before { border-color: #e7ecf7;content: '\E933';font-family: 'icomoon' !important; color: #48b9ff; font-size: 7px;line-height: 14px; text-align: center;}
.custom-checkbox [type="checkbox"] + span:hover:before {border-color: #48b9ff;}

/* checked mark aspect changes */
.custom-checkbox [type="checkbox"]:not(:checked) + span:after { opacity: 0; transform: scale(0); }
.custom-checkbox [type="checkbox"]:checked + span:after {opacity: 1;transform: scale(1);background-color: #48b9ff; }

/* disabled checkbox */
.custom-checkbox [type="checkbox"]:disabled:not(:checked) + span:before, .custom-checkbox [type="checkbox"]:disabled:checked + span:before {opacity: 0.7;}
.custom-checkbox [type="checkbox"]:disabled:checked + span:after {opacity: 0.7;}
.custom-checkbox [type="checkbox"]:disabled + span {opacity: 0.7;}




::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background-color: #d2d7e1;
}

::-webkit-scrollbar-thumb {
	background-color: #48b9ff;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #48cdff;cursor: pointer;
}



.close-btn{position: absolute; top: 50%; right: 20px; font-size: 17px; color: #a5b0c4;margin-top: -8.5px;}
.close-btn:hover{color: #48b9ff;}

.box{background-color: #fff; border-radius: 10px; box-shadow: 0px 5px 30px 0 rgba(122, 181, 249, 0.33); padding: 40px; position: relative;}
.box:hover{box-shadow: 0px 5px 30px 0 rgba(122, 181, 249, 0.51);}


.pagination{position: absolute;bottom: 34px; left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.pagination-btn.disabled{background-color: transparent!important; box-shadow: none; color: #74747a!important;}
.pagination-btn{margin-left: 10px;}
.pagination-btn:first-child{margin-left: 0;}

.pagination-btn.btn.btn-link:hover {text-decoration: underline !important;}
.pagination-btn.btn.btn-link {font-size: 16px;padding: 10px 0;color: #74747a;text-align: center;display: inline-block;border-radius: 5px;font-weight: normal;border: none;line-height: 1.3;cursor: pointer;text-decoration: none !important;text-transform: none;letter-spacing: 0;height: 40px;background: none;transition: all .3s ease-in-out;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
@media screen and (max-width: 1090px){.pagination-btn.btn {padding: 10px 5px;}}

.switch{display: inline-block;vertical-align: middle;}
.switch input {position: absolute !important;margin-left: -9999px;visibility: hidden; }
.switch input + label {display: block;position: relative;cursor: pointer;outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.switch input + label {padding: 1px;width: 48px;height: 26px;background-color: #a5b0c4;border-radius: 28px;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}
.switch input + label:after {display: block;position: absolute;content: "";}

.switch input + label:after {top: 3px;left: 3px;bottom: 3px;width: 20px;background-color: #fff;border-radius: 50%;
	-webkit-transition: margin 0.4s, background 0.4s;
	-moz-transition: margin 0.4s, background 0.4s;
	-o-transition: margin 0.4s, background 0.4s;
	transition: margin 0.4s, background 0.4s;
}
.switch input:checked + label {background-color: #48b9ff;}
.switch input:checked + label:after {margin-left: 22px;background-color: #fff;}

.switch-label{font-size: 16px;color: #74747a; vertical-align: middle;margin-left: 5px;}


.range-slider {height: 4px;background-color: #a5b0c4;width: 180px;margin: 15px 0;position: relative;}
.range-slider .ui-slider-handle {width: 20px;height: 20px;border-radius: 50%;cursor: move;display: block;margin-top: -9.5px;box-shadow: 0px 4px 8px 0 rgba(122, 181, 249, 0.4);background-color: #48b9ff;position: absolute;outline: none;}
.range-slider .ui-slider-handle:active {background-color: #48b9ff;}
.range-slider .ui-slider-range {position: absolute;background-color: #48b9ff; height: 4px;}



.btn.disabled{background-color: #d6dbe5;}


.tip-box{width: 360px;box-shadow: 0 0 21px 0 rgba(76, 144, 238, 0.27); padding: 30px 30px 20px; color: #74747a; line-height: 1.4; border-radius: 5px; position: relative;}
.tip-box:hover{box-shadow: 0 0 21px 0 rgba(76, 144, 238, 0.27);}
.tip-box:before{content: '';width: 0;height: 0;border-style: solid;border-width: 4.5px 7px 4.5px 0;border-color: transparent #fff transparent transparent; position: absolute; top: 30px; left: -7px;}


.tip-box strong{font-weight: 600;}

.tip-buttons{padding-top: 30px;}


.tip-skip-btn{margin-top: 10px;}

/*===========================================================================
END MAIN STYLE
===========================================================================*/


/*===========================================================================
SIDE PANEL
===========================================================================*/
.side-panel{
	overflow-y: auto;
	width: 92px; position: fixed; left: 0;bottom: 0;top: 0; z-index: 10; text-align: center;
	background: rgb(72,185,255);
	background: -moz-linear-gradient(top, rgba(72,185,255,1) 0%, rgba(142,134,239,1) 100%);
	background: -webkit-linear-gradient(top, rgba(72,185,255,1) 0%,rgba(142,134,239,1) 100%);
	background: linear-gradient(to bottom, rgba(72,185,255,1) 0%,rgba(142,134,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48b9ff', endColorstr='#8e86ef',GradientType=0 );
}

.logo{width: 32px; display: block;margin: 15px auto;}


.side-box{width: 265px; position: fixed;left: -265px; top: 60px;bottom: 0; overflow: auto; background-color: #fff; z-index: 2;box-shadow: 0 0 21px 0 rgba(76, 144, 238, 0.27);}
.side-box.active{left: 92px;}



/*===========================================================================
END SIDE PANEL
===========================================================================*/


/*===========================================================================
HEADER
===========================================================================*/
.header{position: absolute;top: 0;left: 0;right: 0; padding-left: 104px; height: 60px; background-color: #fff; z-index: 9; box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27); line-height: 60px; min-width: 1100px;}


.header .switch-label{margin-right: 18px;}

.side-menu{margin-top: 15px;}
@media (min-height: 580px) {
	.side-menu{margin-top: 100px;}
}
@media screen and (min-height: 570px) and (max-height: 579px) {
	.side-menu{margin-top: 90px;}
}
@media screen and (min-height: 560px) and (max-height: 569px) {
	.side-menu{margin-top: 75px;}
}
@media screen and (min-height: 550px) and (max-height: 559px) {
	.side-menu{margin-top: 70px;}
}
@media screen and (min-height: 540px) and (max-height: 549px) {
	.side-menu{margin-top: 60px;}
}
@media screen and (min-height: 530px) and (max-height: 539px) {
	.side-menu{margin-top: 50px;}
}
@media screen and (min-height: 520px) and (max-height: 509px) {
	.side-menu{margin-top: 40px;}
}
@media screen and (min-height: 510px) and (max-height: 499px) {
	.side-menu{margin-top: 30px;}
}
@media screen and (min-height: 500px) and (max-height: 489px) {
	.side-menu{margin-top: 20px;}
}
.side-menu-link{padding: 16px 5px; display: block; color: #fff; text-decoration: none!important;}
/*.side-menu-link.active{padding: 20px 5px;}*/
.side-menu-link:hover{background-color: rgba(255,255,255,.2);}

.side-menu-link span{display: block; font-size: 12px; padding-top: 5px;}
.side-menu-link.active span{display: block; }



.company-name-box{width: 350px; margin-right: 8px; display: inline-block;}
.slogan-text-box{width: 250px; margin-right: 8px; display: inline-block;}


.user-menu{float: right;}
.user-menu li{float: left; border-left: 1px solid #e7ecf7;}
.user-link{padding: 15px; color: #a5b0c4;display: block; text-decoration: none!important; width: 80px; height: 60px; line-height: 30px; text-align: center;}
.user-link:hover{color: #48b9ff;}


.control-actions{border-left: 1px solid #e7ecf7; border-right: 1px solid #e7ecf7; display: inline-block; margin-right: 12px;}
.control-btn{height: 60px; display: inline-block; padding: 0 12px; cursor: pointer; font-size: 16px; color: #a5b0c4;}
.control-btn.disabled{color: rgba(168, 168, 168, 0.5);}
.control-btn i{margin-right: 5px;}
.control-btn:not(.disabled):hover{color: #48b9ff;}


.main-back-btn{line-height: 60px; display: inline-block; text-decoration: none!important; color: #48b9ff; font-size: 16px;margin-right: 12px;}
.main-back-btn i{margin-right: 8px; vertical-align: -2px;}

.main-back-btn span{border-bottom: 1px solid transparent;}
.main-back-btn:hover span{border-bottom-color: #48b9ff;}

/*===========================================================================
END HEADER
===========================================================================*/


/*===========================================================================
COLOR PANEL
===========================================================================*/
.color-example{width: 40px;height: 40px; border-radius: 50%; margin: 20px auto 0; display: block; cursor: pointer;}
.color-example.border{border: 1px solid #d2d7e1;}

.color-example:hover{box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27);}


#color-panel{width: 100px;}




/*===========================================================================
END COLOR PANEL
===========================================================================*/



/*===========================================================================
SEARCH PANEL
===========================================================================*/
.search-box{background-color: #fff;box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27); padding: 14px 50px 14px 14px; position: absolute; right: 0;left: 92px; top: -100px;
	-webkit-transition:top .3s ease-in-out;
	-moz-transition:top .3s ease-in-out;
	-o-transition:top .3s ease-in-out;
	transition:top .3s ease-in-out;
	z-index: 1;
}
.search-box.active{top: 60px;}
.search-input-box{width: 350px;margin-right: 8px; display: inline-block;}

.close-search-panel{}





/*===========================================================================
END SEARCH PANEL
===========================================================================*/


/*===========================================================================
COMPANY BOX
===========================================================================*/
.company-box{text-align: center;}
.company-edit-btn{display: none;}
.company-box:hover{cursor: pointer;}
.company-box:hover:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0; background-color: rgba(255,255,255,0.5);z-index: 1;}
.company-box:hover .company-edit-btn{display: block;position: absolute;z-index: 2;top: 50%;left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

}

.remove-company-box{top: 16px; right: 9px; z-index: 2;}



.company-view-box{text-align: center;box-shadow: 0 0 21px 0 rgba(76, 144, 238, 0.27); border-radius: 5px;}
.company-view-box:hover{box-shadow: 0 0 21px 0 rgba(76, 144, 238, 0.27);}
.company-view-box:hover .company-view-box-buttons{display: block;background-color: rgba(255, 255, 255, 0.5);box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27);transition:left 1.3s ease-in-out;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.company-view-box-buttons{position: absolute;text-align: center;margin: auto;display: none;width: 100%;height: calc(100%);top: 0;transition:left 1.3s ease-in-out}
.company-view-box-buttons .btn{margin-left: 6px;margin-right: 6px;top: 45%;position: relative;}

.wish-btn{padding-left: 16px; padding-right: 16px;}





/*===========================================================================
END COMPANY BOX
===========================================================================*/


/*===========================================================================
WISHLIST PANEL
===========================================================================*/
#wishlist-panel{padding: 20px 38px;}
#wishlist-panel .company-box{margin-bottom: 20px;}






/*===========================================================================
END WISHLIST PANEL
===========================================================================*/


/*===========================================================================
CATEGORIES
===========================================================================*/
.cat-list{}
.cat-list-item{padding-left: 73px;position: relative; display: flex; width: 100%;border-top: 1px solid #e7ecf7;align-items: center; min-height: 46px; color: #74747a;}
.cat-list-item:hover{color: #48b9ff; cursor: pointer;}
.cat-list-item:hover .cat-icon{color: #48b9ff;}
.cat-icon{position: absolute;top: 50%; left: 30px; font-size: 24px; color: #a5b0c4; margin-top: -14px;}

.cat-back-btn{display: block;padding: 17px 20px 13px 36px; color: #48b9ff; text-decoration: none!important; font-size: 16px; position: relative;}
.cat-back-btn span{border-bottom: 1px solid transparent;}
.cat-back-btn:hover span{border-bottom-color: #48b9ff;}
.cat-back-btn i{position: absolute;left: 16px; top: 50%; margin-top: -7px;}


/*===========================================================================
END CATEGORIES
===========================================================================*/

/*===========================================================================
GALLERY PANEL
===========================================================================*/
#gallery-panel{padding: 20px 20px 0;}
#gallery-panel .company-box {margin-bottom: 20px;}
#gallery-panel h3{margin-bottom: 15px; font-size: 16px;}
#gallery-panel .btn{margin-bottom: 20px;}





/*===========================================================================
END GALLERY PANEL
===========================================================================*/



/*===========================================================================
MAIN EDITOR
===========================================================================*/
.main-editor{background: #fff url(editor_bg-c6446d.jpg);min-height: 100vh; margin-top: -60px; padding: 80px 20px 20px; position: relative;}

.main-logo{position: absolute; top: 30%;left: 50%; text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.company-logo{margin-bottom: 30px;}
.name{color: #4a4a51;font-size: 34px;font-weight: bold;}



.navigator{border: none;position: absolute;bottom: 16px; left: 22px; width: 258px;border-radius: 5px;box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27);background-color: #a5b0c4;padding-top: 9px; text-align: center;
	-webkit-transition:left .3s ease-in-out;
	-moz-transition:left .3s ease-in-out;
	-o-transition:left .3s ease-in-out;
	transition:left .3s ease-in-out;
}
.zoom-area{text-align: center;background-color: #fff;height: 113px;}
.zoom-area img{max-height: 100%;}

.side-panel-show .navigator{left: 290px;}

.zoom-btn{width: 23px;height: 23px;color: #fff;font-size: 22px;border-radius: 50%;display: inline-block;vertical-align: middle; cursor: pointer;}
.zoom-btn:hover{color: #fff;}

.zoom-range{background-color: #7d8696;width: 117px;display: inline-block;vertical-align: middle;margin: 18px 15px;}
.zoom-range .ui-slider-range{background-color: #fff;}
.zoom-range .ui-slider-handle, .zoom-range .ui-slider-handle:active{background-color: #fff;}

.full-screen{font-size: 20px; color: #fff;margin-left: 10px; vertical-align: middle; line-height: 0; display: inline-block; cursor: pointer;}
.full-screen:hover{color: #fff;}





/*===========================================================================
END MAIN EDITOR
===========================================================================*/


/*===========================================================================
POPUPS
===========================================================================*/
.fancybox-is-open .fancybox-bg{opacity: 0.5;}
.fancybox-button svg{display: none;}
.fancybox-button{line-height: 1.4;text-align: center;opacity: 1;}
.fancybox-button:before{display: inline-block; content: '\E914'; font-size: 17px; color: #a5b0c4; font-family: 'icomoon' !important;}
.fancybox-button:hover:before{color: #48b9ff;}





.popup-box{display: none;min-width: 500px; padding: 40px; border-radius: 5px;text-align: center;}
.popup-box.gray-popup{background-color: #f3f5f8;border-radius: 5px;}

.popup-box h3{margin-bottom: 30px;}


.popup-item{display: inline-block;padding: 0 40px; font-size: 16px;}
.item-title{position: relative;z-index: 1;margin-bottom: 30px; vertical-align: top;}
.item-title img{vertical-align: top;}
.item-title:before{content: '';position: absolute;width: 95%;height: 95%; border-radius: 5px; background-color: #fff;box-shadow: 0px 5px 42px 0 rgba(76, 144, 238, 0.27); z-index: -1; left: 23px; top: 10px;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	transform: rotate(7deg);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.item-title:hover:before{top: 15px;left: 28px;box-shadow: 0px 5px 42px 0 rgba(76, 144, 238, 0.27);
	-webkit-transform: rotate(9deg);
	-moz-transform: rotate(9deg);
	transform: rotate(9deg);
}


.edit-popup{padding: 20px 20px 20px 145px;text-align: left;width: 740px; min-height: 570px; overflow: visible;}
.category-list{position: absolute; left: 0; top:0; bottom: 0; border-right: 1px solid #e7ecf7; width: 120px;padding: 25px 15px 25px 30px; max-height: 570px; overflow: auto;}
.cat-items li{font-size: 14px; color: #74747a; display: block;padding: 3.2px 0;position: relative;cursor: pointer;}
.cat-items li.active, .cat-items li:hover{color: #48b9ff;}
.cat-items li.active:before{content: '';width: 8px;height: 8px; left: -17px; top: 50%; margin-top: -4px; background-color: #48b9ff; border-radius: 50%; position: absolute;}

.edit-popup-head{padding-right: 50px;padding-bottom: 10px;, width:100%;}
.edit-popup-inner{padding: 10px 0; margin: 0 -10px; height: 430px; overflow: auto;}
.edit-popup-item{float: left;width: 12.5%; padding: 12px 10px; font-size: 40px; color: #000; text-align: center; line-height: 1;}
.edit-popup-item:hover{cursor: pointer;color: #48b9ff;}

.edit-popup-footer{text-align: center;padding-right: 90px; padding-top: 10px;}

.edit-popup-search{position: relative;width: 100%;}
.edit-popup-search .input-box{float: left;width: 70%;}
.edit-popup-search .search-btn{position: relative;}

.logo-s-p{max-width: 460px; min-width: 300px; width: 100%; color: #74747a;}
.logo-s-p h3{margin-bottom: 15px;}

.logo-s-p-inner{max-width: 320px; margin: 0 auto;}

.sl-btn{margin: 26px 0 16px;}
.sl-btn .btn{width: 48.4%;}

.logo-s-p .input-box{margin-top: 12px;}

.signup-popup .fancybox-close-small{display: none;}

/*===========================================================================
END POPUPS
===========================================================================*/



/*===========================================================================
SETTINGS
===========================================================================*/


.setting-title{color: #4a4a51; padding: 17px 20px 15px;border-bottom: 1px solid #e7ecf7;}


.setting-box.settings-buttons{text-align: justify;padding: 17px 20px;}
.settings-buttons .setting-btn {display: inline-block;position: relative; top: 24px;}
.settings-buttons:before{content: '';display: block; width: 100%; margin-bottom: -26px;}
.settings-buttons:after {content: '';display: inline-block;width: 100%;}

.setting-box{padding: 15px 20px; border-bottom: 1px solid #e7ecf7;}
.setting-box:not(.settings-buttons):before, .setting-box:not(.settings-buttons):after{content:" ";display:table;}
.setting-box:not(.settings-buttons):after{clear:both;}


.setting-btn{font-size: 14px; color: #a5b0c4; cursor: pointer;}
.setting-btn:hover{color: #48b9ff;}

.setting-btn.has-label:hover:before{content: attr(data-label); position: absolute;bottom: 22px; left: 50%; background-color: #a5b0c4; font-size: 12px; color: #fff; padding: 3px 5px; box-shadow: 0.3px 0.4px 3px 0 rgba(0, 0, 0, 0.1); white-space: nowrap; border-radius: 3px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.setting-box .title-lab{margin: 4px 0 0; display: inline-block; color: #74747a;}
.setting-box .title-lab.dark{color: #4a4a51;}

.back-link, .next-link{color: #48b9ff;font-size: 16px;padding-left: 17px;text-decoration: none!important;display: inline-block;position: relative;float: right; margin-top: 4px;}
.setting-title .back-link{margin-top: 1px;}
.back-link i{position: absolute;left: 0; top: 50%; margin-top: -9px;}
.next-link{padding-left: 0;padding-right: 17px;}
.next-link i{position: absolute;right: 0; top: 50%; margin-top: -9px;}
.back-link span, .next-link span{border-bottom: 1px solid transparent;}
.back-link:hover span, .next-link:hover span{border-bottom-color: #48b9ff;}

.random-color{color: #48b9ff; float: right;text-decoration: none!important;display: inline-block;cursor: pointer;margin-top: 4px; border-bottom: 1px solid transparent; margin-bottom: -1px;}
.copy-color{color: #48b9ff;text-decoration: none!important;display: inline-block;cursor: pointer; border-bottom: 1px solid transparent; margin-bottom: -1px;}
.paste-color{color: #48b9ff; float: right;text-decoration: none!important;display: inline-block;cursor: pointer; border-bottom: 1px solid transparent; margin-bottom: -1px;}

.random-color:not(.disabled):hover, .copy-color:not(.disabled):hover, .paste-color:not(.disabled):hover{border-bottom-color: #48b9ff;}

*.disabled{color: #4a4a51; opacity: 0.5;cursor: default;}

.setting-btn.label-left:hover:before{left: -5px;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}
.setting-btn.has-label.label-left:hover:after{left: 5px;margin-left: 0;}
.setting-btn.has-label.label-right:hover:after{left: auto; right: 5px; margin-left: 0;}

.setting-btn.label-right:hover:before{right: -5px; left: auto;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.setting-btn.has-label:hover:after{content: '';width: 0;height: 0;border-style: solid;border-width: 3px 2.5px 0 2.5px;border-color: #a5b0c4 transparent transparent transparent; position: absolute; bottom: 19px; left: 50%; margin-left: -2.5px;}


.setting-space{clear: both; margin-bottom: 12px;}

.range-slider.small{width: 126px; float: right;}
.range-slider.large{width: 100%;}


.color-drop1{width: 63%; display: inline-block;}
.color-drop2{width: 32%; display: inline-block; float: right;}


.bold-text{font-size: 12px; color: #a5b0c4; display: inline-block;cursor: pointer; float: right;margin-left: 15px; margin-top: 7px;}
.italic-text{font-size: 12px; color: #a5b0c4; display: inline-block;cursor: pointer; float: right;margin-left: 15px; margin-top: 7px;}

.bold-text:hover, .italic-text:hover{color: #48b9ff;}
.bold-text.active, .italic-text.active{color: #48b9ff;}

.download-format{width: 31.9%;padding-left: 10px;padding-right: 10px;}

.move-icons{display: inline-block;float: right;margin-top: 5px;}
.move-icons .setting-btn{margin-left: 23px;}
.move-icons .setting-btn:first-child{margin-left: 0;}

.size{display: inline-block;vertical-align: middle;}
.size .form-control{width: 58px;margin-left: 5px;padding-left: 10px;padding-right: 10px;}
.size.height{margin-left: 20px;}
.px{font-size: 14px; color: #74747a; display: inline-block;margin-left: 10px;}

.setting-box .cancel-btn, .setting-box .apply-btn{width: 48.7%;padding: 10px;}

/*===========================================================================
END SETTINGS
===========================================================================*/


/*===========================================================================
COLOR PICKER
===========================================================================*/
.color-picker{width:260px;background-color:#fff;border-radius:5px;box-shadow: 0 0 21px 0 rgba(76, 144, 238, 0.27);}
.color-picker .arrow1,.color-picker .arrow2{position:absolute;content:"";top:50%;transform:translateY(-50%); box-shadow: 0 0 21px 0 rgba(76, 144, 238, 0.27);}
.color-picker .arrow1{border-right:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;left:2px;z-index:5}
/*.color-picker .arrow2{border-right:10px solid #8e939b;border-top:6px solid transparent;border-bottom:6px solid transparent;left:1px}*/
.color-picker .arrow3,.color-picker .arrow4{position:absolute;content:"";top:50%;transform:translateY(-50%)}
.color-picker .arrow3{border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-1px;z-index:5; box-shadow: 0 0 21px 0 rgba(76, 144, 238, 0.27);}
/*.color-picker .arrow4{border-left:10px solid #8e939b;border-top:6px solid transparent;border-bottom:6px solid transparent;left:-1px}*/

.hex-box{width: 128px; margin: 0 auto;}
.hex-box .form-control{text-align: center;}
.color-picker__buttons .btn,.color-picker__buttons .downloader-buttons-premium-zip-button,.color-picker__buttons .modal-downloader-premium-zip-show-button{text-align:center;width:118px;margin:0;float:right}
.color-picker__buttons .btn:first-child,.color-picker__buttons .downloader-buttons-premium-zip-button:first-child,.color-picker__buttons .modal-downloader-premium-zip-show-button:first-child{float:left}
.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;}
.sp-container.sp-flat{position:relative;height:231px}
.sp-top{position:relative;width:100%;display:inline-block}
.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}
.sp-color{left:0;width:100%;}
.sp-color{position:absolute;top:0;height:220px;border-radius:5px 5px 0 0;overflow:hidden}
.sp-hue{position:absolute;height:11px;left:0; right: 0;top: 220px;}

.sp-fill{padding-top:80%}
.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}

.sp-clear.sp-clear-display{background-position:50%}
.sp-clear-enabled .sp-clear{display:none}
.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container.sp-dragging .sp-input,.sp-container button,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;-ms-user-select:none;user-select:none}
.sp-container.sp-buttons-disabled .sp-button-container,.sp-container.sp-input-disabled .sp-input-container,.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,.sp-initial-disabled .sp-initial,.sp-palette-disabled .sp-palette-container,.sp-palette-only .sp-picker-container{display:none}
.sp-sat{background-image:linear-gradient(90deg,#fff,hsla(20,42%,65%,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="#FFFFFFFF",endColorstr="#00CC9A81")}
.sp-val{background-image:linear-gradient(0deg,#000,hsla(20,42%,65%,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81",endColorstr="#FF000000")}
.sp-hue{background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}
.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ffff00")}
.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#00ff00")}
.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00",endColorstr="#00ffff")}
.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff",endColorstr="#0000ff")}
.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#ff00ff")}
.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff",endColorstr="#ff0000")}
.sp-hidden{display:none!important}
.sp-cf:after,.sp-cf:before{content:"";display:table}
.sp-cf:after{clear:both}
.sp-cf{*zoom:1}
.sp-dragger{border:1px solid #fff;border-radius:50%;cursor:pointer;left:0;}
.sp-dragger,.sp-slider{position: absolute;width: 14px;height: 14px;left: 0;background-color: #ffffff;border: none;border-radius: 50%;box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27);cursor: pointer;margin-top: 7px;}
.sp-slider{background-color:#fff;border-radius:50%;box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27);}
.sp-top{margin-bottom:3px}
.sp-input-container{float:right;width:100px;margin-bottom:4px;}
.sp-initial-disabled .sp-input-container{cursor:not-allowed;width:100%;}
.sp-input{font-size:12px!important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:0 0;border-radius:3px;color:#222;}
.sp-input:focus{border:1px solid orange}
.sp-input.sp-validation-error{border:1px solid red;background:#fdd}
.sp-palette-container,.sp-picker-container{float:left;position:relative}
.sp-picker-container{width:260px}
.sp-palette-container{border-right:1px solid #ccc}
.sp-palette-only .sp-palette-container{border:0}
.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:2px solid transparent}
.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}
.sp-thumb-el{position:relative}
.sp-initial{float:left;border:1px solid #333}
.sp-initial span{width:30px;height:25px;border:0;display:block;float:left;margin:0}
.sp-initial .sp-clear-display{background-position:50%}
.sp-button-container,.sp-palette-button-container{float:right}
.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:1px solid #91765d;background:#eee;color:#333;vertical-align:middle}
.sp-replacer.sp-active,.sp-replacer:hover{border-color:#f0c49b;color:#111}
.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}
.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}
.sp-preview{position:relative;width:25px;height:20px;border:1px solid #222;margin-right:5px;float:left;z-index:0}
.sp-palette{*width:220px;max-width:220px}
.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:1px solid #d0d0d0}
.sp-container{padding-bottom:0}
.sp-container button{background-color:#eee;background-image:linear-gradient(180deg,#eee,#ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}
.sp-container button:hover{background-color:#ddd;background-image:linear-gradient(180deg,#ddd,#bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}
.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}
.sp-cancel{font-size:11px;color:#d93f3f!important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}
.sp-cancel:hover{color:#d93f3f!important;text-decoration:underline}
.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}
.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}
.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}
.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}


.color-style{border-bottom: 1px solid #e7ecf7; margin-top: -5px;}
.color-style-item{width: 33.333%;float: left; text-align: center; cursor: pointer;padding: 14px 5px; font-size: 14px; color: #74747a;position: relative;}
.color-style-item.active:before{content: ''; position: absolute;bottom: -3px; height: 3px;left: 0;right: 0;background-color: #48b9ff; box-shadow: 0px 4px 8px 0 rgba(122, 181, 249, 0.4);}


.color-settings{display: none;padding: 10px 9px;}
.color-settings.active{display: block;}


.r-box, .g-box, .b-box{width: 33.333%;float: left; padding: 0 6px;}
.rgb-box{text-align: center;}
.rgb-box .color-title{display: inline-block;vertical-align: middle;}
.rgb-box .form-control{width: 60px; display: inline-block;padding: 0 8px 0 8px;}

.color-picker__buttons{padding: 0 7px 15px;}

.color-line{height: 24px;border-radius: 5px; margin: 13px 0; position: relative;}

.color-drag{width: 10px; height: 20px;margin: 2px; background-color: #fff; border-radius: 3px; cursor: pointer; position: absolute;}

#color-picker{display: none;}
#color-picker.show{display: block;}


/*===========================================================================
END COLOR PICKER
===========================================================================*/


html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
dfn,
del,
p,
blockquote,
fieldset,
input,
textarea,
select,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
button,
canvas,
video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
th,
dfn,
del {
  font-weight: normal;
  font-style: normal;
}

ul,
ol {
  list-style: none;
}

fieldset,
img {
  border: none;
}

caption,
th {
  text-align: left;
}

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

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

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
input[type="search"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

input,
button,
textarea {
  line-height: normal;
  font-family: "Inter", Helvetica, Arial, sans-serif;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

input[type="hidden"],
[hidden],
.hidden {
  display: none;
}

textarea {
  overflow: auto;
  resize: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
.clearfix {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

a > img {
  vertical-align: bottom;
}

strong,
.strong,
b {
  font-weight: bold;
}

em,
.italic,
i {
  font-style: italic;
}

del,
.del {
  text-decoration: line-through;
}

:focus {
  outline: none;
}

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

.map-canvas img {
  max-width: none;
}

.clear {
  clear: both;
  display: block;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.clearfix:after,
.cf:after,
.wrap:after,
.spanning:after,
.content:after,
.main:after,
aside:after,
section:after,
article:after,
.text:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.align-left {
  float: left !important;
}

.align-right {
  float: right !important;
}

.overflow-hidden {
  overflow: hidden;
  display: block;
}

* {
  box-sizing: border-box;
}

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

input::-webkit-input-placeholder {
  color: #d6dbe5;
}

input::-moz-placeholder {
  color: #d6dbe5;
}

input::-ms-input-placeholder {
  color: #d6dbe5;
}

input::placeholder {
  color: #d6dbe5;
}

.font-20 {
  font-size: 20px !important;
}

body {
  height: 100%;
  font: 400 14px/24px "Inter", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  color: #7b7b7b;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

a {
  color: #0000ff;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
}

.icon {
  background-image: url(sprite-50f44d.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon {
    background-image: url(sprite@2x-9cded7.png) !important;
    background-repeat: no-repeat;
    background-size: 300px 200px;
  }
}

.icon-4 {
  background-position: -75px -175px;
  width: 14px;
  height: 14px;
}

.disabled .icon-4, .disabled:hover:active .icon-4 {
  background-position: -200px 0 !important;
}

.disabled .icon-5, .disabled:hover:active .icon-5 {
  background-position: -225px 0 !important;
}

.disabled .icon-13, .disabled:hover:active .icon-13 {
  background-position: -200px -25px !important;
}

.disabled .icon-14, .disabled:hover:active .icon-14 {
  background-position: -225px -25px !important;
}

.icon-5 {
  background-position: -100px -175px;
  width: 14px;
  height: 14px;
}

.icon-6 {
  background-position: -100px 0;
  width: 19px;
  height: 15px;
}

.icon-7 {
  background-position: -125px 0;
  width: 11px;
  height: 16px;
}

.icon-8 {
  background-position: -150px 0;
  width: 12px;
  height: 16px;
}

.icon-9 {
  background-position: -175px 0;
  width: 16px;
  height: 16px;
}

.tabs__list.active .icon-6, .tabs__list:hover .icon-6, .box__title .icon-6 {
  background-position: -100px -25px;
}

.tabs__list.active .icon-7, .tabs__list:hover .icon-7, .box__title .icon-7 {
  background-position: -125px -25px;
}

.tabs__list.active .icon-8, .tabs__list:hover .icon-8, .box__title .icon-8 {
  background-position: -150px -25px;
}

.tabs__list.active .icon-9, .tabs__list:hover .icon-9, .box__title .icon-9 {
  background-position: -175px -25px;
}

.icon-10 {
  background-position: -25px -25px;
  width: 14px;
  height: 14px;
}

.btn--blue-bg .icon-10 {
  background-position: -25px -50px;
}

.box__title-button .btn:hover .icon-10, .box__title-button .downloader-buttons-premium-zip-button:hover .icon-10, .box__title-button .modal-downloader-premium-zip-show-button:hover .icon-10 {
  background-position: -25px -50px;
}

.icon-12 {
  background-position: -100px -125px;
  width: 13px;
  height: 15px;
}

.icon-13 {
  background-position: -50px -25px;
  width: 11px;
  height: 15px;
}

.prev-page:hover .icon-13 {
  background-position: -50px -50px;
}

.icon-14 {
  background-position: -75px -25px;
  width: 9px;
  height: 15px;
}

.next-page:hover .icon-14 {
  background-position: -75px -50px;
}

.icon-37 {
  background-position: -75px 0;
  width: 13px;
  height: 14px;
}

.icon-37-dark {
  background-position: -225px -75px;
  width: 13px;
  height: 14px;
}

.icon-39 {
  background-position: 0 0px;
  width: 14px;
  height: 5px;
}

.icon-39-dark {
  background-position: 0 -7px;
  width: 14px;
  height: 5px;
}

.btn--blue-bg .icon-39 {
  background-position: 0 0;
}

.btn--back .icon-39 {
  background-position: 0 -7px;
}

.btn--back:hover .icon-39, .btn--back:active .icon-39 {
  background-position: 0 0;
}

.icon-40 {
  background-position: -75px -125px;
  width: 14px;
  height: 15px;
}

.icon-17 {
  background-position: -75px -75px;
  width: 14px;
  height: 7px;
}

.icon-18 {
  background-position: -100px -75px;
  width: 14px;
  height: 15px;
}

.icon-21 {
  background-position: -150px -75px;
  width: 15px;
  height: 17px;
}

.icon-22 {
  background-position: -175px -125px;
  width: 13px;
  height: 15px;
}

.icon-41 {
  background-position: -50px -75px;
  width: 14px;
  height: 15px;
}

.icon-42 {
  background-position: -200px -50px;
  width: 14px;
  height: 15px;
}

.icon-43 {
  background-position: -200px -75px;
  width: 5px;
  height: 14px;
}

.logo-modify__link.active .icon-17, .logo-modify__link:hover .icon-17 {
  background-position: -75px -100px;
}

.logo-modify__link.active .icon-18, .logo-modify__link:hover .icon-18 {
  background-position: -100px -100px;
}

.logo-modify__link.active .icon-21, .logo-modify__link:hover .icon-21 {
  background-position: -150px -100px;
}

.logo-modify__link.active .icon-22, .logo-modify__link:hover .icon-22 {
  background-position: -125px -175px;
}

.logo-modify__link.active .icon-41, .logo-modify__link:hover .icon-41 {
  background-position: -50px -100px;
}

.icon-19 {
  background-position: -25px -75px;
  width: 13px;
  height: 15px;
  margin-bottom: 5px;
}

.icon-30 {
  background-position: -150px -150px;
  width: 13px;
  height: 15px;
}

.icon-31 {
  background-position: 0 -100px;
  width: 12px;
  height: 14px;
}

.icon-23 {
  background-position: -150px -50px;
  width: 11px;
  height: 16px;
  margin-bottom: 4px;
}

.icon-24 {
  background-position: -175px -50px;
  width: 11px;
  height: 16px;
  margin-bottom: 4px;
}

.icon-33 {
  background-position: -100px -50px;
  width: 10px;
  height: 15px;
}

.icon-34 {
  background-position: -125px -50px;
  width: 15px;
  height: 15px;
}

.icon-32 {
  background-position: -25px -100px;
  width: 11px;
  height: 15px;
}

.icon-25 {
  background-position: 0 -50px;
  width: 9px;
  height: 15px;
}

.adjust--open:hover .icon-25, .adjust--open.active .icon-25 {
  background-position: -13px -50px;
}

.icon-blur {
  background-position: -150px -125px;
  width: 15px;
  height: 16px;
}

.icon-26 {
  background-position: -100px -150px;
  width: 13px;
  height: 13px;
}

.icon-27 {
  background-position: -75px -150px;
  width: 14px;
  height: 15px;
}

.icon-28 {
  background-position: -125px -125px;
  width: 14px;
  height: 15px;
}

.icon-36 {
  background-position: -125px -150px;
  width: 11px;
  height: 15px;
  margin-bottom: 4px;
}

.icon-35 {
  background-position: -150px -175px;
  width: 13px;
  height: 14px;
}

.btn:hover .icon-4, .downloader-buttons-premium-zip-button:hover .icon-4, .modal-downloader-premium-zip-show-button:hover .icon-4 {
  background-position: -25px 0;
}

.btn:hover .icon-5, .downloader-buttons-premium-zip-button:hover .icon-5, .modal-downloader-premium-zip-show-button:hover .icon-5 {
  background-position: -50px 0;
}

.btn:hover .icon-25, .downloader-buttons-premium-zip-button:hover .icon-25, .modal-downloader-premium-zip-show-button:hover .icon-25 {
  background-position: -13px -50px;
}

.btn:hover .icon-39, .downloader-buttons-premium-zip-button:hover .icon-39, .modal-downloader-premium-zip-show-button:hover .icon-39 {
  background-position: 0 0;
}

.btn:hover .icon-39-dark, .downloader-buttons-premium-zip-button:hover .icon-39-dark, .modal-downloader-premium-zip-show-button:hover .icon-39-dark {
  background-position: 0 0;
}

.btn:active .icon-4, .downloader-buttons-premium-zip-button:active .icon-4, .modal-downloader-premium-zip-show-button:active .icon-4 {
  background-position: -25px 0;
}

.btn:active .icon-5, .downloader-buttons-premium-zip-button:active .icon-5, .modal-downloader-premium-zip-show-button:active .icon-5 {
  background-position: -50px 0;
}

.btn:active .icon-25, .downloader-buttons-premium-zip-button:active .icon-25, .modal-downloader-premium-zip-show-button:active .icon-25 {
  background-position: -13px -50px;
}

.btn:active .icon-39, .downloader-buttons-premium-zip-button:active .icon-39, .modal-downloader-premium-zip-show-button:active .icon-39 {
  background-position: 0 0;
}

.icon-horizontal {
  background-position: -125px -75px;
  width: 14px;
  height: 15px;
}

.icon-vertical {
  background-position: -176px -75px;
  width: 15px;
  height: 17px;
}

.icon-1 {
  background-position: -175px -150px;
  width: 25px;
  height: 25px;
}

.icon-2 {
  background-position: 0 -125px;
  width: 50px;
  height: 61px;
}

.category-item:hover .icon-1 {
  background-position: -175px -175px;
}

.text-light-13 {
  font-weight: 300;
  font-size: 13px;
}

.free-download-text {
  margin-top: 40px !important;
  background-color: #fea1a1;
  font-size: 12px;
  padding: 0 10px;
}

.free-download-text .span-white {
  color: #ffffff;
}

.free-download-text .span-red {
  color: #b62525;
}

.download-formats-buttons, .downloader-buttons-premium-zip-header {
  margin-top: 35px !important;
}

html {
  height: 100%;
  background: #ffffff;
}

.main {
  min-height: 100%;
  overflow: hidden;
  position: relative;
}

.wrap {
  margin: 0 auto;
  padding-left: 11px;
  padding-right: 11px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 11px;
  padding-right: 11px;
}

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

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

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

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 11px;
  padding-right: 11px;
}

.row {
  margin-left: -11px;
  margin-right: -11px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 11px;
  padding-right: 11px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .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 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .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 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .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 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.error {
  color: #ff0000 !important;
  border-color: #ff0000 !important;
}

.success {
  color: #00cc00 !important;
  border-color: #00cc00 !important;
}

input, textarea {
  font-size: 14px;
  -webkit-appearance: none;
  width: 100%;
  height: 26px;
  border: 1px solid #ced4d9;
  color: #7b7b7b;
  border-radius: 13px;
  padding: 0 12px;
  /*float: left;*/
}

.input-text--number {
  border-radius: 0;
  border: 0;
  padding: 0;
  width: 60px;
  font-weight: 300;
  border-bottom: 1px solid #7b7b7b;
  margin: 3px 0 0;
  height: 18px;
}

.input-text--number::-webkit-outer-spin-button, .input-text--number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-text--number[type=number] {
  -moz-appearance: textfield;
}

.input-text--number:hover {
  border-color: #48b9ff;
  border-width: 2px;
  height: 19px;
  margin-bottom: -1px;
}

.input-text--number:focus {
  color: #48b9ff;
  border-color: #48b9ff;
  border-width: 2px;
  height: 19px;
  margin-bottom: -1px;
}

.input-text--type-text {
  border-radius: 0;
  border: 0;
  margin: 3px 0 0;
  padding: 0;
  width: 252px;
  border-bottom: 1px solid #ced4d9;
  letter-spacing: 0.5px;
  height: 18px;
  color: #7b7b7b;
}

.input-text--type-text:hover {
  color: #9ea6b3;
  border-color: #48b9ff;
  border-width: 2px;
  height: 19px;
  margin-bottom: -1px;
}

.input-text--type-text:focus {
  color: #9ea6b3;
  border-color: #48b9ff;
  border-width: 2px;
  height: 19px;
  margin-bottom: -1px;
}

.input-text--transparent {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 0;
  margin: 0;
  padding: 0;
  width: 252px;
  font-weight: 300;
  letter-spacing: 0.5px;
  border-bottom: 1px solid white;
  height: 18px;
}

.input-text--transparent:hover {
  border-bottom: 2px solid white;
  margin-bottom: -1px;
}

.input-text--transparent:focus {
  border-bottom: 2px solid white;
  margin-bottom: -1px;
}

.input-text--margin {
  margin-right: 19px;
}

.button {
  border: 0;
}

.btn, .downloader-buttons-premium-zip-button, .modal-downloader-premium-zip-show-button {
  font-size: 12px;
  line-height: 34px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  height: 34px;
  border-radius: 17px;
  transition: 0.2s;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: top;
  padding: 0 25px;
}

.btn .icon, .downloader-buttons-premium-zip-button .icon, .modal-downloader-premium-zip-show-button .icon {
  margin-right: 11px;
}

.btn--icon-right .icon {
  margin-right: 0;
  margin-left: 11px;
}

.btn--transparent {
  color: #7b7b7b;
  border-color: #c4c4c4;
}

.btn--transparent:hover {
  background-color: #c0c8d5;
  border-color: #c0c8d5;
  color: #ffffff;
}

.btn--transparent:active {
  background-color: #9ea6b3;
  border-color: #9ea6b3;
  color: #ffffff;
}

.btn-txt--white {
  color: #fff;
}

.btn--green {
  background-color: #fba453;
  color: #ffffff;
}

.btn--green:hover {
  background-color: #fbb653;
}

.btn--middle {
  vertical-align: middle;
}

.btn--small, .downloader-buttons-premium-zip-button, .modal-downloader-premium-zip-show-button {
  line-height: 26px;
  height: 26px;
  padding: 0 15px;
}

.btn--small .icon, .downloader-buttons-premium-zip-button .icon, .modal-downloader-premium-zip-show-button .icon {
  margin-right: 5px;
}

.btn--small.btn--icon-right .icon, .btn--icon-right.downloader-buttons-premium-zip-button .icon, .btn--icon-right.modal-downloader-premium-zip-show-button .icon {
  margin-right: 0;
  margin-left: 5px;
}

.btn-top--white {
  color: #7b7b7b;
  border-color: #c4c4c4;
  background-color: #ffffff;
}

.btn-top--white:hover {
  background-color: #c0c8d5;
  border-color: #c0c8d5;
  color: #ffffff;
}

.btn-top--white:active {
  background-color: #9ea6b3;
  border-color: #9ea6b3;
  color: #ffffff;
}

.btn--white, .downloader-buttons-premium-zip-button, .modal-downloader-premium-zip-show-button {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: #8e939b;
}

.btn--white:hover, .downloader-buttons-premium-zip-button:hover, .modal-downloader-premium-zip-show-button:hover {
  background-color: #73e5e5;
  border-color: #73e5e5;
  color: #ffffff;
}

.btn--white:active, .downloader-buttons-premium-zip-button:active, .modal-downloader-premium-zip-show-button:active {
  background-color: #4ad4d4;
  border-color: #4ad4d4;
  color: #ffffff;
}

.btn--blue {
  background: #ffffff;
  color: #7b7b7b;
  border-color: #ced4d9;
}

.btn--blue:hover {
  background-color: #73e5e5;
  border-color: #73e5e5;
  color: #ffffff;
}

.btn--blue:active {
  background-color: #48b9ff;
  border-color: #48b9ff;
}

.btn--blue-bg {
  background-color: #48b9ff;
  border-color: #48b9ff;
  color: #ffffff;
}

.btn--blue-bg:hover {
  background-color: #73e5e5;
  border-color: #73e5e5;
  color: #ffffff;
}

.btn--blue-bg:active {
  background-color: #48b9ff;
  border-color: #48b9ff;
  color: #ffffff;
}

.btn--sky {
  background: #46b7e1;
  color: #fefeff;
}

.btn--sky:hover {
  background-color: #4dd1fd;
}

.btn--sky:active {
  background-color: #49dffb;
}

.btn--sky2 {
  background: #4ad4d4;
  color: white;
}

.btn--sky2:hover {
  background-color: #73e5e5;
}

.btn--sky2:active {
  background-color: #4bcfcf;
}

.btn--back .icon-39 {
  font-size: 4px;
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: middle;
}

.custom-select {
  display: none;
}

.select, .font-select {
  position: relative;
}

.select-styled, .open-font {
  font-size: 12px;
  line-height: 24px;
  color: #7b7b7b;
  height: 26px;
  border: 1px solid #ced4d9;
  border-radius: 13px;
  transition: 0.2s;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*
    margin: 0 0 12px;
*/
  padding: 0 25px 0 10px;
  position: relative;
  display: block;
}

.select-styled > span:first-child, .open-font > span:first-child {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.select-styled:before, .open-font:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 10px;
  border-top: 4px solid #8e939b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.select-styled:hover, .open-font:hover {
  background: #73e5e5;
  border-color: #73e5e5;
  color: #ffffff;
}

.select-styled:hover:before, .open-font:hover:before {
  border-top-color: #ffffff;
}

.select-styled.active, .open-font.active {
  background: #48b9ff;
  border-color: #48b9ff;
  color: #ffffff;
}

.select-styled.active:before, .open-font.active:before {
  border-top-color: #ffffff;
}

.open-font {
  margin: 0;
}

.select-options, .fonts-dropdown {
  white-space: nowrap;
  max-height: 400px;
  overflow-y: auto;
  position: absolute;
  font-weight: 300;
  /*
    display: none;
    */
  top: 103%;
  left: 0;
  min-width: 100%;
  background-color: white;
  border: 1px solid #ced4d9;
  border-radius: 3px;
  z-index: 500;
}

.select-options li, .fonts-dropdown li {
  cursor: pointer;
  padding: 0 11px;
  transition: 0.2s;
}

.select-options li:hover, .fonts-dropdown li:hover {
  background: #aceaea;
  color: #ffffff;
}

.select-options .active, .fonts-dropdown .active {
  background: #8e939b;
  color: #ffffff;
}

.fonts-dropdown img {
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}

.fonts-dropdown li.active {
  background: #abbff8;
}

.checkbox {
  vertical-align: middle;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}

.checkbox + label {
  cursor: pointer;
}

.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}

.checkbox:not(checked) + label {
  position: relative;
  /*
    padding: 0 0 0 60px;
*/
  padding: 0 0 0 50px;
}

.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background-color: #d5d6d7;
}

.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 1px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  transition: all .2s;
}

.checkbox:checked + label:before {
  background: #9ea6b3;
}

.checkbox:checked + label:after {
  left: 25px;
}

.checkbox-box--shadow {
  margin-top: 2px;
  float: left;
}

.disabled {
  /*
        color: $gray !important;
        border-color: $gray !important;
        cursor: default !important;
    */
  color: #e7e7e7 !important;
  border-color: #e7e7e7 !important;
  cursor: not-allowed !important;
  background-color: #ffffff !important;
}

.disabled:hover {
  color: #e7e7e7 !important;
  border-color: #e7e7e7 !important;
  cursor: not-allowed !important;
  background-color: #ffffff !important;
}

.disabled:active {
  color: #e7e7e7 !important;
  border-color: #e7e7e7 !important;
  cursor: not-allowed !important;
  background-color: #ffffff !important;
}

header {
  background-color: #f8f9fa;
  line-height: 62px;
  height: 64px;
}

header .btn, header .downloader-buttons-premium-zip-button, header .modal-downloader-premium-zip-show-button {
  vertical-align: middle;
}

.header__back {
  float: left;
}

.header__links {
  float: left;
}

.header__links .btn, .header__links .downloader-buttons-premium-zip-button, .header__links .modal-downloader-premium-zip-show-button {
  margin-right: 10px;
}

.header__links .btn:last-child, .header__links .downloader-buttons-premium-zip-button:last-child, .header__links .modal-downloader-premium-zip-show-button:last-child {
  margin-right: 0;
}

.header__download {
  float: right;
}

.popup-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 997;
  overflow: auto;
}

.popup-table {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  vertical-align: middle;
}

.popup-table-cell {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 30px;
  position: relative;
}

.popup-bg {
  background: rgba(142, 147, 155, 0.57);
}

.popup {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 0 9.8px 0.2px rgba(88, 109, 179, 0.5);
  margin: 0 auto;
  padding: 16px;
  position: relative;
  z-index: 2;
}

.body-hidden {
  overflow: hidden;
}

.close-popup--icon {
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  width: 34px;
  height: 34px;
  background-color: #fc8282;
  box-shadow: 0 0 9.8px 0.2px rgba(88, 109, 179, 0.5);
  position: absolute;
  top: -17px;
  right: -17px;
  border-radius: 50%;
  transition: 0.2s;
}

.close-popup--icon:active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

#popup-cliparts .popup,
#popover-cliparts .popup {
  width: 770px;
}

.popup-cliparts__tags {
  width: 95px;
  float: left;
}

.popup-cliparts__box {
  margin-left: 108px;
}

.cliparts-search {
  margin: 0 0 16px;
  width: 100%;
  float: left;
}

.cliparts-search .input-text {
  max-width: 486px;
}

.cliparts-search .btn, .cliparts-search .downloader-buttons-premium-zip-button, .cliparts-search .modal-downloader-premium-zip-show-button {
  float: right;
}

.clipart-search-item, .desktop-cliparts-item {
  color: black;
}

.clipart-search-item:hover, .desktop-cliparts-item:hover, .clipart-search-item.active, .active.desktop-cliparts-item {
  border-color: #48b9ff;
  color: #48b9ff;
}

.cliparts-item {
  text-align: center;
  margin: 0 11px 11px 0;
  line-height: 56px;
  width: 60px;
  height: 60px;
  border: 1px solid #5c657f;
  border-radius: 3px;
  float: left;
}

.cliparts-item img {
  display: inline-block;
  vertical-align: middle;
  max-height: 90%;
}

.cliparts-item:nth-child(9n) {
  margin-right: 0;
}

.cliparts-item:hover, .cliparts-item.active {
  border-color: #7e98e5;
}

.tags-title {
  margin: 0 0 13px;
}

.tags-title__icon {
  border-top: 5px solid #8e939b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 2px 0;
}

.tags-list li {
  line-height: 1.4;
  margin-bottom: 2px;
}

.tags-list a {
  color: #8e939b;
  padding: 0 0 0 15px;
  position: relative;
}

.tags-list a:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border: 1px solid #8e939b;
  border-radius: 50%;
}

.tags-list .active a {
  color: #48b9ff;
}

.tags-list .active a:before {
  border-color: #48b9ff;
}

.paginator--clipart {
  text-align: center;
  margin-right: 120px;
}

.clipart--cancel {
  text-align: center;
  width: 114px;
  padding: 0;
  float: right;
}

.clipart-bottom {
  padding-top: 5px;
  width: 100%;
  float: left;
}

#popup-alert .popup {
  text-align: center;
  width: 600px;
  padding: 15px;
}

#popup-alert .icon-2 {
  font-size: 60px;
  line-height: 1;
  color: #e5e6ea;
}

.popup-alert {
  margin: 0 0 55px;
  padding: 25px 0 0;
}

.alert-thanks {
  padding: 0 25px;
}

#popup-category .popup,
#popover-category .popup {
  padding: 15px 10px 0;
  width: 798px;
}

.category-title {
  margin: 0 0 15px;
}

.category-title h2 {
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  color: #8e939b;
}

.category-item {
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  width: 120px;
  height: 70px;
  color: #8e939b;
  border: 1px solid #ced4d9;
  border-radius: 3px;
  transition: 0.2s;
  margin: 0 11px 11px 0;
  padding: 5px 0 0;
  float: left;
}

.category-item:hover {
  color: #ffffff;
  background-color: #48b9ff;
  border: 1px solid #48b9ff;
}

.category-item:active {
  color: #ffffff;
  background-color: #48b9ff;
  border: 1px solid #48b9ff;
}

.category-item .icon {
  font-size: 24px;
  display: block;
  margin: 0 auto 5px;
}

.category-item:nth-child(6n) {
  margin-right: 0;
}

.category-item:hover, .category-item:active {
  border-color: #48b9ff;
  color: #ffffff;
}

.spanning {
  /*
    position: relative;
    min-height: 600px;
    overflow-y: auto;
    height: 100%;
*/
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
}

.sidebar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

.tabs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 301px;
  width: 51px;
  background-color: #ffffff;
  border-left: 1px solid #5c657f;
  box-shadow: 2px 0 9px 0.2px rgba(32, 97, 113, 0.1);
}

.tabs__list {
  transition: 0.2s;
  color: #7b7b7b;
  text-align: center;
  display: table;
  width: 100%;
  height: 56px;
  letter-spacing: 0;
}

.tabs__list:hover {
  background-color: #73e5e5;
  color: #ffffff;
}

.tabs__list.active {
  background: #4ad4d4;
  color: #ffffff;
}

.tabs__list-item {
  font-size: 12px;
  line-height: 1;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.tabs__list-item .icon {
  display: block;
  margin: 0 auto 5px;
}

.tabs__list-item .icon-6 {
  font-size: 15px;
}

.tabs__list-item .icon-7 {
  font-size: 16px;
}

.tabs__list-item .icon-8 {
  font-size: 16px;
}

.tabs__list-item .icon-9 {
  font-size: 16px;
}

.box, .gallery > * > * > *, .clipart-gallery > * > * > * {
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100%);
  /*display: none;*/
  /*z-index: 5;*/
  width: 301px;
}

.box--visible {
  display: block;
}

.box__title {
  position: relative;
  background-color: #9ea6b3;
  line-height: 54px;
  height: 56px;
  padding: 0 11px;
}

.box__title h2 {
  font-size: 14px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
}

.box__title h2 .icon {
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 3px;
}

.box__title h2 .icon-6 {
  font-size: 15px;
}

.box__title h2 .icon-7 {
  font-size: 16px;
}

.box__title-button {
  position: absolute;
  top: 0;
  right: 11px;
}

.btn .icon-10, .downloader-buttons-premium-zip-button .icon-10, .modal-downloader-premium-zip-show-button .icon-10 {
  font-size: 14px;
  margin-right: 11px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 3px;
}

.box-content {
  padding: 14px 11px;
}

.paginator--gallery {
  text-align: center;
  /*
    padding: 5px 0;
    margin: 0 11px;
*/
  position: relative;
}

.paginator--gallery .prev-page, .paginator--gallery .next-page {
  position: absolute;
  top: 50%;
  margin-top: -12px;
}

.paginator--gallery .prev-page {
  left: 0;
}

.paginator--gallery .next-page {
  right: 0;
}

.prev-page, .next-page {
  padding: 0 15px;
}

.prev-page .icon, .next-page .icon {
  font-size: 15px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 7px;
}

.next-page.btn--icon-right .icon {
  margin-left: 7px;
}

.pages {
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.gallery-list {
  max-height: 100%;
  overflow-y: auto;
}

.gallery-item {
  text-align: center;
  line-height: 80px;
  width: 85px;
  height: 85px;
  border: 1px solid #5c657f;
  border-radius: 2px;
  margin: 0 11px 11px 0;
  float: left;
}

.gallery-item:nth-child(3n) {
  margin-right: 0;
}

.gallery-item img {
  display: inline-block;
  vertical-align: middle;
  max-height: 90%;
}

.logo-modify {
  margin: 0 0 14px;
  padding: 1px 0 0;
}

.logo-modify--shape, .logo-modify--text {
  margin: 0 0 21px;
}

.logo-modify__link {
  display: inline-block;
  font-size: 15px;
  text-align: center;
  line-height: 30px;
  color: #8e939b;
  width: 35px;
  height: 35px;
  border: 1px solid #ced4d9;
  border-radius: 18px;
  transition: 0.2s;
  /*
    margin: 0 0 0 26px;
    padding: 0;
    float: left;
*/
  /*
    &:first-child {
        margin-left: 0;
    }
*/
}

.logo-modify__link .icon-41 {
  font-size: 8px;
  margin-bottom: 4px;
  vertical-align: middle;
  display: inline-block;
}

.logo-modify__link .icon-39 {
  background-position: 0 -7px;
  width: 14px;
  height: 5px;
}

.logo-modify__link .icon-43 {
  background-position: -200px -75px;
  width: 5px;
  height: 14px;
}

.logo-modify__link:hover, .logo-modify__link.active {
  background-color: #73e5e5;
  border-color: #73e5e5;
  color: #ffffff;
}

.logo-modify__link:hover .icon-39, .logo-modify__link.active .icon-39 {
  background-position: 0 0px;
  width: 14px;
  height: 5px;
}

.logo-modify__link:hover .icon-43, .logo-modify__link.active .icon-43 {
  background-position: -207px -75px;
  width: 5px;
  height: 14px;
}

.logo-modify__link:active {
  background-color: #48b9ff;
  border-color: #48b9ff;
  color: #ffffff;
}

.logo-modify__link:active .icon-39 {
  background-position: 0 0px;
  width: 14px;
  height: 5px;
}

.logo-modify__link:active .icon-43 {
  background-position: -207px -75px;
  width: 5px;
  height: 14px;
}

.box-settings {
  line-height: 26px;
  /*
    margin: 0 0 12px;
*/
}

.logo-settings__icon {
  width: 26px;
  float: left;
}

.logo-settings__icon .icon {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

.logo-settings__icon .icon-30 {
  font-size: 15px;
  margin-bottom: 4px;
}

.logo-settings__icon .icon-31 {
  font-size: 14px;
  margin-bottom: 4px;
}

.box-settings__title {
  line-height: 26px;
  margin-right: 12px;
  float: left;
}

.logo--clipart {
  float: right;
}

.adjust-shadow {
  /*display: none;*/
  position: relative;
  float: right;
}

.adjust--open {
  padding: 0 12px;
}

.adjust--open .icon {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 4px 0;
}

.adjust--open.active {
  background-color: #8e939b;
  color: #ffffff;
}

.adjust-dropdown {
  /*
    width: 319px;
*/
  width: 300px;
  background-color: white;
  border: 1px solid #ced4d9;
  /*
    box-shadow: 0 0 9.8px 0.2px rgba(88, 109, 179, 0.5);
*/
  /*
    position: absolute;
*/
  border-radius: 5px;
  z-index: 500;
  padding: 10px;
  /*
    top: -16px;
    left: 115%;
    display: none;
    &:before,&:after {
        position: absolute;
        content: '';
        top: 30px;
        @include transform(translate(0,-50%));
    }
    &:before {
        border-right: 8px solid $w;
        border-top: 5px solid $tr;
        border-bottom: 5px solid $tr;
        left: -8px;
        z-index: 5;
    }
    &:after {
        border-right: 10px solid $p;
        border-top: 6px solid $tr;
        border-bottom: 6px solid $tr;
        left: -10px;
    }
*/
}

.adjust-dropdown .arrow1,
.adjust-dropdown .arrow2 {
  position: absolute;
  content: '';
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.adjust-dropdown .arrow1 {
  border-right: 8px solid #ffffff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: 3px;
  z-index: 5;
}

.adjust-dropdown .arrow2 {
  border-right: 10px solid #8e939b;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: 1px;
}

.adjust-dropdown .arrow3,
.adjust-dropdown .arrow4 {
  position: absolute;
  content: '';
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.adjust-dropdown .arrow3 {
  border-left: 8px solid #ffffff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: -1px;
  z-index: 5;
}

.adjust-dropdown .arrow4 {
  border-left: 10px solid #8e939b;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -1px;
}

.adjust-dropdown .arrow5,
.adjust-dropdown .arrow6 {
  position: absolute;
  content: '';
  top: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.adjust-dropdown .arrow5 {
  border-bottom: 8px solid #ffffff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 5;
  top: 4px;
}

.adjust-dropdown .arrow6 {
  border-bottom: 10px solid #ced4d9;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 1px;
}

.adjust-dropdown-links {
  text-align: center;
}

.adjust-dropdown-links .btn, .adjust-dropdown-links .downloader-buttons-premium-zip-button, .adjust-dropdown-links .modal-downloader-premium-zip-show-button {
  min-width: 100px;
  margin: 0 4px;
}

.box-settings--slider {
  display: none;
}

.box-settings--visible {
  display: block;
}

.select-box--gradient-position.disable {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.slider {
  position: relative;
  height: 1px;
  background-color: #ced4d9;
}

.slider .ui-slider-handle {
  width: 26px;
  height: 26px;
  border: 1px solid #ced4d9;
  background: #ffffff;
  border-radius: 13px;
  position: absolute;
  margin: -13px 0 0 -13px;
  /*z-index: 10;*/
}

.slider .ui-slider-handle.ui-state-active .ui-slider-handle-range {
  display: block;
}

.slider .ui-slider-handle:hover {
  background-color: #c0c8d5;
  border-color: #c0c8d5;
}

.slider .ui-slider-handle.ui-state-focus {
  background-color: #9ea6b3;
  border-color: #9ea6b3;
}

.slider .ui-slider-range {
  position: absolute;
  height: 1px;
  background-color: #ced4d9;
}

.slider-bg, .slider-bg-one {
  height: 28px;
  border: 1px solid #5c657f;
  position: relative;
  margin: 0 12px 37px;
}

.slider-bg .ui-slider-handle, .slider-bg-one .ui-slider-handle {
  background: #ffffff;
  width: 26px;
  height: 26px;
  border: 1px solid #5c657f;
  background: #ffffff;
  padding: 2px;
  border-radius: 13px;
  position: absolute;
  margin: 30px 0 0 -13px;
  z-index: 10;
}

.slider-bg .ui-slider-handle:before, .slider-bg .ui-slider-handle:after, .slider-bg-one .ui-slider-handle:before, .slider-bg-one .ui-slider-handle:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  content: '';
}

.slider-bg .ui-slider-handle:before, .slider-bg-one .ui-slider-handle:before {
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  z-index: 6;
  top: -2px;
}

.slider-bg .ui-slider-handle:after, .slider-bg-one .ui-slider-handle:after {
  border-bottom: 3px solid #5c657f;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  top: -3px;
}

.slider-bg .ui-slider-handle span, .slider-bg-one .ui-slider-handle span {
  display: block;
  height: 100%;
  border-radius: 50%;
}

.slider-box {
  padding: 0 10px;
}

.slider-box--logo {
  width: 195px;
  margin: 13px 0 0;
  float: right;
}

.ui-slider-handle-range {
  background-color: #48b9ff;
  font-size: 9px;
  color: #ffffff;
  line-height: 18px;
  border: 1px solid #48b9ff;
  border-radius: 3px;
  padding: 0 5px;
  top: -30px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: none;
  transition: 0.2s;
}

.ui-slider-handle-range:before, .ui-slider-handle-range:after {
  content: '';
  position: absolute;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-style: solid;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.ui-slider-handle-range:before {
  border-top-width: 6px;
  border-top-color: #48b9ff;
  border-left-width: 6px;
  border-right-width: 6px;
  z-index: 5;
  bottom: -9px;
}

.ui-slider-handle-range:after {
  border-top-width: 7px;
  border-top-color: #48b9ff;
  border-left-width: 8px;
  border-right-width: 8px;
  z-index: 4;
  bottom: -10px;
}

.border-top, .slider-mobile .slider-track:after, .mobile-colors-angle-slider .slider-track:after, .slider-desktop .slider-track:after, .slider-dropdown .slider-track:after, .slider-minimap .slider-track:after,
.shape-list {
  border-top: 1px solid #ced4d9;
  /*
    border-bottom: 1px solid $p;
    margin: 0 -11px;
*/
}

.shape {
  /*
    height: 50px;
*/
  position: relative;
}

.shape.active .shape__title {
  background: #e6ecfc;
  color: #7e98e5;
}

.shape__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 50px;
  color: #7b7b7b;
  text-align: center;
  display: block;
  position: relative;
  transition: 0.2s;
  padding: 0 11px;
}

.shape__title svg, .shape__title img {
  position: absolute;
  left: 11px;
  width: 32px;
  height: 32px;
  border: 1px solid #ced4d9;
  top: 50%;
  margin-top: -16px;
}

.shape__title:hover {
  background: #73e5e5;
  color: #ffffff;
}

.shape__title.active {
  background: #73e5e5;
  color: #ffffff;
}

.shape-dropdown {
  position: absolute;
  height: 201px;
  background-color: #ffffff;
  border: 1px solid #ced4d9;
  /*    overflow-y: auto;*/
  border-radius: 3px;
  left: 0;
  top: 100%;
  min-width: 100%;
  z-index: 50;
  /*    display: none;*/
}

.shape-dropdown__list {
  border-top: 1px solid #ced4d9;
}

.shape-dropdown__list:first-child {
  border: 0;
}

.shape-dropdown__list.active a {
  background-color: #aceaea;
  color: #7e98e5;
}

.shape-dropdown__list a {
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  color: #5c657f;
  text-align: center;
  display: block;
  position: relative;
  transition: 0.2s;
}

.shape-dropdown__list a svg, .shape-dropdown__list a img {
  position: absolute;
  left: 11px;
  width: 32px;
  height: 32px;
  border: 1px solid #ced4d9;
  top: 50%;
  margin-top: -16px;
}

.shape-dropdown__list a:hover {
  background-color: #aceaea;
  color: #ffffff;
}

.shape-dropdown__list a.active {
  background-color: #aceaea;
  color: #ffffff;
}

.select-box--bg {
  width: 123px;
  float: right;
}

.select-box--bg .select-styled {
  margin-bottom: 0;
}

.shape--item {
  /*
    margin: -13px -11px 20px;
*/
}

.shape--item .shape__title {
  color: #48b9ff;
  background-color: #ffffff;
  border: 1px solid #73e5e5;
  line-height: 57px;
  font-weight: 400;
  height: 57px;
  /*
        margin: 0 0 16px;
*/
}

.shape--item .shape__title:before {
  color: #48b9ff;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 11px;
  content: '';
  border-top: 5px solid #48b9ff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.shape--item .shape__title:hover {
  background-color: #73e5e5;
  color: #ffffff;
}

.shape--item .shape__title:hover:before {
  border-top: 6px solid #ffffff;
}

.shape--item .shape__title.active:before {
  border-top: 6px solid #48b9ff;
}

.shape--item-text .shape__title {
  text-align: right;
  color: #48b9ff;
  padding-right: 56px;
  height: 56px;
}

.shape--item-text .shape-dropdown__list a {
  padding-right: 50px;
  text-align: right;
}

.shape--item-text .shape-dropdown__list a img {
  width: auto;
  border: 0;
}

.shape--item-text img {
  width: auto;
  border: 0;
}

.select-box--gradient-type {
  width: 87px;
  float: left;
}

.select-box--gradient-type .select-styled {
  margin-bottom: 0;
}

.select-box--gradient-position {
  width: 84px;
  float: right;
}

.select-box--gradient-position .select-styled {
  margin-bottom: 0;
}

.select-box--fonts {
  width: 173px;
  margin: 3px 0 0;
  position: relative;
  float: left;
}

.fonts-btn-list {
  margin: 3px 0 0;
  float: right;
}

.fonts-btn {
  font: 12px/24px Times;
  text-align: center;
  text-transform: uppercase;
  color: #7b7b7b;
  width: 26px;
  height: 26px;
  border: 1px solid #ced4d9;
  border-radius: 18px;
  transition: 0.2s;
  margin: 0 0 0 16px;
  padding: 0;
  float: left;
}

.fonts-btn:first-child {
  margin-left: 0;
}

.fonts-btn:hover {
  background-color: #73e5e5;
  border-color: #73e5e5;
  color: #ffffff;
}

.fonts-btn:hover .icon-42 {
  background-position: -225px -50px;
  width: 14px;
  height: 15px;
}

.fonts-btn:active, .fonts-btn.active {
  background-color: #48b9ff;
  border-color: #48b9ff;
  color: #ffffff;
}

.fonts-btn:active .icon-42, .fonts-btn.active .icon-42 {
  background-position: -225px -50px;
  width: 14px;
  height: 15px;
}

.fonts-btn--bold {
  font-weight: bold;
}

.fonts-btn--italic {
  font-style: italic;
}

.preview {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 40%;
}

.preview__item {
  width: 100px;
  height: 79px;
  border: 1px solid #5c657f;
  display: inline-block;
  margin: 0 10px 8px 0;
  box-shadow: 0 3px 7.8px 0.2px rgba(84, 96, 128, 0.56);
}

.preview__item img {
  display: block;
  height: 79px;
}

.color-picker {
  /*
    position: absolute;
    top: 30%;
    left: 50%;
*/
  width: 234px;
  background-color: #ffffff;
  border: 1px solid #ced4d9;
  border-radius: 5px;
  padding: 10px;
  /*
    &:before,&:after {
        position: absolute;
        content: '';
        top: 50%;
        @include transform(translate(0,-50%));
    }
    &:before {
        border-right: 8px solid $w;
        border-top: 5px solid $tr;
        border-bottom: 5px solid $tr;
        left: -8px;
        z-index: 5;
    }
    &:after {
        border-right: 10px solid $p;
        border-top: 6px solid $tr;
        border-bottom: 6px solid $tr;
        left: -10px;
    }
*/
}

.color-picker .arrow1,
.color-picker .arrow2 {
  position: absolute;
  content: '';
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.color-picker .arrow1 {
  border-right: 8px solid #ffffff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: 3px;
  z-index: 5;
}

.color-picker .arrow2 {
  border-right: 10px solid #8e939b;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: 1px;
}

.color-picker .arrow3,
.color-picker .arrow4 {
  position: absolute;
  content: '';
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.color-picker .arrow3 {
  border-left: 8px solid #ffffff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: -1px;
  z-index: 5;
}

.color-picker .arrow4 {
  border-left: 10px solid #8e939b;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: -1px;
}

.color-settings {
  margin: 0 0 15px;
}

.color-settings__item {
  float: left;
}

.color-settings__item .box-settings__title {
  margin-right: 5px;
}

.hex-box {
  margin-right: 15px;
}

.hex-box .input-text {
  width: 100px;
}

.alpha-box .input-text {
  width: 44px;
}

.r-box .input-text {
  width: 44px;
}

.g-box {
  margin: 0 12px;
}

.g-box .input-text {
  width: 44px;
}

.b-box .input-text {
  width: 44px;
}

.color-picker__buttons .btn, .color-picker__buttons .downloader-buttons-premium-zip-button, .color-picker__buttons .modal-downloader-premium-zip-show-button {
  text-align: center;
  width: 118px;
  margin: 0;
  float: right;
}

.color-picker__buttons .btn:first-child, .color-picker__buttons .downloader-buttons-premium-zip-button:first-child, .color-picker__buttons .modal-downloader-premium-zip-show-button:first-child {
  float: left;
}

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-container.sp-flat {
  position: relative;
  height: 200px;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 235px;
  height: 200px;
  border: 1px solid #ced4d9;
  border-radius: 3px;
  overflow: hidden;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 24px;
  left: 240px;
  bottom: 0;
  width: 16px;
  height: 200px;
  border: 1px solid #ced4d9;
  border-radius: 3px;
  overflow: hidden;
}

.sp-clear-enabled .sp-hue {
  top: 0;
  bottom: 0;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: 0;
  width: 14px;
  height: 14px;
  left: 0;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27);
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 50%;
}

.sp-alpha {
  display: none;
  position: absolute !important;
  right: 0;
  top: 0;
  width: 16px;
  height: 200px;
  border: 1px solid #ced4d9;
  border-radius: 3px;
  overflow: hidden;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: none;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

.sp-val {
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}

.sp-dragger {
  margin-top: 7px;
  margin-left: 7px;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27);
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
}

.sp-slider {
  margin-top: 7px;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  border: none;
  box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27);
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 50%;
}

.sp-top {
  margin-bottom: 3px;
}

/* Input */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
  cursor: not-allowed;
  width: 100%;
}

.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}

.sp-input:focus {
  border: 1px solid orange;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
}

.sp-picker-container {
  width: 280px;
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333;
}

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
  float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}

.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}

.sp-palette {
  *width: 220px;
  max-width: 220px;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

.sp-container {
  padding-bottom: 0;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}

.sp-container button:hover {
  background-color: #dddddd;
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.nav-panel {
  border: none;
}

.nav-panel-controls {
  border-top: 1px solid #ced4d9;
}

.xinput {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  background: none;
  font-size: inherit;
  border: none;
  border-radius: 0;
}

.xinput:required {
  box-shadow: none;
}

.xinput:invalid {
  box-shadow: none;
}

.disabled-aware[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.xbutton, .slider-mobile .slider-thumb, .mobile-colors-angle-slider .slider-thumb, .slider-mobile .slider-buttons button, .mobile-colors-angle-slider .slider-buttons button, .slider-desktop .slider-thumb, .slider-dropdown .slider-thumb, .slider-minimap .slider-thumb, .slider-minimap .slider-buttons button, .mobile-header-done {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
}

.xbutton:focus, .slider-mobile .slider-thumb:focus, .mobile-colors-angle-slider .slider-thumb:focus, .slider-mobile .slider-buttons button:focus, .mobile-colors-angle-slider .slider-buttons button:focus, .slider-desktop .slider-thumb:focus, .slider-dropdown .slider-thumb:focus, .slider-minimap .slider-thumb:focus, .slider-minimap .slider-buttons button:focus, .mobile-header-done:focus {
  outline: none;
}

.xbutton::-moz-focus-inner, .slider-mobile .slider-thumb::-moz-focus-inner, .mobile-colors-angle-slider .slider-thumb::-moz-focus-inner, .slider-mobile .slider-buttons button::-moz-focus-inner, .mobile-colors-angle-slider .slider-buttons button::-moz-focus-inner, .slider-desktop .slider-thumb::-moz-focus-inner, .slider-dropdown .slider-thumb::-moz-focus-inner, .slider-minimap .slider-thumb::-moz-focus-inner, .slider-minimap .slider-buttons button::-moz-focus-inner, .mobile-header-done::-moz-focus-inner {
  border: none;
}

.button-foo {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 50px;
  height: 50px;
}

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

.button-foo::-moz-focus-inner {
  border: none;
}

.button-foo[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.button-foo:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 5px;
  border: 1px solid currentColor;
  border-radius: 999px;
}

.button-foo svg {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px;
}

.button-foo2 {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 50px;
  height: 50px;
}

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

.button-foo2::-moz-focus-inner {
  border: none;
}

.button-foo2[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.button-foo2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 5px;
  border: 1px solid currentColor;
  border-radius: 999px;
}

.button-foo2 svg {
  display: block;
  width: 100%;
  height: 100%;
  padding: 14px;
}

.btn.btn-purple, .btn-purple.downloader-buttons-premium-zip-button, .btn-purple.modal-downloader-premium-zip-show-button {
  background-color: #8f86ef;
  box-shadow: 0 6px 20px 0 rgba(183, 134, 239, 0.4);
}

.btn.btn-purple:hover, .btn-purple.downloader-buttons-premium-zip-button:hover, .btn-purple.modal-downloader-premium-zip-show-button:hover {
  background-color: #a69dff;
}

.color-7f8893 {
  color: #7f8893;
}

.color-black {
  color: black;
}

.color-hawkesblue {
  color: #d5ebfc;
}

.xtheme {
  color: inherit;
  background: none;
}

.theme-slider {
  color: #bdcbd8;
  background: white;
}

.theme-colorstop {
  color: white;
  background: none;
}

.theme-echoblue-on-white {
  color: #afbccd;
  background: white;
}

.theme-white-on-dodgerblue {
  color: white;
  background: #38beff;
}

.theme-mobile-generator-head {
  color: white;
  background: #36beff linear-gradient(to right, #36beff 0%, #3a79ff 100%);
  font-family: "Inter", serif;
  font-size: 15px;
}

.theme-mobile-generator-body {
  color: white;
  background: #cbd4e2 linear-gradient(to bottom, #cbd4e2 0%, #dde4f2 100%);
  font-family: "Inter", serif;
  font-size: 15px;
}

.theme-white-on-blue {
  color: white;
  background: #4a70fb;
  font-family: "Inter", serif;
  font-size: 12px;
}

.theme-white-on-blue .active {
  background: #e9a138;
}

.theme-white-on-red {
  color: white;
  background: #fa633a;
  font-family: "Inter", serif;
  font-size: 12px;
}

.theme-blue-on-white {
  color: #4a70fb;
  background: white;
  font-family: "Inter", serif;
  font-size: 14px;
}

.theme-mobile-editor-bottom {
  color: #7f8893;
  background: white;
  font-family: "Inter", serif;
  font-size: 15px;
}

.theme-mobile-white {
  color: #7f8893;
  background: white;
  font-family: "Inter", serif;
  font-size: 15px;
}

.theme-mobile-categories {
  color: #7f8893;
  background: white;
  font-family: 'Inter', serif;
  font-size: 15px;
}

.color-manatee, .slider-minimap .slider-buttons button svg {
  color: #8e939b;
}

.color-iron, .slider-desktop, .slider-dropdown, .slider-minimap {
  color: #ced4d9;
}

.theme-iron-on-white {
  color: #ced4d9;
  background: white;
}

.theme-manatee-on-white {
  color: #8e939b;
  background: white;
}

.theme-desktop-categories {
  color: #8e939b;
  background: white;
  font-family: 'Inter', serif;
  font-size: 12px;
  transition: 0.2s;
}

.theme-mobile-button {
  font-family: "Inter", serif;
  font-size: 15px;
  color: white;
  background: none;
  border: 1px solid currentColor;
}

.theme-orange-on-white {
  font-family: "Inter", serif;
  font-size: 14px;
  color: white;
  background: #ffa229;
}

.theme-white-on-none {
  color: white;
  background: none;
}

.theme-white-on-geyser,
.hover-theme-white-on-geyser:hover {
  color: white;
  background: #c9d3df;
}

.theme-geyser-on-white {
  color: #c9d3df;
  background: white;
}

.vue-gradient-preview {
  padding: 0 12px;
}

.vue-gradient-preview svg {
  display: block;
  width: 100%;
  height: 26px;
  border-radius: 5px;
  margin: 13px 0;
  position: relative;
  border: 1px solid #ced4d9;
}

.vue-slider {
  position: relative;
  margin: 3px 13px 0;
  height: 26px;
}

.vue-slider .vue-slider-handle {
  cursor: move;
  position: absolute;
  width: 26px;
  height: 26px;
  margin: 0 -13px;
  background: white;
  border: 1px solid #ced4d9;
  border-radius: 100%;
}

.vue-slider .vue-slider-handle:before {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ced4d9;
  margin-left: -6px;
  left: 50%;
  top: -3px;
  z-index: -1;
}

.vue-slider .vue-slider-handle:after {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid white;
  margin-left: -4px;
  left: 50%;
  top: -2px;
  z-index: 0;
}

.vue-slider .vue-slider-handle .vue-slider-color {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid white;
  border-radius: 100%;
}

.xd, .slider-desktop .slider-buttons, .slider-dropdown .slider-buttons {
  display: none;
}

.db, .slider-minimap .slider-buttons button svg, .mobile-header-done svg {
  display: block;
}

.di {
  display: inline;
}

.dl, .btn-dropdown34, .btn-circle16, .btn-circle17, .btn-circle19, .btn-circle34 {
  display: inline-block;
}

.dt {
  display: table;
}

.dc {
  display: table-cell;
}

.stat {
  position: static;
}

.rel, .btn-dropdown34, .child-rel > *, .slider-mobile .slider-track, .mobile-colors-angle-slider .slider-track, .slider-desktop, .slider-desktop .slider-track, .slider-dropdown, .slider-dropdown .slider-track, .slider-minimap, .slider-minimap .slider-track {
  position: relative;
}

.abs, .free-logo-restrictions-overlay, .gallery > * > * > *, .clipart-gallery > * > * > *, .generator-gallery > li > div > *, .generator-gallery-item > .overlay,
.generator-wished-item > .overlay, .generator-gallery-item-loading,
.generator-wished-item-loading, .btn-dropdown34:before, .desktop-cliparts-item, .slider-mobile .slider-track:before, .mobile-colors-angle-slider .slider-track:before, .slider-mobile .slider-track:after, .mobile-colors-angle-slider .slider-track:after, .slider-mobile .slider-thumb, .mobile-colors-angle-slider .slider-thumb, .slider-desktop .slider-track:before, .slider-desktop .slider-track:after, .slider-desktop .slider-thumb, .slider-dropdown .slider-track:before, .slider-dropdown .slider-track:after, .slider-dropdown .slider-thumb, .slider-minimap .slider-track:before, .slider-minimap .slider-track:after, .slider-minimap .slider-thumb, .slider-minimap .slider-buttons button {
  position: absolute;
}

.fix, .free-logo-restrictions-container, .preloader, .modal-downloader-premium-zip-wait, .mobile-downloader {
  position: fixed;
}

.box, .gallery > * > * > *, .clipart-gallery > * > * > * {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.t0 {
  top: 0px;
}

.l0, .slider-minimap .slider-dec {
  left: 0px;
}

.r0, .slider-minimap .slider-inc {
  right: 0px;
}

.b0 {
  bottom: 0px;
}

.t1 {
  top: 1px;
}

.l1 {
  left: 1px;
}

.r1 {
  right: 1px;
}

.b1 {
  bottom: 1px;
}

.t2 {
  top: 2px;
}

.l2 {
  left: 2px;
}

.r2 {
  right: 2px;
}

.b2 {
  bottom: 2px;
}

.t3 {
  top: 3px;
}

.l3 {
  left: 3px;
}

.r3 {
  right: 3px;
}

.b3 {
  bottom: 3px;
}

.t4 {
  top: 4px;
}

.l4 {
  left: 4px;
}

.r4 {
  right: 4px;
}

.b4 {
  bottom: 4px;
}

.t5 {
  top: 5px;
}

.l5 {
  left: 5px;
}

.r5 {
  right: 5px;
}

.b5 {
  bottom: 5px;
}

.t10 {
  top: 10px;
}

.l10 {
  left: 10px;
}

.r10 {
  right: 10px;
}

.b10 {
  bottom: 10px;
}

.t15 {
  top: 15px;
}

.l15 {
  left: 15px;
}

.r15 {
  right: 15px;
}

.b15 {
  bottom: 15px;
}

.t20 {
  top: 20px;
}

.l20 {
  left: 20px;
}

.r20 {
  right: 20px;
}

.b20 {
  bottom: 20px;
}

.t25 {
  top: 25px;
}

.l25 {
  left: 25px;
}

.r25 {
  right: 25px;
}

.b25 {
  bottom: 25px;
}

.ta {
  top: auto;
}

.la {
  left: auto;
}

.ra {
  right: auto;
}

.ba {
  bottom: auto;
}

.z1, .slider-mobile .slider-thumb, .mobile-colors-angle-slider .slider-thumb, .slider-desktop .slider-thumb, .slider-dropdown .slider-thumb, .slider-minimap .slider-thumb {
  z-index: 1;
}

.z1n {
  z-index: -1;
}

.z2 {
  z-index: 2;
}

.z2n {
  z-index: -2;
}

.z3 {
  z-index: 3;
}

.z3n {
  z-index: -3;
}

.z4 {
  z-index: 4;
}

.z4n {
  z-index: -4;
}

.z5 {
  z-index: 5;
}

.z5n {
  z-index: -5;
}

.expand-1-1, .gallery > * > *, .clipart-gallery > * > *, .generator-gallery > li > div {
  display: block;
  position: relative;
}

.expand-1-1:before, .gallery > * > :before, .clipart-gallery > * > :before, .generator-gallery > li > div:before {
  display: block;
  content: '';
  padding-top: 100%;
}

.expand-1-2 {
  display: block;
  position: relative;
}

.expand-1-2:before {
  display: block;
  content: '';
  padding-top: 200%;
}

.expand-1-3 {
  display: block;
  position: relative;
}

.expand-1-3:before {
  display: block;
  content: '';
  padding-top: 300%;
}

.expand-1-4 {
  display: block;
  position: relative;
}

.expand-1-4:before {
  display: block;
  content: '';
  padding-top: 400%;
}

.expand-1-9 {
  display: block;
  position: relative;
}

.expand-1-9:before {
  display: block;
  content: '';
  padding-top: 900%;
}

.expand-1-16 {
  display: block;
  position: relative;
}

.expand-1-16:before {
  display: block;
  content: '';
  padding-top: 1600%;
}

.expand-2-1 {
  display: block;
  position: relative;
}

.expand-2-1:before {
  display: block;
  content: '';
  padding-top: 50%;
}

.expand-2-3 {
  display: block;
  position: relative;
}

.expand-2-3:before {
  display: block;
  content: '';
  padding-top: 150%;
}

.expand-2-4 {
  display: block;
  position: relative;
}

.expand-2-4:before {
  display: block;
  content: '';
  padding-top: 200%;
}

.expand-2-9 {
  display: block;
  position: relative;
}

.expand-2-9:before {
  display: block;
  content: '';
  padding-top: 450%;
}

.expand-2-16 {
  display: block;
  position: relative;
}

.expand-2-16:before {
  display: block;
  content: '';
  padding-top: 800%;
}

.expand-3-1 {
  display: block;
  position: relative;
}

.expand-3-1:before {
  display: block;
  content: '';
  padding-top: 33.33333%;
}

.expand-3-2 {
  display: block;
  position: relative;
}

.expand-3-2:before {
  display: block;
  content: '';
  padding-top: 66.66667%;
}

.expand-3-4 {
  display: block;
  position: relative;
}

.expand-3-4:before {
  display: block;
  content: '';
  padding-top: 133.33333%;
}

.expand-3-9 {
  display: block;
  position: relative;
}

.expand-3-9:before {
  display: block;
  content: '';
  padding-top: 300%;
}

.expand-3-16 {
  display: block;
  position: relative;
}

.expand-3-16:before {
  display: block;
  content: '';
  padding-top: 533.33333%;
}

.expand-4-1 {
  display: block;
  position: relative;
}

.expand-4-1:before {
  display: block;
  content: '';
  padding-top: 25%;
}

.expand-4-2 {
  display: block;
  position: relative;
}

.expand-4-2:before {
  display: block;
  content: '';
  padding-top: 50%;
}

.expand-4-3 {
  display: block;
  position: relative;
}

.expand-4-3:before {
  display: block;
  content: '';
  padding-top: 75%;
}

.expand-4-9 {
  display: block;
  position: relative;
}

.expand-4-9:before {
  display: block;
  content: '';
  padding-top: 225%;
}

.expand-4-16 {
  display: block;
  position: relative;
}

.expand-4-16:before {
  display: block;
  content: '';
  padding-top: 400%;
}

.expand-9-1 {
  display: block;
  position: relative;
}

.expand-9-1:before {
  display: block;
  content: '';
  padding-top: 11.11111%;
}

.expand-9-2 {
  display: block;
  position: relative;
}

.expand-9-2:before {
  display: block;
  content: '';
  padding-top: 22.22222%;
}

.expand-9-3 {
  display: block;
  position: relative;
}

.expand-9-3:before {
  display: block;
  content: '';
  padding-top: 33.33333%;
}

.expand-9-4 {
  display: block;
  position: relative;
}

.expand-9-4:before {
  display: block;
  content: '';
  padding-top: 44.44444%;
}

.expand-9-16 {
  display: block;
  position: relative;
}

.expand-9-16:before {
  display: block;
  content: '';
  padding-top: 177.77778%;
}

.expand-16-1 {
  display: block;
  position: relative;
}

.expand-16-1:before {
  display: block;
  content: '';
  padding-top: 6.25%;
}

.expand-16-2 {
  display: block;
  position: relative;
}

.expand-16-2:before {
  display: block;
  content: '';
  padding-top: 12.5%;
}

.expand-16-3 {
  display: block;
  position: relative;
}

.expand-16-3:before {
  display: block;
  content: '';
  padding-top: 18.75%;
}

.expand-16-4 {
  display: block;
  position: relative;
}

.expand-16-4:before {
  display: block;
  content: '';
  padding-top: 25%;
}

.expand-16-9 {
  display: block;
  position: relative;
}

.expand-16-9:before {
  display: block;
  content: '';
  padding-top: 56.25%;
}

.tbody-pg6 > tr + tr > td {
  padding-top: 3px;
}

.tbody-pg6 > tr:not(:last-child) > td {
  padding-bottom: 3px;
}

.tbody-p5 > tr:first-child > td {
  padding-top: 5px;
}

.tbody-p5 > tr:last-child > td {
  padding-bottom: 5px;
}

.tbody-p5 > tr > td:first-child {
  padding-left: 5px;
}

.tbody-p5 > tr > td:last-child {
  padding-right: 5px;
}

.tbody-ph5 > tr:first-child > td {
  padding-top: 5px;
}

.tbody-ph5 > tr:last-child > td {
  padding-bottom: 5px;
}

.tr-pig5 > tr > td + td {
  padding-left: 5px;
}

.tr-ph5 > tr > td:first-child {
  padding-left: 5px;
}

.tr-ph5 > tr > td:last-child {
  padding-right: 5px;
}

.td-mig5 > tr > td > * + * {
  margin-left: 5px;
}

.xbg {
  background: none;
}

.background-cover {
  background: transparent no-repeat center center;
  background-size: cover;
}

.black {
  background: #000;
}

.gray {
  background: #888;
}

.silver {
  background: #ccc;
}

.white, .slider-dropdown .slider-thumb, .slider-minimap .slider-thumb {
  background: #fff;
}

.red {
  background: #f88;
}

.green {
  background: #8f8;
}

.blue {
  background: #88f;
}

.yellow {
  background: #ff8;
}

.cyan {
  background: #8ff;
}

.checkerboard {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
}

.rainbow > :nth-child(5n+1) {
  background: #f88;
}

.rainbow > :nth-child(5n+2) {
  background: #8f8;
}

.rainbow > :nth-child(5n+3) {
  background: #88f;
}

.rainbow > :nth-child(5n+4) {
  background: #ff8;
}

.rainbow > :nth-child(5n+5) {
  background: #8ff;
}

.bbox, .gallery > * > * > *, .clipart-gallery > * > * > * {
  box-sizing: border-box;
}

.cbox, .btn-pill26, .btn-pill34, .btn-dropdown34, .btn-circle16, .btn-circle17, .btn-circle19, .btn-circle34 {
  box-sizing: content-box;
}

.border-none {
  border: none;
}

.br0 {
  border-radius: 0px;
}

.br5 {
  border-radius: 5px;
}

.br10 {
  border-radius: 10px;
}

.br15 {
  border-radius: 15px;
}

.br20 {
  border-radius: 20px;
}

.br25 {
  border-radius: 25px;
}

.br30 {
  border-radius: 30px;
}

.wa {
  width: auto;
}

.ha {
  height: auto;
}

.ww, .gallery > * > * > *, .clipart-gallery > * > * > *, .generator-gallery > li > div > *, .generator-gallery-item > img,
.generator-wished-item > img, .desktop-cliparts-item, .slider-mobile .slider-track:after, .mobile-colors-angle-slider .slider-track:after, .slider-desktop .slider-track:after, .slider-minimap .slider-buttons button svg {
  width: 100%;
}

.hh, .gallery > * > * > *, .clipart-gallery > * > * > *, .generator-gallery > li > div > *, .generator-gallery-item > img,
.generator-wished-item > img, .desktop-cliparts-item, .slider-mobile .slider-track, .mobile-colors-angle-slider .slider-track, .slider-desktop .slider-track, .slider-dropdown .slider-track, .slider-minimap .slider-track, .slider-minimap .slider-buttons button svg, .mobile-header-done, .mobile-header-done span {
  height: 100%;
}

.w0 {
  width: 0px;
}

.h0 {
  height: 0px;
}

.w1 {
  width: 1px;
}

.h1 {
  height: 1px;
}

.w2 {
  width: 2px;
}

.h2 {
  height: 2px;
}

.w3 {
  width: 3px;
}

.h3 {
  height: 3px;
}

.w4 {
  width: 4px;
}

.h4 {
  height: 4px;
}

.w5 {
  width: 5px;
}

.h5 {
  height: 5px;
}

.w10 {
  width: 10px;
}

.h10 {
  height: 10px;
}

.w15 {
  width: 15px;
}

.h15 {
  height: 15px;
}

.w20, .mobile-header-done svg {
  width: 20px;
}

.h20, .mobile-header-done svg {
  height: 20px;
}

.w25 {
  width: 25px;
}

.h25 {
  height: 25px;
}

.w100 {
  width: 100px;
}

.h100 {
  height: 100px;
}

.w150 {
  width: 150px;
}

.h150 {
  height: 150px;
}

.w200 {
  width: 200px;
}

.h200 {
  height: 200px;
}

.w250 {
  width: 250px;
}

.h250 {
  height: 250px;
}

.w300 {
  width: 300px;
}

.h300 {
  height: 300px;
}

.w350 {
  width: 350px;
}

.h350 {
  height: 350px;
}

.w400 {
  width: 400px;
}

.h400 {
  height: 400px;
}

.w450 {
  width: 450px;
}

.h450 {
  height: 450px;
}

.w500, .free-logo-restrictions-container {
  width: 500px;
}

.h500 {
  height: 500px;
}

.w550 {
  width: 550px;
}

.h550 {
  height: 550px;
}

.w600 {
  width: 600px;
}

.h600 {
  height: 600px;
}

.w650 {
  width: 650px;
}

.h650 {
  height: 650px;
}

.w700 {
  width: 700px;
}

.h700 {
  height: 700px;
}

.w750 {
  width: 750px;
}

.h750 {
  height: 750px;
}

.w800 {
  width: 800px;
}

.h800 {
  height: 800px;
}

.min {
  min-width: 100%;
  min-height: 100%;
}

.max {
  max-width: 100%;
  max-height: 100%;
}

.min-w {
  min-width: 100%;
}

.min-h {
  min-height: 100%;
}

.max-w {
  max-width: 100%;
}

.max-h {
  max-height: 100%;
}

.min200 {
  min-width: 200px;
  min-height: 200px;
}

.max800 {
  max-width: 800px;
  max-height: 800px;
}

.max800x600 {
  max-width: 800px;
  max-height: 600px;
}

.max50p {
  max-width: 50%;
  max-height: 50%;
}

.max50px75p {
  max-width: 50%;
  max-height: 75%;
}

.max100px50p {
  max-width: 100%;
  max-height: 50%;
}

.xm {
  margin: 0;
}

.xp {
  padding: 0;
}

.ma, .gallery > * > * > *, .clipart-gallery > * > * > * {
  margin: auto;
}

.m0 {
  margin: 0px;
}

.p0 {
  padding: 0px;
}

.m5 {
  margin: 5px;
}

.p5, .gallery > * > * > *, .clipart-gallery > * > * > *, .generator-gallery-item > img,
.generator-wished-item > img {
  padding: 5px;
}

.m10 {
  margin: 10px;
}

.p10 {
  padding: 10px;
}

.m15 {
  margin: 15px;
}

.p15 {
  padding: 15px;
}

.m20 {
  margin: 20px;
}

.p20 {
  padding: 20px;
}

.m25 {
  margin: 25px;
}

.p25 {
  padding: 25px;
}

.m30 {
  margin: 30px;
}

.p30 {
  padding: 30px;
}

.m35 {
  margin: 35px;
}

.p35 {
  padding: 35px;
}

.m40 {
  margin: 40px;
}

.p40 {
  padding: 40px;
}

.m45 {
  margin: 45px;
}

.p45 {
  padding: 45px;
}

.m50 {
  margin: 50px;
}

.p50 {
  padding: 50px;
}

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

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

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

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

.mv5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mh5 {
  margin-left: 5px;
  margin-right: 5px;
}

.pv5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.ph5 {
  padding-left: 5px;
  padding-right: 5px;
}

.mv10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mh10 {
  margin-left: 10px;
  margin-right: 10px;
}

.pv10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ph10, .mobile-header-done {
  padding-left: 10px;
  padding-right: 10px;
}

.mv15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mh15 {
  margin-left: 15px;
  margin-right: 15px;
}

.pv15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.ph15 {
  padding-left: 15px;
  padding-right: 15px;
}

.mv20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mh20 {
  margin-left: 20px;
  margin-right: 20px;
}

.pv20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ph20, .mobile-header-done span {
  padding-left: 20px;
  padding-right: 20px;
}

.mv25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mh25 {
  margin-left: 25px;
  margin-right: 25px;
}

.pv25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.ph25 {
  padding-left: 25px;
  padding-right: 25px;
}

.mv30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mh30 {
  margin-left: 30px;
  margin-right: 30px;
}

.pv30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ph30 {
  padding-left: 30px;
  padding-right: 30px;
}

.mv35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mh35 {
  margin-left: 35px;
  margin-right: 35px;
}

.pv35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.ph35 {
  padding-left: 35px;
  padding-right: 35px;
}

.mv40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mh40 {
  margin-left: 40px;
  margin-right: 40px;
}

.pv40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ph40 {
  padding-left: 40px;
  padding-right: 40px;
}

.mv45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mh45 {
  margin-left: 45px;
  margin-right: 45px;
}

.pv45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.ph45 {
  padding-left: 45px;
  padding-right: 45px;
}

.mv50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mh50 {
  margin-left: 50px;
  margin-right: 50px;
}

.pv50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ph50 {
  padding-left: 50px;
  padding-right: 50px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.pl5 {
  padding-left: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pt5 {
  padding-top: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.ml10, .gallery > * > *, .clipart-gallery > * > * {
  margin-left: 10px;
}

.mr10, .mobile-header-done svg {
  margin-right: 10px;
}

.mt10, .gallery > * > *, .clipart-gallery > * > * {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.ml15 {
  margin-left: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.pl15 {
  padding-left: 15px;
}

.pr15 {
  padding-right: 15px;
}

.pt15 {
  padding-top: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.xml {
  margin-left: 0;
}

.xmr {
  margin-right: 0;
}

.xmt, .gallery > *:nth-child(-n+3) > * {
  margin-top: 0;
}

.xmb {
  margin-bottom: 0;
}

.xpl {
  padding-left: 0;
}

.xpr {
  padding-right: 0;
}

.xpt {
  padding-top: 0;
}

.xpb {
  padding-bottom: 0;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.flex-wrap-rev {
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}

.flex-rows {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-rows-rev {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-row, .gallery, .clipart-gallery, .generator-gallery, .downloader-buttons-premium-zip-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-rev {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-row-nowrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.flex-rows-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col, .generator-gallery-item > .overlay,
.generator-wished-item > .overlay {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-rev {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-col-nowrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.flex-cols-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-align-start {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-align-end {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-align-center, .generator-gallery-item > .overlay,
.generator-wished-item > .overlay, .downloader-buttons-premium-zip-header {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-align-baseline {
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.flex-align-stretch {
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.flex-justify-start {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-justify-end {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-justify-center {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-justify-between {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-justify-around, .generator-gallery-item > .overlay,
.generator-wished-item > .overlay {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.flex-grow, .slider-mobile .slider-track, .mobile-colors-angle-slider .slider-track, .slider-desktop .slider-track, .slider-dropdown .slider-track, .slider-minimap .slider-track {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-nogrow {
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.flex-shrink {
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
}

.flex-noshrink, .child-flex-noshrink > * {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.flex-fluid {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
}

.hsplit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.hsplit > :not(.shrink) {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.hsplit > .shrink {
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
}

.hsplit > .grow {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.hsplit > .fluid {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
}

.vsplit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.vsplit > :not(.shrink) {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.vsplit > .shrink {
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
}

.vsplit > .grow {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.vsplit > .fluid {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
}

.xf {
  float: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.xc {
  clear: none;
}

.cb {
  clear: both;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.cf {
  *zoom: 1;
}

.cf:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.floats {
  *zoom: 1;
}

.floats:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.floats > * {
  float: left;
}

.grid1 > .col1, .gallery.grid1 > *, .clipart-gallery.grid1 > *, .generator-gallery.grid1 > li {
  width: 100%;
}

.grid2 > .col1, .gallery.grid2 > *, .clipart-gallery.grid2 > *, .generator-gallery.grid2 > li {
  width: 50%;
}

.grid2 > .col2 {
  width: 100%;
}

.grid3 > .col1, .gallery > .col1, .gallery > *, .clipart-gallery.grid3 > *, .generator-gallery.grid3 > li, .generator-gallery.gallery > li {
  width: 33.33333%;
}

.grid3 > .col2, .gallery > .col2 {
  width: 66.66667%;
}

.grid3 > .col3, .gallery > .col3 {
  width: 100%;
}

.grid4 > .col1, .generator-gallery > .col1, .gallery.grid4 > *, .gallery.generator-gallery > *, .clipart-gallery.grid4 > *, .clipart-gallery.generator-gallery > *, .generator-gallery > li {
  width: 25%;
}

.grid4 > .col2, .generator-gallery > .col2 {
  width: 50%;
}

.grid4 > .col3, .generator-gallery > .col3 {
  width: 75%;
}

.grid4 > .col4, .generator-gallery > .col4 {
  width: 100%;
}

.grid5 > .col1, .gallery.grid5 > *, .clipart-gallery.grid5 > *, .generator-gallery.grid5 > li {
  width: 20%;
}

.grid5 > .col2 {
  width: 40%;
}

.grid5 > .col3 {
  width: 60%;
}

.grid5 > .col4 {
  width: 80%;
}

.grid5 > .col5 {
  width: 100%;
}

.grid6 > .col1, .gallery.grid6 > *, .clipart-gallery.grid6 > *, .generator-gallery.grid6 > li {
  width: 16.66667%;
}

.grid6 > .col2 {
  width: 33.33333%;
}

.grid6 > .col3 {
  width: 50%;
}

.grid6 > .col4 {
  width: 66.66667%;
}

.grid6 > .col5 {
  width: 83.33333%;
}

.grid6 > .col6 {
  width: 100%;
}

.grid7 > .col1, .clipart-gallery > .col1, .gallery.grid7 > *, .clipart-gallery > *, .generator-gallery.grid7 > li, .generator-gallery.clipart-gallery > li {
  width: 14.28571%;
}

.grid7 > .col2, .clipart-gallery > .col2 {
  width: 28.57143%;
}

.grid7 > .col3, .clipart-gallery > .col3 {
  width: 42.85714%;
}

.grid7 > .col4, .clipart-gallery > .col4 {
  width: 57.14286%;
}

.grid7 > .col5, .clipart-gallery > .col5 {
  width: 71.42857%;
}

.grid7 > .col6, .clipart-gallery > .col6 {
  width: 85.71429%;
}

.grid7 > .col7, .clipart-gallery > .col7 {
  width: 100%;
}

.grid8 > .col1, .gallery.grid8 > *, .clipart-gallery.grid8 > *, .generator-gallery.grid8 > li {
  width: 12.5%;
}

.grid8 > .col2 {
  width: 25%;
}

.grid8 > .col3 {
  width: 37.5%;
}

.grid8 > .col4 {
  width: 50%;
}

.grid8 > .col5 {
  width: 62.5%;
}

.grid8 > .col6 {
  width: 75%;
}

.grid8 > .col7 {
  width: 87.5%;
}

.grid8 > .col8 {
  width: 100%;
}

.grid9 > .col1, .gallery.grid9 > *, .clipart-gallery.grid9 > *, .generator-gallery.grid9 > li {
  width: 11.11111%;
}

.grid9 > .col2 {
  width: 22.22222%;
}

.grid9 > .col3 {
  width: 33.33333%;
}

.grid9 > .col4 {
  width: 44.44444%;
}

.grid9 > .col5 {
  width: 55.55556%;
}

.grid9 > .col6 {
  width: 66.66667%;
}

.grid9 > .col7 {
  width: 77.77778%;
}

.grid9 > .col8 {
  width: 88.88889%;
}

.grid9 > .col9 {
  width: 100%;
}

.grid10 > .col1, .gallery.grid10 > *, .clipart-gallery.grid10 > *, .generator-gallery.grid10 > li {
  width: 10%;
}

.grid10 > .col2 {
  width: 20%;
}

.grid10 > .col3 {
  width: 30%;
}

.grid10 > .col4 {
  width: 40%;
}

.grid10 > .col5 {
  width: 50%;
}

.grid10 > .col6 {
  width: 60%;
}

.grid10 > .col7 {
  width: 70%;
}

.grid10 > .col8 {
  width: 80%;
}

.grid10 > .col9 {
  width: 90%;
}

.grid10 > .col10 {
  width: 100%;
}

.grid11 > .col1, .gallery.grid11 > *, .clipart-gallery.grid11 > *, .generator-gallery.grid11 > li {
  width: 9.09091%;
}

.grid11 > .col2 {
  width: 18.18182%;
}

.grid11 > .col3 {
  width: 27.27273%;
}

.grid11 > .col4 {
  width: 36.36364%;
}

.grid11 > .col5 {
  width: 45.45455%;
}

.grid11 > .col6 {
  width: 54.54545%;
}

.grid11 > .col7 {
  width: 63.63636%;
}

.grid11 > .col8 {
  width: 72.72727%;
}

.grid11 > .col9 {
  width: 81.81818%;
}

.grid11 > .col10 {
  width: 90.90909%;
}

.grid11 > .col11 {
  width: 100%;
}

.grid12 > .col1, .gallery.grid12 > *, .clipart-gallery.grid12 > *, .generator-gallery.grid12 > li {
  width: 8.33333%;
}

.grid12 > .col2 {
  width: 16.66667%;
}

.grid12 > .col3 {
  width: 25%;
}

.grid12 > .col4 {
  width: 33.33333%;
}

.grid12 > .col5 {
  width: 41.66667%;
}

.grid12 > .col6 {
  width: 50%;
}

.grid12 > .col7 {
  width: 58.33333%;
}

.grid12 > .col8 {
  width: 66.66667%;
}

.grid12 > .col9 {
  width: 75%;
}

.grid12 > .col10 {
  width: 83.33333%;
}

.grid12 > .col11 {
  width: 91.66667%;
}

.grid12 > .col12 {
  width: 100%;
}

.grid13 > .col1, .gallery.grid13 > *, .clipart-gallery.grid13 > *, .generator-gallery.grid13 > li {
  width: 7.69231%;
}

.grid13 > .col2 {
  width: 15.38462%;
}

.grid13 > .col3 {
  width: 23.07692%;
}

.grid13 > .col4 {
  width: 30.76923%;
}

.grid13 > .col5 {
  width: 38.46154%;
}

.grid13 > .col6 {
  width: 46.15385%;
}

.grid13 > .col7 {
  width: 53.84615%;
}

.grid13 > .col8 {
  width: 61.53846%;
}

.grid13 > .col9 {
  width: 69.23077%;
}

.grid13 > .col10 {
  width: 76.92308%;
}

.grid13 > .col11 {
  width: 84.61538%;
}

.grid13 > .col12 {
  width: 92.30769%;
}

.grid13 > .col13 {
  width: 100%;
}

.grid14 > .col1, .gallery.grid14 > *, .clipart-gallery.grid14 > *, .generator-gallery.grid14 > li {
  width: 7.14286%;
}

.grid14 > .col2 {
  width: 14.28571%;
}

.grid14 > .col3 {
  width: 21.42857%;
}

.grid14 > .col4 {
  width: 28.57143%;
}

.grid14 > .col5 {
  width: 35.71429%;
}

.grid14 > .col6 {
  width: 42.85714%;
}

.grid14 > .col7 {
  width: 50%;
}

.grid14 > .col8 {
  width: 57.14286%;
}

.grid14 > .col9 {
  width: 64.28571%;
}

.grid14 > .col10 {
  width: 71.42857%;
}

.grid14 > .col11 {
  width: 78.57143%;
}

.grid14 > .col12 {
  width: 85.71429%;
}

.grid14 > .col13 {
  width: 92.85714%;
}

.grid14 > .col14 {
  width: 100%;
}

.grid15 > .col1, .gallery.grid15 > *, .clipart-gallery.grid15 > *, .generator-gallery.grid15 > li {
  width: 6.66667%;
}

.grid15 > .col2 {
  width: 13.33333%;
}

.grid15 > .col3 {
  width: 20%;
}

.grid15 > .col4 {
  width: 26.66667%;
}

.grid15 > .col5 {
  width: 33.33333%;
}

.grid15 > .col6 {
  width: 40%;
}

.grid15 > .col7 {
  width: 46.66667%;
}

.grid15 > .col8 {
  width: 53.33333%;
}

.grid15 > .col9 {
  width: 60%;
}

.grid15 > .col10 {
  width: 66.66667%;
}

.grid15 > .col11 {
  width: 73.33333%;
}

.grid15 > .col12 {
  width: 80%;
}

.grid15 > .col13 {
  width: 86.66667%;
}

.grid15 > .col14 {
  width: 93.33333%;
}

.grid15 > .col15 {
  width: 100%;
}

.grid16 > .col1, .gallery.grid16 > *, .clipart-gallery.grid16 > *, .generator-gallery.grid16 > li {
  width: 6.25%;
}

.grid16 > .col2 {
  width: 12.5%;
}

.grid16 > .col3 {
  width: 18.75%;
}

.grid16 > .col4 {
  width: 25%;
}

.grid16 > .col5 {
  width: 31.25%;
}

.grid16 > .col6 {
  width: 37.5%;
}

.grid16 > .col7 {
  width: 43.75%;
}

.grid16 > .col8 {
  width: 50%;
}

.grid16 > .col9 {
  width: 56.25%;
}

.grid16 > .col10 {
  width: 62.5%;
}

.grid16 > .col11 {
  width: 68.75%;
}

.grid16 > .col12 {
  width: 75%;
}

.grid16 > .col13 {
  width: 81.25%;
}

.grid16 > .col14 {
  width: 87.5%;
}

.grid16 > .col15 {
  width: 93.75%;
}

.grid16 > .col16 {
  width: 100%;
}

.grid17 > .col1, .gallery.grid17 > *, .clipart-gallery.grid17 > *, .generator-gallery.grid17 > li {
  width: 5.88235%;
}

.grid17 > .col2 {
  width: 11.76471%;
}

.grid17 > .col3 {
  width: 17.64706%;
}

.grid17 > .col4 {
  width: 23.52941%;
}

.grid17 > .col5 {
  width: 29.41176%;
}

.grid17 > .col6 {
  width: 35.29412%;
}

.grid17 > .col7 {
  width: 41.17647%;
}

.grid17 > .col8 {
  width: 47.05882%;
}

.grid17 > .col9 {
  width: 52.94118%;
}

.grid17 > .col10 {
  width: 58.82353%;
}

.grid17 > .col11 {
  width: 64.70588%;
}

.grid17 > .col12 {
  width: 70.58824%;
}

.grid17 > .col13 {
  width: 76.47059%;
}

.grid17 > .col14 {
  width: 82.35294%;
}

.grid17 > .col15 {
  width: 88.23529%;
}

.grid17 > .col16 {
  width: 94.11765%;
}

.grid17 > .col17 {
  width: 100%;
}

.grid18 > .col1, .gallery.grid18 > *, .clipart-gallery.grid18 > *, .generator-gallery.grid18 > li {
  width: 5.55556%;
}

.grid18 > .col2 {
  width: 11.11111%;
}

.grid18 > .col3 {
  width: 16.66667%;
}

.grid18 > .col4 {
  width: 22.22222%;
}

.grid18 > .col5 {
  width: 27.77778%;
}

.grid18 > .col6 {
  width: 33.33333%;
}

.grid18 > .col7 {
  width: 38.88889%;
}

.grid18 > .col8 {
  width: 44.44444%;
}

.grid18 > .col9 {
  width: 50%;
}

.grid18 > .col10 {
  width: 55.55556%;
}

.grid18 > .col11 {
  width: 61.11111%;
}

.grid18 > .col12 {
  width: 66.66667%;
}

.grid18 > .col13 {
  width: 72.22222%;
}

.grid18 > .col14 {
  width: 77.77778%;
}

.grid18 > .col15 {
  width: 83.33333%;
}

.grid18 > .col16 {
  width: 88.88889%;
}

.grid18 > .col17 {
  width: 94.44444%;
}

.grid18 > .col18 {
  width: 100%;
}

.grid19 > .col1, .gallery.grid19 > *, .clipart-gallery.grid19 > *, .generator-gallery.grid19 > li {
  width: 5.26316%;
}

.grid19 > .col2 {
  width: 10.52632%;
}

.grid19 > .col3 {
  width: 15.78947%;
}

.grid19 > .col4 {
  width: 21.05263%;
}

.grid19 > .col5 {
  width: 26.31579%;
}

.grid19 > .col6 {
  width: 31.57895%;
}

.grid19 > .col7 {
  width: 36.84211%;
}

.grid19 > .col8 {
  width: 42.10526%;
}

.grid19 > .col9 {
  width: 47.36842%;
}

.grid19 > .col10 {
  width: 52.63158%;
}

.grid19 > .col11 {
  width: 57.89474%;
}

.grid19 > .col12 {
  width: 63.15789%;
}

.grid19 > .col13 {
  width: 68.42105%;
}

.grid19 > .col14 {
  width: 73.68421%;
}

.grid19 > .col15 {
  width: 78.94737%;
}

.grid19 > .col16 {
  width: 84.21053%;
}

.grid19 > .col17 {
  width: 89.47368%;
}

.grid19 > .col18 {
  width: 94.73684%;
}

.grid19 > .col19 {
  width: 100%;
}

.grid20 > .col1, .gallery.grid20 > *, .clipart-gallery.grid20 > *, .generator-gallery.grid20 > li {
  width: 5%;
}

.grid20 > .col2 {
  width: 10%;
}

.grid20 > .col3 {
  width: 15%;
}

.grid20 > .col4 {
  width: 20%;
}

.grid20 > .col5 {
  width: 25%;
}

.grid20 > .col6 {
  width: 30%;
}

.grid20 > .col7 {
  width: 35%;
}

.grid20 > .col8 {
  width: 40%;
}

.grid20 > .col9 {
  width: 45%;
}

.grid20 > .col10 {
  width: 50%;
}

.grid20 > .col11 {
  width: 55%;
}

.grid20 > .col12 {
  width: 60%;
}

.grid20 > .col13 {
  width: 65%;
}

.grid20 > .col14 {
  width: 70%;
}

.grid20 > .col15 {
  width: 75%;
}

.grid20 > .col16 {
  width: 80%;
}

.grid20 > .col17 {
  width: 85%;
}

.grid20 > .col18 {
  width: 90%;
}

.grid20 > .col19 {
  width: 95%;
}

.grid20 > .col20 {
  width: 100%;
}

.flow2 > * {
  width: 50%;
}

.flow2m1 > * {
  width: calc(100%/2 - 1/2*1px);
}

.flow2m1.floats > :nth-child(2n + 1) {
  clear: both;
}

.flow2m1 > :not(:nth-child(2n + 1)) {
  margin-left: 1px;
}

.flow2m1 > :nth-child(n + 3) {
  margin-top: 1px;
}

.flow2m2 > * {
  width: calc(100%/2 - 1/2*2px);
}

.flow2m2.floats > :nth-child(2n + 1) {
  clear: both;
}

.flow2m2 > :not(:nth-child(2n + 1)) {
  margin-left: 2px;
}

.flow2m2 > :nth-child(n + 3) {
  margin-top: 2px;
}

.flow2m3 > * {
  width: calc(100%/2 - 1/2*3px);
}

.flow2m3.floats > :nth-child(2n + 1) {
  clear: both;
}

.flow2m3 > :not(:nth-child(2n + 1)) {
  margin-left: 3px;
}

.flow2m3 > :nth-child(n + 3) {
  margin-top: 3px;
}

.flow2m4 > * {
  width: calc(100%/2 - 1/2*4px);
}

.flow2m4.floats > :nth-child(2n + 1) {
  clear: both;
}

.flow2m4 > :not(:nth-child(2n + 1)) {
  margin-left: 4px;
}

.flow2m4 > :nth-child(n + 3) {
  margin-top: 4px;
}

.flow2m5 > * {
  width: calc(100%/2 - 1/2*5px);
}

.flow2m5.floats > :nth-child(2n + 1) {
  clear: both;
}

.flow2m5 > :not(:nth-child(2n + 1)) {
  margin-left: 5px;
}

.flow2m5 > :nth-child(n + 3) {
  margin-top: 5px;
}

.flow2m10 > * {
  width: calc(100%/2 - 1/2*10px);
}

.flow2m10.floats > :nth-child(2n + 1) {
  clear: both;
}

.flow2m10 > :not(:nth-child(2n + 1)) {
  margin-left: 10px;
}

.flow2m10 > :nth-child(n + 3) {
  margin-top: 10px;
}

.flow2m15 > * {
  width: calc(100%/2 - 1/2*15px);
}

.flow2m15.floats > :nth-child(2n + 1) {
  clear: both;
}

.flow2m15 > :not(:nth-child(2n + 1)) {
  margin-left: 15px;
}

.flow2m15 > :nth-child(n + 3) {
  margin-top: 15px;
}

.flow2m20 > * {
  width: calc(100%/2 - 1/2*20px);
}

.flow2m20.floats > :nth-child(2n + 1) {
  clear: both;
}

.flow2m20 > :not(:nth-child(2n + 1)) {
  margin-left: 20px;
}

.flow2m20 > :nth-child(n + 3) {
  margin-top: 20px;
}

.flow2m25 > * {
  width: calc(100%/2 - 1/2*25px);
}

.flow2m25.floats > :nth-child(2n + 1) {
  clear: both;
}

.flow2m25 > :not(:nth-child(2n + 1)) {
  margin-left: 25px;
}

.flow2m25 > :nth-child(n + 3) {
  margin-top: 25px;
}

.flow3 > * {
  width: 33.33333%;
}

.flow3m1 > * {
  width: calc(100%/3 - 2/3*1px);
}

.flow3m1.floats > :nth-child(3n + 1) {
  clear: both;
}

.flow3m1 > :not(:nth-child(3n + 1)) {
  margin-left: 1px;
}

.flow3m1 > :nth-child(n + 4) {
  margin-top: 1px;
}

.flow3m2 > * {
  width: calc(100%/3 - 2/3*2px);
}

.flow3m2.floats > :nth-child(3n + 1) {
  clear: both;
}

.flow3m2 > :not(:nth-child(3n + 1)) {
  margin-left: 2px;
}

.flow3m2 > :nth-child(n + 4) {
  margin-top: 2px;
}

.flow3m3 > * {
  width: calc(100%/3 - 2/3*3px);
}

.flow3m3.floats > :nth-child(3n + 1) {
  clear: both;
}

.flow3m3 > :not(:nth-child(3n + 1)) {
  margin-left: 3px;
}

.flow3m3 > :nth-child(n + 4) {
  margin-top: 3px;
}

.flow3m4 > * {
  width: calc(100%/3 - 2/3*4px);
}

.flow3m4.floats > :nth-child(3n + 1) {
  clear: both;
}

.flow3m4 > :not(:nth-child(3n + 1)) {
  margin-left: 4px;
}

.flow3m4 > :nth-child(n + 4) {
  margin-top: 4px;
}

.flow3m5 > * {
  width: calc(100%/3 - 2/3*5px);
}

.flow3m5.floats > :nth-child(3n + 1) {
  clear: both;
}

.flow3m5 > :not(:nth-child(3n + 1)) {
  margin-left: 5px;
}

.flow3m5 > :nth-child(n + 4) {
  margin-top: 5px;
}

.flow3m10 > * {
  width: calc(100%/3 - 2/3*10px);
}

.flow3m10.floats > :nth-child(3n + 1) {
  clear: both;
}

.flow3m10 > :not(:nth-child(3n + 1)) {
  margin-left: 10px;
}

.flow3m10 > :nth-child(n + 4) {
  margin-top: 10px;
}

.flow3m15 > * {
  width: calc(100%/3 - 2/3*15px);
}

.flow3m15.floats > :nth-child(3n + 1) {
  clear: both;
}

.flow3m15 > :not(:nth-child(3n + 1)) {
  margin-left: 15px;
}

.flow3m15 > :nth-child(n + 4) {
  margin-top: 15px;
}

.flow3m20 > * {
  width: calc(100%/3 - 2/3*20px);
}

.flow3m20.floats > :nth-child(3n + 1) {
  clear: both;
}

.flow3m20 > :not(:nth-child(3n + 1)) {
  margin-left: 20px;
}

.flow3m20 > :nth-child(n + 4) {
  margin-top: 20px;
}

.flow3m25 > * {
  width: calc(100%/3 - 2/3*25px);
}

.flow3m25.floats > :nth-child(3n + 1) {
  clear: both;
}

.flow3m25 > :not(:nth-child(3n + 1)) {
  margin-left: 25px;
}

.flow3m25 > :nth-child(n + 4) {
  margin-top: 25px;
}

.flow4 > * {
  width: 25%;
}

.flow4m1 > * {
  width: calc(100%/4 - 3/4*1px);
}

.flow4m1.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m1 > :not(:nth-child(4n + 1)) {
  margin-left: 1px;
}

.flow4m1 > :nth-child(n + 5) {
  margin-top: 1px;
}

.flow4m2 > * {
  width: calc(100%/4 - 3/4*2px);
}

.flow4m2.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m2 > :not(:nth-child(4n + 1)) {
  margin-left: 2px;
}

.flow4m2 > :nth-child(n + 5) {
  margin-top: 2px;
}

.flow4m3 > * {
  width: calc(100%/4 - 3/4*3px);
}

.flow4m3.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m3 > :not(:nth-child(4n + 1)) {
  margin-left: 3px;
}

.flow4m3 > :nth-child(n + 5) {
  margin-top: 3px;
}

.flow4m4 > * {
  width: calc(100%/4 - 3/4*4px);
}

.flow4m4.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m4 > :not(:nth-child(4n + 1)) {
  margin-left: 4px;
}

.flow4m4 > :nth-child(n + 5) {
  margin-top: 4px;
}

.flow4m5 > * {
  width: calc(100%/4 - 3/4*5px);
}

.flow4m5.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m5 > :not(:nth-child(4n + 1)) {
  margin-left: 5px;
}

.flow4m5 > :nth-child(n + 5) {
  margin-top: 5px;
}

.flow4m10 > * {
  width: calc(100%/4 - 3/4*10px);
}

.flow4m10.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m10 > :not(:nth-child(4n + 1)) {
  margin-left: 10px;
}

.flow4m10 > :nth-child(n + 5) {
  margin-top: 10px;
}

.flow4m15 > * {
  width: calc(100%/4 - 3/4*15px);
}

.flow4m15.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m15 > :not(:nth-child(4n + 1)) {
  margin-left: 15px;
}

.flow4m15 > :nth-child(n + 5) {
  margin-top: 15px;
}

.flow4m20 > * {
  width: calc(100%/4 - 3/4*20px);
}

.flow4m20.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m20 > :not(:nth-child(4n + 1)) {
  margin-left: 20px;
}

.flow4m20 > :nth-child(n + 5) {
  margin-top: 20px;
}

.flow4m25 > * {
  width: calc(100%/4 - 3/4*25px);
}

.flow4m25.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m25 > :not(:nth-child(4n + 1)) {
  margin-left: 25px;
}

.flow4m25 > :nth-child(n + 5) {
  margin-top: 25px;
}

.flow5 > * {
  width: 20%;
}

.flow5m1 > * {
  width: calc(100%/5 - 4/5*1px);
}

.flow5m1.floats > :nth-child(5n + 1) {
  clear: both;
}

.flow5m1 > :not(:nth-child(5n + 1)) {
  margin-left: 1px;
}

.flow5m1 > :nth-child(n + 6) {
  margin-top: 1px;
}

.flow5m2 > * {
  width: calc(100%/5 - 4/5*2px);
}

.flow5m2.floats > :nth-child(5n + 1) {
  clear: both;
}

.flow5m2 > :not(:nth-child(5n + 1)) {
  margin-left: 2px;
}

.flow5m2 > :nth-child(n + 6) {
  margin-top: 2px;
}

.flow5m3 > * {
  width: calc(100%/5 - 4/5*3px);
}

.flow5m3.floats > :nth-child(5n + 1) {
  clear: both;
}

.flow5m3 > :not(:nth-child(5n + 1)) {
  margin-left: 3px;
}

.flow5m3 > :nth-child(n + 6) {
  margin-top: 3px;
}

.flow5m4 > * {
  width: calc(100%/5 - 4/5*4px);
}

.flow5m4.floats > :nth-child(5n + 1) {
  clear: both;
}

.flow5m4 > :not(:nth-child(5n + 1)) {
  margin-left: 4px;
}

.flow5m4 > :nth-child(n + 6) {
  margin-top: 4px;
}

.flow5m5 > * {
  width: calc(100%/5 - 4/5*5px);
}

.flow5m5.floats > :nth-child(5n + 1) {
  clear: both;
}

.flow5m5 > :not(:nth-child(5n + 1)) {
  margin-left: 5px;
}

.flow5m5 > :nth-child(n + 6) {
  margin-top: 5px;
}

.flow5m10 > * {
  width: calc(100%/5 - 4/5*10px);
}

.flow5m10.floats > :nth-child(5n + 1) {
  clear: both;
}

.flow5m10 > :not(:nth-child(5n + 1)) {
  margin-left: 10px;
}

.flow5m10 > :nth-child(n + 6) {
  margin-top: 10px;
}

.flow5m15 > * {
  width: calc(100%/5 - 4/5*15px);
}

.flow5m15.floats > :nth-child(5n + 1) {
  clear: both;
}

.flow5m15 > :not(:nth-child(5n + 1)) {
  margin-left: 15px;
}

.flow5m15 > :nth-child(n + 6) {
  margin-top: 15px;
}

.flow5m20 > * {
  width: calc(100%/5 - 4/5*20px);
}

.flow5m20.floats > :nth-child(5n + 1) {
  clear: both;
}

.flow5m20 > :not(:nth-child(5n + 1)) {
  margin-left: 20px;
}

.flow5m20 > :nth-child(n + 6) {
  margin-top: 20px;
}

.flow5m25 > * {
  width: calc(100%/5 - 4/5*25px);
}

.flow5m25.floats > :nth-child(5n + 1) {
  clear: both;
}

.flow5m25 > :not(:nth-child(5n + 1)) {
  margin-left: 25px;
}

.flow5m25 > :nth-child(n + 6) {
  margin-top: 25px;
}

.cage2 {
  position: relative;
}

.cage2 > * {
  width: 50%;
}

.cage2 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-1px/2);
}

.cage2 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-1px/2);
}

.cage2m1 {
  position: relative;
}

.cage2m1 > * {
  width: calc(100%/2 - 1/2*1px);
}

.cage2m1.floats > :nth-child(2n + 1) {
  clear: both;
}

.cage2m1 > :not(:nth-child(2n + 1)) {
  margin-left: 1px;
}

.cage2m1 > :nth-child(n + 3) {
  margin-top: 1px;
}

.cage2m1 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-2px/2);
}

.cage2m1 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-2px/2);
}

.cage2m2 {
  position: relative;
}

.cage2m2 > * {
  width: calc(100%/2 - 1/2*2px);
}

.cage2m2.floats > :nth-child(2n + 1) {
  clear: both;
}

.cage2m2 > :not(:nth-child(2n + 1)) {
  margin-left: 2px;
}

.cage2m2 > :nth-child(n + 3) {
  margin-top: 2px;
}

.cage2m2 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-3px/2);
}

.cage2m2 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-3px/2);
}

.cage2m3 {
  position: relative;
}

.cage2m3 > * {
  width: calc(100%/2 - 1/2*3px);
}

.cage2m3.floats > :nth-child(2n + 1) {
  clear: both;
}

.cage2m3 > :not(:nth-child(2n + 1)) {
  margin-left: 3px;
}

.cage2m3 > :nth-child(n + 3) {
  margin-top: 3px;
}

.cage2m3 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-4px/2);
}

.cage2m3 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-4px/2);
}

.cage2m4 {
  position: relative;
}

.cage2m4 > * {
  width: calc(100%/2 - 1/2*4px);
}

.cage2m4.floats > :nth-child(2n + 1) {
  clear: both;
}

.cage2m4 > :not(:nth-child(2n + 1)) {
  margin-left: 4px;
}

.cage2m4 > :nth-child(n + 3) {
  margin-top: 4px;
}

.cage2m4 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-5px/2);
}

.cage2m4 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-5px/2);
}

.cage2m5 {
  position: relative;
}

.cage2m5 > * {
  width: calc(100%/2 - 1/2*5px);
}

.cage2m5.floats > :nth-child(2n + 1) {
  clear: both;
}

.cage2m5 > :not(:nth-child(2n + 1)) {
  margin-left: 5px;
}

.cage2m5 > :nth-child(n + 3) {
  margin-top: 5px;
}

.cage2m5 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-6px/2);
}

.cage2m5 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-6px/2);
}

.cage2m10 {
  position: relative;
}

.cage2m10 > * {
  width: calc(100%/2 - 1/2*10px);
}

.cage2m10.floats > :nth-child(2n + 1) {
  clear: both;
}

.cage2m10 > :not(:nth-child(2n + 1)) {
  margin-left: 10px;
}

.cage2m10 > :nth-child(n + 3) {
  margin-top: 10px;
}

.cage2m10 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-11px/2);
}

.cage2m10 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-11px/2);
}

.cage2m15 {
  position: relative;
}

.cage2m15 > * {
  width: calc(100%/2 - 1/2*15px);
}

.cage2m15.floats > :nth-child(2n + 1) {
  clear: both;
}

.cage2m15 > :not(:nth-child(2n + 1)) {
  margin-left: 15px;
}

.cage2m15 > :nth-child(n + 3) {
  margin-top: 15px;
}

.cage2m15 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-16px/2);
}

.cage2m15 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-16px/2);
}

.cage2m20 {
  position: relative;
}

.cage2m20 > * {
  width: calc(100%/2 - 1/2*20px);
}

.cage2m20.floats > :nth-child(2n + 1) {
  clear: both;
}

.cage2m20 > :not(:nth-child(2n + 1)) {
  margin-left: 20px;
}

.cage2m20 > :nth-child(n + 3) {
  margin-top: 20px;
}

.cage2m20 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-21px/2);
}

.cage2m20 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-21px/2);
}

.cage2m25 {
  position: relative;
}

.cage2m25 > * {
  width: calc(100%/2 - 1/2*25px);
}

.cage2m25.floats > :nth-child(2n + 1) {
  clear: both;
}

.cage2m25 > :not(:nth-child(2n + 1)) {
  margin-left: 25px;
}

.cage2m25 > :nth-child(n + 3) {
  margin-top: 25px;
}

.cage2m25 > :nth-child(2n+3):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-26px/2);
}

.cage2m25 > :nth-child(n+2):nth-child(-n+2):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-26px/2);
}

.cage3 {
  position: relative;
}

.cage3 > * {
  width: 33.33333%;
}

.cage3 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-1px/2);
}

.cage3 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-1px/2);
}

.cage3m1 {
  position: relative;
}

.cage3m1 > * {
  width: calc(100%/3 - 2/3*1px);
}

.cage3m1.floats > :nth-child(3n + 1) {
  clear: both;
}

.cage3m1 > :not(:nth-child(3n + 1)) {
  margin-left: 1px;
}

.cage3m1 > :nth-child(n + 4) {
  margin-top: 1px;
}

.cage3m1 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-2px/2);
}

.cage3m1 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-2px/2);
}

.cage3m2 {
  position: relative;
}

.cage3m2 > * {
  width: calc(100%/3 - 2/3*2px);
}

.cage3m2.floats > :nth-child(3n + 1) {
  clear: both;
}

.cage3m2 > :not(:nth-child(3n + 1)) {
  margin-left: 2px;
}

.cage3m2 > :nth-child(n + 4) {
  margin-top: 2px;
}

.cage3m2 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-3px/2);
}

.cage3m2 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-3px/2);
}

.cage3m3 {
  position: relative;
}

.cage3m3 > * {
  width: calc(100%/3 - 2/3*3px);
}

.cage3m3.floats > :nth-child(3n + 1) {
  clear: both;
}

.cage3m3 > :not(:nth-child(3n + 1)) {
  margin-left: 3px;
}

.cage3m3 > :nth-child(n + 4) {
  margin-top: 3px;
}

.cage3m3 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-4px/2);
}

.cage3m3 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-4px/2);
}

.cage3m4 {
  position: relative;
}

.cage3m4 > * {
  width: calc(100%/3 - 2/3*4px);
}

.cage3m4.floats > :nth-child(3n + 1) {
  clear: both;
}

.cage3m4 > :not(:nth-child(3n + 1)) {
  margin-left: 4px;
}

.cage3m4 > :nth-child(n + 4) {
  margin-top: 4px;
}

.cage3m4 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-5px/2);
}

.cage3m4 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-5px/2);
}

.cage3m5 {
  position: relative;
}

.cage3m5 > * {
  width: calc(100%/3 - 2/3*5px);
}

.cage3m5.floats > :nth-child(3n + 1) {
  clear: both;
}

.cage3m5 > :not(:nth-child(3n + 1)) {
  margin-left: 5px;
}

.cage3m5 > :nth-child(n + 4) {
  margin-top: 5px;
}

.cage3m5 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-6px/2);
}

.cage3m5 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-6px/2);
}

.cage3m10 {
  position: relative;
}

.cage3m10 > * {
  width: calc(100%/3 - 2/3*10px);
}

.cage3m10.floats > :nth-child(3n + 1) {
  clear: both;
}

.cage3m10 > :not(:nth-child(3n + 1)) {
  margin-left: 10px;
}

.cage3m10 > :nth-child(n + 4) {
  margin-top: 10px;
}

.cage3m10 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-11px/2);
}

.cage3m10 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-11px/2);
}

.cage3m15 {
  position: relative;
}

.cage3m15 > * {
  width: calc(100%/3 - 2/3*15px);
}

.cage3m15.floats > :nth-child(3n + 1) {
  clear: both;
}

.cage3m15 > :not(:nth-child(3n + 1)) {
  margin-left: 15px;
}

.cage3m15 > :nth-child(n + 4) {
  margin-top: 15px;
}

.cage3m15 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-16px/2);
}

.cage3m15 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-16px/2);
}

.cage3m20 {
  position: relative;
}

.cage3m20 > * {
  width: calc(100%/3 - 2/3*20px);
}

.cage3m20.floats > :nth-child(3n + 1) {
  clear: both;
}

.cage3m20 > :not(:nth-child(3n + 1)) {
  margin-left: 20px;
}

.cage3m20 > :nth-child(n + 4) {
  margin-top: 20px;
}

.cage3m20 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-21px/2);
}

.cage3m20 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-21px/2);
}

.cage3m25 {
  position: relative;
}

.cage3m25 > * {
  width: calc(100%/3 - 2/3*25px);
}

.cage3m25.floats > :nth-child(3n + 1) {
  clear: both;
}

.cage3m25 > :not(:nth-child(3n + 1)) {
  margin-left: 25px;
}

.cage3m25 > :nth-child(n + 4) {
  margin-top: 25px;
}

.cage3m25 > :nth-child(3n+4):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-26px/2);
}

.cage3m25 > :nth-child(n+2):nth-child(-n+3):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-26px/2);
}

.cage4 {
  position: relative;
}

.cage4 > * {
  width: 25%;
}

.cage4 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-1px/2);
}

.cage4 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-1px/2);
}

.cage4m1 {
  position: relative;
}

.cage4m1 > * {
  width: calc(100%/4 - 3/4*1px);
}

.cage4m1.floats > :nth-child(4n + 1) {
  clear: both;
}

.cage4m1 > :not(:nth-child(4n + 1)) {
  margin-left: 1px;
}

.cage4m1 > :nth-child(n + 5) {
  margin-top: 1px;
}

.cage4m1 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-2px/2);
}

.cage4m1 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-2px/2);
}

.cage4m2 {
  position: relative;
}

.cage4m2 > * {
  width: calc(100%/4 - 3/4*2px);
}

.cage4m2.floats > :nth-child(4n + 1) {
  clear: both;
}

.cage4m2 > :not(:nth-child(4n + 1)) {
  margin-left: 2px;
}

.cage4m2 > :nth-child(n + 5) {
  margin-top: 2px;
}

.cage4m2 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-3px/2);
}

.cage4m2 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-3px/2);
}

.cage4m3 {
  position: relative;
}

.cage4m3 > * {
  width: calc(100%/4 - 3/4*3px);
}

.cage4m3.floats > :nth-child(4n + 1) {
  clear: both;
}

.cage4m3 > :not(:nth-child(4n + 1)) {
  margin-left: 3px;
}

.cage4m3 > :nth-child(n + 5) {
  margin-top: 3px;
}

.cage4m3 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-4px/2);
}

.cage4m3 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-4px/2);
}

.cage4m4 {
  position: relative;
}

.cage4m4 > * {
  width: calc(100%/4 - 3/4*4px);
}

.cage4m4.floats > :nth-child(4n + 1) {
  clear: both;
}

.cage4m4 > :not(:nth-child(4n + 1)) {
  margin-left: 4px;
}

.cage4m4 > :nth-child(n + 5) {
  margin-top: 4px;
}

.cage4m4 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-5px/2);
}

.cage4m4 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-5px/2);
}

.cage4m5 {
  position: relative;
}

.cage4m5 > * {
  width: calc(100%/4 - 3/4*5px);
}

.cage4m5.floats > :nth-child(4n + 1) {
  clear: both;
}

.cage4m5 > :not(:nth-child(4n + 1)) {
  margin-left: 5px;
}

.cage4m5 > :nth-child(n + 5) {
  margin-top: 5px;
}

.cage4m5 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-6px/2);
}

.cage4m5 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-6px/2);
}

.cage4m10 {
  position: relative;
}

.cage4m10 > * {
  width: calc(100%/4 - 3/4*10px);
}

.cage4m10.floats > :nth-child(4n + 1) {
  clear: both;
}

.cage4m10 > :not(:nth-child(4n + 1)) {
  margin-left: 10px;
}

.cage4m10 > :nth-child(n + 5) {
  margin-top: 10px;
}

.cage4m10 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-11px/2);
}

.cage4m10 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-11px/2);
}

.cage4m15 {
  position: relative;
}

.cage4m15 > * {
  width: calc(100%/4 - 3/4*15px);
}

.cage4m15.floats > :nth-child(4n + 1) {
  clear: both;
}

.cage4m15 > :not(:nth-child(4n + 1)) {
  margin-left: 15px;
}

.cage4m15 > :nth-child(n + 5) {
  margin-top: 15px;
}

.cage4m15 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-16px/2);
}

.cage4m15 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-16px/2);
}

.cage4m20 {
  position: relative;
}

.cage4m20 > * {
  width: calc(100%/4 - 3/4*20px);
}

.cage4m20.floats > :nth-child(4n + 1) {
  clear: both;
}

.cage4m20 > :not(:nth-child(4n + 1)) {
  margin-left: 20px;
}

.cage4m20 > :nth-child(n + 5) {
  margin-top: 20px;
}

.cage4m20 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-21px/2);
}

.cage4m20 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-21px/2);
}

.cage4m25 {
  position: relative;
}

.cage4m25 > * {
  width: calc(100%/4 - 3/4*25px);
}

.cage4m25.floats > :nth-child(4n + 1) {
  clear: both;
}

.cage4m25 > :not(:nth-child(4n + 1)) {
  margin-left: 25px;
}

.cage4m25 > :nth-child(n + 5) {
  margin-top: 25px;
}

.cage4m25 > :nth-child(4n+5):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-26px/2);
}

.cage4m25 > :nth-child(n+2):nth-child(-n+4):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-26px/2);
}

.cage5 {
  position: relative;
}

.cage5 > * {
  width: 20%;
}

.cage5 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-1px/2);
}

.cage5 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-1px/2);
}

.cage5m1 {
  position: relative;
}

.cage5m1 > * {
  width: calc(100%/5 - 4/5*1px);
}

.cage5m1.floats > :nth-child(5n + 1) {
  clear: both;
}

.cage5m1 > :not(:nth-child(5n + 1)) {
  margin-left: 1px;
}

.cage5m1 > :nth-child(n + 6) {
  margin-top: 1px;
}

.cage5m1 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-2px/2);
}

.cage5m1 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-2px/2);
}

.cage5m2 {
  position: relative;
}

.cage5m2 > * {
  width: calc(100%/5 - 4/5*2px);
}

.cage5m2.floats > :nth-child(5n + 1) {
  clear: both;
}

.cage5m2 > :not(:nth-child(5n + 1)) {
  margin-left: 2px;
}

.cage5m2 > :nth-child(n + 6) {
  margin-top: 2px;
}

.cage5m2 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-3px/2);
}

.cage5m2 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-3px/2);
}

.cage5m3 {
  position: relative;
}

.cage5m3 > * {
  width: calc(100%/5 - 4/5*3px);
}

.cage5m3.floats > :nth-child(5n + 1) {
  clear: both;
}

.cage5m3 > :not(:nth-child(5n + 1)) {
  margin-left: 3px;
}

.cage5m3 > :nth-child(n + 6) {
  margin-top: 3px;
}

.cage5m3 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-4px/2);
}

.cage5m3 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-4px/2);
}

.cage5m4 {
  position: relative;
}

.cage5m4 > * {
  width: calc(100%/5 - 4/5*4px);
}

.cage5m4.floats > :nth-child(5n + 1) {
  clear: both;
}

.cage5m4 > :not(:nth-child(5n + 1)) {
  margin-left: 4px;
}

.cage5m4 > :nth-child(n + 6) {
  margin-top: 4px;
}

.cage5m4 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-5px/2);
}

.cage5m4 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-5px/2);
}

.cage5m5 {
  position: relative;
}

.cage5m5 > * {
  width: calc(100%/5 - 4/5*5px);
}

.cage5m5.floats > :nth-child(5n + 1) {
  clear: both;
}

.cage5m5 > :not(:nth-child(5n + 1)) {
  margin-left: 5px;
}

.cage5m5 > :nth-child(n + 6) {
  margin-top: 5px;
}

.cage5m5 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-6px/2);
}

.cage5m5 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-6px/2);
}

.cage5m10 {
  position: relative;
}

.cage5m10 > * {
  width: calc(100%/5 - 4/5*10px);
}

.cage5m10.floats > :nth-child(5n + 1) {
  clear: both;
}

.cage5m10 > :not(:nth-child(5n + 1)) {
  margin-left: 10px;
}

.cage5m10 > :nth-child(n + 6) {
  margin-top: 10px;
}

.cage5m10 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-11px/2);
}

.cage5m10 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-11px/2);
}

.cage5m15 {
  position: relative;
}

.cage5m15 > * {
  width: calc(100%/5 - 4/5*15px);
}

.cage5m15.floats > :nth-child(5n + 1) {
  clear: both;
}

.cage5m15 > :not(:nth-child(5n + 1)) {
  margin-left: 15px;
}

.cage5m15 > :nth-child(n + 6) {
  margin-top: 15px;
}

.cage5m15 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-16px/2);
}

.cage5m15 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-16px/2);
}

.cage5m20 {
  position: relative;
}

.cage5m20 > * {
  width: calc(100%/5 - 4/5*20px);
}

.cage5m20.floats > :nth-child(5n + 1) {
  clear: both;
}

.cage5m20 > :not(:nth-child(5n + 1)) {
  margin-left: 20px;
}

.cage5m20 > :nth-child(n + 6) {
  margin-top: 20px;
}

.cage5m20 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-21px/2);
}

.cage5m20 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-21px/2);
}

.cage5m25 {
  position: relative;
}

.cage5m25 > * {
  width: calc(100%/5 - 4/5*25px);
}

.cage5m25.floats > :nth-child(5n + 1) {
  clear: both;
}

.cage5m25 > :not(:nth-child(5n + 1)) {
  margin-left: 25px;
}

.cage5m25 > :nth-child(n + 6) {
  margin-top: 25px;
}

.cage5m25 > :nth-child(5n+6):before {
  display: block;
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-top: 1px solid #ccc;
  margin-top: calc(-26px/2);
}

.cage5m25 > :nth-child(n+2):nth-child(-n+5):after {
  display: block;
  position: absolute;
  content: '';
  top: 15px;
  bottom: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #ccc;
  margin-left: calc(-26px/2);
}

.mg1 > :nth-child(n+2) {
  margin-top: 1px;
}

.mi1 > :nth-child(n+2) {
  margin-left: 1px;
}

.pg1 > :nth-child(n+2) {
  padding-top: 1px;
}

.pi1 > :nth-child(n+2) {
  padding-left: 1px;
}

.mg2 > :nth-child(n+2) {
  margin-top: 2px;
}

.mi2 > :nth-child(n+2) {
  margin-left: 2px;
}

.pg2 > :nth-child(n+2) {
  padding-top: 2px;
}

.pi2 > :nth-child(n+2) {
  padding-left: 2px;
}

.mg3 > :nth-child(n+2) {
  margin-top: 3px;
}

.mi3 > :nth-child(n+2) {
  margin-left: 3px;
}

.pg3 > :nth-child(n+2) {
  padding-top: 3px;
}

.pi3 > :nth-child(n+2) {
  padding-left: 3px;
}

.mg4 > :nth-child(n+2) {
  margin-top: 4px;
}

.mi4 > :nth-child(n+2) {
  margin-left: 4px;
}

.pg4 > :nth-child(n+2) {
  padding-top: 4px;
}

.pi4 > :nth-child(n+2) {
  padding-left: 4px;
}

.mg5 > :nth-child(n+2) {
  margin-top: 5px;
}

.mi5 > :nth-child(n+2) {
  margin-left: 5px;
}

.pg5 > :nth-child(n+2) {
  padding-top: 5px;
}

.pi5 > :nth-child(n+2) {
  padding-left: 5px;
}

.mg10 > :nth-child(n+2) {
  margin-top: 10px;
}

.mi10 > :nth-child(n+2), .preloader > :nth-child(n+2), .modal-downloader-premium-zip-wait > :nth-child(n+2), .downloader-buttons-premium-zip-header > :nth-child(n+2) {
  margin-left: 10px;
}

.pg10 > :nth-child(n+2) {
  padding-top: 10px;
}

.pi10 > :nth-child(n+2) {
  padding-left: 10px;
}

.mg15 > :nth-child(n+2), .free-logo-restrictions-container > :nth-child(n+2) {
  margin-top: 15px;
}

.mi15 > :nth-child(n+2), .slider-mobile .slider-buttons > :nth-child(n+2), .mobile-colors-angle-slider .slider-buttons > :nth-child(n+2) {
  margin-left: 15px;
}

.pg15 > :nth-child(n+2) {
  padding-top: 15px;
}

.pi15 > :nth-child(n+2) {
  padding-left: 15px;
}

.mg20 > :nth-child(n+2) {
  margin-top: 20px;
}

.mi20 > :nth-child(n+2) {
  margin-left: 20px;
}

.pg20 > :nth-child(n+2) {
  padding-top: 20px;
}

.pi20 > :nth-child(n+2) {
  padding-left: 20px;
}

.mg25 > :nth-child(n+2) {
  margin-top: 25px;
}

.mi25 > :nth-child(n+2), .mobile-colors-wrapper > :nth-child(n+2) {
  margin-left: 25px;
}

.pg25 > :nth-child(n+2) {
  padding-top: 25px;
}

.pi25 > :nth-child(n+2) {
  padding-left: 25px;
}

.xls, .gallery, .clipart-gallery, .generator-gallery {
  list-style: none;
}

.o0 {
  opacity: 0;
}

.o25 {
  opacity: 0.25;
}

.o50 {
  opacity: 0.5;
}

.o75 {
  opacity: 0.75;
}

.o100 {
  opacity: 1;
}

.xoutline {
  outline: none;
}

.outline-red {
  outline: 1px dashed red;
}

.og5 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

.ig5 {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.75);
}

.og10 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

.ig10 {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.75);
}

.og15 {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

.ig15 {
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.75);
}

.og20 {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
}

.ig20 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.75);
}

.og25 {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.75);
}

.ig25 {
  box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.75);
}

.oa {
  overflow: auto;
}

.oh, .ohe {
  overflow: hidden;
}

.os {
  overflow: scroll;
}

.scrollbar-none {
  overflow: scroll;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}

.xws,
.nowrap {
  white-space: nowrap;
}

.l {
  text-align: left;
}

.r {
  text-align: right;
}

.c, .btn-circle16, .btn-circle17, .btn-circle19, .btn-circle34 {
  text-align: center;
}

.j {
  text-align: justify;
}

.vm {
  vertical-align: middle;
}

.vt {
  vertical-align: top;
}

.vb {
  vertical-align: bottom;
}

.u, .h-u:hover {
  text-decoration: underline;
}

.o, .h-o:hover {
  text-decoration: overline;
}

.s, .h-s:hover {
  text-decoration: line-through;
}

.u.o, .o.h-u:hover, .h-u.h-o:hover, .u.h-o:hover {
  text-decoration: underline overline;
}

.u.s, .s.h-u:hover, .h-u.h-s:hover, .u.h-s:hover {
  text-decoration: underline line-through;
}

.o.s, .s.h-o:hover, .h-o.h-s:hover, .o.h-s:hover {
  text-decoration: overline line-through;
}

.u.o.s, .o.s.h-u:hover, .s.h-u.h-o:hover, .h-u.h-o.h-s:hover, .o.h-u.h-s:hover, .u.s.h-o:hover, .u.h-o.h-s:hover, .u.o.h-s:hover {
  text-decoration: underline overline line-through;
}

.x, .h-x:hover {
  text-decoration: none;
}

.uc, .h-uc:hover, .btn-pill26, .btn-pill34, .btn-dropdown34, .btn-circle16, .btn-circle17, .btn-circle19, .btn-circle34 {
  text-transform: uppercase;
}

.lc, .h-lc:hover {
  text-transform: lowercase;
}

.cc, .h-cc:hover {
  text-transform: capitalize;
}

.nc, .h-nc:hover {
  text-transform: none;
}

.n {
  font-style: normal;
}

.i {
  font-style: italic;
}

.q {
  font-style: oblique;
}

.ii {
  font-style: inherit;
}

.b,
.fw {
  font-weight: bold;
}

.fw3 {
  font-weight: 300;
}

.fw4 {
  font-weight: 400;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

.fw7 {
  font-weight: 700;
}

.fw8 {
  font-weight: 800;
}

.xfw {
  font-weight: normal;
}

.transition-250ms {
  transition: all 250ms;
}

.transition-500ms {
  transition: all 500ms;
}

.transition-1000ms {
  transition: all 1000ms;
}

.transition-opacity-250ms {
  transition: opacity 250ms;
}

.transition-opacity-500ms {
  transition: opacity 500ms;
}

.transition-opacity-1000ms {
  transition: opacity 1000ms;
}

.user-select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flex-row, .gallery, .clipart-gallery, .generator-gallery, .downloader-buttons-premium-zip-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-center, .generator-gallery-item-loading,
.generator-wished-item-loading, .preloader, .modal-downloader-premium-zip-wait, .slider-mobile, .mobile-colors-angle-slider, .slider-mobile .slider-buttons, .mobile-colors-angle-slider .slider-buttons, .slider-mobile .slider-buttons button, .mobile-colors-angle-slider .slider-buttons button, .slider-desktop, .slider-dropdown, .slider-minimap, .slider-minimap .slider-buttons button, .mobile-header-done span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-row-fluid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-fluid > * {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
}

.flex-col, .generator-gallery-item > .overlay,
.generator-wished-item > .overlay {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-align-start {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

svg {
  fill: currentColor;
  overflow: hidden;
}

use svg {
  fill: inherit;
}

button svg, svg svg {
  overflow: visible;
}

.vtb {
  vertical-align: text-bottom;
}

.fade-transition {
  transition: opacity .2s ease;
}

.fade-enter,
.fade-leave {
  opacity: 0;
}

.icon2 {
  background: url(icon2-sprites-331331.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon2 {
    background-image: url(icon2-sprites@2x-ee916c.png) !important;
    background-size: 150px 75px;
  }
}

.icon2-1 {
  background-position: -3px -3px;
  width: 13px;
  height: 15px;
}

.icon2-2 {
  background-position: -22px -4px;
  width: 14px;
  height: 13px;
}

.icon2-3 {
  background-position: -42px -3px;
  width: 13px;
  height: 14px;
}

.icon2-4 {
  background-position: -60px -9px;
  width: 15px;
  height: 5px;
}

.icon2-5 {
  background-position: -81px -7px;
  width: 14px;
  height: 12px;
}

.icon2-5-dark {
  background-position: -106px -7px;
  width: 14px;
  height: 12px;
}

.icon2-6 {
  background-position: -131px -6px;
  width: 14px;
  height: 14px;
}

.icon2-7 {
  background-position: -82px -25px;
  width: 13px;
  height: 15px;
}

.icon2-8 {
  background-position: -109px -25px;
  width: 10px;
  height: 15px;
}

.icon2-9, *:hover > .icon2-9-dark {
  background-position: -133px -28px;
  width: 7px;
  height: 7px;
}

.icon2-9-dark {
  background-position: -133px -48px;
  width: 7px;
  height: 7px;
}

.icon2-10 {
  background-position: -7px -30px;
  width: 64px;
  height: 27px;
}

.ov {
  overflow: visible;
}

.oh, .ohe {
  overflow: hidden;
}

.ohe {
  text-overflow: ellipsis;
}

.marching-ants {
  stroke-dasharray: 5;
}

.black {
  background: black;
}

.xh {
  height: auto;
}

.min-h26, .downloader-buttons-premium-zip-header {
  min-height: 26px;
}

.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}

.fs16 {
  font-size: 16px;
}

.v1n {
  vertical-align: -1px;
}

.v2n {
  vertical-align: -2px;
}

.transparent {
  opacity: 0;
  pointer-events: none;
}

.transparent50 {
  opacity: 0.5;
  pointer-events: none;
}

.bg-e5 {
  background: #e5e5e5;
}

.bg-41 {
  background: #41d2d5;
}

.color-fd {
  color: #fd8480;
}

.bg-modal {
  background: rgba(92, 101, 127, 0.57);
}

.free-logo-restrictions-overlay {
  background: rgba(0, 0, 0, 0.75);
}

.free-logo-restrictions-container {
  top: 210px;
  left: 537px;
  color: white;
}

.free-logo-restrictions-svg {
  position: fixed;
  top: 81px;
  left: 381px;
}

.free-logo-restrictions-list > li:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  right: 5px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 26"><path fill="#28C092" d="M27.65 1.8q.3-.25.35-.65.05-.4-.15-.7-.6-.8-1.4-.25Q20.25 5 16 12.35q-2.75 4.7-4.2 9.65L1.65 11.45q-.25-.3-.65-.3-.45-.05-.7.25-.3.25-.3.7-.05.4.25.7L12.9 26l.4-1.85q0-.05 2.95-8 4.3-8.95 11.4-14.35z"/></svg>') no-repeat;
}

.fg-modal {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 0 9.8px 0.2px rgba(88, 109, 179, 0.5);
  padding: 16px;
}

.fg-clipart, .clipart-gallery > * > * {
  border: 1px solid #5c657f;
  border-radius: 2px;
}

.fg-clipart svg, .clipart-gallery > * > * svg {
  fill: #5c657f;
}

.fill-loading, .icon-loading {
  fill: #9EA6B3;
}

.flex {
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}

.flex-initial {
  -webkit-flex: initial;
      -ms-flex: initial;
          flex: initial;
}

.flex-initial-force {
  -webkit-flex: initial !important;
      -ms-flex: initial !important;
          flex: initial !important;
}

.min-hh {
  min-height: 100%;
}

.min-w130 {
  min-width: 130px;
}

.child-links > a {
  color: #3ababc;
}

.child-hh > * {
  height: 53px;
}

.child-w80 > * {
  width: 80px;
}

.child-h50 > * {
  height: 50px;
}

.child-h60 > * {
  height: 60px;
}

.round {
  border-radius: 999px;
}

.flow4m11 > * {
  width: calc(100%/4 - 3/4*11px);
}

.flow4m11.floats > :nth-child(4n + 1) {
  clear: both;
}

.flow4m11 > :not(:nth-child(4n + 1)) {
  margin-left: 11px;
}

.flow4m11 > :nth-child(n + 5) {
  margin-top: 11px;
}

.flow8m10 > * {
  width: calc(100%/8 - 7/8*10px);
}

.flow8m10.floats > :nth-child(8n + 1) {
  clear: both;
}

.flow8m10 > :not(:nth-child(8n + 1)) {
  margin-left: 10px;
}

.flow8m10 > :nth-child(n + 9) {
  margin-top: 10px;
}

.flow8m10.floats > :nth-child(8n) {
  margin-right: -1px;
}

.generator-gallery {
  margin-left: -10px;
}

.generator-gallery > li:nth-child(n+5) > div {
  margin-top: 10px;
}

.generator-gallery > li > div {
  margin-left: 10px;
}

.generator-gallery-item,
.generator-wished-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.generator-gallery-item > .overlay,
.generator-wished-item > .overlay {
  background: rgba(11, 18, 56, 0.68);
  opacity: 0;
  transition: 0.25s opacity;
}

.generator-gallery-item:hover > .overlay,
.generator-wished-item:hover > .overlay {
  opacity: 1;
}

.cs-white {
  color: #ffffff;
}

.cs-btn, .btn-pill26, .btn-pill34, .btn-dropdown34, .btn-dropdown34:before, .btn-circle16, .btn-circle17, .btn-circle19, .btn-circle34 {
  color: #656d88;
  background: #ffffff;
  border-color: #5c6580;
}

.cs-btn:hover, .btn-pill26:hover, .btn-pill34:hover, .btn-dropdown34:hover, .btn-dropdown34:hover:before, .btn-circle16:hover, .btn-circle17:hover, .btn-circle19:hover, .btn-circle34:hover {
  color: #ffffff;
  background: #bbc9f4;
}

.cs-btn:active, .btn-pill26:active, .btn-pill34:active, .btn-dropdown34:active, .btn-dropdown34:active:before, .btn-circle16:active, .btn-circle17:active, .btn-circle19:active, .btn-circle34:active {
  color: #ffffff;
  background: #535f81;
}

.cs-btn-close {
  color: #566283;
  background: #ffffff;
  border-color: #566283;
}

.cs-btn-close:hover {
  color: #ffffff;
  background: #ff8180;
}

.cs-btn-close:active {
  color: #ffffff;
  background: #ff8180;
}

.btn-pill26 {
  height: 26px;
  line-height: 26px;
  border-radius: 26px;
  padding-left: 13px;
  padding-right: 13px;
  color: #8e939b;
  border: 1px solid #ced4d9;
}

.btn-pill26:hover {
  color: #ffffff;
  background-color: #73e5e5;
  border-color: #73e5e5;
}

.btn-pill26:active {
  color: #ffffff;
  background-color: #48b9ff;
  border-color: #48b9ff;
}

.btn-pill34, .btn-dropdown34 {
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  padding-left: 24px;
  padding-right: 24px;
  border-width: 1px;
  border-style: solid;
}

.btn-dropdown34 {
  font-size: 12px;
  padding-right: 72px;
  color: #7b7b7b;
  border-color: #ced4d9;
}

.btn-dropdown34:before {
  width: 0;
  height: 0;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 4px solid #8e939b;
  background: transparent;
  content: '';
  top: 14px;
  right: 24px;
}

.btn-dropdown34:hover:before {
  width: 0;
  height: 0;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 4px solid #ffffff;
  background: transparent;
}

.btn-dropdown34:active:before {
  width: 0;
  height: 0;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 4px solid #ffffff;
  background: transparent;
}

.btn-dropdown34:hover {
  color: #ffffff;
  background: #73e5e5;
  border-color: #73e5e5;
}

.btn-dropdown34:active {
  color: #ffffff;
  background: #4ad4d4;
  border-color: #4ad4d4;
}

.btn-circle16 {
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 100%;
  border-width: 1px;
  border-style: solid;
}

.btn-circle17 {
  width: 17px;
  height: 17px;
  line-height: 16px;
  border-radius: 100%;
  border-width: 1px;
  border-style: solid;
}

.btn-circle19 {
  width: 19px;
  height: 19px;
  color: #8e939b;
  line-height: 19px;
  border-radius: 100%;
  border: 1px solid #ced4d9;
}

.btn-circle19:hover {
  color: #ffffff;
  background-color: #73e5e5;
  border-color: #73e5e5;
}

.btn-circle19:active {
  color: #ffffff;
  background-color: #48b9ff;
  border-color: #48b9ff;
}

.input-search {
  font-weight: normal;
  max-width: 300px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #546080;
  color: #546080;
  background: #ffffff;
  padding: 0;
  height: 20px;
}

.btn-circle34 {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 100%;
  border-width: 1px;
  border-style: solid;
  color: #8e939b;
  background: #ffffff;
  border-color: #ced4d9;
}

.btn-circle34:hover {
  color: #ffffff;
  background: #73e5e5;
  border-color: #73e5e5;
}

.btn-circle34:active {
  color: #ffffff;
  background: #4ad4d4;
  border-color: #4ad4d4;
}

.btn-circle34.disabled {
  color: #c0c0c0 !important;
  background: #ffffff !important;
  border-color: #ededed !important;
}

.preloader, .modal-downloader-premium-zip-wait {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  background: rgba(255, 255, 255, 0.85);
  font-size: 28px;
  padding: 25px;
  line-height: 1.25em;
}

.preloader > *, .modal-downloader-premium-zip-wait > * {
  vertical-align: middle;
}

.preloader > .spinner, .modal-downloader-premium-zip-wait > .spinner {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.spinner {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 10px solid red;
  -webkit-animation: generator-item-preloader 8s infinite linear;
          animation: generator-item-preloader 8s infinite linear;
}

@-webkit-keyframes generator-item-preloader {
  0%, 100% {
    border: solid 20px #68C3A3;
  }
  6.25% {
    border: solid 2px #68C3A3;
  }
  12.5% {
    border: solid 2px #52B3D9;
  }
  18.75% {
    border: solid 20px #52B3D9;
  }
  25% {
    border: solid 20px #52B3D9;
  }
  31.25% {
    border: solid 2px #52B3D9;
  }
  37.5% {
    border: solid 2px #F4D03F;
  }
  43.75% {
    border: solid 20px #F4D03F;
  }
  50% {
    border: solid 20px #F4D03F;
  }
  56.25% {
    border: solid 2px #F4D03F;
  }
  62.5% {
    border: solid 2px #D24D57;
  }
  68.75% {
    border: solid 20px #D24D57;
  }
  75% {
    border: solid 20px #D24D57;
  }
  81.25% {
    border: solid 2px #D24D57;
  }
  87.5% {
    border: solid 2px #68C3A3;
  }
  93.75% {
    border: solid 20px #68C3A3;
  }
}

@keyframes generator-item-preloader {
  0%, 100% {
    border: solid 20px #68C3A3;
  }
  6.25% {
    border: solid 2px #68C3A3;
  }
  12.5% {
    border: solid 2px #52B3D9;
  }
  18.75% {
    border: solid 20px #52B3D9;
  }
  25% {
    border: solid 20px #52B3D9;
  }
  31.25% {
    border: solid 2px #52B3D9;
  }
  37.5% {
    border: solid 2px #F4D03F;
  }
  43.75% {
    border: solid 20px #F4D03F;
  }
  50% {
    border: solid 20px #F4D03F;
  }
  56.25% {
    border: solid 2px #F4D03F;
  }
  62.5% {
    border: solid 2px #D24D57;
  }
  68.75% {
    border: solid 20px #D24D57;
  }
  75% {
    border: solid 20px #D24D57;
  }
  81.25% {
    border: solid 2px #D24D57;
  }
  87.5% {
    border: solid 2px #68C3A3;
  }
  93.75% {
    border: solid 20px #68C3A3;
  }
}

.facebook,
.google {
  color: white;
  text-transform: uppercase;
  font-family: Lato, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  border-radius: 999px;
}

.facebook {
  background: #0054a6;
}

.google {
  background: #fb5e5e;
}

.flex-row-rev {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.mi15 > :nth-child(n+2), .slider-mobile .slider-buttons > :nth-child(n+2), .mobile-colors-angle-slider .slider-buttons > :nth-child(n+2) {
  margin-left: 15px;
}

.mi25 > :nth-child(n+2), .mobile-colors-wrapper > :nth-child(n+2) {
  margin-left: 25px;
}

.mi30 > :nth-child(n+2) {
  margin-left: 30px;
}

.mi50 > :nth-child(n+2) {
  margin-left: 50px;
}

.mg30 > :nth-child(n+2) {
  margin-top: 30px;
}

.mg35 > :nth-child(n+2) {
  margin-top: 35px;
}

.mg40 > :nth-child(n+2) {
  margin-top: 40px;
}

.mg50 > :nth-child(n+2) {
  margin-top: 50px;
}

.m1n {
  margin: -1px;
}

.m5n {
  margin: -5px;
}

.m10n {
  margin: -10px;
}

.m16n {
  margin: -16px;
}

.m1 {
  margin: 1px;
}

.m3 {
  margin: 3px;
}

.m16 {
  margin: 16px;
}

.mh8n {
  margin-left: -8px;
  margin-right: -8px;
}

.mh85n {
  margin-left: -85px;
  margin-right: -85px;
}

.mh10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mh13 {
  margin-left: 13px;
  margin-right: 13px;
}

.mh16 {
  margin-left: 16px;
  margin-right: 16px;
}

.mh50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mva {
  margin-top: auto;
  margin-bottom: auto;
}

.mv4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mv10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.xmb {
  margin-bottom: 0;
}

.mta {
  margin-top: auto;
}

.mt50p {
  margin-top: 50%;
}

.mt1n {
  margin-top: -1px;
}

.mt5n {
  margin-top: -5px;
}

.mt10n, .clipart-gallery {
  margin-top: -10px;
}

.mt16n {
  margin-top: -16px;
}

.mt4 {
  margin-top: 4px;
}

.mt5 {
  margin-top: 5px;
}

.mt8 {
  margin-top: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mt24 {
  margin-top: 24px;
}

.mt30, .free-logo-restrictions-container > :last-child {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt55 {
  margin-top: 55px;
}

.mt70 {
  margin-top: 70px;
}

.mb1n {
  margin-bottom: -1px;
}

.mb10n {
  margin-bottom: -10px;
}

.mb15n {
  margin-bottom: -15px;
}

.mb20n {
  margin-bottom: -20px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mla {
  margin-left: auto;
}

.ml25p {
  margin-left: 25%;
}

.ml37_5p {
  margin-left: 37.5%;
}

.ml4n {
  margin-left: -4px;
}

.ml5n {
  margin-left: -5px;
}

.ml10n, .gallery, .clipart-gallery {
  margin-left: -10px;
}

.ml16n {
  margin-left: -16px;
}

.ml9 {
  margin-left: 9px;
}

.ml12 {
  margin-left: 12px;
}

.ml20 {
  margin-left: 20px;
}

.mr1n {
  margin-right: -1px;
}

.mr10n {
  margin-right: -10px;
}

.mr15n {
  margin-right: -15px;
}

.mr3 {
  margin-right: 3px;
}

.mr6 {
  margin-right: 6px;
}

.mr7 {
  margin-right: 7px;
}

.mr16 {
  margin-right: 16px;
}

.mr20 {
  margin-right: 20px;
}

.xp {
  padding: 0;
}

.p2 {
  padding: 2px;
}

.p3 {
  padding: 3px;
}

.p4, .slider-minimap .slider-buttons button svg {
  padding: 4px;
}

.p8 {
  padding: 8px;
}

.p16 {
  padding: 16px;
}

.ph010 {
  padding: 0 10px;
}

.ph025 {
  padding: 0 25px;
}

.pv1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pv2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.pv3, .mobile-header-done {
  padding-top: 3px;
  padding-bottom: 3px;
}

.pv12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pv13 {
  padding-top: 13px;
  padding-bottom: 13px;
}

.pv18 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.pv32 {
  padding-left: 32px;
  padding-right: 32px;
}

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

.ph8 {
  padding-left: 8px;
  padding-right: 8px;
}

.ph16 {
  padding-left: 16px;
  padding-right: 16px;
}

.pt18 {
  padding-top: 18px;
}

.pt55 {
  padding-top: 55px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb150 {
  padding-bottom: 150px;
}

.abs-tl {
  position: absolute;
  top: 0;
  left: 0;
}

.abs-tr, .mobile-header-done {
  position: absolute;
  top: 0;
  right: 0;
}

.abs-bl {
  position: absolute;
  bottom: 0;
  left: 0;
}

.abs-br {
  position: absolute;
  bottom: 0;
  right: 0;
}

.abs-br-tr {
  position: absolute;
  right: 0;
  bottom: 100%;
}

.abs-c {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.abs-cr {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
}

.abs-cl {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
}

.abs-ct {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

.abs-cb {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

.abs-tl-br {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: perspective(1px) translate(-100%, -100%);
          transform: perspective(1px) translate(-100%, -100%);
}

.abs-tl-tr {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: perspective(1px) translate(-100%, 0);
          transform: perspective(1px) translate(-100%, 0);
}

.abs-cl-cr {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: perspective(1px) translate(-100%, -50%);
          transform: perspective(1px) translate(-100%, -50%);
}

.abs-cr-cl {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: perspective(1px) translate(100%, -50%);
          transform: perspective(1px) translate(100%, -50%);
}

.abs-cb-ct {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0%);
          transform: perspective(1px) translate(-50%, 0%);
}

.abs-bl-ct {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: perspective(1px) translate(-50%, 100%);
          transform: perspective(1px) translate(-50%, 100%);
}

.abs-br-ct {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: perspective(1px) translate(50%, 100%);
          transform: perspective(1px) translate(50%, 100%);
}

.tlbr, .generator-gallery > li > div > *, .generator-gallery-item > .overlay,
.generator-wished-item > .overlay, .generator-gallery-item-loading,
.generator-wished-item-loading, .preloader, .modal-downloader-premium-zip-wait, .desktop-cliparts-item, .slider-mobile .slider-track:before, .mobile-colors-angle-slider .slider-track:before, .slider-desktop .slider-track:before, .slider-dropdown .slider-track:before, .slider-minimap .slider-track:before, .mobile-downloader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.la {
  left: auto;
}

.l100p {
  left: 100%;
}

.l0, .slider-minimap .slider-dec {
  left: 0;
}

.l16n, .slider-mobile .slider-track:before, .mobile-colors-angle-slider .slider-track:before, .slider-desktop .slider-track:before, .slider-dropdown .slider-track:before, .slider-minimap .slider-track:before {
  left: -16px;
}

.ra {
  right: auto;
}

.r16n, .slider-mobile .slider-track:before, .mobile-colors-angle-slider .slider-track:before, .slider-desktop .slider-track:before, .slider-dropdown .slider-track:before, .slider-minimap .slider-track:before {
  right: -16px;
}

.r3 {
  right: 3px;
}

.r20 {
  right: 20px;
}

.ta {
  top: auto;
}

.t50p, .slider-mobile .slider-track:after, .mobile-colors-angle-slider .slider-track:after, .slider-mobile .slider-thumb, .mobile-colors-angle-slider .slider-thumb, .slider-desktop .slider-track:after, .slider-desktop .slider-thumb, .slider-dropdown .slider-track:after, .slider-dropdown .slider-thumb, .slider-minimap .slider-track:after, .slider-minimap .slider-thumb {
  top: 50%;
}

.t1n {
  top: -1px;
}

.t0 {
  top: 0;
}

.t3 {
  top: 3px;
}

.ba {
  bottom: auto;
}

.b0 {
  bottom: 0;
}

.b100p {
  bottom: 100%;
}

.xborder {
  border: none;
}

.border, .slider-mobile .slider-thumb, .mobile-colors-angle-slider .slider-thumb, .slider-mobile .slider-buttons button, .mobile-colors-angle-slider .slider-buttons button, .slider-desktop .slider-thumb, .slider-dropdown .slider-thumb, .slider-minimap .slider-thumb, .slider-minimap .slider-buttons button, .mobile-header-done span {
  border: 1px solid currentColor;
}

.border-iron {
  border: 1px solid #ced4d9;
}

.border2 {
  border: 2px solid currentColor;
}

.border-dashed {
  border: 1px dashed currentColor;
}

.border-left {
  border-left: 1px solid currentColor;
}

.border-right-ebeef1 {
  border-right: 1px solid #ebeef1;
}

.border-top, .slider-mobile .slider-track:after, .mobile-colors-angle-slider .slider-track:after, .slider-desktop .slider-track:after, .slider-dropdown .slider-track:after, .slider-minimap .slider-track:after {
  border-top: 1px solid currentColor;
}

.border-top-transparent {
  border-top: 1px transparent;
}

.border-bottom {
  border-bottom: 1px solid currentColor;
}

.border-mobile-generator {
  border: 1px solid #ced4d9;
}

.border-thumbnail, .gallery > * > *, .generator-gallery-item-loading,
.generator-wished-item-loading {
  border: 1px solid #ced4d9;
  border-radius: 3px;
}

.border-dropdown {
  border: 1px solid #626b85;
  border-radius: 2px;
}

.border-popover {
  border: 1px solid #ced4d9;
}

.xbr {
  border-radius: 0;
}

.br {
  border-radius: 999px;
}

.br0 {
  border-radius: 0;
}

.br3 {
  border-radius: 3px;
}

.br25 {
  border-radius: 25px;
}

.br999, .slider-mobile .slider-thumb, .mobile-colors-angle-slider .slider-thumb, .slider-mobile .slider-buttons button, .mobile-colors-angle-slider .slider-buttons button, .slider-desktop .slider-thumb, .slider-dropdown .slider-thumb, .slider-minimap .slider-thumb, .slider-minimap .slider-buttons button, .mobile-header-done span {
  border-radius: 999px;
}

.br100p {
  border-radius: 100%;
}

.o50 {
  opacity: 0.5;
}

.frameset-mobile-editor-bottom > *:not(:last-child) {
  border-right: 1px solid #e4eef6;
}

.lh0 {
  line-height: 0;
}

.lh38 {
  line-height: 38px;
}

.lh10m {
  line-height: 1.0em;
}

.lh125m {
  line-height: 1.25em;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.gradient-none-white {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}

.gradient-none-red {
  background: linear-gradient(to right, rgba(255, 0, 0, 0) 0%, red 100%);
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.hflip {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.vflip {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.trans-center {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.rotate45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.rotate90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.rotate-up {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.rotate-down {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate-left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate-right {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.expand-165-135 {
  display: block;
  position: relative;
}

.expand-165-135:before {
  display: block;
  content: "";
  padding-top: 81.8181818%;
}

.expand-180-150 {
  display: block;
  position: relative;
}

.expand-180-150:before {
  display: block;
  content: '';
  padding-top: 83.33333%;
}

.expand-180-150-ie:before {
  padding-top: 83%;
}

.expand-250-90 {
  display: block;
  position: relative;
}

.expand-250-90:before {
  display: block;
  content: "";
  padding-top: 36.375%;
}

.expand-250-135 {
  display: block;
  position: relative;
}

.expand-250-135:before {
  display: block;
  content: "";
  padding-top: 54.55%;
}

.expand-250-180 {
  display: block;
  position: relative;
}

.expand-250-180:before {
  display: block;
  content: "";
  padding-top: 72.726%;
}

.min-w25 {
  min-width: 25px;
}

.max-w20 {
  max-width: 20px;
}

.max-w200 {
  max-width: 200px;
}

.max-w240 {
  max-width: 240px;
}

.max-w320 {
  max-width: 320px;
}

.max-w385 {
  max-width: 385px;
}

.max-w500 {
  max-width: 500px;
}

.max-w750 {
  max-width: 750px;
}

.max-w800 {
  max-width: 800px;
}

.max-h {
  max-height: 100%;
}

.max-h30 {
  max-height: 30px;
}

.max-h40 {
  max-height: 40px;
}

.max-h330 {
  max-height: 330px;
}

.max-h490 {
  max-height: 490px;
}

.max800x330 {
  max-width: 800px;
  max-height: 330px;
}

.max800x290 {
  max-width: 800px;
  max-height: 290px;
}

.h10m {
  height: 1.0em;
}

.w25p {
  width: 25%;
}

.w37_5p {
  width: 37.5%;
}

.w50p {
  width: 50%;
}

.w0 {
  width: 0;
}

.w8 {
  width: 8px;
}

.w9 {
  width: 9px;
}

.w11 {
  width: 11px;
}

.w13 {
  width: 13px;
}

.w14 {
  width: 14px;
}

.w16 {
  width: 16px;
}

.w22, .icon-loading {
  width: 22px;
}

.w25 {
  width: 25px;
}

.w30 {
  width: 30px;
}

.w32 {
  width: 32px;
}

.w34 {
  width: 34px;
}

.w35 {
  width: 35px;
}

.w38 {
  width: 38px;
}

.w40 {
  width: 40px;
}

.w42 {
  width: 42px;
}

.w45 {
  width: 45px;
}

.w46 {
  width: 46px;
}

.w50 {
  width: 50px;
}

.w55 {
  width: 55px;
}

.w75 {
  width: 75px;
}

.w80, .child-w80 > * {
  width: 80px;
}

.w86 {
  width: 86px;
}

.w105 {
  width: 105px;
}

.w106 {
  width: 106px;
}

.w110 {
  width: 110px;
}

.w120 {
  width: 120px;
}

.w130 {
  width: 130px;
}

.w150 {
  width: 150px;
}

.w160 {
  width: 160px;
}

.w165 {
  width: 165px;
}

.w170 {
  width: 170px;
}

.w180 {
  width: 180px;
}

.w240 {
  width: 240px;
}

.w310 {
  width: 310px;
}

.w330 {
  width: 330px;
}

.w365 {
  width: 365px;
}

.w755 {
  width: 755px;
}

.w770 {
  width: 770px;
}

.w800 {
  width: 800px;
}

.w870 {
  width: 870px;
}

.w890 {
  width: 890px;
}

.h4 {
  height: 4px;
}

.h6, .icon-loading {
  height: 6px;
}

.h11 {
  height: 11px;
}

.h14 {
  height: 14px;
}

.h15 {
  height: 15px;
}

.h16 {
  height: 16px;
}

.h20, .mobile-header-done svg {
  height: 20px;
}

.h25 {
  height: 25px;
}

.h28 {
  height: 28px;
}

.h30 {
  height: 30px;
}

.h32 {
  height: 32px;
}

.h34 {
  height: 34px;
}

.h35 {
  height: 35px;
}

.h38 {
  height: 38px;
}

.h40 {
  height: 40px;
}

.h42 {
  height: 42px;
}

.h45 {
  height: 45px;
}

.h50 {
  height: 50px;
}

.h53 {
  height: 53px;
}

.h60 {
  height: 60px;
}

.h70 {
  height: 70px;
}

.h80 {
  height: 80px;
}

.h90 {
  height: 90px;
}

.h130 {
  height: 130px;
}

.h160 {
  height: 160px;
}

.setting-box .vue-gradient-preview {
  padding: 0;
}

.setting-box .vue-gradient-preview svg {
  border: solid 1px #e7ecf7;
  height: 24px;
}

.setting-box .vue-slider {
  height: 24px;
  border-radius: 4px;
  position: relative;
  top: -35px;
  padding: 0;
  max-width: 100%;
  margin: 0 15px 0 4px;
}

.setting-box .vue-slider-handle {
  width: 10px;
  height: 20px;
  margin: 0;
  background-color: #fff;
  border-radius: 4px;
  cursor: ew-resize;
  position: absolute;
  border: none;
  box-shadow: 0 2px 4.5px 0 rgba(26, 97, 185, 0.27);
}

.setting-box .vue-slider-color {
  width: 10px;
  height: 20px;
  margin: 2px;
  background-color: #fff;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
}

.setting-box .vue-slider-handle:before {
  content: none;
}

.setting-box .vue-slider-handle:after {
  content: none;
}

.setting-box .active-stops-color-box.mt24n {
  margin-top: -24px;
}

.setting-box .active-stops-color-box {
  margin-top: 12px;
}

.setting-box .active-stops-color-box .active-stops-color-box-item {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  border: solid 1px #e7ecf7;
  display: inline-block;
  cursor: pointer;
  margin-right: 12px;
}

.dev-panel {
  color: white;
  background: black;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
  z-index: 10000;
  font-size: 12px;
  line-height: 1em;
}

.dev-panel:not(.open) :not(.dev-panel-toggle) {
  display: none;
}

.dev-panel-toggle {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  color: white;
  background: black;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
  margin-left: -20px;
  width: 20px;
  height: 20px;
}

.dev-panel-toggle:focus {
  outline: none;
}

.dev-panel-toggle::-moz-focus-inner {
  border: none;
}

.desktop-categories {
  color: #8e939b;
  background: white;
  font-family: 'Inter', serif;
  font-size: 12px;
  transition: 0.2s;
}

.desktop-categories > :nth-child(n+2) {
  margin-top: 15px;
}

.desktop-categories h2 {
  font-size: 16px;
  font-weight: 300;
  text-align: center;
}

.desktop-categories ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
  line-height: 1.25em;
}

.desktop-categories li {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
  -ms-flex-preferred-size: auto;
}

.desktop-categories li:not(:nth-last-child(-n+10)) {
  position: relative;
  width: 100px;
  height: 70px;
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 3px;
  border: 1px solid #ced4d9;
  transition: 0.1s;
}

.desktop-categories li:not(:nth-last-child(-n+10)):hover {
  color: white;
  background: #4ad4d4;
  border-color: #4ad4d4;
}

.desktop-categories li:nth-last-child(-n+10) {
  width: 100px;
  margin-left: 10px;
}

.desktop-categories button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: 100%;
  height: 100%;
  padding: 5px;
  border-radius: 3px;
}

.desktop-categories button:focus {
  outline: none;
}

.desktop-categories button::-moz-focus-inner {
  border: none;
}

.desktop-categories button > svg {
  display: block;
  width: 35px;
  height: 28px;
  margin: auto;
}

.desktop-cliparts {
  height: 570px;
  max-height: 570px;
}

.desktop-cliparts-item {
  padding: 12px;
}

.clipart-search-item:hover, .desktop-cliparts-item:hover, .desktop-cliparts-item:hover, .clipart-search-item.active, .active.desktop-cliparts-item, .active.desktop-cliparts-item {
  border-color: #48b9ff;
  color: #48b9ff;
}

.cat-items {
  text-align: left;
}

.category-list {
  height: inherit;
  max-height: inherit;
}

.left60 {
  left: 60%;
}

.mt14 {
  margin-top: 14px;
}

.downloader-preview {
  color: #39a7ea;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
}

.downloader-preview svg {
  overflow: visible;
}

.downloader-preview.desktop-background {
  background-color: #d3dbea;
}

.downloader-preview-mask {
  opacity: 0.5;
}

.downloader-preview-ants {
  stroke-dasharray: 5;
}

.downloader-buttons-social {
  background: #f88;
}

.downloader-buttons-premium-zip-header svg {
  width: 13px;
  height: 13px;
}

.downloader-buttons-premium-zip-button {
  color: white;
  border: none;
  background: #fb6974;
  display: block;
  margin: 0 auto;
  padding: 0 25px;
  max-width: 200px;
  text-align: center;
  text-transform: uppercase;
}

.downloader-buttons-premium-zip-button:hover {
  background: #fc9ca4;
}

.buttons-flex-preview {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.setting-box .download-format:not(:last-child).mr0 {
  margin-right: 0;
}

.setting-box .download-format {
  margin-right: 7px;
  margin-bottom: 10px;
  -webkit-flex-grow: 0.5;
      -ms-flex-positive: 0.5;
          flex-grow: 0.5;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: 26%;
      -ms-flex-preferred-size: 26%;
          flex-basis: 26%;
}

.dropdown .dropdown-menu .btn-inside-dropdown {
  text-align: center;
  padding: 12px 20px;
  font-size: 14px;
}

.dropdown .dropdown-menu .slider-dropdown .range-slider {
  width: 100%;
}

.p13 {
  padding: 13px;
}

.w215 {
  width: 215px;
}

.title-lab {
  font-size: 16px;
}

.dropdown-angles-buttons {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-fonts-preview .dropdown-preview-text {
  float: left;
}

.dropdown-fonts-preview .dropdown-preview-font {
  float: right;
  max-width: 100px;
  height: 38px;
}

.dropdown-fonts-preview .dropdown-preview-selected-font {
  width: 80px;
  height: 38px;
  float: right;
}

.logos-dropdown.dropdown-fonts-preview .dropdown-toggle {
  height: 40px;
  margin-top: -1px;
  padding: 0 40px 0 20px;
  color: #4a4a51;
  border-radius: 5px;
}

.dropdown-images .dropdown-menu li.active {
  color: #48b9ff;
}

.dropdown-images .dropdown-menu li.active .dropdown-img {
  border-color: #48b9ff;
}

.logos-dropdown .dropdown-menu li.active {
  color: #48b9ff;
}

.logos-dropdown .dropdown-menu li.active .dropdown-img {
  border-color: #48b9ff;
}

.logos-dropdown .dropdown-toggle.texts-toggle-dropdown {
  height: 52px;
  border-radius: 0;
  margin-top: -1px;
  padding: 5px 40px 5px 20px;
  color: #4a4a51;
}

.editor-nav-hints {
  padding: 3px 0 4px;
  cursor: pointer;
  text-transform: uppercase;
}

.editor-nav-hints > :first-child {
  margin-right: 5px;
}

.gradient-editor-clipboard {
  text-align: right;
}

.gradient-editor-clipboard > :nth-child(n+2) {
  margin-left: 1em;
}

.gradient-editor-clipboard button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  display: inline;
  text-decoration: underline;
}

.gradient-editor-clipboard button:focus {
  outline: none;
}

.gradient-editor-clipboard button::-moz-focus-inner {
  border: none;
}

.gradient-editor-clipboard button:hover:not(:disabled) {
  color: black;
}

.gradient-editor-clipboard button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.tooltip {
  position: absolute;
  z-index: 1;
  padding: 10px;
  pointer-events: none;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.tooltip .popover-inner {
  position: relative;
  padding: 5px 12px;
  border-radius: 4px;
  color: white;
  background: #a5b0c4;
}

.tooltip .popover-top {
  position: absolute;
  top: -5px;
  left: 5px;
  right: 5px;
  height: 5px;
}

.tooltip .popover-top-track {
  position: absolute;
  top: 0;
  left: 4px;
  right: 4px;
  bottom: 0;
}

.tooltip .popover-top-thumb {
  position: absolute;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #a5b0c4 transparent;
}

.tooltip .popover-bottom {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: -5px;
  height: 5px;
}

.tooltip .popover-bottom-track {
  position: absolute;
  top: 0;
  left: 4px;
  right: 4px;
  bottom: 0;
}

.tooltip .popover-bottom-thumb {
  position: absolute;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #a5b0c4 transparent transparent transparent;
}

.tooltip .popover-left {
  position: absolute;
  top: 5px;
  left: -5px;
  bottom: 5px;
  width: 5px;
}

.tooltip .popover-left-track {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  bottom: 4px;
}

.tooltip .popover-left-thumb {
  position: absolute;
  right: 0;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 5px 4px 0;
  border-color: transparent #a5b0c4 transparent transparent;
}

.tooltip .popover-right {
  position: absolute;
  top: 5px;
  right: -5px;
  bottom: 5px;
  width: 5px;
}

.tooltip .popover-right-track {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  bottom: 4px;
}

.tooltip .popover-right-thumb {
  position: absolute;
  left: 0;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #a5b0c4;
}

.popover {
  position: absolute;
  z-index: 1;
  padding: 10px;
}

.popover .popover-inner {
  position: relative;
  padding: 10px;
  border-radius: 5px;
  background: white;
  border: 1px solid #ced4d9;
}

.popover .popover-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  margin-top: -10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: -10px;
  overflow: hidden;
}

.popover .popover-top-track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.popover .popover-top-thumb {
  position: absolute;
  top: 5px;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border: 1px solid #ced4d9;
  background: white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popover .popover-bottom {
  position: absolute;
  height: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: -10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: -10px;
  overflow: hidden;
}

.popover .popover-bottom-track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.popover .popover-bottom-thumb {
  position: absolute;
  bottom: 5px;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border: 1px solid #ced4d9;
  background: white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popover .popover-left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10px;
  margin: -10px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.popover .popover-left-track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.popover .popover-left-thumb {
  position: absolute;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: 1px solid #ced4d9;
  background: white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popover .popover-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  margin: -10px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.popover .popover-right-track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.popover .popover-right-thumb {
  position: absolute;
  right: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: 1px solid #ced4d9;
  background: white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popover.helps-popover {
  z-index: 998;
}

.popover.helps-popover .popover-inner {
  padding: 0;
  border: none;
}

.popover.helps-popover .popover-top-thumb {
  z-index: 998;
  border: 1px solid #fff;
  background: #fff;
}

.popover.helps-popover .popover-bottom-thumb {
  z-index: 998;
  border: 1px solid #fff;
  background: #fff;
}

.popover.helps-popover .popover-left-thumb {
  z-index: 998;
  border: 1px solid #fff;
  background: #fff;
}

.popover.helps-popover .popover-right-thumb {
  z-index: 998;
  border: 1px solid #fff;
  background: #fff;
}

.popover-backgrounds-preview {
  display: block;
  width: 34px;
  height: 34px;
  margin: 5px;
  border-radius: 999px;
}

.color-picker {
  width: 300px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 21px 0 rgba(76, 144, 238, 0.27);
  border: none;
}

.mobile-color-picker {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  border: none;
}

.mobile-color-picker .hex-box {
  margin: 0 0 0 40px;
}

.mobile-color-picker .mobile-popover-color-back-btn {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 56px;
  height: 40px;
  border: 5px solid transparent;
  border-width: 5px 10px;
}

.mobile-color-picker .mobile-popover-color-back-btn:focus {
  outline: none;
}

.mobile-color-picker .mobile-popover-color-back-btn::-moz-focus-inner {
  border: none;
}

.mobile-color-picker .mobile-popover-color-back-btn[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-color-picker .mobile-popover-color-back-btn svg {
  width: 17px;
  height: 17px;
}

.mobile-color-picker .mobile-popover-color-back-btn svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  color: #02052D;
}

.mobile-color-picker .mobile-popover-color-back-btn span {
  color: #373E61;
  padding-left: 33px;
  font-weight: 500;
}

.popover-shadow-settings-container > * + * {
  margin-top: 10px;
}

.generator-nav {
  height: 63px;
  background: #9ea6b3;
  border-bottom: none;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-left: 104px;
  height: 60px;
  background-color: #fff;
  z-index: 9;
  box-shadow: 0 0 10.5px 0 rgba(76, 144, 238, 0.27);
  line-height: 60px;
  min-width: 1100px;
}

.header .switch-label {
  margin-right: 18px;
}

header .btn, header .downloader-buttons-premium-zip-button, header .modal-downloader-premium-zip-show-button {
  margin-top: -5px;
  font-size: 16px;
  padding: 10px 25px;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  font-weight: normal;
  border: none;
  line-height: 1.3;
  cursor: pointer;
  text-decoration: none !important;
  text-transform: none;
  letter-spacing: 0;
  height: 40px;
  background-color: #48b9ff;
  box-shadow: 0 6px 20px 0 rgba(122, 181, 249, 0.4);
  transition: all .3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn:hover, .downloader-buttons-premium-zip-button:hover, .modal-downloader-premium-zip-show-button:hover {
  background-color: #48cdff;
}

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

.scrollbars-gradient-left-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 130px;
}

.scrollbars-gradient-right-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 130px;
}

.scrollbars-gradient-left {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.scrollbars-gradient-right {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.child-noscrollbars > :first-child {
  overflow: scroll;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.child-noscrollbars > :first-child::-webkit-scrollbar {
  display: none;
}

.scrollbar-default {
  position: relative;
  padding: 0;
}

.scrollbar-default > .scrollbar-track-x,
.scrollbar-default > .scrollbar-track-y {
  display: none;
  position: absolute;
}

.scrollbar-default > .scrollbar-track-x > .scrollbar-thumb-x,
.scrollbar-default > .scrollbar-track-y > .scrollbar-thumb-y {
  position: absolute;
  background: rgba(158, 166, 179, 0.75);
  border-radius: 999px;
  box-sizing: content-box;
  border: 5px solid transparent;
  margin: -5px;
  background-clip: content-box;
}

.scrollbar-default > .scrollbar-track-x > .scrollbar-thumb-x {
  height: 100%;
}

.scrollbar-default > .scrollbar-track-y > .scrollbar-thumb-y {
  width: 100%;
}

.scrollbar-default.scrollbar-overflow-x {
  padding-bottom: 0;
}

.scrollbar-default.scrollbar-overflow-x > .scrollbar-track-x {
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}

.scrollbar-default.scrollbar-overflow-x > .scrollbar-track-y {
  bottom: 5px;
}

.scrollbar-default.scrollbar-overflow-y {
  padding-right: 0;
}

.scrollbar-default.scrollbar-overflow-y > .scrollbar-track-y {
  display: block;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}

.scrollbar-default.scrollbar-overflow-y > .scrollbar-track-x {
  right: 5px;
}

.scrollbar-generator {
  position: relative;
  padding: 0;
}

.scrollbar-generator > .scrollbar-track-x,
.scrollbar-generator > .scrollbar-track-y {
  display: none;
  position: absolute;
  background: none;
}

.scrollbar-generator > .scrollbar-track-x > .scrollbar-thumb-x,
.scrollbar-generator > .scrollbar-track-y > .scrollbar-thumb-y {
  position: absolute;
  background: #9ea6b3;
  border-radius: 999px;
  box-sizing: content-box;
  border: 5px solid transparent;
  margin: -5px;
  background-clip: content-box;
}

.scrollbar-generator > .scrollbar-track-x > .scrollbar-thumb-x {
  height: 100%;
}

.scrollbar-generator > .scrollbar-track-y > .scrollbar-thumb-y {
  width: 100%;
}

.scrollbar-generator.scrollbar-overflow-y {
  padding-right: 0;
}

.scrollbar-generator.scrollbar-overflow-y > .scrollbar-track-y {
  display: block;
  top: 0;
  right: -15px;
  width: 7px;
  height: 100%;
}

.scrollbar-generator.scrollbar-overflow-y > .scrollbar-track-x {
  right: 7px;
}

.scrollbar-mobile-generator {
  position: relative;
  padding: 0;
}

.scrollbar-mobile-generator > .scrollbar-track-x,
.scrollbar-mobile-generator > .scrollbar-track-y {
  display: none;
  position: absolute;
  background: none;
}

.scrollbar-mobile-generator > .scrollbar-track-x > .scrollbar-thumb-x,
.scrollbar-mobile-generator > .scrollbar-track-y > .scrollbar-thumb-y {
  position: absolute;
  background: white;
  border-radius: 999px;
  box-sizing: content-box;
  border: 5px solid transparent;
  margin: -5px;
  background-clip: content-box;
}

.scrollbar-mobile-generator > .scrollbar-track-x > .scrollbar-thumb-x {
  height: 100%;
}

.scrollbar-mobile-generator > .scrollbar-track-y > .scrollbar-thumb-y {
  width: 100%;
}

.scrollbar-mobile-generator.scrollbar-overflow-y {
  padding-right: 0;
}

.scrollbar-mobile-generator.scrollbar-overflow-y > .scrollbar-track-y {
  display: block;
  top: 0;
  right: 0;
  width: 7px;
  height: 100%;
}

.scrollbar-mobile-generator.scrollbar-overflow-y > .scrollbar-track-x {
  right: 0;
}

.slider-mobile, .mobile-colors-angle-slider {
  color: #02052D;
}

.slider-mobile .slider-track, .mobile-colors-angle-slider .slider-track {
  min-height: 32px;
  margin-left: 20px;
}

.slider-mobile .slider-track:before, .mobile-colors-angle-slider .slider-track:before {
  content: '';
}

.slider-mobile .slider-track:after, .mobile-colors-angle-slider .slider-track:after {
  content: '';
  border-color: #0C5EFF;
}

.slider-mobile .slider-thumb, .mobile-colors-angle-slider .slider-thumb {
  width: 32px;
  height: 32px;
  margin: -16px;
  background: white;
  border: 1px solid #C7D6E9;
}

.slider-mobile .slider-buttons, .mobile-colors-angle-slider .slider-buttons {
  margin-left: 25px;
}

.slider-mobile .slider-buttons button, .mobile-colors-angle-slider .slider-buttons button {
  width: 38px;
  height: 38px;
}

.slider-mobile .slider-buttons button svg, .mobile-colors-angle-slider .slider-buttons button svg {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px;
}

.slider-desktop .slider-track {
  min-height: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.slider-desktop .slider-track:before {
  content: '';
}

.slider-desktop .slider-track:after {
  content: '';
}

.slider-desktop .slider-thumb {
  background-color: #48b9ff;
  width: 20px;
  height: 20px;
  margin: -10px;
  box-shadow: rgba(122, 181, 249, 0.4) 0 4px 8px 0;
  border: none;
}

.slider-dropdown .slider-track {
  min-height: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.slider-dropdown .slider-track:before {
  content: '';
}

.slider-dropdown .slider-track:after {
  content: '';
  left: -10px;
  right: -10px;
}

.slider-dropdown .slider-thumb {
  width: 20px;
  height: 20px;
  margin: -10px;
  background-color: #48b9ff;
  box-shadow: rgba(122, 181, 249, 0.4) 0 4px 8px 0;
  border: none;
}

.slider-minimap {
  padding-left: 26px;
  padding-right: 26px;
}

.slider-minimap .slider-track {
  min-height: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.slider-minimap .slider-track:before {
  content: '';
}

.slider-minimap .slider-track:after {
  content: '';
  left: -10px;
  right: -10px;
}

.slider-minimap .slider-thumb {
  width: 20px;
  height: 20px;
  margin: -10px;
  border: none;
}

.slider-minimap .slider-buttons button {
  width: 21px;
  height: 21px;
  margin-top: -10.5px;
}

.slider-colorstop {
  position: absolute;
  width: 100%;
  color: #ced4d9;
}

.slider-colorstop .slider-track {
  position: relative;
}

.slider-colorstop .slider-thumb {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: absolute;
  top: 24px;
  width: 46px;
  height: 46px;
  margin: -28px;
  border: 5px solid transparent;
  box-sizing: content-box;
}

.slider-colorstop .slider-thumb * {
  pointer-events: none;
}

.slider-colorstop .slider-thumb:focus {
  outline: none;
}

.slider-colorstop .slider-thumb::-moz-focus-inner {
  border: none;
}

.slider-colorstop .slider-thumb svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  fill: white;
  stroke: currentColor;
  stroke-width: 2px;
}

.slider-colorstop .slider-thumb span {
  position: absolute;
  left: 24%;
  bottom: 10%;
  width: 52.5%;
  height: 52.5%;
  border-radius: 999px;
}

.slider-colorstop .slider-buttons {
  display: none;
}

.setting-box .zoom-range {
  background-color: #a5b0c4;
}

.setting-box .slider-buttons {
  display: none;
}

.slider-desktop .slider-thumb {
  box-shadow: 0 4px 8px 0 rgba(122, 181, 249, 0.4);
  background-color: #48b9ff;
  position: absolute;
  outline: none;
}

.width-100p {
  width: 100%;
}

.width-100p .zoom-range {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}

.slider-desktop .slider-small {
  width: 126px;
  float: right;
}

.slider-filled-background {
  height: 4px;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  float: left;
}

.slider-filled-background.slider-desktop {
  background-color: #48b9ff;
  float: left;
}

.slider-filled-background.slider-minimap {
  width: 0;
  background-color: #ffffff;
  float: left;
}

.slider-filled-background.slider-dropdown {
  background-color: #48b9ff;
  float: left;
}

.checkbox2 {
  vertical-align: middle;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}

.checkbox2 + label {
  cursor: pointer;
}

.checkbox2:not(checked) {
  position: absolute;
  opacity: 0;
}

.checkbox2:not(checked) + label {
  position: relative;
  padding: 0 0 0 50px;
}

.checkbox2:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: none;
  border: 1px solid #B8C7DB;
}

.checkbox2:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #B8C7DB;
  transition: all .2s;
}

.checkbox2:checked + label:before {
  background: none;
  border: 1px solid #B8C7DB;
}

.checkbox2:checked + label:after {
  left: 25px;
  background: #6F58FF;
}

.lm-canvas-minimap {
  width: 232px;
  height: 140px;
}

.mobile {
  color: #65d8fc;
  background: white;
  font-family: 'Inter', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.mobile-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #734df2;
  background: linear-gradient(to right, #734df2 0%, #9688f2 100%);
  position: relative;
  color: white;
  font-family: 'Inter', serif;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-height: 320px) {
  .mobile-header {
    height: 38px;
  }
}

@media (min-height: 321px) {
  .mobile-header {
    height: 45px;
  }
}

.mobile-header-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.mobile-header-logo {
  color: inherit;
  background: none;
  display: block;
  width: 200px;
  height: 100%;
}

.mobile-header-logo svg {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  opacity: 0.5;
}

.mobile-header-logo svg:hover {
  opacity: 1;
}

.mobile-header-back {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-header-back:focus {
  outline: none;
}

.mobile-header-back::-moz-focus-inner {
  border: none;
}

.mobile-header-back svg {
  display: block;
}

@media (max-height: 320px) {
  .mobile-header-back svg {
    width: 18px;
    height: 18px;
  }
}

@media (min-height: 321px) {
  .mobile-header-back svg {
    width: 25px;
    height: 25px;
  }
}

pre {
  font-family: 'Inter', Helvetica, Arial, sans-serif;
}

.mobile-input-assistant {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding: 25px 5px;
  color: black;
  background: rgba(255, 255, 255, 0.7);
}

.mobile-input-assistant input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  background: none;
  font-size: inherit;
  border: none;
  border-radius: 0;
  max-width: 358px;
  padding: 10px;
  margin-right: 20px;
  height: 40px;
  color: #373E61;
  font-size: 16px;
  font-weight: 500;
  background: #E3E9F1;
  border-radius: 6px;
  border: none;
}

.mobile-input-assistant input:required {
  box-shadow: none;
}

.mobile-input-assistant input:invalid {
  box-shadow: none;
}

.mobile-input-assistant input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-input-assistant input::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-input-assistant input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-input-assistant input::placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-input-assistant input:focus {
  border: 1px solid #0C5EFF;
}

.mobile-input-assistant button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 40px;
  border: 5px solid transparent;
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  white-space: nowrap;
  border-radius: 6px;
  background: #0C5EFF;
}

.mobile-input-assistant button:focus {
  outline: none;
}

.mobile-input-assistant button::-moz-focus-inner {
  border: none;
}

.mobile-input-assistant button[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-input-assistant button svg {
  width: 17px;
  height: 17px;
}

.mobile-input-assistant button:before {
  background: none;
  border: none;
}

.mobile-input-assistant button svg {
  margin-top: -0.2em;
  margin-right: 5px;
  vertical-align: middle;
}

.mobile-screen-orientation {
  color: #7f8893;
  background: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  color: white;
  background: #140b4f;
  opacity: 0.9;
  font-size: 18px;
  line-height: 3em;
}

.mobile-screen-orientation-icon {
  width: 100px;
  height: 100px;
}

.mobile-login {
  background: none;
}

.mobile-login .mobile-header {
  color: #44C1FF;
  background: #725ce2;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.mobile-login .mobile-header-logo {
  color: #fff;
}

.mobile-login .mobile-header-logo svg {
  opacity: 1;
}

.mobile-login-title {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #000000;
}

.mobile-login-back {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-login-back:focus {
  outline: none;
}

.mobile-login-back::-moz-focus-inner {
  border: none;
}

.mobile-login-back svg {
  margin-top: -4px;
  margin-right: 0.25em;
  vertical-align: middle;
}

@media (max-height: 320px) {
  .mobile-login-back svg {
    width: 18px;
    height: 18px;
  }
}

@media (min-height: 321px) {
  .mobile-login-back svg {
    width: 25px;
    height: 25px;
  }
}

.mobile-login-body {
  background-color: #ffffff;
  color: #bfcae1;
  padding-top: 25px;
}

@media (max-height: 300px) {
  .mobile-login-body {
    padding-top: 0;
  }
}

@media (max-height: 380px) {
  .mobile-login-body {
    padding-top: 10px;
  }
}

.mobile-login-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 330px;
  padding: 5px 30px;
}

@media (max-height: 323px) {
  .mobile-login-container {
    height: 100%;
  }
}

@media (min-width: 600px) {
  .mobile-login-container {
    padding: 5px 0;
  }
}

@media (min-width: 660px) {
  .mobile-login-container {
    padding: 5px 10px;
  }
}

@media (max-width: 600px) {
  .mobile-login-container {
    padding: 5px 15px 5px 0;
  }
}

.mobile-login-container > * {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.mobile-login-span {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
  height: 30px;
}

.mobile-login-span2 {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
  height: 30px;
}

@media (max-height: 400px) {
  .mobile-login-span2 {
    height: 15px;
  }
}

.mobile-login-error {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #f44;
  font-size: 12px;
  line-height: 1.25em;
  margin-bottom: 20px;
}

.mobile-login-error pre {
  white-space: pre-wrap;
}

.mobile-login-terms-error {
  color: #f44;
  font-size: 80%;
  line-height: 1.25em;
}

.mobile-login-footer {
  margin-top: 15px;
  font-size: 12px;
  font-weight: 500;
  color: #373E61;
}

.mobile-login-footer a {
  text-decoration: underline !important;
  font-weight: 700;
  color: #6F58FF !important;
}

.mobile-login-form-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}

.mobile-login-basic-form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mobile-login-social {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 330px;
  margin: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #DBE6F3;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.mobile-login-social-fcb {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 50%;
  height: 50px;
  border: 10px solid transparent;
  z-index: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
  border: none;
  border-radius: 6px;
  height: 40px;
  margin: 15px 0 0;
  background-color: #E3E9F1;
  color: #373E61;
}

.mobile-login-social-fcb:focus {
  outline: none;
}

.mobile-login-social-fcb::-moz-focus-inner {
  border: none;
}

.mobile-login-social-fcb[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-login-social-fcb:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-login-social-fcb svg {
  width: 20px;
  height: 20px;
}

.mobile-login-social-fcb svg {
  margin-top: -0.2em;
  margin-right: 5px;
  vertical-align: middle;
}

@media (min-width: 667px) {
  .mobile-login-social-fcb {
    height: 40px;
  }
}

.mobile-login-social-fcb:before {
  border: none;
}

.mobile-login-social-fcb span {
  padding-right: 25px;
  font-size: 14px;
  font-weight: 500;
  color: #373E61;
}

.mobile-login-social-fcb svg {
  margin-top: 0;
  vertical-align: middle;
  margin-left: 5px;
  padding: 5px;
  width: 30px;
  height: 30px;
  color: #3b5998;
}

.mobile-login-social-google {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 50%;
  height: 50px;
  border: 10px solid transparent;
  z-index: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
  border: none;
  border-radius: 6px;
  height: 40px;
  margin: 15px 0 0;
  background-color: #E3E9F1;
  color: #373E61;
}

.mobile-login-social-google:focus {
  outline: none;
}

.mobile-login-social-google::-moz-focus-inner {
  border: none;
}

.mobile-login-social-google[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-login-social-google:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-login-social-google svg {
  width: 20px;
  height: 20px;
}

.mobile-login-social-google svg {
  margin-top: -0.2em;
  margin-right: 5px;
  vertical-align: middle;
}

@media (min-width: 667px) {
  .mobile-login-social-google {
    height: 40px;
  }
}

.mobile-login-social-google:before {
  border: none;
}

.mobile-login-social-google span {
  padding-right: 25px;
  font-size: 14px;
  font-weight: 500;
  color: #373E61;
}

.mobile-login-social-google svg {
  margin-top: 0;
  vertical-align: middle;
  margin-left: 5px;
  border-radius: 50px;
  padding: 5px;
  width: 30px;
  height: 30px;
  color: #4285f4;
}

.mobile-login-inputs {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 14px;
}

.mobile-login-inputs label a {
  color: #fff;
  text-decoration: underline;
}

.mobile-login-inputs span.switch-label {
  font-size: 15px;
}

.mobile-login-inputs span.switch-label a {
  color: #725ce2;
}

.mobile-login-inputs-cell {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 0 0 15px 0;
}

.mobile-login-inputs-cell label {
  color: #373E61;
  font-weight: 500;
  font-size: 14px;
  display: block;
}

.mobile-login-inputs-cell input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  background: none;
  font-size: inherit;
  border: none;
  border-radius: 0;
  padding: 10px;
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #B8C7DB;
  display: block;
  height: 40px;
  color: #373E61;
  font-size: 16px;
  font-weight: 500;
}

.mobile-login-inputs-cell input:required {
  box-shadow: none;
}

.mobile-login-inputs-cell input:invalid {
  box-shadow: none;
}

.mobile-login-inputs-cell input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-login-inputs-cell input::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-login-inputs-cell input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-login-inputs-cell input::placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-login-inputs-cell input::-moz-selection {
  border-color: #0C5EFF;
}

.mobile-login-inputs-cell input::selection {
  border-color: #0C5EFF;
}

.mobile-login-inputs-cell-error {
  top: 100%;
  left: 0;
  right: 0;
  color: #f44;
  font-size: 80%;
  line-height: 1.25em;
  pointer-events: none;
}

.register-terms-wrapper {
  margin: 0 0 15px 0;
}

.register-terms-wrapper .switch-label {
  font-size: 12px;
  font-weight: 500;
  color: #373E61;
}

.register-terms-wrapper .switch-label a {
  text-decoration: underline !important;
  font-weight: 700;
  color: #6F58FF !important;
}

.mobile-login-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  padding: 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-justify-content: space-between;
}

@media (max-width: 670px) {
  .mobile-login-buttons {
    margin: 0 0 0 5%;
  }
}

.mobile-login-buttons-login {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 50%;
  height: 50px;
  border: 10px solid transparent;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: none;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: underline;
  color: #725ce2;
  width: 100%;
}

.mobile-login-buttons-login:focus {
  outline: none;
}

.mobile-login-buttons-login::-moz-focus-inner {
  border: none;
}

.mobile-login-buttons-login[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-login-buttons-login svg {
  width: 20px;
  height: 20px;
}

.mobile-login-buttons-login svg {
  margin-top: -0.2em;
  margin-right: 5px;
  vertical-align: middle;
}

@media (min-width: 667px) {
  .mobile-login-buttons-login {
    height: 40px;
  }
}

.mobile-login-buttons-recovery {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 50%;
  height: 50px;
  border: 10px solid transparent;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border: none;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: underline;
  color: #725ce2;
  width: 100%;
}

.mobile-login-buttons-recovery:focus {
  outline: none;
}

.mobile-login-buttons-recovery::-moz-focus-inner {
  border: none;
}

.mobile-login-buttons-recovery[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-login-buttons-recovery svg {
  width: 20px;
  height: 20px;
}

.mobile-login-buttons-recovery svg {
  margin-top: -0.2em;
  margin-right: 5px;
  vertical-align: middle;
}

@media (min-width: 667px) {
  .mobile-login-buttons-recovery {
    height: 40px;
  }
}

.mobile-login-buttons-submit {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 52px;
  border: 5px solid transparent;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  background: #0C5EFF;
}

.mobile-login-buttons-submit:focus {
  outline: none;
}

.mobile-login-buttons-submit::-moz-focus-inner {
  border: none;
}

.mobile-login-buttons-submit[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-login-buttons-submit svg {
  width: 23px;
  height: 23px;
}

.mobile-login-buttons-submit:before {
  border: none;
}

.mobile-login-buttons-registration {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 50%;
  height: 50px;
  border: 10px solid transparent;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border: none;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: underline;
  color: #725ce2;
  width: 100%;
}

.mobile-login-buttons-registration:focus {
  outline: none;
}

.mobile-login-buttons-registration::-moz-focus-inner {
  border: none;
}

.mobile-login-buttons-registration[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-login-buttons-registration svg {
  width: 20px;
  height: 20px;
}

.mobile-login-buttons-registration svg {
  margin-top: -0.2em;
  margin-right: 5px;
  vertical-align: middle;
}

@media (min-width: 667px) {
  .mobile-login-buttons-registration {
    height: 40px;
  }
}

.mobile-login-buttons-wrapper {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mobile-login-disabled-block {
  opacity: .5;
  pointer-events: none;
}

.mobile-login-terms {
  font-size: 12px;
  font-weight: 500;
  color: #373E61;
  max-width: 100% !important;
  margin-bottom: 15px;
  padding: 0 !important;
}

.mobile-login-terms a {
  text-decoration: underline !important;
  font-weight: 700;
  color: #6F58FF !important;
}

.mobile-cliparts-tags {
  text-align: center;
  white-space: nowrap;
}

.mobile-cliparts-tags button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 38px;
  text-transform: capitalize;
}

.mobile-cliparts-tags button:focus {
  outline: none;
}

.mobile-cliparts-tags button::-moz-focus-inner {
  border: none;
}

.mobile-cliparts-top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px;
}

@media (max-width: 568px) {
  .mobile-cliparts-top {
    height: 80px;
  }
}

@media (min-width: 569px) {
  .mobile-cliparts-top {
    height: 60px;
  }
}

.mobile-cliparts-top button {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.mobile-cliparts-top-span {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
  max-width: 10px;
}

@media (min-width: 768px) {
  .mobile-cliparts-top-span {
    max-width: 30px;
  }
}

.mobile-cliparts-top-search {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 46px;
  height: 46px;
  padding: 5px;
  z-index: 0;
}

.mobile-cliparts-top-search:focus {
  outline: none;
}

.mobile-cliparts-top-search::-moz-focus-inner {
  border: none;
}

.mobile-cliparts-top-search[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-cliparts-top-search:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
  margin: 5px;
}

.mobile-cliparts-top-search svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

.mobile-cliparts-top-search use {
  -webkit-transform: translateX(1px) scale(0.95);
          transform: translateX(1px) scale(0.95);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.mobile-cliparts-top-close {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 20px;
  height: 20px;
  padding: 5px;
  z-index: 0;
  background: #E6EBF2;
  color: #02052D;
  border-radius: 999px;
}

.mobile-cliparts-top-close:focus {
  outline: none;
}

.mobile-cliparts-top-close::-moz-focus-inner {
  border: none;
}

.mobile-cliparts-top-close[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-cliparts-top-close svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

.mobile-cliparts-top-close svg {
  width: 10px;
  height: 10px;
}

.mobile-cliparts-top-input-container {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
  padding: 5px;
}

.mobile-cliparts-top-input-container input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  background: none;
  font-size: inherit;
  border: none;
  border-radius: 0;
  padding: 10px;
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #B8C7DB;
  display: block;
  height: 40px;
  color: #373E61;
  font-size: 16px;
  font-weight: 500;
}

.mobile-cliparts-top-input-container input:required {
  box-shadow: none;
}

.mobile-cliparts-top-input-container input:invalid {
  box-shadow: none;
}

.mobile-cliparts-top-input-container input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-cliparts-top-input-container input::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-cliparts-top-input-container input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-cliparts-top-input-container input::placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-cliparts-top-input-container input::-moz-selection {
  border-color: #0C5EFF;
}

.mobile-cliparts-top-input-container input::selection {
  border-color: #0C5EFF;
}

.mobile-cliparts-results {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 0 20px 10px;
  overflow: hidden;
}

.mobile-cliparts-results-loading {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}

.mobile-cliparts-results-loading span {
  color: white;
  background: #38beff;
  padding: 5px 10px;
}

.mobile-cliparts-results-cells-container {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
  *zoom: 1;
  margin-top: -5px;
  margin-left: -5px;
}

.mobile-cliparts-results-cells-container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.mobile-cliparts-results-cells-container > * {
  float: left;
}

.mobile-cliparts-results-cell {
  padding-top: 5px;
  padding-left: 5px;
  box-sizing: border-box;
}

.mobile-cliparts-results-expand {
  display: block;
  position: relative;
  background: currentColor;
  border-radius: 3px;
}

.mobile-cliparts-results-expand:before {
  display: block;
  content: '';
  padding-top: 100%;
}

.mobile-cliparts-results-last {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  height: 50px;
  width: 200px;
}

.mobile-cliparts-results-button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: absolute;
  background: white;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.mobile-cliparts-results-button:focus {
  outline: none;
}

.mobile-cliparts-results-button::-moz-focus-inner {
  border: none;
}

.mobile-cliparts-results-button[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-cliparts-results-button svg {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: white;
}

.mobile-cliparts-results-prev {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 46px;
  height: 46px;
  padding: 5px;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
}

.mobile-cliparts-results-prev:focus {
  outline: none;
}

.mobile-cliparts-results-prev::-moz-focus-inner {
  border: none;
}

.mobile-cliparts-results-prev[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-cliparts-results-prev:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
  margin: 5px;
}

.mobile-cliparts-results-prev svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

.mobile-cliparts-results-prev use {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}

.mobile-cliparts-results-next {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 46px;
  height: 46px;
  padding: 5px;
  z-index: 0;
  margin: auto;
  border-radius: 6px;
  background-color: #F1F4F8;
  color: #02052D;
}

.mobile-cliparts-results-next:focus {
  outline: none;
}

.mobile-cliparts-results-next::-moz-focus-inner {
  border: none;
}

.mobile-cliparts-results-next[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-cliparts-results-next svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

.mobile-cliparts-results-page {
  color: #02052D;
  font-size: 16px;
  font-weight: 500;
}

.mobile-color-panel {
  padding: 5px 20px 15px 20px;
}

.mobile-color-panel .title-lab {
  margin: 4px 0 0;
  display: inline-block;
  color: #74747a;
  font-size: 13px;
  font-weight: 500;
  color: black;
}

.mobile-color-panel .active-stops-color-box {
  margin-top: 12px;
}

.mobile-color-panel .vue-gradient-preview {
  padding: 0;
}

.mobile-color-panel .vue-gradient-preview svg {
  border: solid 1px #e7ecf7;
  height: 24px;
}

.mobile-color-panel .vue-slider {
  height: 24px;
  border-radius: 4px;
  position: relative;
  top: -35px;
  padding: 0;
  max-width: 100%;
  margin: 0 15px 0 4px;
}

.mobile-color-panel .vue-slider-handle {
  width: 10px;
  height: 20px;
  margin: 0;
  background-color: #fff;
  border-radius: 4px;
  cursor: ew-resize;
  position: absolute;
  border: none;
  box-shadow: 0 2px 4.5px 0 rgba(26, 97, 185, 0.27);
}

.mobile-color-panel .vue-slider-color {
  width: 10px;
  height: 20px;
  margin: 2px;
  background-color: #fff;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
}

.mobile-color-panel .vue-slider-handle:before {
  content: none;
}

.mobile-color-panel .vue-slider-handle:after {
  content: none;
}

.mobile-color-panel .active-stops-color-box.mt24n {
  margin-top: -24px;
}

.mobile-color-panel .active-stops-color-box {
  margin-top: 12px;
}

.mobile-color-panel .active-stops-color-box .active-stops-color-box-item {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  border: solid 1px #B8C7DB;
  display: inline-block;
  cursor: pointer;
  margin-right: 12px;
}

.mobile-colors-back {
  padding: 3px;
}

.mobile-colors-container {
  width: 100%;
  max-width: 1024px;
  margin: auto;
}

.mobile-colors-left-input-container,
.mobile-colors-right-input-container {
  width: 55px;
  border-bottom: 1px solid;
}

.mobile-colors-left-input-hashtag,
.mobile-colors-right-input-hashtag {
  position: absolute;
  margin-top: 2px;
  margin-left: -10px;
}

.mobile-colors-left-input,
.mobile-colors-right-input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  background: none;
  font-size: inherit;
  border: none;
  border-radius: 0;
  height: 1.25em;
  margin-top: 5px;
  font-size: 16px;
}

.mobile-colors-left-input:required,
.mobile-colors-right-input:required {
  box-shadow: none;
}

.mobile-colors-left-input:invalid,
.mobile-colors-right-input:invalid {
  box-shadow: none;
}

.mobile-colors-preview-shape {
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  height: 80px;
}

.mobile-colors-colorwheel-left,
.mobile-colors-colorwheel-right,
.mobile-colors-preview-container,
.mobile-colors-preview-shape {
  color: #d5ebfc;
}

.mobile-colors-preview-gradient {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
  display: block;
  width: 100%;
  height: 32px;
  border: 1px solid;
}

.mobile-colors-preview-colorstops {
  position: relative;
  height: 45px;
  margin: -1px 1px 0 1px;
}

.mobile-colors-angle-slider {
  color: currentColor;
}

.mobile-colors-angle-slider .slider-title {
  font-weight: 400;
}

.mobile-colors-angle-slider .slider-track {
  margin-left: 32px;
}

.mobile-colors-angle-slider .slider-buttons {
  margin-top: 2px;
  margin-left: 32px;
}

.mobile-colors-angle-slider .slider-buttons button {
  width: 37px;
  height: 37px;
}

.mobile-colors-angle-slider .slider-buttons button svg {
  padding: 8px;
}

.mobile-colors-swatches-container {
  *zoom: 1;
  margin: auto;
}

.mobile-colors-swatches-container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.mobile-colors-swatches-item-wrapper {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  display: block;
  position: relative;
  float: left;
  width: 33.33333%;
}

.mobile-colors-swatches-item-wrapper:focus {
  outline: none;
}

.mobile-colors-swatches-item-wrapper::-moz-focus-inner {
  border: none;
}

.mobile-colors-swatches-item-wrapper:before {
  display: block;
  content: '';
  padding-top: 100%;
}

.mobile-colors-swatches-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 999px;
}

@media (max-width: 568px) {
  .mobile-colors-container {
    max-height: 194px;
  }
  .mobile-colors-wrapper {
    padding: 13px;
  }
  .mobile-colors-preview-container {
    margin-top: 10px;
  }
  .mobile-colors-left-input-container {
    margin-left: 55px;
  }
  .mobile-colors-right-input-container {
    margin-left: 25px;
  }
  .mobile-colors-angle-slider {
    margin: 12px 0 -5px -5px;
  }
  .mobile-colors-angle-slider .slider-buttons {
    display: none;
  }
  .mobile-colors-colorwheel-left {
    height: 150px;
    position: relative;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container {
    position: relative;
    width: 25px;
    height: 100%;
    cursor: pointer;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-canvas {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
    width: 100%;
    height: 15px;
    padding: 0 5px;
    box-sizing: content-box;
    background: white;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hsv-container {
    position: relative;
  }
  .mobile-colors-colorwheel-left .colorwheel-hsv-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
    background: white;
    margin: 25px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-canvas {
    display: block;
    border-radius: 999px;
    width: 150px;
    height: 150px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-thumb {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    border-radius: 999px;
    width: 25px;
    height: 25px;
    padding: 2px;
    background: white;
    background-clip: content-box;
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-canvas {
    display: block;
    width: 67.17514px;
    height: 67.17514px;
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-track {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-thumb {
    position: absolute;
    width: 12.5px;
    height: 12.5px;
    margin: -6.25px;
    border: 2px solid white;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-button {
    display: none;
  }
  .mobile-colors-colorwheel-left:not(.active) .colorwheel-opacity-container {
    left: -999999px;
    pointer-events: none;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container {
    position: absolute;
    margin: 0 -6px;
    z-index: 1;
    width: 44px;
    height: calc(100% - 20px);
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 3px;
    background: white;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    color: white;
    margin-top: -1.25px;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-track {
    margin: 17px 8px;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb {
    position: absolute;
    padding: 3px 3px 0 3px;
    height: 0;
    border: none;
    background: none;
    box-sizing: border-box;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
    border: 2px solid white;
    margin: -2px;
    border-radius: 999px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    background: url('data:image/svg+xml;utf8,<svg fill="#d5ebfc" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M67.376 0H100v32.624H67.376zM0 0h32.624v32.624H0zm33.688 33.688h32.624v32.624H33.688zm33.688 33.688H100V100H67.376zM0 67.376h32.624V100H0z"/></svg>');
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: -22px;
    border: 1px solid;
    border-radius: 999px;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button:focus {
    outline: none;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-colorwheel-right {
    height: 150px;
    position: relative;
    direction: rtl;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container {
    position: relative;
    width: 25px;
    height: 100%;
    cursor: pointer;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-canvas {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
    width: 100%;
    height: 15px;
    padding: 0 5px;
    box-sizing: content-box;
    background: white;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hsv-container {
    position: relative;
  }
  .mobile-colors-colorwheel-right .colorwheel-hsv-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
    background: white;
    margin: 25px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-canvas {
    display: block;
    border-radius: 999px;
    width: 150px;
    height: 150px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-thumb {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    border-radius: 999px;
    width: 25px;
    height: 25px;
    padding: 2px;
    background: white;
    background-clip: content-box;
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-canvas {
    display: block;
    width: 67.17514px;
    height: 67.17514px;
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-track {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-thumb {
    position: absolute;
    width: 12.5px;
    height: 12.5px;
    margin: -6.25px;
    border: 2px solid white;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-button {
    display: none;
  }
  .mobile-colors-colorwheel-right:not(.active) .colorwheel-opacity-container {
    left: -999999px;
    pointer-events: none;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container {
    position: absolute;
    margin: 0 -6px;
    z-index: 1;
    width: 44px;
    height: calc(100% - 20px);
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 3px;
    background: white;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    color: white;
    margin-top: -1.25px;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-track {
    margin: 17px 8px;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb {
    position: absolute;
    padding: 3px 3px 0 3px;
    height: 0;
    border: none;
    background: none;
    box-sizing: border-box;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
    border: 2px solid white;
    margin: -2px;
    border-radius: 999px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    background: url('data:image/svg+xml;utf8,<svg fill="#d5ebfc" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M67.376 0H100v32.624H67.376zM0 0h32.624v32.624H0zm33.688 33.688h32.624v32.624H33.688zm33.688 33.688H100V100H67.376zM0 67.376h32.624V100H0z"/></svg>');
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: -22px;
    border: 1px solid;
    border-radius: 999px;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button:focus {
    outline: none;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-swatches-container {
    width: 120px;
    margin-right: -5px;
  }
  .mobile-colors-swatches-item {
    margin: 5px;
  }
  .mobile-colors-preview-colorstops-slider {
    position: absolute;
    width: 100%;
    color: currentColor;
  }
  .mobile-colors-preview-colorstops-slider .slider-track {
    position: relative;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    position: absolute;
    top: 24px;
    width: 46px;
    height: 46px;
    margin: -28px;
    border: 5px solid transparent;
    box-sizing: content-box;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb * {
    pointer-events: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb:focus {
    outline: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    fill: white;
    stroke: currentColor;
    stroke-width: 2px;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb span {
    position: absolute;
    left: 24%;
    bottom: 10%;
    width: 52.5%;
    height: 52.5%;
    border-radius: 999px;
  }
  .mobile-colors-preview-colorstops-slider .slider-buttons {
    display: none;
  }
}

@media (min-width: 569px) and (max-width: 767px) {
  .mobile-colors-container {
    max-height: 282px;
  }
  .mobile-colors-wrapper {
    padding: 20px 20px 27px 20px;
  }
  .mobile-colors-preview-container {
    margin-top: 20px;
  }
  .mobile-colors-left-input-container {
    margin-left: 45px;
  }
  .mobile-colors-right-input-container {
    margin-left: 68px;
  }
  .mobile-colors-colorwheel-left {
    height: 180px;
    position: relative;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container {
    position: relative;
    width: 25px;
    height: 100%;
    cursor: pointer;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-canvas {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
    width: 100%;
    height: 15px;
    padding: 0 5px;
    box-sizing: content-box;
    background: white;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hsv-container {
    position: relative;
  }
  .mobile-colors-colorwheel-left .colorwheel-hsv-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
    background: white;
    margin: 30px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-canvas {
    display: block;
    border-radius: 999px;
    width: 180px;
    height: 180px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-thumb {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    border-radius: 999px;
    width: 30px;
    height: 30px;
    padding: 2px;
    background: white;
    background-clip: content-box;
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-canvas {
    display: block;
    width: 81.31728px;
    height: 81.31728px;
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-track {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-thumb {
    position: absolute;
    width: 15px;
    height: 15px;
    margin: -7.5px;
    border: 2px solid white;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-button {
    display: none;
  }
  .mobile-colors-colorwheel-left:not(.active) .colorwheel-opacity-container {
    left: -999999px;
    pointer-events: none;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container {
    position: absolute;
    margin: 0 -3px;
    z-index: 1;
    width: 44px;
    height: calc(100% - 20px);
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 3px;
    background: white;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    color: white;
    margin-top: -1.25px;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-track {
    margin: 17px 8px;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb {
    position: absolute;
    padding: 3px 3px 0 3px;
    height: 0;
    border: none;
    background: none;
    box-sizing: border-box;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
    border: 2px solid white;
    margin: -2px;
    border-radius: 999px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    background: url('data:image/svg+xml;utf8,<svg fill="#d5ebfc" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M67.376 0H100v32.624H67.376zM0 0h32.624v32.624H0zm33.688 33.688h32.624v32.624H33.688zm33.688 33.688H100V100H67.376zM0 67.376h32.624V100H0z"/></svg>');
    position: absolute;
    width: 38px;
    height: 38px;
    bottom: -28px;
    border: 1px solid;
    border-radius: 999px;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button:focus {
    outline: none;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-colorwheel-right {
    height: 180px;
    position: relative;
    direction: rtl;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container {
    position: relative;
    width: 25px;
    height: 100%;
    cursor: pointer;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-canvas {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
    width: 100%;
    height: 15px;
    padding: 0 5px;
    box-sizing: content-box;
    background: white;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hsv-container {
    position: relative;
  }
  .mobile-colors-colorwheel-right .colorwheel-hsv-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
    background: white;
    margin: 30px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-canvas {
    display: block;
    border-radius: 999px;
    width: 180px;
    height: 180px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-thumb {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    border-radius: 999px;
    width: 30px;
    height: 30px;
    padding: 2px;
    background: white;
    background-clip: content-box;
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-canvas {
    display: block;
    width: 81.31728px;
    height: 81.31728px;
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-track {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-thumb {
    position: absolute;
    width: 15px;
    height: 15px;
    margin: -7.5px;
    border: 2px solid white;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-button {
    display: none;
  }
  .mobile-colors-colorwheel-right:not(.active) .colorwheel-opacity-container {
    left: -999999px;
    pointer-events: none;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container {
    position: absolute;
    margin: 0 -3px;
    z-index: 1;
    width: 44px;
    height: calc(100% - 20px);
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 3px;
    background: white;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    color: white;
    margin-top: -1.25px;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-track {
    margin: 17px 8px;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb {
    position: absolute;
    padding: 3px 3px 0 3px;
    height: 0;
    border: none;
    background: none;
    box-sizing: border-box;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
    border: 2px solid white;
    margin: -2px;
    border-radius: 999px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    background: url('data:image/svg+xml;utf8,<svg fill="#d5ebfc" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M67.376 0H100v32.624H67.376zM0 0h32.624v32.624H0zm33.688 33.688h32.624v32.624H33.688zm33.688 33.688H100V100H67.376zM0 67.376h32.624V100H0z"/></svg>');
    position: absolute;
    width: 38px;
    height: 38px;
    bottom: -28px;
    border: 1px solid;
    border-radius: 999px;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button:focus {
    outline: none;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-angle-slider {
    margin: 30px -55px -17px -55px;
    z-index: 1;
  }
  .mobile-colors-angle-slider .slider-thumb {
    width: 37px;
    height: 37px;
    margin: -18px;
  }
  .mobile-colors-swatches-container {
    width: 180px;
    margin-right: -12px;
  }
  .mobile-colors-swatches-item {
    margin: 12px;
  }
  .mobile-colors-preview-colorstops-slider {
    position: absolute;
    width: 100%;
    color: currentColor;
  }
  .mobile-colors-preview-colorstops-slider .slider-track {
    position: relative;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    position: absolute;
    top: 28px;
    width: 54px;
    height: 54px;
    margin: -32px;
    border: 5px solid transparent;
    box-sizing: content-box;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb * {
    pointer-events: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb:focus {
    outline: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    fill: white;
    stroke: currentColor;
    stroke-width: 2px;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb span {
    position: absolute;
    left: 24%;
    bottom: 10%;
    width: 52.5%;
    height: 52.5%;
    border-radius: 999px;
  }
  .mobile-colors-preview-colorstops-slider .slider-buttons {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mobile-colors-container {
    max-height: 282px;
  }
  .mobile-colors-wrapper {
    padding: 20px 20px 27px 20px;
  }
  .mobile-colors-wrapper > :nth-child(n+2) {
    margin-left: 40px;
  }
  .mobile-colors-preview-container {
    margin-top: 20px;
  }
  .mobile-colors-left-input-container {
    margin-left: 45px;
  }
  .mobile-colors-right-input-container {
    margin-left: 68px;
  }
  .mobile-colors-colorwheel-left {
    height: 180px;
    position: relative;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container {
    position: relative;
    width: 25px;
    height: 100%;
    cursor: pointer;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-canvas {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
    width: 100%;
    height: 15px;
    padding: 0 5px;
    box-sizing: content-box;
    background: white;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hsv-container {
    position: relative;
  }
  .mobile-colors-colorwheel-left .colorwheel-hsv-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
    background: white;
    margin: 30px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-canvas {
    display: block;
    border-radius: 999px;
    width: 180px;
    height: 180px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-thumb {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    border-radius: 999px;
    width: 30px;
    height: 30px;
    padding: 2px;
    background: white;
    background-clip: content-box;
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-canvas {
    display: block;
    width: 81.31728px;
    height: 81.31728px;
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-track {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-thumb {
    position: absolute;
    width: 15px;
    height: 15px;
    margin: -7.5px;
    border: 2px solid white;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-button {
    display: none;
  }
  .mobile-colors-colorwheel-left:not(.active) .colorwheel-opacity-container {
    left: -999999px;
    pointer-events: none;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container {
    position: absolute;
    margin: 0 -3px;
    z-index: 1;
    width: 44px;
    height: calc(100% - 20px);
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 3px;
    background: white;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    color: white;
    margin-top: -1.25px;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-track {
    margin: 17px 8px;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb {
    position: absolute;
    padding: 3px 3px 0 3px;
    height: 0;
    border: none;
    background: none;
    box-sizing: border-box;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
    border: 2px solid white;
    margin: -2px;
    border-radius: 999px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    background: url('data:image/svg+xml;utf8,<svg fill="#d5ebfc" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M67.376 0H100v32.624H67.376zM0 0h32.624v32.624H0zm33.688 33.688h32.624v32.624H33.688zm33.688 33.688H100V100H67.376zM0 67.376h32.624V100H0z"/></svg>');
    position: absolute;
    width: 38px;
    height: 38px;
    bottom: -28px;
    border: 1px solid;
    border-radius: 999px;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button:focus {
    outline: none;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-colorwheel-right {
    height: 180px;
    position: relative;
    direction: rtl;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container {
    position: relative;
    width: 25px;
    height: 100%;
    cursor: pointer;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-canvas {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
    width: 100%;
    height: 15px;
    padding: 0 5px;
    box-sizing: content-box;
    background: white;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hsv-container {
    position: relative;
  }
  .mobile-colors-colorwheel-right .colorwheel-hsv-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
    background: white;
    margin: 30px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-canvas {
    display: block;
    border-radius: 999px;
    width: 180px;
    height: 180px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-thumb {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    border-radius: 999px;
    width: 30px;
    height: 30px;
    padding: 2px;
    background: white;
    background-clip: content-box;
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-canvas {
    display: block;
    width: 81.31728px;
    height: 81.31728px;
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-track {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-thumb {
    position: absolute;
    width: 15px;
    height: 15px;
    margin: -7.5px;
    border: 2px solid white;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-button {
    display: none;
  }
  .mobile-colors-colorwheel-right:not(.active) .colorwheel-opacity-container {
    left: -999999px;
    pointer-events: none;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container {
    position: absolute;
    margin: 0 -3px;
    z-index: 1;
    width: 44px;
    height: calc(100% - 20px);
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 3px;
    background: white;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    color: white;
    margin-top: -1.25px;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-track {
    margin: 17px 8px;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb {
    position: absolute;
    padding: 3px 3px 0 3px;
    height: 0;
    border: none;
    background: none;
    box-sizing: border-box;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
    border: 2px solid white;
    margin: -2px;
    border-radius: 999px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    background: url('data:image/svg+xml;utf8,<svg fill="#d5ebfc" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M67.376 0H100v32.624H67.376zM0 0h32.624v32.624H0zm33.688 33.688h32.624v32.624H33.688zm33.688 33.688H100V100H67.376zM0 67.376h32.624V100H0z"/></svg>');
    position: absolute;
    width: 38px;
    height: 38px;
    bottom: -28px;
    border: 1px solid;
    border-radius: 999px;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button:focus {
    outline: none;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-angle-slider {
    margin: 30px -25px -17px -20px;
    z-index: 1;
  }
  .mobile-colors-angle-slider .slider-thumb {
    width: 37px;
    height: 37px;
    margin: -18px;
  }
  .mobile-colors-swatches-container {
    width: 180px;
    margin-right: -12px;
  }
  .mobile-colors-swatches-item {
    margin: 12px;
  }
  .mobile-colors-preview-colorstops-slider {
    position: absolute;
    width: 100%;
    color: currentColor;
  }
  .mobile-colors-preview-colorstops-slider .slider-track {
    position: relative;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    position: absolute;
    top: 28px;
    width: 54px;
    height: 54px;
    margin: -32px;
    border: 5px solid transparent;
    box-sizing: content-box;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb * {
    pointer-events: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb:focus {
    outline: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    fill: white;
    stroke: currentColor;
    stroke-width: 2px;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb span {
    position: absolute;
    left: 24%;
    bottom: 10%;
    width: 52.5%;
    height: 52.5%;
    border-radius: 999px;
  }
  .mobile-colors-preview-colorstops-slider .slider-buttons {
    display: none;
  }
}

@media (min-width: 1024px) {
  .mobile-colors-container {
    max-height: 332px;
  }
  .mobile-colors-wrapper {
    padding: 20px 20px 27px 20px;
  }
  .mobile-colors-wrapper > :nth-child(n+2) {
    margin-left: 35px;
  }
  .mobile-colors-preview-container {
    margin-top: 20px;
  }
  .mobile-colors-left-input-container {
    margin-left: 45px;
  }
  .mobile-colors-right-input-container {
    margin-left: 130px;
  }
  .mobile-colors-colorwheel-left {
    height: 240px;
    position: relative;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container {
    position: relative;
    width: 25px;
    height: 100%;
    cursor: pointer;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-canvas {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
    width: 100%;
    height: 15px;
    padding: 0 5px;
    box-sizing: content-box;
    background: white;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hsv-container {
    position: relative;
  }
  .mobile-colors-colorwheel-left .colorwheel-hsv-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
    background: white;
    margin: 40px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-canvas {
    display: block;
    border-radius: 999px;
    width: 240px;
    height: 240px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-hue-thumb {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    border-radius: 999px;
    width: 40px;
    height: 40px;
    padding: 2px;
    background: white;
    background-clip: content-box;
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-canvas {
    display: block;
    width: 109.60155px;
    height: 109.60155px;
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-track {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
  .mobile-colors-colorwheel-left .colorwheel-sv-thumb {
    position: absolute;
    width: 20px;
    height: 20px;
    margin: -10px;
    border: 2px solid white;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-left .colorwheel-button {
    display: none;
  }
  .mobile-colors-colorwheel-left:not(.active) .colorwheel-opacity-container {
    left: -999999px;
    pointer-events: none;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container {
    position: absolute;
    margin: 0 -3px;
    z-index: 1;
    width: 44px;
    height: calc(100% - 20px);
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 3px;
    background: white;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    color: white;
    margin-top: -1.25px;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-track {
    margin: 17px 8px;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb {
    position: absolute;
    padding: 3px 3px 0 3px;
    height: 0;
    border: none;
    background: none;
    box-sizing: border-box;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
    border: 2px solid white;
    margin: -2px;
    border-radius: 999px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    background: url('data:image/svg+xml;utf8,<svg fill="#d5ebfc" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M67.376 0H100v32.624H67.376zM0 0h32.624v32.624H0zm33.688 33.688h32.624v32.624H33.688zm33.688 33.688H100V100H67.376zM0 67.376h32.624V100H0z"/></svg>');
    position: absolute;
    width: 38px;
    height: 38px;
    bottom: -28px;
    border: 1px solid;
    border-radius: 999px;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button:focus {
    outline: none;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-container {
    height: calc(100% - 28px);
  }
  .mobile-colors-colorwheel-left .colorwheel-opacity-button {
    bottom: -20px;
  }
  .mobile-colors-colorwheel-right {
    height: 240px;
    position: relative;
    direction: rtl;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container {
    position: relative;
    width: 25px;
    height: 100%;
    cursor: pointer;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-canvas {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///+/v7+jQ3Y5AAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
    width: 100%;
    height: 15px;
    padding: 0 5px;
    box-sizing: content-box;
    background: white;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hsv-container {
    position: relative;
  }
  .mobile-colors-colorwheel-right .colorwheel-hsv-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
    background: white;
    margin: 40px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-canvas {
    display: block;
    border-radius: 999px;
    width: 240px;
    height: 240px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-hue-thumb {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    border-radius: 999px;
    width: 40px;
    height: 40px;
    padding: 2px;
    background: white;
    background-clip: content-box;
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-canvas {
    display: block;
    width: 109.60155px;
    height: 109.60155px;
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-track {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
  .mobile-colors-colorwheel-right .colorwheel-sv-thumb {
    position: absolute;
    width: 20px;
    height: 20px;
    margin: -10px;
    border: 2px solid white;
    border-radius: 999px;
  }
  .mobile-colors-colorwheel-right .colorwheel-button {
    display: none;
  }
  .mobile-colors-colorwheel-right:not(.active) .colorwheel-opacity-container {
    left: -999999px;
    pointer-events: none;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container {
    position: absolute;
    margin: 0 -3px;
    z-index: 1;
    width: 44px;
    height: calc(100% - 20px);
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 3px;
    background: white;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0%);
            transform: perspective(1px) translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    color: white;
    margin-top: -1.25px;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-track {
    margin: 17px 8px;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb {
    position: absolute;
    padding: 3px 3px 0 3px;
    height: 0;
    border: none;
    background: none;
    box-sizing: border-box;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
    border: 2px solid white;
    margin: -2px;
    border-radius: 999px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    background: url('data:image/svg+xml;utf8,<svg fill="#d5ebfc" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M67.376 0H100v32.624H67.376zM0 0h32.624v32.624H0zm33.688 33.688h32.624v32.624H33.688zm33.688 33.688H100V100H67.376zM0 67.376h32.624V100H0z"/></svg>');
    position: absolute;
    width: 38px;
    height: 38px;
    bottom: -28px;
    border: 1px solid;
    border-radius: 999px;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button:focus {
    outline: none;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-container {
    height: calc(100% - 28px);
  }
  .mobile-colors-colorwheel-right .colorwheel-opacity-button {
    bottom: -20px;
  }
  .mobile-colors-angle-slider {
    margin: 30px 0 -17px 0;
    z-index: 1;
  }
  .mobile-colors-angle-slider .slider-thumb {
    width: 37px;
    height: 37px;
    margin: -18px;
  }
  .mobile-colors-swatches-container {
    width: 225px;
    margin-right: -15px;
  }
  .mobile-colors-swatches-item {
    margin: 15px;
  }
  .mobile-colors-preview-colorstops-slider {
    position: absolute;
    width: 100%;
    color: currentColor;
  }
  .mobile-colors-preview-colorstops-slider .slider-track {
    position: relative;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    position: absolute;
    top: 28px;
    width: 54px;
    height: 54px;
    margin: -32px;
    border: 5px solid transparent;
    box-sizing: content-box;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb * {
    pointer-events: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb:focus {
    outline: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb::-moz-focus-inner {
    border: none;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    fill: white;
    stroke: currentColor;
    stroke-width: 2px;
  }
  .mobile-colors-preview-colorstops-slider .slider-thumb span {
    position: absolute;
    left: 24%;
    bottom: 10%;
    width: 52.5%;
    height: 52.5%;
    border-radius: 999px;
  }
  .mobile-colors-preview-colorstops-slider .slider-buttons {
    display: none;
  }
}

.mobile-colors-title {
  text-align: center;
}

.mobile-colors-title-checkbox-container {
  position: relative;
}

.mobile-colors-title-checkbox-label {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: perspective(1px) translate(-100%, -50%);
          transform: perspective(1px) translate(-100%, -50%);
  padding-right: 10px;
  white-space: nowrap;
}

.mobile-downloader .downloader-preview {
  background: #dadbea;
}

.mobile-downloader .downloader-preview-mask {
  display: none;
}

.mobile-downloader-close {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  color: #f95730;
}

.mobile-downloader-close:focus {
  outline: none;
}

.mobile-downloader-close::-moz-focus-inner {
  border: none;
}

.mobile-downloader-close svg {
  display: block;
  width: 25px;
  height: 25px;
}

.mobile-downloader-bottom-main {
  background: white;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #DBE6F3;
}

.mobile-downloader-bottom-main .mobile-downloader-bottom-main-button-container {
  width: 82px;
  height: 100%;
}

.mobile-downloader-bottom-main .mobile-downloader-bottom-main-button-container button span {
  color: #02052D;
}

.mobile-downloader-bottom-main .mobile-downloader-bottom-main-button-container button svg {
  color: #02052D;
}

.mobile-downloader-bottom-main .mobile-downloader-bottom-main-button-container-sm {
  width: 100%;
  padding-left: 15px;
  height: 100%;
}

.mobile-downloader-bottom-main .mobile-downloader-bottom-main-button-container-sm button span {
  color: #02052D;
}

.mobile-downloader-bottom-main .mobile-downloader-bottom-main-button-container-sm button svg {
  color: #02052D;
}

.mobile-downloader-bottom-main-png,
.mobile-downloader-bottom-main-jpg,
.mobile-downloader-bottom-main-svg,
.mobile-downloader-bottom-main-pdf,
.mobile-downloader-bottom-main-eps {
  background: #856cf2;
}

.mobile-downloader-bottom-main-zip {
  background: #16c5f4;
}

.mobile-downloader-bottom {
  color: #02052D;
  font-family: 'Inter', serif;
  font-size: 15px;
  position: relative;
  background: white;
}

.mobile-downloader-bottom-back {
  position: absolute;
  margin-left: 20px;
  bottom: 100%;
}

.mobile-downloader-bottom-back button {
  border: none;
  padding: 0;
  height: 40px;
  background: #0C5EFF;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
  margin-right: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: white;
  font-weight: 500;
}

.mobile-downloader-bottom-na {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-right: 15px;
}

.mobile-downloader-bottom-na .button-foo {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.mobile-downloader-bottom-na-input-border {
  margin-left: 10px;
  margin-right: 5px;
  border-bottom: 1px solid;
}

.mobile-downloader-bottom-na-input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  background: none;
  font-size: inherit;
  border: none;
  border-radius: 0;
  width: 70px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: #E3E9F1;
  border-radius: 6px;
  display: inline-block;
  height: 30px;
  color: #373E61;
  font-size: 16px;
  font-weight: 500;
}

.mobile-downloader-bottom-na-input:required {
  box-shadow: none;
}

.mobile-downloader-bottom-na-input:invalid {
  box-shadow: none;
}

.mobile-downloader-bottom-na-input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-downloader-bottom-na-input::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-downloader-bottom-na-input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-downloader-bottom-na-input::placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-downloader-bottom-na-input::-moz-selection {
  border-color: #0C5EFF;
}

.mobile-downloader-bottom-na-input::selection {
  border-color: #0C5EFF;
}

.mobile-downloader-bottom-na-span-inputs {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 10px;
  max-width: 40px;
}

.mobile-downloader-bottom-na-span-buttons {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  max-width: 10px;
}

.mobile-downloader-bottom-na-span-middle {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 25px;
}

.dropdown .dropdown-menu .btn-inside-dropdown {
  text-align: center;
  padding: 12px 20px;
  font-size: 14px;
}

.dropdown .dropdown-menu .slider-dropdown .range-slider {
  width: 100%;
}

.p13 {
  padding: 13px;
}

.w215 {
  width: 215px;
}

.title-lab {
  font-size: 16px;
}

.dropdown-angles-buttons {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mobile-editor-canvas-container {
  position: relative;
  background: #b7d2e4;
  height: calc(100vh - 200px);
  padding-top: 60px;
}

.mobile-editor-top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px;
  color: #4a70fb;
  background: #ffffff;
  font-family: 'Inter', serif;
  font-size: 14px;
}

.mobile-editor-top > :first-child {
  margin-right: auto;
}

.mobile-editor-top > :last-child {
  margin-left: auto;
}

.mobile-editor-top-back {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 60px;
  border: 0 solid transparent;
  z-index: 0;
  padding-left: 14px;
  padding-right: 14px;
  color: #02052D;
}

.mobile-editor-top-back:focus {
  outline: none;
}

.mobile-editor-top-back::-moz-focus-inner {
  border: none;
}

.mobile-editor-top-back[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-editor-top-back:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-editor-top-back svg {
  width: 30px;
  height: 30px;
}

.mobile-editor-top-back:before {
  color: #02052D;
  font-weight: 500;
  line-height: normal;
  background: white;
  border: none;
}

.mobile-editor-top-back svg {
  margin-top: -0.2em;
  vertical-align: middle;
  width: 14px;
  height: 14px;
}

.mobile-editor-top-undo {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 56px;
  height: 60px;
  border: 5px solid transparent;
  border-width: 5px 10px;
}

.mobile-editor-top-undo:focus {
  outline: none;
}

.mobile-editor-top-undo::-moz-focus-inner {
  border: none;
}

.mobile-editor-top-undo[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-editor-top-undo svg {
  width: 27px;
  height: 27px;
}

.mobile-editor-top-undo svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}

.mobile-editor-top-redo {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 56px;
  height: 60px;
  border: 5px solid transparent;
  border-width: 5px 10px;
}

.mobile-editor-top-redo:focus {
  outline: none;
}

.mobile-editor-top-redo::-moz-focus-inner {
  border: none;
}

.mobile-editor-top-redo[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-editor-top-redo svg {
  width: 27px;
  height: 27px;
}

.mobile-editor-top-redo svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 22px;
  height: 22px;
}

.mobile-editor-top-save {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 40px;
  border: 5px solid transparent;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
  margin-right: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: white;
  font-weight: 500;
  line-height: normal;
  background: #0C5EFF;
}

.mobile-editor-top-save:focus {
  outline: none;
}

.mobile-editor-top-save::-moz-focus-inner {
  border: none;
}

.mobile-editor-top-save[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-editor-top-save svg {
  width: 17px;
  height: 17px;
}

.mobile-editor-top-save:before {
  border: none;
}

.mobile-editor-bottom {
  background: white;
  color: #02052D;
  font-family: 'Inter', serif;
  font-size: 15px;
  position: relative;
}

.mobile-editor-bottom-button {
  width: 100%;
  min-width: 50px;
}

.mobile-editor-bottom-button span {
  color: #02052D;
}

.mobile-editor-bottom-button svg {
  color: #02052D;
}

.mobile-editor-bottom-font-button {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-editor-bottom-checkbox-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.mobile-editor-bottom-checkbox {
  line-height: 60px;
  text-align: center;
  width: 70px;
  border-right: 1px solid #DBE6F3;
}

.mobile-editor-bottom-checkbox span {
  color: #02052D;
}

.mobile-editor-bottom-scrollbars > .scrollbars-gradients .scrollbars-gradient-left {
  display: none;
}

.mobile-editor-bottom-scrollbars > .scrollbars-gradients .scrollbars-gradient-right {
  background: linear-gradient(to right, rgba(12, 94, 255, 0) 0%, #0c5eff 100%);
}

.mobile-editor-bottom-scrollbars > .scrollbars-gradients .scrollbars-gradient-right:before {
  content: '';
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 50px;
  height: 50px;
  margin: auto;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="white" d="M52.727 79.545c-8.409 0-15.227-6.59-15.227-14.772v-4.546c0-2.5 1.818-4.545 4.09-4.772.91 0 2.046.227 2.728.681v-16.59c0-1.364.455-2.5 1.591-3.41.91-.909 2.273-1.363 3.636-1.136 2.273.227 4.091 2.273 4.091 4.773v6.818c.91-.455 1.819-.682 2.728-.682 1.59.227 2.727 1.136 3.636 2.5.91-.682 2.273-1.136 3.41-1.136 2.272.227 4.09 2.272 4.09 4.772v12.728c.227 8.182-6.59 14.772-14.773 14.772zM42.045 57.727h-.227c-1.136 0-2.045 1.137-2.045 2.5v4.546c0 6.818 5.682 12.5 12.954 12.5s12.955-5.682 12.955-12.5V52.045c0-1.363-.91-2.272-2.046-2.5-.681 0-1.363.228-1.818.682-.454.455-.682 1.137-.682 1.591h-2.272v-1.136c0-1.364-.91-2.273-2.046-2.5-.682 0-1.363.227-1.818.682-.455.454-.682.909-.682 1.59h-2.273v-10.68c0-1.364-.909-2.273-2.045-2.5-.682 0-1.364.227-1.818.682-.455.454-.682.909-.682 1.59V60h-2.273c0-.682-.227-1.136-.682-1.59-1.136-.455-1.818-.683-2.5-.683zm48.41-21.136a1.098 1.098 0 0 1 0-1.591l6.363-6.364-6.363-6.363a1.098 1.098 0 0 1 0-1.591c.454-.227 1.136-.227 1.59 0L100 28.636l-7.955 7.955a1.098 1.098 0 0 1-1.59 0zm-21.819-6.818V27.5h28.182l.227 2.273zM9.546 36.59a1.098 1.098 0 0 0 0-1.591l-6.364-6.364 6.363-6.363a1.098 1.098 0 0 0 0-1.591c-.454-.227-1.136-.227-1.59 0L0 28.636l7.955 7.955a1.098 1.098 0 0 0 1.59 0zm21.818-6.818V27.5H3.182l-.227 2.273z"></path></svg>');
}

.mobile-editor-bottom-menu {
  border-top: 1px solid #DBE6F3;
}

.mobile-editor-bottom-menu > :nth-child(1) {
  margin-left: auto;
}

.mobile-editor-bottom-menu > :last-child {
  margin-right: auto;
}

.mobile-editor-bottom-menu > :nth-child(n+1):not(:last-child) {
  position: relative;
  margin-left: 5px;
}

.mobile-editor-bottom-menu2 {
  border-top: 1px solid #DBE6F3;
}

.mobile-editor-bottom-menu2 > :nth-child(2) {
  margin-left: auto;
}

.mobile-editor-bottom-menu2 > :last-child {
  margin-right: auto;
}

.mobile-editor-bottom-menu2 > :nth-child(n+2):not(:last-child) {
  position: relative;
  margin-left: 5px;
}

.mobile-editor-bottom-back {
  position: absolute;
  margin-left: 20px;
  bottom: 100%;
}

.mobile-editor-bottom-back button {
  border: none;
  padding: 0;
  height: 40px;
  background: #0C5EFF;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
  margin-right: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: white;
  font-weight: 500;
}

.mobile-editor-bottom-add {
  position: relative;
  height: 89px;
  width: 60px;
  margin-left: 5px;
}

.mobile-editor-bottom-add .mobile-editor-bottom-main-button-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 50px;
  height: 100%;
}

.mobile-editor-bottom-add .mobile-editor-bottom-main-button-container button {
  background: #6F58FF;
  width: 44px;
  height: 44px;
  border-radius: 100px;
}

.mobile-editor-bottom-add .mobile-editor-bottom-main-button-container button svg {
  color: white;
}

.mobile-editor-bottom-add .mobile-editor-bottom-main-button-container button span {
  display: none;
}

.mobile-editor-bottom-main {
  background: white;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #DBE6F3;
}

.mobile-editor-bottom-main .mobile-editor-bottom-main-button-container {
  width: 100%;
  min-width: 50px;
  height: 100%;
}

.mobile-editor-bottom-main .mobile-editor-bottom-main-button-container button span {
  color: #02052D;
}

.mobile-editor-bottom-main .mobile-editor-bottom-main-button-container button svg {
  color: #02052D;
}

.mobile-editor-bottom-main li:first-child .mobile-editor-bottom-main-button-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  min-width: 50px;
  height: 100%;
}

.mobile-editor-bottom-main li:first-child .mobile-editor-bottom-main-button-container button {
  background: #6F58FF;
  width: 44px;
  height: 44px;
  border-radius: 100px;
}

.mobile-editor-bottom-main li:first-child .mobile-editor-bottom-main-button-container button svg {
  color: white;
}

.mobile-editor-bottom-main li:first-child .mobile-editor-bottom-main-button-container button span {
  display: none;
}

.mobile-editor-bottom-main-popup {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  position: fixed;
  width: 100%;
  z-index: 1;
  color: white;
  font-family: 'Inter', serif;
  font-size: 12px;
  line-height: 1em;
  background: white;
}

.mobile-editor-bottom-main-popup button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  height: 40px;
  background: #0C5EFF;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: white;
  font-weight: 500;
}

.mobile-editor-bottom-main-popup button:focus {
  outline: none;
}

.mobile-editor-bottom-main-popup button::-moz-focus-inner {
  border: none;
}

.mobile-editor-bottom-main-popup button > span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
}

.mobile-editor-bottom-main-popup svg {
  width: 20px;
  height: 20px;
}

.mobile-editor-bottom-main-popup svg + span {
  margin-top: 5px;
}

.mobile-editor-bottom-main-popup li {
  position: relative;
  margin-left: 10px;
  height: 60px;
  border-left: 1px solid;
}

.mobile-editor-bottom-main-popup li:last-child button {
  background: white;
  color: #02052D;
}

.mobile-editor-bottom-title-input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  background: none;
  font-size: inherit;
  border: none;
  border-radius: 0;
  padding: 10px;
  background: #E3E9F1;
  border-radius: 6px;
  display: inline-block;
  height: 40px;
  color: #373E61;
  font-size: 16px;
  font-weight: 500;
}

.mobile-editor-bottom-title-input:required {
  box-shadow: none;
}

.mobile-editor-bottom-title-input:invalid {
  box-shadow: none;
}

.mobile-editor-bottom-title-input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-editor-bottom-title-input::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-editor-bottom-title-input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-editor-bottom-title-input::placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-editor-bottom-title-input::-moz-selection {
  border-color: #0C5EFF;
}

.mobile-editor-bottom-title-input::selection {
  border-color: #0C5EFF;
}

.mobile-editor-bottom-font {
  font-weight: 400;
  border-top: 1px solid #DBE6F3;
}

.mobile-editor-bottom-font li {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #02052D;
}

.mobile-editor-bottom-font li.active {
  color: white;
  background: #0C5EFF;
}

.mobile-editor-bottom-font svg {
  fill: white;
  width: auto;
  height: 20px;
  vertical-align: middle;
}

.mobile-editor-bottom-images-add {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 40px;
  border: 5px solid transparent;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
  color: white;
  font-weight: 500;
  line-height: normal;
  background: #0C5EFF;
  border-top: 1px solid #DBE6F3;
}

.mobile-editor-bottom-images-add:focus {
  outline: none;
}

.mobile-editor-bottom-images-add::-moz-focus-inner {
  border: none;
}

.mobile-editor-bottom-images-add[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-editor-bottom-images-add svg {
  width: 17px;
  height: 17px;
}

.mobile-editor-bottom-images-add:before {
  border: none;
}

.mobile-editor-bottom-texts {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  border-top: 1px solid #DBE6F3;
}

.mobile-editor-bottom-texts > li:nth-child(2) {
  margin-left: auto;
}

.mobile-editor-bottom-texts > li:last-child {
  margin-right: auto;
}

.mobile-editor-bottom-texts > li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mobile-editor-bottom-texts-add {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 40px;
  border: 5px solid transparent;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
  color: white;
  font-weight: 500;
  line-height: normal;
  background: #0C5EFF;
  border-top: 1px solid #DBE6F3;
}

.mobile-editor-bottom-texts-add:focus {
  outline: none;
}

.mobile-editor-bottom-texts-add::-moz-focus-inner {
  border: none;
}

.mobile-editor-bottom-texts-add[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-editor-bottom-texts-add svg {
  width: 17px;
  height: 17px;
}

.mobile-editor-bottom-texts-add:before {
  border: none;
}

.mobile-editor-bottom-texts-preview {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 46px;
  border: 5px solid transparent;
  z-index: 0;
  padding-left: 15px;
  padding-right: 15px;
  color: #d4d8dd;
}

.mobile-editor-bottom-texts-preview:focus {
  outline: none;
}

.mobile-editor-bottom-texts-preview::-moz-focus-inner {
  border: none;
}

.mobile-editor-bottom-texts-preview[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-editor-bottom-texts-preview:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-editor-bottom-texts-preview svg {
  width: 20px;
  height: 20px;
}

.mobile-editor-bottom-texts-preview:before {
  border: none;
  background: white;
}

.mobile-editor-bottom-texts-preview > svg {
  display: block;
  width: 100px;
  height: 100%;
  padding: 10px;
}

.mobile-modal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  z-index: 1;
  background: rgba(142, 147, 155, 0.57);
}

.mobile-modal-wrapper {
  margin: auto;
}

.mobile-modal-content {
  min-width: 200px;
  max-width: 500px;
  margin: 25px;
  color: #02052D;
  background: white;
  padding: 45px 50px;
  border-radius: 3px;
  font-weight: 400;
}

.mobile-modal-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

.mobile-modal-buttons > *:nth-child(n+2) {
  margin-left: 15px;
}

.mobile-modal-button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 40px;
  border: 5px solid transparent;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
  color: white;
  font-weight: 500;
  line-height: normal;
  background: #0C5EFF;
}

.mobile-modal-button:focus {
  outline: none;
}

.mobile-modal-button::-moz-focus-inner {
  border: none;
}

.mobile-modal-button[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-modal-button svg {
  width: 17px;
  height: 17px;
}

.mobile-modal-button:before {
  border: none;
}

.mobile-modal-confirm-dashboard {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #734df1;
  background: rgba(255, 255, 255, 0.8);
  font-weight: 400;
}

.mobile-modal-confirm-dashboard-text {
  font-size: 18px;
}

.mobile-modal-confirm-dashboard-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 35px;
}

.mobile-modal-confirm-dashboard-buttons > * + * {
  margin-left: 10px;
}

.mobile-modal-confirm-dashboard-confirm {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 46px;
  border: 5px solid transparent;
  z-index: 0;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
  line-height: 36px;
}

.mobile-modal-confirm-dashboard-confirm:focus {
  outline: none;
}

.mobile-modal-confirm-dashboard-confirm::-moz-focus-inner {
  border: none;
}

.mobile-modal-confirm-dashboard-confirm[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-modal-confirm-dashboard-confirm:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-modal-confirm-dashboard-confirm svg {
  width: 20px;
  height: 20px;
}

.mobile-modal-confirm-dashboard-confirm:before {
  background: #9688f2;
  background: linear-gradient(to right, #9688f2 0%, #7b5bf2 100%);
  border: none;
}

.mobile-modal-confirm-dashboard-confirm svg {
  margin-top: -0.2em;
  vertical-align: middle;
}

.mobile-modal-confirm-dashboard-cancel {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 46px;
  border: 5px solid transparent;
  z-index: 0;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
}

.mobile-modal-confirm-dashboard-cancel:focus {
  outline: none;
}

.mobile-modal-confirm-dashboard-cancel::-moz-focus-inner {
  border: none;
}

.mobile-modal-confirm-dashboard-cancel[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-modal-confirm-dashboard-cancel:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-modal-confirm-dashboard-cancel svg {
  width: 20px;
  height: 20px;
}

.mobile-modal-confirm-dashboard-cancel:before {
  background: #fb519b;
  background: linear-gradient(to right, #fb519b 0%, #fb4546 100%);
  border: none;
}

.mobile-modal-confirm-dashboard-cancel svg {
  margin-top: -0.2em;
  vertical-align: middle;
}

.mobile-modal-confirm-generator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #02052D;
  background: rgba(255, 255, 255, 0.9);
  font-weight: 400;
}

.mobile-modal-confirm-generator-text {
  font-size: 18px;
}

.mobile-modal-confirm-generator-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 35px;
}

.mobile-modal-confirm-generator-buttons > * + * {
  margin-top: 20px;
}

.mobile-modal-confirm-generator-confirm {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 40px;
  border: 0 solid transparent;
  z-index: 0;
  padding-left: 14px;
  padding-right: 14px;
  color: white;
}

.mobile-modal-confirm-generator-confirm:focus {
  outline: none;
}

.mobile-modal-confirm-generator-confirm::-moz-focus-inner {
  border: none;
}

.mobile-modal-confirm-generator-confirm[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-modal-confirm-generator-confirm:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-modal-confirm-generator-confirm svg {
  width: 20px;
  height: 20px;
}

.mobile-modal-confirm-generator-confirm:before {
  border-radius: 6px;
  color: white;
  font-weight: 500;
  line-height: normal;
  background: #6F58FF;
  border: none;
}

.mobile-modal-confirm-generator-confirm svg {
  margin-top: -0.2em;
  vertical-align: middle;
}

.mobile-modal-confirm-generator-cancel {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 40px;
  border: 0 solid transparent;
  z-index: 0;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
}

.mobile-modal-confirm-generator-cancel:focus {
  outline: none;
}

.mobile-modal-confirm-generator-cancel::-moz-focus-inner {
  border: none;
}

.mobile-modal-confirm-generator-cancel[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-modal-confirm-generator-cancel:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-modal-confirm-generator-cancel svg {
  width: 20px;
  height: 20px;
}

.mobile-modal-confirm-generator-cancel:before {
  border-radius: 6px;
  color: white;
  font-weight: 500;
  line-height: normal;
  background: #0C5EFF;
  border: none;
}

.mobile-modal-confirm-generator-cancel svg {
  margin-top: -0.2em;
  vertical-align: middle;
}

.mobile-modal-downloader-email-icon {
  display: block;
  margin: auto;
  margin-bottom: 30px;
  width: 70px;
  height: 70px;
  padding: 10px;
  color: #36beff;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-modal-downloader-premium-zip-show-button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 46px;
  border: 5px solid transparent;
  z-index: 0;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
  line-height: 36px;
}

.mobile-modal-downloader-premium-zip-show-button:focus {
  outline: none;
}

.mobile-modal-downloader-premium-zip-show-button::-moz-focus-inner {
  border: none;
}

.mobile-modal-downloader-premium-zip-show-button[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-modal-downloader-premium-zip-show-button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-modal-downloader-premium-zip-show-button svg {
  width: 20px;
  height: 20px;
}

.mobile-modal-downloader-premium-zip-show-button:before {
  background: #9688f2;
  background: linear-gradient(to right, #9688f2 0%, #7b5bf2 100%);
  border: none;
}

.mobile-modal-downloader-premium-zip-show-button svg {
  margin-top: -0.2em;
  vertical-align: middle;
}

.mobile-generator-wrapper {
  position: relative;
  margin: 0;
  overflow: hidden;
}

@media (max-width: 568px) {
  .mobile-generator-wrapper {
    margin-bottom: 20px;
  }
}

@media (min-width: 569px) {
  .mobile-generator-wrapper {
    margin-bottom: 10px;
  }
}

.mobile-generator-container {
  height: calc(100vh - 150px);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  overflow: scroll;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.mobile-generator-container::-webkit-scrollbar {
  display: none;
}

.mobile-generator-cell {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
  color: #FFFFFF;
  margin: 0px;
  overflow: hidden;
}

.mobile-generator-cell-bottom-panel {
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  padding-bottom: 14px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.mobile-generator-cell-bottom-panel .mobile-generator-cell-bottom-panel-buttons-holder {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.mobile-generator-cell-bottom-panel .mobile-generator-cell-bottom-panel-buttons-holder .btn, .mobile-generator-cell-bottom-panel .mobile-generator-cell-bottom-panel-buttons-holder .downloader-buttons-premium-zip-button, .mobile-generator-cell-bottom-panel .mobile-generator-cell-bottom-panel-buttons-holder .modal-downloader-premium-zip-show-button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 52px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #0C5EFF;
  margin-left: 20px;
  margin-right: 24px;
  box-shadow: none;
}

.mobile-generator-cell-bottom-panel .mobile-generator-cell-bottom-panel-buttons-holder svg {
  width: 22px;
  height: 20px;
  margin-right: 34px;
}

.mobile-generator-generate-more-button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 52px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #6F58FF;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 30px;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  padding: 10px 25px;
  text-align: center;
  border-radius: 5px;
  font-weight: normal;
  border: none;
  line-height: 1.3;
  cursor: pointer;
  text-decoration: none !important;
  text-transform: none;
  letter-spacing: 0;
  transition: all .3s ease-in-out;
}

.mobile-generator-cell-bottom-divider {
  height: 1px;
  width: 100%;
  background: #DBE6F3;
  box-shadow: 0px 10px 30px rgba(122, 186, 252, 0.29);
  margin-bottom: 14px;
}

.mobile-generator-cell-background {
  display: block;
  width: 100%;
  height: 100%;
}

.mobile-generator-cell-button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.mobile-generator-cell-button:focus {
  outline: none;
}

.mobile-generator-cell-button::-moz-focus-inner {
  border: none;
}

.mobile-generator-cell-preview {
  display: block;
  width: 100%;
  height: 100%;
}

.mobile-generator-cell-loading {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.mobile-generator-cell-loading svg {
  width: 20px;
  height: 20px;
}

.mobile-generator-loading {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}

.mobile-generator-loading span {
  color: white;
  background: #38beff;
  padding: 5px 10px;
}

.mobile-generator-top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 16px;
}

@media (max-width: 568px) {
  .mobile-generator-top {
    height: 150px;
  }
}

@media (min-width: 569px) {
  .mobile-generator-top {
    height: 150px;
  }
}

.mobile-generator-top button {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.mobile-generator-top-row {
  width: 100%;
  margin-top: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mobile-generator-top-row button {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.mobile-generator-top-logo svg {
  width: 28px;
  height: 28px;
}

.mobile-generator-top-span {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  min-width: 0;
  min-height: 0;
  -ms-flex-preferred-size: 0;
}

@media (max-width: 1023px) {
  .mobile-generator-top-span {
    max-width: 15px;
  }
}

@media (min-width: 1024px) {
  .mobile-generator-top-span {
    max-width: 30px;
  }
}

.mobile-generator-top-prev {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 46px;
  height: 46px;
  padding: 5px;
  z-index: 0;
}

.mobile-generator-top-prev:focus {
  outline: none;
}

.mobile-generator-top-prev::-moz-focus-inner {
  border: none;
}

.mobile-generator-top-prev[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-generator-top-prev:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
  margin: 5px;
}

.mobile-generator-top-prev svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

.mobile-generator-top-prev use {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}

.mobile-generator-top-next {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 46px;
  padding: 5px;
  z-index: 0;
  color: white;
  padding-left: 25px;
  padding-right: 45px;
}

.mobile-generator-top-next:focus {
  outline: none;
}

.mobile-generator-top-next::-moz-focus-inner {
  border: none;
}

.mobile-generator-top-next[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-generator-top-next:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
  margin: 5px;
}

.mobile-generator-top-next svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

.mobile-generator-top-next:before {
  background: #40bfff;
  background: linear-gradient(to right, #40bfff 0%, #6ae6ff 100%);
  border: none;
}

.mobile-generator-top-next svg {
  left: auto;
  right: 20px;
}

.mobile-generator-top-category-small {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 46px;
  height: 46px;
  padding: 5px;
  z-index: 0;
}

.mobile-generator-top-category-small:focus {
  outline: none;
}

.mobile-generator-top-category-small::-moz-focus-inner {
  border: none;
}

.mobile-generator-top-category-small[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-generator-top-category-small:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
  margin: 5px;
}

.mobile-generator-top-category-small svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

@media (min-width: 668px) {
  .mobile-generator-top-category-small {
    display: none;
  }
}

.mobile-generator-top-category-large {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 46px;
  padding: 5px;
  z-index: 0;
  color: #44C1FF;
  padding-left: 25px;
  padding-right: 45px;
}

.mobile-generator-top-category-large:focus {
  outline: none;
}

.mobile-generator-top-category-large::-moz-focus-inner {
  border: none;
}

.mobile-generator-top-category-large[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-generator-top-category-large:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
  margin: 5px;
}

.mobile-generator-top-category-large svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

@media (max-width: 667px) {
  .mobile-generator-top-category-large {
    display: none;
  }
}

.mobile-generator-top-category-large svg {
  left: auto;
  right: 20px;
  width: 10px;
  height: 10px;
}

.mobile-generator-top-fill {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 46px;
  height: 46px;
  padding: 5px;
  z-index: 0;
}

.mobile-generator-top-fill:focus {
  outline: none;
}

.mobile-generator-top-fill::-moz-focus-inner {
  border: none;
}

.mobile-generator-top-fill[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-generator-top-fill:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
  margin: 5px;
}

.mobile-generator-top-fill svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

.mobile-generator-top-input-container {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}

.mobile-generator-top-input-container input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  background: none;
  font-size: inherit;
  border: none;
  border-radius: 0;
  padding: 10px;
  background: #E3E9F1;
  height: 40px;
  color: #373E61;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  border-style: none;
}

.mobile-generator-top-input-container input:required {
  box-shadow: none;
}

.mobile-generator-top-input-container input:invalid {
  box-shadow: none;
}

.mobile-generator-top-input-container input:focus {
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.mobile-generator-top-input-container input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-generator-top-input-container input::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-generator-top-input-container input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-generator-top-input-container input::placeholder {
  font-size: 16px;
  font-weight: 500;
}

.mobile-generator-top-input-container .input-icon {
  color: #02052D;
}

.mobile-generator-top-generate {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: 40px;
  border: 5px solid transparent;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
  color: white;
  font-weight: 500;
  line-height: normal;
  background: #0C5EFF;
}

.mobile-generator-top-generate:focus {
  outline: none;
}

.mobile-generator-top-generate::-moz-focus-inner {
  border: none;
}

.mobile-generator-top-generate[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-generator-top-generate svg {
  width: 17px;
  height: 17px;
}

.mobile-generator-top-generate:before {
  border: none;
}

.mobile-categories-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  padding: 5px 10px;
}

.mobile-categories-cell-wrapper {
  padding: 5px;
  box-sizing: border-box;
}

.mobile-categories-cell {
  display: block;
  position: relative;
  background: currentColor;
  border-radius: 3px;
}

.mobile-categories-cell:before {
  display: block;
  content: '';
  padding-top: 80%;
}

.mobile-categories-cell button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  color: white;
  padding: 5px 5px 25px;
}

.mobile-categories-cell button:focus {
  outline: none;
}

.mobile-categories-cell button::-moz-focus-inner {
  border: none;
}

.mobile-categories-cell svg {
  display: block;
  width: 100%;
  height: 100%;
}

.mobile-categories-cell span {
  display: block;
  width: 100%;
  margin-top: 5px;
  height: 1.25em;
  line-height: 1.15em;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 667px) {
  .mobile-categories-cell button {
    padding-bottom: 25px;
  }
  .mobile-categories-cell span {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  .mobile-categories-cell button {
    padding-bottom: 40px;
  }
  .mobile-categories-cell span {
    margin-top: 10px;
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  .mobile-categories-cell button {
    padding-bottom: 40px;
  }
  .mobile-categories-cell span {
    font-size: 20px;
  }
}

.mobile-categories-cell-empty {
  display: block;
  position: relative;
}

.mobile-categories-cell-empty:before {
  display: block;
  content: '';
  padding-top: 80%;
}

.mobile-categories-cell-nav {
  display: block;
  position: relative;
  color: #44C1FF;
}

.mobile-categories-cell-nav:before {
  display: block;
  content: '';
  padding-top: 80%;
}

.mobile-categories-cell-nav button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: 40px;
  height: 40px;
  border: 5px solid transparent;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto -5px;
}

.mobile-categories-cell-nav button:focus {
  outline: none;
}

.mobile-categories-cell-nav button::-moz-focus-inner {
  border: none;
}

.mobile-categories-cell-nav button[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.mobile-categories-cell-nav button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.mobile-categories-cell-nav button svg {
  width: 17px;
  height: 17px;
}

.mobile-categories-cell-nav button:first-child {
  left: 0;
}

.mobile-categories-cell-nav button:last-child {
  right: 0;
}

.mobile-categories-cell-nav button svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@media (min-width: 667px) {
  .mobile-categories-cell-nav button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    position: relative;
    width: 46px;
    height: 46px;
    border: 5px solid transparent;
    z-index: 0;
    position: absolute;
  }
  .mobile-categories-cell-nav button:focus {
    outline: none;
  }
  .mobile-categories-cell-nav button::-moz-focus-inner {
    border: none;
  }
  .mobile-categories-cell-nav button[disabled] {
    opacity: 0.35;
    cursor: not-allowed;
  }
  .mobile-categories-cell-nav button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-categories-cell-nav button svg {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 768px) {
  .mobile-categories-cell-nav button {
    display: block;
    color: inherit;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    position: relative;
    width: 46px;
    height: 46px;
    border: 5px solid transparent;
    z-index: 0;
    position: absolute;
    margin: auto;
  }
  .mobile-categories-cell-nav button:first-child {
    right: 50%;
  }
  .mobile-categories-cell-nav button:last-child {
    left: 50%;
  }
  .mobile-categories-cell-nav button:focus {
    outline: none;
  }
  .mobile-categories-cell-nav button::-moz-focus-inner {
    border: none;
  }
  .mobile-categories-cell-nav button[disabled] {
    opacity: 0.35;
    cursor: not-allowed;
  }
  .mobile-categories-cell-nav button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 1px solid;
    border-radius: 999px;
  }
  .mobile-categories-cell-nav button svg {
    width: 20px;
    height: 20px;
  }
}

.modal-downloader-premium-zip-show-button {
  color: white;
  border: none;
  background: #fb6974;
  display: block;
  margin: 0 auto;
  padding: 0 25px;
  max-width: 200px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
}

.modal-downloader-premium-zip-show-button:hover {
  background: #fc9ca4;
}

.popup-box.gray-popup {
  padding: 40px;
}

.modal-downloader-premium-zip-wait {
  padding: 10px;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal-downloader-premium-zip-wait span:nth-child(2) {
  margin: 1em 0 0;
  text-align: center;
  line-height: 1.5em;
}

.modal-pandalocker .popup {
  width: 550px;
}

.modal-pandalocker .popup > * {
  margin: 0;
}

.sandbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: black;
  background: white;
}

.sandbox > * + * {
  margin-top: 10px;
}

.sandbox-back {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: auto;
  height: 46px;
  line-height: 1em;
  padding: 0 8px;
  border: 5px solid red;
  position: relative;
  z-index: 0;
}

.sandbox-back:focus {
  outline: none;
}

.sandbox-back::-moz-focus-inner {
  border: none;
}

.sandbox-back[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-back:after {
  content: '';
  height: 100%;
  min-height: inherit;
  display: inline-block;
  vertical-align: middle;
}

.sandbox-back:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.sandbox-back svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-back:before {
  border-radius: 5px;
}

.sandbox-prev {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: 46px;
  height: 46px;
  line-height: 1em;
  border: 5px solid red;
  position: relative;
  z-index: 0;
}

.sandbox-prev:focus {
  outline: none;
}

.sandbox-prev::-moz-focus-inner {
  border: none;
}

.sandbox-prev[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-prev:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.sandbox-prev svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-prev svg {
  display: block;
  margin: auto;
}

.sandbox-next {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: 46px;
  height: 46px;
  line-height: 1em;
  border: 5px solid red;
  position: relative;
  z-index: 0;
}

.sandbox-next:focus {
  outline: none;
}

.sandbox-next::-moz-focus-inner {
  border: none;
}

.sandbox-next[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-next:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.sandbox-next svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-next svg {
  display: block;
  margin: auto;
}

.sandbox-next2 {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: 92px;
  height: 92px;
  line-height: 1em;
  border: 5px solid red;
  position: relative;
  z-index: 0;
}

.sandbox-next2:focus {
  outline: none;
}

.sandbox-next2::-moz-focus-inner {
  border: none;
}

.sandbox-next2[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-next2:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.sandbox-next2 svg {
  display: inline-block;
  width: 43px;
  height: 43px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-next2 svg {
  display: block;
  margin: auto;
}

.sandbox-category {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: auto;
  height: 46px;
  line-height: 1em;
  padding: 0 8px;
  border: 5px solid red;
  position: relative;
  z-index: 0;
}

.sandbox-category:focus {
  outline: none;
}

.sandbox-category::-moz-focus-inner {
  border: none;
}

.sandbox-category[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-category:after {
  content: '';
  height: 100%;
  min-height: inherit;
  display: inline-block;
  vertical-align: middle;
}

.sandbox-category:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.sandbox-category svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-category-wide {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: auto;
  height: 46px;
  line-height: 1em;
  padding: 0 8px;
  border: 5px solid red;
  position: relative;
  z-index: 0;
  width: 100%;
  text-align: left;
}

.sandbox-category-wide:focus {
  outline: none;
}

.sandbox-category-wide::-moz-focus-inner {
  border: none;
}

.sandbox-category-wide[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-category-wide:after {
  content: '';
  height: 100%;
  min-height: inherit;
  display: inline-block;
  vertical-align: middle;
}

.sandbox-category-wide:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.sandbox-category-wide svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-category-wide > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin: auto 8px auto auto;
}

.sandbox-more {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: auto;
  height: 46px;
  line-height: 1em;
  padding: 0 8px;
  border: 5px solid red;
  position: relative;
  z-index: 0;
}

.sandbox-more:focus {
  outline: none;
}

.sandbox-more::-moz-focus-inner {
  border: none;
}

.sandbox-more[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-more:after {
  content: '';
  height: 100%;
  min-height: inherit;
  display: inline-block;
  vertical-align: middle;
}

.sandbox-more:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.sandbox-more svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-multiline {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: auto;
  height: 46px;
  line-height: 1em;
  padding: 0 8px;
  border: 5px solid red;
  position: relative;
  z-index: 0;
  padding: 5px 20px;
  height: auto;
}

.sandbox-multiline:focus {
  outline: none;
}

.sandbox-multiline::-moz-focus-inner {
  border: none;
}

.sandbox-multiline[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-multiline:after {
  content: '';
  height: 100%;
  min-height: inherit;
  display: inline-block;
  vertical-align: middle;
}

.sandbox-multiline:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.sandbox-multiline svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-sidebar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.sandbox-sidebar > :nth-child(5n+1) {
  background: #f88;
}

.sandbox-sidebar > :nth-child(5n+2) {
  background: #8f8;
}

.sandbox-sidebar > :nth-child(5n+3) {
  background: #88f;
}

.sandbox-sidebar > :nth-child(5n+4) {
  background: #ff8;
}

.sandbox-sidebar > :nth-child(5n+5) {
  background: #8ff;
}

.sandbox-sidebar button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: 80px;
  height: 60px;
  line-height: 1em;
  border: 0 solid red;
}

.sandbox-sidebar button:focus {
  outline: none;
}

.sandbox-sidebar button::-moz-focus-inner {
  border: none;
}

.sandbox-sidebar button[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-sidebar button svg {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-sidebar button svg {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 20px;
}

.sandbox-sidebar-links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  left: 85px;
}

.sandbox-sidebar-links > :nth-child(5n+1) {
  background: #f88;
}

.sandbox-sidebar-links > :nth-child(5n+2) {
  background: #8f8;
}

.sandbox-sidebar-links > :nth-child(5n+3) {
  background: #88f;
}

.sandbox-sidebar-links > :nth-child(5n+4) {
  background: #ff8;
}

.sandbox-sidebar-links > :nth-child(5n+5) {
  background: #8ff;
}

.sandbox-sidebar-links a {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: 80px;
  height: 60px;
  line-height: 1em;
  border: 0 solid red;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sandbox-sidebar-links a:focus {
  outline: none;
}

.sandbox-sidebar-links a::-moz-focus-inner {
  border: none;
}

.sandbox-sidebar-links a[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-sidebar-links a svg {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-sidebar-links a svg {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 20px;
}

.sandbox-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.sandbox-footer button {
  display: block;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: none;
  padding: 0;
  width: auto;
  height: 46px;
  line-height: 1em;
  padding: 0 8px;
  border: 5px solid red;
  position: relative;
  z-index: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.sandbox-footer button:focus {
  outline: none;
}

.sandbox-footer button::-moz-focus-inner {
  border: none;
}

.sandbox-footer button[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.sandbox-footer button:after {
  content: '';
  height: 100%;
  min-height: inherit;
  display: inline-block;
  vertical-align: middle;
}

.sandbox-footer button:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border: 1px solid;
  border-radius: 999px;
}

.sandbox-footer button svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #0f0;
}

.sandbox-generator {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
}

.sandbox-generator-container {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  overflow: scroll;
}

.sandbox-layout {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sandbox-scrollto {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f88;
}

.sandbox-scrollto, .sandbox-scrollto div {
  box-shadow: 2px 2px 10px 5px black inset;
  overflow: scroll;
  text-align: center;
}

.sandbox-scrollto-first {
  position: absolute;
  height: 300%;
  width: 100%;
  background: #8f8;
}

.sandbox-scrollto-second {
  position: absolute;
  width: 300%;
  height: 300px;
  top: 50%;
  background: #88f;
}

.sandbox-scrollto-third {
  position: absolute;
  height: 200%;
  width: 300px;
  left: 50%;
  background: #ff8;
}

.sandbox-scrollto-target {
  position: absolute;
  top: 50%;
  width: 150px;
  background: #f8f;
}

.lab-movable {
  width: 800px;
  height: 400px;
  background: #f88;
  position: relative;
}

.lab-movable-hotpoint {
  position: absolute;
  pointer-events: none;
  width: 5px;
  height: 5px;
  background: black;
  border-radius: 999px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.lab-movable-horizontal {
  position: absolute;
  pointer-events: none;
  width: 1px;
  height: 100%;
  background: black;
  border-radius: 999px;
}

.lab-movable-vertical {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 1px;
  background: black;
  border-radius: 999px;
}

.lab-movable-interact {
  width: 100%;
  height: 100%;
  position: relative;
}

.lab-movable svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.lab-movable-interact-track {
  position: relative;
  width: 100%;
  height: 100%;
  border-right: 50px solid yellowgreen;
  border-bottom: 50px solid yellowgreen;
  background: rgba(255, 255, 255, 0.25);
}

.lab-movable-interact-thumb {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #ff0;
}

.side-menu-link.active {
  background-color: rgba(255, 255, 255, 0.2);
}

.popup-item {
  cursor: pointer;
}

.side-menu-link.active {
  background-color: rgba(255, 255, 255, 0.2);
}

.cat-list-item.active {
  color: #48b9ff;
}

.cat-list-item:hover .cat-icon {
  color: #48b9ff;
}

.cat-list-item .cat-icon svg {
  width: 30px;
  height: 30px;
}

.sidebar-backgrounds-preview {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 999px;
}

.company-box.box, .gallery > * > * > .company-box, .clipart-gallery > * > * > .company-box {
  background-color: white;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  width: 100%;
  height: auto;
}

:not(input) {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

body {
  font-size: 16px;
  color: #4a4a51;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.3;
  background-color: #ebedf1;
}

.h24 {
  height: 24px;
}

body.side-panel-show .editor-canvas {
  width: calc(100% - 265px);
}

body .editor-canvas {
  width: 100%;
  float: right;
  position: absolute;
  left: 265px;
}

.wrapper .mt70 {
  margin-top: 70px;
}

.box, .gallery > * > * > *, .clipart-gallery > * > * > * {
  height: inherit;
  width: inherit;
}

.company-view-box {
  max-width: inherit;
}

.w37_5p {
  height: 275px;
}

.w25p {
  height: 275px;
}

.close-btn {
  cursor: pointer;
}

.btn, .downloader-buttons-premium-zip-button, .modal-downloader-premium-zip-show-button {
  font-size: 16px;
  padding: 10px 25px;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  font-weight: normal;
  border: none;
  line-height: 1.3;
  cursor: pointer;
  text-decoration: none !important;
  text-transform: none;
  letter-spacing: 0;
  height: 40px;
  background-color: #48b9ff;
  box-shadow: 0 6px 20px 0 rgba(122, 181, 249, 0.4);
  transition: all .3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn:hover, .downloader-buttons-premium-zip-button:hover, .modal-downloader-premium-zip-show-button:hover {
  background-color: #48cdff;
}

.btn-orange {
  background-color: #e75c3c;
  box-shadow: 0 6px 20px 0 rgba(231, 92, 60, 0.3);
}

.btn-orange:hover {
  background-color: #fb613e;
}

.btn-dark-blue {
  background-color: #6788ce;
  box-shadow: 0 6px 20px 0 rgba(103, 136, 206, 0.3);
}

.btn-dark-blue:hover {
  background-color: #6690ea;
}

.btn-yellow {
  background-color: #ffab24;
  box-shadow: 0 6px 20px 0 rgba(241, 160, 43, 0.4);
}

.btn-yellow:hover {
  background-color: #ffa30f;
}

.logo-s-p {
  max-width: 460px;
  min-width: 300px;
  width: 100%;
  color: #74747a;
}

header .btn, header .downloader-buttons-premium-zip-button, header .modal-downloader-premium-zip-show-button {
  margin-top: -5px;
}

input::-webkit-input-placeholder {
  font-weight: lighter;
  color: #AFB2B3;
}

.generator-gallery-item-box.box, .gallery > * > * > .generator-gallery-item-box, .clipart-gallery > * > * > .generator-gallery-item-box {
  position: relative;
  background: none;
  height: calc(100%);
  padding: 0;
}

.generator-gallery-item-box.box svg, .gallery > * > * > .generator-gallery-item-box svg, .clipart-gallery > * > * > .generator-gallery-item-box svg {
  border-radius: 5px;
}

.generator-gallery-item-box.box:hover svg, .gallery > * > * > .generator-gallery-item-box:hover svg, .clipart-gallery > * > * > .generator-gallery-item-box:hover svg {
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.company-view-box .company-view-box-buttons .btn, .company-view-box .company-view-box-buttons .downloader-buttons-premium-zip-button, .company-view-box .company-view-box-buttons .modal-downloader-premium-zip-show-button {
  margin-left: 0;
  margin-right: 0;
}

.pagination-btn.disabled {
  color: inherit !important;
  border-color: inherit !important;
  cursor: not-allowed !important;
  background-color: inherit !important;
}

.company-edit-btn {
  display: none;
}

.popup {
  padding: 15px 0 15px 0;
  border-radius: 5px;
}

.popup.p0 {
  padding: 0;
}

.p-0 {
  padding: 0 !important;
}

.popup-box {
  position: relative;
}

.popup-box.modal-popup {
  display: inherit;
  background: rgba(0, 0, 0, 0.45);
  height: 100vh;
}

.popup-box.gray-popup {
  display: block;
}

.popup-box .close-popup {
  right: 0;
  top: 0;
  z-index: 999;
}

.w31p {
  width: 31%;
}

.company-box.box.h130, .gallery > * > * > .company-box.h130, .clipart-gallery > * > * > .company-box.h130 {
  height: 130px;
}

.setting-btn.active {
  color: #48b9ff;
}

.btn-gray:hover {
  background-color: #b6c2d9;
}

.btn-gray {
  background-color: #a5b0c4;
}

.nested-setting-box {
  margin-top: 15px;
  padding-bottom: 15px;
}

.flex-inline {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.setting-box .flex-inline .title-lab {
  width: 82px;
  margin: 9px 0 0;
}

.r-box, .g-box, .b-box {
  width: 33.333%;
  float: left;
  padding: 0 4px;
  margin: 12px auto;
}

.rgb-box .form-control {
  width: 60px;
}

.color-settings {
  padding: 0;
  margin: 0;
}

.hex-box {
  margin: 12px auto;
}

.mw560 {
  min-width: 560px;
}

.add-fixed-button.btn.btn-add-text, .add-fixed-button.btn-add-text.downloader-buttons-premium-zip-button, .add-fixed-button.btn-add-text.modal-downloader-premium-zip-show-button {
  width: 40px;
  height: 40px;
  padding: 10px;
  float: right;
  margin-top: 16px;
  left: calc(290px + 101px);
  position: fixed;
}