/**

jQuery Awselect
Documentation: https://prevwong.github.io/awesome-select/
Github: https://github.com/prevwong/awesome-select/

**/
.immersive_awselect {
  overflow: hidden !important; }

.awselect_bg {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .awselect_bg.animate {
    opacity: 1; }

.awselect {
  float: left;
  width: 100%;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
  .awselect > .bg {
    background: #fff;
    height: 0%;
    float: left;
    width: 100%;
    position: absolute;
    z-index: -1;
    border-radius:30px;
    -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    margin-top: 30px;
    border-top: 0px;
  }
  .awselect .front_face {
    position: relative;
    padding: 12px 40px 12px 20px!important;
    color: #000;
    float: left;
    width: 100%;border-radius:35px;
  }
    .awselect .front_face > .bg {
      position: absolute;
      z-index: 0;
      float: left;
      width: 100%;
      height: 100%;
      left: 0;
      background: #e5e5e5;
      top: 0; }
    .awselect .front_face .content {
      float: left;
      width: 100%;
      position: relative;
      z-index: 2; }
    .awselect .front_face span {
      -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
      transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
      float: left;
      width: 100%;
      color: inherit; }
    .awselect .front_face .current_value {
      position: absolute;
      left: 0; }
    .awselect .front_face .placeholder {
      position: relative; font-size:24px;}
    .awselect .front_face .icon {
      float: right;
      position: absolute;
      right: -3%;
      top: 50%;
      transform: rotate(0deg) translateY(-50%);
      transform-origin: center 0;
      -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
      transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
      .awselect .front_face .icon svg {
        width: 15px;
        height: 15px; }
  .awselect .back_face {
    z-index: 2;
    position: absolute;
    padding: 0px;
    -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(20px);
    opacity: 0;
    float: left;
    width: 100%;
    overflow: hidden;
    display: none;
    padding: 0px !important;
  }
    .awselect .back_face.overflow {}
    .awselect .back_face ul {
      margin: 0;
      float: left;
      padding: 0;
      width: 100%; }
      .awselect .back_face ul li {
        float: left;
        width: 100%;
        display: block;
        border-top: 1px solid #efefef;
        margin-bottom: 0px !important;
    list-style: none !important;
    margin-left: 0px !important;}
    .awselect .back_face ul li:before {
    content: unset !important;
}
        .awselect .back_face ul li a {
          font-size: 24px;
          line-height: 38px;
          color: inherit;
          opacity: 0.8;
          float: left;
          width: 100%;
          -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
          -moz-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
          -o-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
          transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
          padding: 10px 15px 10px 40px!important;
        }
          .awselect .back_face ul li a:hover {
                background: #a7202c;opacity:1;
    color: #ffffff; }
  .awselect.animate {
    z-index: 9999; }
    .awselect.animate > .bg {
    margin-top: 0px;
}
    .awselect.animate .front_face .icon {
      transform: rotate(180deg) translateY(-50%); }
    .awselect.animate > .bg {
      height: 100%; }
  .awselect.animate2 > .bg {
    box-shadow: 0px 11px 43px 11px rgba(0, 0, 0, 0.11);
    border-radius: 35px;
  }
  .awselect.animate2 .back_face {
    transform: translateY(0px);
    opacity: 1;
  }
  .awselect.hasValue .front_face .placeholder {
    transform: translateY(20px);
    opacity: 0; }
  .awselect.placeholder_animate .front_face .current_value {
    opacity: 0; }
  .awselect.placeholder_animate2 .front_face .placeholder {
    transform: translateY(0);
    opacity: 1; }
  .awselect.transition_paused {
    transition: none !important; }

.aw_cursor_pointer {
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #ddd;
  overflow: hidden;
  padding: 5px;
  -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0.5); }
  .aw_cursor_pointer .inner {
    float: left;
    width: 100%;
    height: 0%;
    background: #fff;
    border-radius: 100%;
    -webkit-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
  .aw_cursor_pointer.animate {
    transform: scale(1); }
    .aw_cursor_pointer.animate .inner {
      height: 100%; }
      
      

/*# sourceMappingURL=awselect.css.map */