@font-face {
  font-family: 'ProximaNova_Semibold';
  src: url('/fonts/ProximaNovaSoft-Semibold.eot');
  src: url('/fonts/ProximaNovaSoft-Semibold.woff2') format('woff2'), url('/fonts/ProximaNovaSoft-Semibold.eot?#iefix') format('embedded-opentype');
  src: url('/fonts/ProximaNovaSoft-Semibold.woff') format('woff'), url('/fonts/ProximaNovaSoft-Semibold.ttf') format('truetype'), url('/fonts/ProximaNovaSoft-Semibold.svg#ProximaNovaSoft-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
#sidebar-loading-wrapper,
#content-loading-wrapper,
#blockSettings-loading-wrapper,
#photo,
#swite-content {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.overlay-cropEditor {
  display: none;
}
#swite-loader-transition,
#static-loader {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  background-color: white;
  z-index: 10;
}
#swite-loader-transition .swite-loader-img-cont,
#static-loader .swite-loader-img-cont {
  display: none;
}
#swite-loader-transition .swite-loader-img-cont.is-visible,
#static-loader .swite-loader-img-cont.is-visible {
  display: inline-block;
}
/*Animation: Fix for IE11*/
#swite-loader-transition.ng-leave {
  animation: fadeOutLoader 0.4s 0.1s cubic-bezier(0.27, 0.29, 0.43, 0.45) forwards;
  -webkit-animation: fadeOutLoader 0.4s 0.1s cubic-bezier(0.27, 0.29, 0.43, 0.45) forwards;
  -moz-animation: fadeOutLoader 0.4s 0.1s cubic-bezier(0.27, 0.29, 0.43, 0.45) forwards;
  -o-animation: fadeOutLoader 0.4s 0.1s cubic-bezier(0.27, 0.29, 0.43, 0.45) forwards;
}
/*MainSwiteLoader #switeLoader*/
@keyframes fadeOutLoader {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000em);
  }
}
@-webkit-keyframes fadeOutLoader {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000em);
  }
}
@-moz-keyframes fadeOutLoader {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000em);
  }
}
@-o-keyframes fadeOutLoader {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000em);
  }
}
.sw-popup-body .sw-popup-content-container.sw_popup_template_wrapper {
  height: calc(100vh - 145px) !important;
}
.sw-popup-body .sw-popup-content-container.sw_popup_section_wrapper {
  height: calc(100vh - 80px) !important;
}
ng\:cloak,
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}
ng\:form {
  display: block;
}
#popupPreviewBlock {
  height: 70vh;
}
@media (min-width: 768px) {
  #popupPreviewBlock {
    height: calc(70vh - 100px);
  }
}