/*---*/
/*QUERY*/
/*---*/
@media (min-width: 640px) {
  .kd-hide-desktop {
    display: none;
  }
  .Polaris-Scrollable--vertical {
    min-height:800px;
  }
  .kd-padding-scroll {
    margin-right: 10px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
  }
}
@media (max-width: 640px) {
  .kd-hide-mobile {
    display: none;
  }
  .Polaris-Scrollable--vertical {
    height:85vh !important;
  }
  .Polaris-Page__Content {
    margin-top: 0;
  }
  .kd-header {
    box-shadow: 0px 0px 5px 0px #212B35;
    z-index: 1000;
    position: relative;
  }
}
@media (max-width: 490px) {
  .kd-padding-small-lr05 {
    padding:0 0.5em 0 0.5em;
  }
}


/*---*/
/*SPACING*/
/*---*/
.kd-padding-b05 {
  padding-bottom: 0.5em;
}
.kd-padding-05 {
  padding:0.5em;
}
.kd-padding-lr05 {
  padding:0 0.5em 0 0.5em;
}
.kd-padding-1 {
  padding:1em;
}
.kd-padding-2 {
  padding:2em;
}
.kd-margin-t05 {
  margin-top: 0.5em;
}
.kd-margin-t1 {
  margin-top: 1em;
}
.kd-margin-t2 {
  margin-top: 2em;
}
.kd-margin-b05 {
  margin-bottom: 0.5em;
}
.kd-margin-b1 {
  margin-bottom: 1em;
}
.kd-margin-b2 {
  margin-bottom: 2em;
}


/*---*/
/*GRID*/
/*---*/
.kd-row {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kd-column {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;

  padding-right: 5px;
  padding-left: 5px;
}


/*---*/
/*MISC*/
/*---*/
td {
  border-top: 1px solid #c4cdd5;
}
.kd-header {
  border-bottom: 2px solid #DFE4E8;
}
.kd-header-focus {
  border-bottom: 2px solid #c4cdd5;
  background: white;
}
.kd-cursor {
  cursor: pointer;
}
.kd-opacity-0 {
  opacity: 0;
}
.kd-hide {
  display: none !important;
}
.kd-text-center {
  text-align: center;
}
.kd-text-right {
  text-align: right;
}
.kd-text-white {
  color: #fff;
}
img {
  max-width: 100%;
}
hr {
  opacity: 0.2;
  border-color: #c4cdd5;
}


/*---*/
/*MODALS*/
/*---*/
.kd-modal-container {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;

  overflow: scroll;

  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, 0.8);
}
.kd-modal-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  padding-right: 5vw;
  padding-left: 5vw;

  border-radius: 3px;
  background-color: #f4f6f8;
}
.kd-modal-content-blank {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  padding-right: 5vw;
  padding-left: 5vw;

  border-radius: 3px;
}
@media (max-width: 900px) {
  .kd-modal-content {
    border-radius: 0;
  }
}
.kd-modal-header {
  top: 5vh;

  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  padding-right: 5vw;
  padding-left: 5vw;
}
.kd-modal-header a{
  text-transform: uppercase;

  color: white;
}
.kd-modal-header a:hover{
  opacity: 0.8;
  color: white;
}
.kd-modal-pricing {
  padding: 20px;

  border: #dfe3e8 2px solid;
  border-radius: 3px;
  border-radius: 3px;
  background: #fff;
}
.kd-modal-pricing-selected {
  border: #007ACE 2px solid !important;
  border-radius: 3px !important;
  background: #fff !important;
}
.kd-modal-pricing::before {
  display: inline-block;

  width: 100%;
  margin-bottom: 12px;
  padding-bottom: 3px;

  content: "-";
  text-align: center;

  opacity: 0;
  color: #007ACE;
  border-bottom: 2px #007ACE solid;
}
.kd-modal-pricing-selected::before {
  display: inline-block;

  width: 100%;
  margin-bottom: 12px;
  padding-bottom: 3px;

  content: "SELECTED PLAN";
  text-align: center;

  opacity: 1;
  color: #007ACE;
  border-bottom: 2px #007ACE solid;
}


/*---*/
/*INPUT FORMS*/
/*---*/
.error {
  margin-top: 0.4rem;
  color: #bf0711;
}
input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
input[type="color"]::-webkit-color-swatch {
  border-radius: 3px;
}
.input-color {
  padding: 0px !important;
}
.input-color input {
  padding: 0.5em !important;
}
.color-code {
  position: relative;
  z-index: 20;
  top: 0px;

  display: block;
  clear: both;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;

  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 2em;
  min-height: 3.6rem;
  margin: 0;
  padding: 0 .5em;

  letter-spacing: initial;
  text-transform: initial;

  border: 1px solid #c4cdd5 !important;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0px 0px 0px 5px #fff;

  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 2.4rem;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.color-code:focus{
  border-color: #5c6ac4;
  outline: none;
  box-shadow: inset 0 0 0 0 transparent, 0 0 0 1px #5c6ac4, 0px 0px 0px 5px #fff;
}
.color-code:invalid {
  color:#f00
}
.color-view {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 3px;
}
.lightSwitch{
  background:#fff;
}
.lightTrack{
  background:#C4CDD5;
}
.toggle{
  position: relative;

  width: 50px;
  height: 25px;
  margin: 0 auto;

  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.check{
  position: relative;
  z-index:3;

  width:100%;
  height:100%;
  margin:0px;

  cursor:pointer;

  opacity:0;
  border-radius:50%;
}
.switch{
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 2px;

  width: 21px;
  height: 21px;

-webkit-transition: all 0.5s cubic-bezier(.95, .25, .30, .65);
   -moz-transition: all 0.5s cubic-bezier(.95, .25, .30, .65);
    -ms-transition: all 0.5s cubic-bezier(.95, .25, .30, .65);
     -o-transition: all 0.5s cubic-bezier(.95, .25, .30, .65);
        transition: all 0.5s cubic-bezier(.95, .25, .30, .65);

  border-radius: 25px;
}
.track{
  position:absolute;
  z-index:1;
  top:0px;
  left:0px;

  width:100%;
  height:100%;

-webkit-transition: all 0.5s cubic-bezier(.95, .25, .30, .65);
   -moz-transition: all 0.5s cubic-bezier(.95, .25, .30, .65);
    -ms-transition: all 0.5s cubic-bezier(.95, .25, .30, .65);
     -o-transition: all 0.5s cubic-bezier(.95, .25, .30, .65);
        transition: all 0.5s cubic-bezier(.95, .25, .30, .65);

  border-radius:50px;
}
.light{
  position:absolute;
  top:-30px;
  right:0;
  left:0;

  width:10px;
  height:10px;
  margin:0 auto;

-webkit-transition: background 0.5s cubic-bezier(.95, .25, .30, .65);
-webkit-transition: transform 0.5s cubic-bezier(.95, .25, .30, .65);
   -moz-transition: background 0.5s cubic-bezier(.95, .25, .30, .65);
   -moz-transition: transform 0.5s cubic-bezier(.95, .25, .30, .65);
    -ms-transition: background 0.5s cubic-bezier(.95, .25, .30, .65);
    -ms-transition: transform 0.5s cubic-bezier(.95, .25, .30, .65);
     -o-transition: background 0.5s cubic-bezier(.95, .25, .30, .65);
     -o-transition: transform 0.5s cubic-bezier(.95, .25, .30, .65);
        transition: background 0.5s cubic-bezier(.95, .25, .30, .65);
        transition: transform 0.5s cubic-bezier(.95, .25, .30, .65);

  border-radius:10px;
}
.check:checked ~ .switch{
-webkit-transform: translate(25px);
    -ms-transform: translate(25px);
        transform: translate(25px);}
.check:checked ~ .light{
  background:#50B83C;
  }
.check:checked ~ .lightTrack{
  background:#50B83C;
}
.track:before {
  position: absolute;
  left: 150%;

  display: block;

  content: "LIVE";

  opacity: 0.2;

  font-size: 12px;
  font-weight: 900;
  line-height: 2;
}
.track:after {
  position: absolute;
  right: 150%;

  display: block;

  content: "PAUSED";

  opacity: 0.2;

  font-size: 12px;
  font-weight: 900;
  line-height: 2;
}
.check:checked ~ .track:before {
  opacity: 0.8;
}
.check:not(:checked) ~ .track:after {
  opacity: 0.8;
}


/*---*/
/*POPUP PREVIEW*/
/*---*/
.kd-demoFrame {
  border: 1px rgba(63, 63, 68, 0.05) solid;
  border-radius: 3px;
}

.kd-modal-container-demo h3 {
  background: rgba(69, 79, 91, 1);
}
.kd-modal-container-demo {
  position: relative;
  border: 3px #212B35 solid;
  border-radius: 3px;
  overflow: hidden;
}
.kd-modal-container-demo img {
  width: 100%;
  display: block;
}


/*---*/
/*LOADER*/
/*---*/
.kd-loader-inverted {
  position: absolute;
  z-index: -10;
  margin: 0 auto;
  width: 100%;
}
.kd-loader-inverted .lds-spinner div {
  background: black !important;
}
.kd-pointe
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lds-spinner {
  position: relative;
}
.lds-spinner div {
  left: 94px;
  top: 48px;
  position: absolute;
  -webkit-animation: lds-spinner linear 1s infinite;
  animation: lds-spinner linear 1s infinite;
  background: #fff;
  width: 12px;
  height: 24px;
  border-radius: 40%;
  -webkit-transform-origin: 6px 52px;
  transform-origin: 6px 52px;
}
.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.916666666666667s;
  animation-delay: -0.916666666666667s;
}
.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -0.833333333333333s;
  animation-delay: -0.833333333333333s;
}
.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.666666666666667s;
  animation-delay: -0.666666666666667s;
}
.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.583333333333333s;
  animation-delay: -0.583333333333333s;
}
.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.416666666666667s;
  animation-delay: -0.416666666666667s;
}
.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.333333333333333s;
  animation-delay: -0.333333333333333s;
}
.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.166666666666667s;
  animation-delay: -0.166666666666667s;
}
.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.083333333333333s;
  animation-delay: -0.083333333333333s;
}
.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spinner {
  margin: 0 auto;
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}