.icon {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.icon-arrow-left {
    width: 23px;
    height: 44px;
    color: #d6d6d6;
}

.icon-arrow-left.big {
    width: 46px;
    height: 88px;
}

.icon-arrow-right {
    width: 23px;
    height: 44px;
    color: #d6d6d6;
}

.icon-arrow-right.big {
    width: 46px;
    height: 88px;
}

.icon-close {
	width: 25px;
    height: 25px;
    color: #d6d6d6;
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 82px;
    text-align: center;
    margin-top: -11px;
    margin-left: -41px;
  
}

.preloader > div {
  width: 18px;
  height: 18px;
  background-color: #FFF;
  margin-left: 2px;
  margin-right: 2px;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.theme-dark .preloader > div {
  background-color: #000;
}

.preloader.invert > div {
  background-color: #666;
}

.theme-dark .preloader.invert > div {
  background-color: #e2e2e2;
}

.preloader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.preloader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}


.panel-form {
    position: relative;
    max-width: 560px;
    left: 50%;
     margin-left: -280px;
}

@media (min-width: 768px) and (max-width: 950px) {
    .panel-form {
        margin-left: -350px;
    }
}

@media (max-width: 768px) {
    .panel-form {
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }
}



/*save button on forms*/
button[data-float]{
    position: fixed;
    top: 70px;
    left: 50%;
    margin-left: 300px;
    padding-left: 25px;
    padding-right: 25px;
}

@media (max-width: 950px) {
    button[data-float] {
        margin-left: 230px;
    }
}