body {
  color: #000; }

.preload-popup {
  background: #f1f2f2; }

.page, .welcome-page, .page-vertical-aligned {
  background: #f1f2f2;
  z-index: 0; }
  .home-page .page, .home-page .welcome-page, .home-page .page-vertical-aligned {
    background: #f1f2f2; }

.btn {
  color: #000; }
  .btn span {
    background: #f1f2f2;
    border: 3px solid #000; }
  .btn.reverse-color {
    color: #f1f2f2;
    border-radius: 10px; }
    .btn.reverse-color:before {
      display: block; }
    .btn.reverse-color span {
      background: #000; }
  .btn.alt-btn-color {
    color: #f1f2f2; }
    .btn.alt-btn-color span {
      background: #000; }
  .btn.alt-btn-color-main {
    color: #000; }
    .btn.alt-btn-color-main span {
      background: #f1f2f2;
      border: 3px solid #f1f2f2; }
    .btn.alt-btn-color-main:before {
      border: 3px solid #f1f2f2; }
  .btn.btn-plain span {
    background: #000;
    color: #f1f2f2; }
  .btn.btn-plain:before {
    display: none; }
  .btn.btn-transparent {
    color: #000;
    border: 2px solid #000; }
    .btn.btn-transparent:before {
      display: none; }
  .btn.btn-transparent-with-line:before {
    border: solid #000;
    border-width: 0 2px 2px;
    border-radius: 0 0 10px 10px; }
  .btn.btn-transparent-with-line span {
    background: transparent; }
  .btn.btn-transparent-with-line-main {
    color: #000; }
    .btn.btn-transparent-with-line-main:before {
      border: solid #f1f2f2;
      border-width: 0 3px 3px;
      border-radius: 0 0 10px 10px; }
    .btn.btn-transparent-with-line-main span {
      border: 3px solid #f1f2f2;
      background: transparent; }

.footer-holder {
  border-top: 2px solid #f1f2f2;
  background: #f1f2f2; }

.footer-menu .icon {
  color: #000; }
  .footer-menu .icon:hover {
    color: #000; }

.nudge-1 svg {
  stroke: #000; }

.faqs-list li {
  border: 2px solid #000;
  color: #000; }

.faqs-list .opener {
  color: #000; }
  .faqs-list .opener:before {
    background: #000;
    color: #f1f2f2; }
  .faqs-list .opener .slide {
    background: #fff; }
  .faqs-list .opener span {
    color: #000; }

.faqs-list li.active .opener {
  background: #000;
  color: #f1f2f2; }

.faqs-list li.active .opener:before {
  background: #f1f2f2;
  color: #000; }

.faqs-list li.active span {
  color: #f1f2f2; }

.btn {
  color: #000; }
  .btn span {
    background: #f1f2f2;
    border: px solid #000; }
  .btn.alt-btn-color {
    color: #f1f2f2; }
    .btn.alt-btn-color span {
      background: #000; }
  .btn.btn-plain span {
    background: #000;
    color: #f1f2f2; }
  .btn.btn-plain:before {
    display: none; }
  .btn.btn-transparent {
    color: #000;
    border: 2px solid #000; }
    .btn.btn-transparent:before {
      display: none; }
  .btn.btn-transparent-with-line:before {
    border: solid #000;
    border-width: 0 2px 2px;
    border-radius: 0 0 10px 10px; }
  .btn.btn-transparent-with-line span {
    background: transparent; }

.page-footer {
  color: #000; }

.footer-holder {
  border-top: 2px solid #000; }

.nudge-1 svg {
  stroke: #000; }

#header {
  background: #f1f2f2;
  height: 104px;
  border-bottom: 2px solid #000; }
  #header .logo:before {
    top: -1px;
    background-image: url(../../images/white/header-logo-gradient.png); }
  #header .header-holder {
    background: #f1f2f2;
    color: #000; }
  #header .mask-holder svg {
    height: auto;
    fill: #f1f2f2; }
  #header .mask-1 svg {
    fill: #f1f2f2; }
  #header .mask-2 .cls-2 {
    fill: #000; }
  #header .mask-2 svg {
    fill: #000; }

.modal-popup,
.info-popup,
.save-popup-confirmation {
  background: rgba(241, 242, 242, 0.9); }

.inner-gallery .inner-text {
  color: #000; }

.info-popup .icon-backward {
  background: #f1f2f2;
  color: #000;
  border-color: #000;
  padding: 10px; }

.modal-popup,
.info-popup,
.save-popup-confirmation {
  background: rgba(241, 242, 242, 0.9); }

.inner-gallery .inner-text {
  color: #000; }

.info-popup .icon-backward {
  background: #f1f2f2;
  color: #000;
  border-color: #000;
  padding: 10px; }

.browser-popup, .mobile-popup {
  background: rgba(241, 242, 242, 0.8) !important; }
  .browser-popup .alert-line, .mobile-popup .alert-line {
    color: #000;
    background: #f1f2f2; }

.mobile-popup .alert-line {
  color: #000;
  background: #f1f2f2; }

.jcf-select {
  background: #000; }
  .jcf-select .jcf-select-text {
    color: #f1f2f2;
    font-weight: 600;
    text-transform: capitalize; }
  .jcf-select .jcf-select-opener {
    color: #f1f2f2; }
    .jcf-select .jcf-select-opener:before {
      color: #f1f2f2; }

.btn-finish .submit-progress,
.button-submit .submit-progress {
  background: #000; }

.authorization-form label {
  color: #000; }

.browser-popup .alert-line, .mobile-popup .alert-line, .quiz-popup .alert-line {
  background: #f1f2f2; }

.home-container:after {
  background: #000; }

.artwork-page .artwork-canvas-box .btn-block-left .btn-round:hover {
  background: #fff;
  color: #f1f2f2;
  border-color: #f1f2f2; }

.btn-round:hover .icon {
  opacity: .5; }

.steps-block {
  color: #f1f2f2;
  background: #000; }

.loader {
  color: #000; }

.filter-block #filter-bar li.active {
  color: #f1f2f2; }

.home-container:after {
  background: #000; }

.inner-gallery {
  border: 3px solid #f1f2f2; }

.info-slideshow .gheading-steps {
  color: #f1f2f2;
  border: 3px solid #f1f2f2; }

.authorization-page .authorization-box .divider span {
  background: #000;
  color: #fff; }

.artwork-page .help-link.in-pop-up {
  color: #f1f2f2;
  background: #000; }

.menu-popup .close-menu:hover {
  color: #f1f2f2; }

.canvas-page .canvas-block .description {
  color: #000; }

#ie-popup .popup-holder {
  border: 2px solid #f1f2f2; }

.menu-popup .popup-holder {
  background: rgba(241, 242, 242, 0.94); }
  .menu-popup .popup-holder:after {
    display: none; }

[class^="screen-btn-"] {
  color: #000; }

[class^="screen-btn-"] svg {
  stroke: #000; }

.top-menu li a {
  color: #000;
  border: 2px solid #000; }

.loader {
  color: #f1f2f2; }

.home-page .info-wrapper {
  color: #000; }

.gallery-switcher {
  border: 2px solid #000;
  background: #f1f2f2; }
  @media (min-width: 1024px) {
    .gallery-switcher {
      background: transparent; } }

.gallery-switcher .g-link {
  color: #000;
  border-radius: 50%; }

.gallery-switcher .g-link.active {
  background-color: #000;
  color: #f1f2f2; }

.search-form {
  border: 2px solid #000; }

.search-form input[type='text'] {
  color: #000; }

.search-form input[type='text']::-webkit-input-placeholder {
  color: #000; }

.search-form input[type='text']::-moz-placeholder {
  color: #000; }

.search-form button[type='submit'] {
  color: #000; }

.authorization-page .authorization-box {
  border: 3px solid #000; }

.authorization-page .authorization-box .divider:before {
  background: #000; }

.btn:before {
  border: 3px solid #000; }

.filter-block {
  border: 2px solid #000;
  color: #000; }

.filter-block > .icon {
  color: #000; }

.filter-block #filter-bar .pill {
  background-color: #000; }

.btn-round {
  border: 3px solid #000; }
  .btn-block-right .btn-round {
    border: none; }

.artwork-page .artwork-canvas-box .btn-block-right .btn-round .nudge-1 svg {
  color: #000; }

.artwork-page .artwork-canvas-box .artwork-canvas {
  border: 3px solid #000; }

.info-slideshow .color-popup .colors-list .item {
  border: 3px solid #000; }

.loader svg {
  fill: #000; }

.info-slideshow .gheading-steps {
  background: #000; }

.profile-form .profile-list li {
  border-bottom: 1px solid #000; }

.profile-form .profile-list li:first-child {
  border-top: 1px solid #000; }

.profile-page .artworks-block {
  border-top: 2px solid #000; }

.create-new-holder {
  border-bottom: 2px solid #000; }

.artwork-page .artwork-canvas-box .colors-list a {
  border: 3px solid #000; }

.screen-image-frame:before {
  background: url("../../images/i-frame01-black.svg") no-repeat; }

.animate-tools .frame-controls-btn {
  border: 3px solid #f1f2f2;
  color: #f1f2f2;
  background-color: #000; }

.animate-tools .pic-list li:before {
  border: 3px solid #f1f2f2;
  color: #f1f2f2;
  background-color: #000; }

.animate-tools .btn-speed {
  border: 3px solid #000;
  color: #000; }

.nudge-1 svg {
  color: #000; }

.animate-tools .btn-play.btn-round .nudge-1 svg path {
  fill: none;
  stroke: #000; }

.animate-tools .pic-list li {
  border: 3px solid #000; }

.gallery-switcher .g-link {
  color: #000; }

.clapper-box {
  background-image: url("../../images/bg-clapper-black.svg");
  background-size: cover; }

.clapper-box .clapper-toggle {
  border: 3px solid #000;
  background-color: #f1f2f2; }

.rotate-popup {
  background: #f1f2f2;
  color: #000; }

.rotate-popup .popup-holder .text-line {
  background: #000; }
  .rotate-popup .popup-holder .text-line h2 {
    color: #f1f2f2; }

.animate-tools .pic-list li.active, .animate-tools .pic-list li.completed {
  background: url("../../images/bg-pic-ribbon-black.svg") no-repeat;
  background-size: cover; }

.artwork-page .artwork-canvas-box .btn-block-right .btn-round:hover .nudge-1 svg {
  fill: #f1f2f2;
  stroke: #f1f2f2; }

.modal-holder .modal-close {
  color: #000;
  background: #f1f2f2; }

#header .search-link {
  color: #000;
  border: 2px solid #000; }

.gallery-popup .popup-holder .likes-box .likes-link {
  background: #000; }

.menu-popup .nav .add-nav a:hover .icon {
  color: #f1f2f2; }

.artwork-page .btn-steps-block .btn-backward .icon:hover,
.artwork-page .btn-steps-block .btn-forward .icon:hover {
  color: #f1f2f2; }

.material-overlay {
  background: rgba(241, 242, 242, 0.5); }

.footer-menu li a.sound-link.sound-off:before {
  background: #000; }

.award {
  fill: #f1f2f2; }

.profile-form .profile-list li i {
  background: #f1f2f2;
  border: 2px solid #000; }

.gallery-fancybox .fancybox-close:after {
  background-color: #000; }

.fancybox-close:before {
  color: #f1f2f2; }

.social-list li a {
  color: #000;
  border: 2px solid #000; }

.social-list li a .icon {
  color: #000; }

.gallery-popup .popup-holder .likes-box {
  border: 3px solid #000;
  background: #f1f2f2;
  color: #000; }

.gallery-popup .popup-holder .likes-box .likes-link .icon {
  color: #f1f2f2; }

.home-container:after {
  display: block; }

.authorization-form [type="checkbox"]:not(:checked) + label:after,
.authorization-form [type="checkbox"]:checked + label:after {
  background: url(../../images/white/checkbox-bg-new.png) no-repeat; }

.authorization-form [type="checkbox"]:checked + label:after {
  background-position: -30px 0; }

.palette {
  background: #f1f2f2;
  border: 3px solid #000; }
  .palette .close-menu {
    background: #f1f2f2; }

.menu-popup .nav .add-nav a .icon {
  color: #000; }

.menu-popup .nav .add-nav a .icon {
  color: #000; }

.menu-popup .nav .add-nav a {
  color: #000; }

.menu-popup .nav .add-nav a:hover .icon:after {
  background: #000; }

.menu-popup .int-link a {
  color: #000; }

.menu-popup .top-menu li a .icon {
  color: #000; }

.menu-popup .close-menu:hover:after {
  color: #000; }

.image-box .text-frame .text-holder {
  color: #fff; }

.quiz-popup .popup-holder {
  max-width: 90%;
  width: 100%;
  margin: 0 auto;
  border: 3px solid #f1f2f2;
  border-radius: 19px;
  background: #f1f2f2;
  position: relative; }
  @media (min-width: 1600px) {
    .quiz-popup .popup-holder {
      max-width: 745px; } }

.quiz-popup .description {
  padding: 25px 15px;
  background: #f1f2f2;
  color: #000;
  font-size: 18px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  @media (min-width: 1024px) {
    .quiz-popup .description {
      max-width: 60%;
      font-size: 24px; } }
  @media (min-width: 1600px) {
    .quiz-popup .description {
      max-width: 635px;
      padding: 50px 15px; } }
  .quiz-popup .description p {
    margin-bottom: 0; }

.quiz-popup form {
  color: #f1f2f2; }

.quiz-popup .input-holder {
  max-width: 70%;
  width: 100%;
  margin: 0 auto;
  font-family: grota_rounded_extraboldXBdIt;
  text-align: center; }
  @media (min-width: 1024px) {
    .quiz-popup .input-holder {
      max-width: 50%; } }
  @media (min-width: 1600px) {
    .quiz-popup .input-holder {
      max-width: 265px; } }
  .quiz-popup .input-holder p {
    text-align: left;
    margin-bottom: 25px; }
  .quiz-popup .input-holder button {
    outline: none;
    background: none;
    border: none; }

.quiz-popup .checkbox-holder input[type="checkbox"] {
  background: none;
  border: 1px solid #f1f2f2; }

.quiz-popup .close-menu {
  background: #f1f2f2;
  color: #000;
  border: none; }

.browser-popup, .mobile-popup, .quiz-popup {
  background: rgba(241, 242, 242, 0.8) !important; }
  .browser-popup .alert-line, .mobile-popup .alert-line, .quiz-popup .alert-line {
    background: #f1f2f2;
    color: #000; }

.quiz-popup .popup-holder {
  border: 3px solid #000; }

.quiz-popup .authorization-form [type="checkbox"]:not(:checked) + label:after,
.quiz-popup .authorization-form [type="checkbox"]:checked + label:after {
  background: url(../../images/white/checkbox-bg-new-1.svg) no-repeat; }

.click-btn span {
  color: #000; }

.click-btn .str {
  background-image: url("../../images/white/home-gallery/str.png"); }

.submit-disable-popup .popup-holder {
  border-color: #000; }
  .submit-disable-popup .popup-holder .close-menu {
    background: #f1f2f2;
    color: #000; }

.submit-disable-popup {
  background: rgba(241, 242, 242, 0.8); }