.bform-submit-gray, .bform-submit-gray:hover{
  display: table;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  outline: 0;
  text-decoration: none;
  background-color: #e2e2e2;
  padding:10px 20px;
    color: #ababab;
    font-family: 'MyriadPro';
    font-size: 16px;
    line-height: 1.24;
    border-radius: 5px;
}




/*loading screen*/
/*loading screen*/
/*loading screen*/
.loadingscreen{
  position: fixed;
  opacity: 0;
  background: #fff;
  z-index: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
}
.bodyfixed{
  position: fixed;
  overflow: hidden;
  width: 100%;
}

.loadingscreen.show{
  opacity: 1 !important;
    z-index: 1030;
    display: block;
}

@keyframes ani_1{
  0%{
    height:20px;
    width:20px;
    background-color:deepskyblue;
    margin-top:10px;
  }

  50%{
    height:10px;
    width:10px;
    background-color:hotpink;
    margin-top:20px;
  }


  100%{
    height:20px;
    width:20px;
    background-color:deepskyblue;
    margin-top:10px;
  }

}

@keyframes ani_2{
  0%{
    border-bottom:solid 2px skyblue;
  }

  50%{
    border-bottom:solid 2px hotpink;
  }

  100%{
    border-bottom:solid 2px skyblue;
  }
}


.cycles{
  display:inline-block;
  width:220px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 110px);
}

.cycle{
  height:20px;
  width:20px;
  background-color:deepskyblue;
  display:inline-block;
  margin:10px;
  border-radius:50%;
}

.cycle1{
  animation:ani_1 2s 0s linear infinite;
}

.cycle2{
  animation:ani_1 2s 0.3s linear infinite;
}

.cycle3{
  animation:ani_1 2s 0.6s linear infinite;
}

.cycle4{
  animation:ani_1 2s 0.9s linear infinite;
}

.cycle5{
  animation:ani_1 2s 1.2s linear infinite;
}

.loadingtext{
  font-family: 'MyriadPro';
  line-height: 1.24;
  margin:20px 60px;
  font-family:sans-serif;
  border-bottom:solid 2px pink;
  color:gray;
  position: absolute;
  top: calc(50% + 30px);
  left: calc(50% - 105px);
  animation:ani_2 4s linear infinite;
  letter-spacing:2px;
}




/*end loading screen*/
/*end loading screen*/
/*end loading screen*/

.bform{
  width: 100%;
  position: relative;
  background: #f2f2f2;
  padding: 55px 15px;
}
.bform-container{
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}

.btitle-2020{
  font-family: 'MyriadPro';
color: #050505;
line-height: 1.24;
font-size: 26px;
padding-bottom: 5px;
font-weight: bold;
}

.bsubtitle-2020{
  font-family: 'MyriadPro';
color: #707070;
line-height: 1.24;
font-size: 16px;
padding-bottom: 25px;
}

.bform-divide{
  width: 100%;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 25px;
}


.bform-set{
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  flex-wrap: nowrap;
}



.form-text-imp{
  color: #db416a !important;
  line-height: 1.24;
  font-family: 'MyriadPro';
}


@media (min-width:766px){
  .bform-set-title{
    font-family: 'MyriadPro';
  color: #050505;
  line-height: 1.24;
  font-size: 18px;
  padding-bottom: 5px;
  padding-right: 15px;

  }
  .bform-title-long{
    width: 40%;
  }
  .bform-title-short{
    width: 30%;
  }
}
@media (max-width:766px){
  .bform-set-title{
    font-family: 'MyriadPro';
  color: #050505;
  line-height: 1.24;
  font-size: 18px;
  padding-bottom: 5px;
  padding-right: 15px;
  }
  .bform-title-long{
min-width: 150px;
  }
  .bform-title-short{
    min-width: 160px;
    max-width: 160px;
    width: 160px;
  }
}





.bform-set-input-short{
  width: 100%;
  max-width: 500px;
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.bform-set-input-long{
  width: 100%;
  max-width: 500px;

}

.bform-input-textarea{
  -webkit-appearance: none;
  outline: 0;
  text-decoration: none;
  font-family: 'MyriadPro';
  width: 100%;
  border: 1px solid #cac4c4;
  border-radius: 5px;
  line-height: 1.24;
  color: #2e2e2e;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
}
.bform-input-long{
  -webkit-appearance: none;
  outline: 0;
  text-decoration: none;
  font-family: 'MyriadPro';
  width: 100%;
  border: 1px solid #cac4c4;
  border-radius: 5px;
  line-height: 1.24;
  color: #2e2e2e;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
}

.bform-input-short{
  -webkit-appearance: none;
  outline: 0;
  text-decoration: none;
  font-family: 'MyriadPro';

width: 100%;
  border: 1px solid #cac4c4;
  border-radius: 5px;
  line-height: 1.24;
  color: #2e2e2e;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;         /* Opera/IE 8+ */
}

.bform-set-names{
    width: 49%;
}
.bform-set-names-text{
  display: block;
  text-align: center;
  font-family: 'MyriadPro';
  line-height: 1.24;
  color: #2e2e2e;
  font-size: 14px;
  margin-top: 5px;

}




















/*select custom 1*/

.select-ext-no-border{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;

}


@media (max-width:686px){
  .bform-select-date{
    display: flex;
    align-items: center;
    /*! max-width: 300px; */
    width: 100%;
    /*! margin-left: auto; */
    /*! margin-right: auto; */
    justify-content: center;
    background: #fff;
    border: 1px solid #cac4c4;
    border-radius: 5px;
  }



  .bform-select-sets-date{
    width: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;

    min-height: 30px;
    max-height: 50px;

  }

}
@media (min-width:686px){
  .bform-select-date{
    display: flex;
    align-items: center;
    /*! max-width: 300px; */
    width: 100%;
    /*! margin-left: auto; */
    /*! margin-right: auto; */
    justify-content: center;
    background: #fff;
    border: 1px solid #cac4c4;
    border-radius: 5px;
  }


  .bform-select-sets-date{
  width: 100%;
  position: relative;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;

  height: 30px;
  }

}






.exttitle-date{

  color: #2e2e2e;
  font-family: 'MyriadPro';
  font-size: 16px;
  line-height: 1.24;
width: 100%;
}
.bform-sets-date{
  margin-top: 35px;
  z-index: 1024;
  position:absolute;
  display:none;
  padding:15px;
background:#fff;
line-height: 1.24;
width: 100%;
overflow-y: auto;
max-height:200px;
border: 1px solid #b9b9b9;
}
.bform-wahp-date, .ext-wahp-date:hover{
  width: 100%;
  cursor: pointer;
  opacity:1;
  line-height: 1.24;
  padding-bottom: 5px;
}
.bform-select-set-list{
  color: #2e2e2e;
  font-family: 'MyriadPro';
  font-size: 16px;
  line-height: 1.24;
width: 100%;
display: block;
}
.bform-select-set-list-small{
  display: block;
  color: #2e2e2e;
  font-family: 'MyriadPro';
  font-size: 12px;
  line-height: 1.24;
width: 100%;
}


.bform-select-sets-date .fc-select-arrow-done{
  position: absolute;
  right: 10px;
  width:10px;
  height: 5px;
  top:45%;
  margin-right: 3px;
}

.bform-select-sets-date.actlive .fc-select-arrow-done{
     transform: rotate(180deg);
}


/*end select custom 1*/














.bform-by-clicking{
  padding-top: 25px;
outline: 0;
text-decoration: none;
  color: #707070;
  font-family: 'MyriadPro';
  font-size: 16px;
  line-height: 1.24;
width: 100%;
    padding-bottom: 50px;
}

.bform-by-clicking-link, .bform-by-clicking-link:hover{
  outline: 0;
  text-decoration: none;
    color: #5f98f0;
    font-family: 'MyriadPro';
    font-size: 16px;
    line-height: 1.24;

}


.bform-submit, .bform-submit:hover{
  display: table;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  outline: 0;
  text-decoration: none;
  background-color: #d00149;
  padding:10px 20px;
    color: #fff;
    font-family: 'MyriadPro';
    font-size: 16px;
    line-height: 1.24;
    border-radius: 5px;
}





.bform-thankyou{
  text-align: center;
  padding-top: 25px;
outline: 0;
text-decoration: none;
  color: #ff4a4a;
  font-family: 'MyriadPro';
  font-size: 22px;
  line-height: 1.24;
width: 100%;
    padding-bottom: 50px;
}
