.upload > div {
  margin-top: 10px;
}

.asl-p-cont .select2-container--default .select2-selection {
  display: inline-block;
  width: 100%;
  height: -webkit-calc(2.25rem + 2px);
  height: calc(2.25rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  border: 1px solid #ced4da;
}

.asl-p-cont .select2-container--default .select2-selection .select2-selection__rendered {
  line-height: 23px;
  padding-left: 0;
}

.asl-p-cont .select2-container--default .select2-selection .select2-selection__arrow {
  height: -webkit-calc(2.25rem + 2px);
  height: calc(2.25rem + 2px);
}

.asl-p-cont .select2,
.asl-p-cont * {
  outline: 0 !important;
}

.select2-results__option {
  outline: 0 !important;
  margin: 0px !important;
  padding: 10px 0 10px 10px !important;
  border-bottom: 1px solid #ced4da;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f8f9fa !important;
  color: #212529 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 35px;
  border: 1px solid #ced4da !important;
}

#woopanel-tabs input[type="checkbox"]:checked::before {
  height: 1.3125rem !important;
  width: 1.3125rem !important;
}

/* Absolute Center Spinner */

.woopanel-loading-wrapper .woopanel-loading-closed {
  position: fixed;
  z-index: 9999;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  right: 20px;
  bottom: 15px;
  cursor: pointer;
}

.woopanel-loading-wrapper .woopanel-loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.woopanel-loading-wrapper .woopanel-loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2c294f;
}

.wpl-icon_lists {
  border-top: 1px solid #57696b;
  border-left: 1px solid #57696b;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.wpl-icon_lists .wpl-icon_item {
  background-color: #3a4b4d;
  position: relative;
  float: left;
  border: 1px solid #57696b;
  border-left: 0;
  border-top: 0;
  width: 110px;
  height: 110px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wpl-icon_lists .wpl-icon_item:hover {
  background-color: #2f4042;
  border-color: #57696b;
  color: #fff;
  cursor: pointer;
}

.wpl-icon_lists .wpl-icon_item.loading-style1 .loader__wrap {
  background-color: transparent;
  position: absolute;
}

.wpl-icon_lists .wpl-icon_item.loading-style5 .loader {
  width: 101px;
}

.wpl-icon_lists .wpl-icon_item.loading-style2 .loader,
.wpl-icon_lists .wpl-icon_item.loading-style3 .loader,
.wpl-icon_lists .wpl-icon_item.loading-style4 .loader,
.wpl-icon_lists .wpl-icon_item.loading-style5 .loader,
.wpl-icon_lists .wpl-icon_item.loading-style6 .loader,
.wpl-icon_lists .wpl-icon_item.loading-style8 .loader {
  background-color: transparent;
  position: absolute;
}

.wpl-icon_lists input[type="radio"] {
  display: none;
}

.wpl-icon_lists input[type="radio"]:checked + .wpl-icon_item {
  background-color: #2f4042;
  border-color: #57696b;
  color: #fff;
  cursor: pointer;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

.loading-style1 .loader__wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  background-color: #2c294f;
}

.loading-style1 .loader {
  --sz: 7rem;
  width: -webkit-calc(var(--sz) * 2);
  width: calc(var(--sz) * 2);
  height: var(--sz);
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.loading-style1 .loader__sq {
  --p-sz: -webkit-calc(var(--sz) / 4);
  --p-sz: calc(var(--sz) / 4);
  --m-offset: -webkit-calc((var(--p-sz) * -1) * 0.75);
  --m-offset: calc((var(--p-sz) * -1) * 0.75);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  height: 100%;
  width: 50%;
}

.loading-style1 .loader__sq::before,
.loading-style1 .loader__sq::after {
  width: var(--p-sz);
  height: var(--p-sz);
  content: "";
  position: relative;
  -webkit-transform: translateY(-webkit-calc((var(--sz) - var(--p-sz)) * -1));
  -ms-transform: translateY(calc((var(--sz) - var(--p-sz)) * -1));
  transform: translateY(calc((var(--sz) - var(--p-sz)) * -1));
  animation: loader-box-bounce 0.5s cubic-bezier(0.3, 0.5, 0.4, 0.95) -webkit-calc(var(--i) * 0.06s) infinite alternate-reverse;
  animation: loader-box-bounce 0.5s cubic-bezier(0.3, 0.5, 0.4, 0.95) calc(var(--i) * 0.06s) infinite alternate-reverse;
}

.loading-style1 .loader__sq:first-of-type {
  margin-right: var(--m-offset);
}

.loading-style1 .loader__sq:first-of-type::before {
  --i: 1;
  border: 3px solid #ff7ab5;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.loading-style1 .loader__sq:first-of-type::after {
  --i: 3;
  background-color: #c643fb;
}

@supports ((-webkit-clip-path: circle()) or (clip-path: circle())) {
  .loading-style1 .loader__sq:first-of-type::after {
    -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  }
}

.loading-style1 .loader__sq:nth-of-type(2)::before {
  --i: 2;
  border: 3px solid #ffb650;
}

.loading-style1 .loader__sq:nth-of-type(2)::after {
  --i: 4;
  background-color: #2fe2dd;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@supports ((-webkit-clip-path: circle()) or (clip-path: circle())) {
  .loading-style1 .loader__sq:nth-of-type(2)::after {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  }
}

@-webkit-keyframes loader-box-bounce {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes loader-box-bounce {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.loading-style2,
.loading-style3,
.loading-style4,
.loading-style5,
.loading-style6,
.loading-style8 {
  /*LOADER-1*/
  /*LOADER-2*/
  /*LOADER-3*/
  /*LOADER-7*/
  /*LOADER-17*/
  /*LOADER-6*/
}

.loading-style2 .loader,
.loading-style3 .loader,
.loading-style4 .loader,
.loading-style5 .loader,
.loading-style6 .loader,
.loading-style8 .loader {
  position: fixed;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: inline-block;
  vertical-align: middle;
}

.loading-style2 .loader-star,
.loading-style3 .loader-star,
.loading-style4 .loader-star,
.loading-style5 .loader-star,
.loading-style6 .loader-star,
.loading-style8 .loader-star {
  position: absolute;
  top: -webkit-calc(50% - 12px);
  top: calc(50% - 12px);
}

.loading-style2 .loader-1 .loader-outter,
.loading-style3 .loader-1 .loader-outter,
.loading-style4 .loader-1 .loader-outter,
.loading-style5 .loader-1 .loader-outter,
.loading-style6 .loader-1 .loader-outter,
.loading-style8 .loader-1 .loader-outter {
  position: absolute;
  border: 4px solid #fff;
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
  animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.loading-style2 .loader-1 .loader-inner,
.loading-style3 .loader-1 .loader-inner,
.loading-style4 .loader-1 .loader-inner,
.loading-style5 .loader-1 .loader-inner,
.loading-style6 .loader-1 .loader-inner,
.loading-style8 .loader-1 .loader-inner {
  position: absolute;
  border: 4px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: -webkit-calc(50% - 20px);
  left: calc(50% - 20px);
  top: -webkit-calc(50% - 20px);
  top: calc(50% - 20px);
  border-right: 0;
  border-top-color: transparent;
  -webkit-animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
  animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.loading-style2 .loader-2 .loader-star,
.loading-style3 .loader-2 .loader-star,
.loading-style4 .loader-2 .loader-star,
.loading-style5 .loader-2 .loader-star,
.loading-style6 .loader-2 .loader-star,
.loading-style8 .loader-2 .loader-star {
  position: static;
  width: 60px;
  height: 60px;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-animation: loader-2-star 1s ease alternate infinite;
  animation: loader-2-star 1s ease alternate infinite;
}

.loading-style2 .loader-2 .loader-circles,
.loading-style3 .loader-2 .loader-circles,
.loading-style4 .loader-2 .loader-circles,
.loading-style5 .loader-2 .loader-circles,
.loading-style6 .loader-2 .loader-circles,
.loading-style8 .loader-2 .loader-circles {
  width: 8px;
  height: 8px;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: -webkit-calc(50% - 4px);
  left: calc(50% - 4px);
  top: -webkit-calc(50% - 4px);
  top: calc(50% - 4px);
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation: loader-2-circles 1s ease-in-out alternate infinite;
  animation: loader-2-circles 1s ease-in-out alternate infinite;
}

.loading-style2 .loader-3 .dot,
.loading-style3 .loader-3 .dot,
.loading-style4 .loader-3 .dot,
.loading-style5 .loader-3 .dot,
.loading-style6 .loader-3 .dot,
.loading-style8 .loader-3 .dot {
  width: 10px;
  height: 10px;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -webkit-calc(50% - 5px);
  top: calc(50% - 5px);
}

.loading-style2 .loader-3 .dot1,
.loading-style3 .loader-3 .dot1,
.loading-style4 .loader-3 .dot1,
.loading-style5 .loader-3 .dot1,
.loading-style6 .loader-3 .dot1,
.loading-style8 .loader-3 .dot1 {
  left: 0px;
  -webkit-animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
  animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loading-style2 .loader-3 .dot2,
.loading-style3 .loader-3 .dot2,
.loading-style4 .loader-3 .dot2,
.loading-style5 .loader-3 .dot2,
.loading-style6 .loader-3 .dot2,
.loading-style8 .loader-3 .dot2 {
  left: 20px;
  -webkit-animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
  animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loading-style2 .loader-3 .dot3,
.loading-style3 .loader-3 .dot3,
.loading-style4 .loader-3 .dot3,
.loading-style5 .loader-3 .dot3,
.loading-style6 .loader-3 .dot3,
.loading-style8 .loader-3 .dot3 {
  left: 40px;
  -webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
  animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loading-style2 .loader-7 .line,
.loading-style3 .loader-7 .line,
.loading-style4 .loader-7 .line,
.loading-style5 .loader-7 .line,
.loading-style6 .loader-7 .line,
.loading-style8 .loader-7 .line {
  width: 8px;
  position: absolute;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  bottom: 0;
  background: #fff;
}

.loading-style2 .loader-7 .line1,
.loading-style3 .loader-7 .line1,
.loading-style4 .loader-7 .line1,
.loading-style5 .loader-7 .line1,
.loading-style6 .loader-7 .line1,
.loading-style8 .loader-7 .line1 {
  left: 0;
  -webkit-animation: line-grow 0.5s ease alternate infinite;
  animation: line-grow 0.5s ease alternate infinite;
}

.loading-style2 .loader-7 .line2,
.loading-style3 .loader-7 .line2,
.loading-style4 .loader-7 .line2,
.loading-style5 .loader-7 .line2,
.loading-style6 .loader-7 .line2,
.loading-style8 .loader-7 .line2 {
  left: 20px;
  -webkit-animation: line-grow 0.5s 0.2s ease alternate infinite;
  animation: line-grow 0.5s 0.2s ease alternate infinite;
}

.loading-style2 .loader-7 .line3,
.loading-style3 .loader-7 .line3,
.loading-style4 .loader-7 .line3,
.loading-style5 .loader-7 .line3,
.loading-style6 .loader-7 .line3,
.loading-style8 .loader-7 .line3 {
  left: 40px;
  -webkit-animation: line-grow 0.5s 0.4s ease alternate infinite;
  animation: line-grow 0.5s 0.4s ease alternate infinite;
}

.loading-style2 .loader-17 .css-square,
.loading-style3 .loader-17 .css-square,
.loading-style4 .loader-17 .css-square,
.loading-style5 .loader-17 .css-square,
.loading-style6 .loader-17 .css-square,
.loading-style8 .loader-17 .css-square {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 7px;
  background: white;
  -webkit-box-shadow: 2px 2px 3px 0px black;
  box-shadow: 2px 2px 3px 0px black;
}

.loading-style2 .loader-17 .square1,
.loading-style3 .loader-17 .square1,
.loading-style4 .loader-17 .square1,
.loading-style5 .loader-17 .square1,
.loading-style6 .loader-17 .square1,
.loading-style8 .loader-17 .square1 {
  left: 70px;
  -webkit-animation: dominos 1s 0.125s ease infinite;
  animation: dominos 1s 0.125s ease infinite;
}

.loading-style2 .loader-17 .square2,
.loading-style3 .loader-17 .square2,
.loading-style4 .loader-17 .square2,
.loading-style5 .loader-17 .square2,
.loading-style6 .loader-17 .square2,
.loading-style8 .loader-17 .square2 {
  left: 60px;
  -webkit-animation: dominos 1s 0.3s ease infinite;
  animation: dominos 1s 0.3s ease infinite;
}

.loading-style2 .loader-17 .square3,
.loading-style3 .loader-17 .square3,
.loading-style4 .loader-17 .square3,
.loading-style5 .loader-17 .square3,
.loading-style6 .loader-17 .square3,
.loading-style8 .loader-17 .square3 {
  left: 50px;
  -webkit-animation: dominos 1s 0.425s ease infinite;
  animation: dominos 1s 0.425s ease infinite;
}

.loading-style2 .loader-17 .square4,
.loading-style3 .loader-17 .square4,
.loading-style4 .loader-17 .square4,
.loading-style5 .loader-17 .square4,
.loading-style6 .loader-17 .square4,
.loading-style8 .loader-17 .square4 {
  left: 40px;
  -webkit-animation: dominos 1s 0.540s ease infinite;
  animation: dominos 1s 0.540s ease infinite;
}

.loading-style2 .loader-17 .square5,
.loading-style3 .loader-17 .square5,
.loading-style4 .loader-17 .square5,
.loading-style5 .loader-17 .square5,
.loading-style6 .loader-17 .square5,
.loading-style8 .loader-17 .square5 {
  left: 30px;
  -webkit-animation: dominos 1s 0.665s ease infinite;
  animation: dominos 1s 0.665s ease infinite;
}

.loading-style2 .loader-17 .square6,
.loading-style3 .loader-17 .square6,
.loading-style4 .loader-17 .square6,
.loading-style5 .loader-17 .square6,
.loading-style6 .loader-17 .square6,
.loading-style8 .loader-17 .square6 {
  left: 20px;
  -webkit-animation: dominos 1s 0.79s ease infinite;
  animation: dominos 1s 0.79s ease infinite;
}

.loading-style2 .loader-17 .square7,
.loading-style3 .loader-17 .square7,
.loading-style4 .loader-17 .square7,
.loading-style5 .loader-17 .square7,
.loading-style6 .loader-17 .square7,
.loading-style8 .loader-17 .square7 {
  left: 10px;
  -webkit-animation: dominos 1s 0.9s ease infinite;
  animation: dominos 1s 0.9s ease infinite;
}

.loading-style2 .loader-17 .square8,
.loading-style3 .loader-17 .square8,
.loading-style4 .loader-17 .square8,
.loading-style5 .loader-17 .square8,
.loading-style6 .loader-17 .square8,
.loading-style8 .loader-17 .square8 {
  left: 0px;
  -webkit-animation: dominos 1s 1s ease infinite;
  animation: dominos 1s 1s ease infinite;
}

.loading-style2 .loader-6,
.loading-style3 .loader-6,
.loading-style4 .loader-6,
.loading-style5 .loader-6,
.loading-style6 .loader-6,
.loading-style8 .loader-6 {
  border: 6px groove #fff;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation: loader-1-inner 1s ease-out alternate infinite;
  animation: loader-1-inner 1s ease-out alternate infinite;
}

.loading-style2 .loader-6 .loader-inner,
.loading-style3 .loader-6 .loader-inner,
.loading-style4 .loader-6 .loader-inner,
.loading-style5 .loader-6 .loader-inner,
.loading-style6 .loader-6 .loader-inner,
.loading-style8 .loader-6 .loader-inner {
  border: 0px inset #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -webkit-animation: border-zoom 1s ease-out alternate infinite;
  animation: border-zoom 1s ease-out alternate infinite;
}

.loading-style7 .loader,
.loading-style7 .loader:after {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loading-style7 .loader {
  margin: 23px auto;
  font-size: 6px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

/* ----------------     KEYFRAMES    ----------------- */

@-webkit-keyframes loader-1-outter {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes loader-1-outter {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@-webkit-keyframes loader-1-inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes loader-1-inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

/*LOADER-3*/

@-webkit-keyframes dot-jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes dot-jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/*LOADER-7*/

@-webkit-keyframes line-grow {
  0% {
    height: 0;
  }

  100% {
    height: 75%;
  }
}

@keyframes line-grow {
  0% {
    height: 0;
  }

  100% {
    height: 75%;
  }
}

/*LOADER-17*/

@-webkit-keyframes dominos {
  50% {
    opacity: 0.7;
  }

  75% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  80% {
    opacity: 1;
  }
}

@keyframes dominos {
  50% {
    opacity: 0.7;
  }

  75% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  80% {
    opacity: 1;
  }
}

/*LOADER-6*/

@-webkit-keyframes border-zoom {
  0% {
    border-width: 0px;
  }

  100% {
    border-width: 10px;
  }
}

@keyframes border-zoom {
  0% {
    border-width: 0px;
  }

  100% {
    border-width: 10px;
  }
}

/*LOADER-2*/

@-webkit-keyframes loader-2-circles {
  0% {
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-box-shadow: 24px -22px #fff, 30px -15px 0 -3px #fff, 31px 0px #fff, 29px 9px 0 -3px #fff, 24px 23px #fff, 17px 30px 0 -3px #fff, 0px 33px #fff, -10px 28px 0 -3px #fff, -24px 22px #fff, -29px 14px 0 -3px #fff, -31px -3px #fff, -30px -11px 0 -3px #fff, -20px -25px #fff, -12px -30px 0 -3px #fff, 5px -29px #fff, 13px -25px 0 -3px #fff;
    box-shadow: 24px -22px #fff, 30px -15px 0 -3px #fff, 31px 0px #fff, 29px 9px 0 -3px #fff, 24px 23px #fff, 17px 30px 0 -3px #fff, 0px 33px #fff, -10px 28px 0 -3px #fff, -24px 22px #fff, -29px 14px 0 -3px #fff, -31px -3px #fff, -30px -11px 0 -3px #fff, -20px -25px #fff, -12px -30px 0 -3px #fff, 5px -29px #fff, 13px -25px 0 -3px #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-box-shadow: 25px -22px #fff, 15px -22px 0 -3px black, 31px 2px #fff, 21px 2px 0 -3px black, 23px 25px #fff, 13px 25px 0 -3px black, 0px 33px #fff, -10px 33px 0 -3px black, -26px 24px #fff, -19px 17px 0 -3px black, -32px 0px #fff, -23px 0px 0 -3px black, -25px -23px #fff, -16px -23px 0 -3px black, 0px -31px #fff, -2px -23px 0 -3px black;
    box-shadow: 25px -22px #fff, 15px -22px 0 -3px black, 31px 2px #fff, 21px 2px 0 -3px black, 23px 25px #fff, 13px 25px 0 -3px black, 0px 33px #fff, -10px 33px 0 -3px black, -26px 24px #fff, -19px 17px 0 -3px black, -32px 0px #fff, -23px 0px 0 -3px black, -25px -23px #fff, -16px -23px 0 -3px black, 0px -31px #fff, -2px -23px 0 -3px black;
  }
}

@keyframes loader-2-circles {
  0% {
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-box-shadow: 24px -22px #fff, 30px -15px 0 -3px #fff, 31px 0px #fff, 29px 9px 0 -3px #fff, 24px 23px #fff, 17px 30px 0 -3px #fff, 0px 33px #fff, -10px 28px 0 -3px #fff, -24px 22px #fff, -29px 14px 0 -3px #fff, -31px -3px #e11a2b, -30px -11px 0 -3px #fff, -20px -25px #fff, -12px -30px 0 -3px #fff, 5px -29px #fff, 13px -25px 0 -3px #fff;
    box-shadow: 24px -22px #fff, 30px -15px 0 -3px #fff, 31px 0px #fff, 29px 9px 0 -3px #fff, 24px 23px #fff, 17px 30px 0 -3px #fff, 0px 33px #fff, -10px 28px 0 -3px #fff, -24px 22px #fff, -29px 14px 0 -3px #fff, -31px -3px #fff, -30px -11px 0 -3px #fff, -20px -25px #fff, -12px -30px 0 -3px #fff, 5px -29px #fff, 13px -25px 0 -3px #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-box-shadow: 25px -22px #fff, 15px -22px 0 -3px black, 31px 2px #fff, 21px 2px 0 -3px black, 23px 25px #fff, 13px 25px 0 -3px black, 0px 33px #fff, -10px 33px 0 -3px black, -26px 24px #fff, -19px 17px 0 -3px black, -32px 0px #fff, -23px 0px 0 -3px black, -25px -23px #fff, -16px -23px 0 -3px black, 0px -31px #fff, -2px -23px 0 -3px black;
    box-shadow: 25px -22px #fff, 15px -22px 0 -3px black, 31px 2px #fff, 21px 2px 0 -3px black, 23px 25px #fff, 13px 25px 0 -3px black, 0px 33px #fff, -10px 33px 0 -3px black, -26px 24px #fff, -19px 17px 0 -3px black, -32px 0px #fff, -23px 0px 0 -3px black, -25px -23px #fff, -16px -23px 0 -3px black, 0px -31px #fff, -2px -23px 0 -3px black;
  }
}

@-webkit-keyframes loader-2-star {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(0.7) rotate(360deg);
    transform: scale(0.7) rotate(360deg);
  }
}

@keyframes loader-2-star {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(0.7) rotate(360deg);
    transform: scale(0.7) rotate(360deg);
  }
}