/* Plugin custom css start from here */
  #pgc__box {
    padding: 15px;
  }
  #pgc__box .pgc__box__content {
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
  }
  #pgc__box .pgc__header {
    background: #1d2232;
    padding: 25px 15px 15px 15px;
    text-align: center;
  }
  #pgc__box .pgc__header h3,
  #pgc__box .pgc__result h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 5px;
    letter-spacing: 1px;
  }
  #pgc__box .pgc__body {
    background: #f4f7f9;
    padding: 30px;
  }
  #pgc__box .pgc__body .inp__instruction {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 25px;
  }
  #pgc__box .pgc__body .inp__instruction img {
    height: 40px;
    margin: 0 15px 0 0;
  }
  #pgc__box .pgc__body .inp__instruction p {
    margin: 0;
  }
  #pgc__box .pgc__form .inp__set {
    display: flex;
    justify-content: center;
  }
  #pgc__box .pgc__form .inp__set .field__control {
    width: 33.3334%;
    margin: 0 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("//cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat scroll right 15px center;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #333333;
    font-size: 15px;
    line-height: 18px;
    padding: 13px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    transition: all 0.3s linear;
  }
  #pgc__box .pgc__form .inp__set .field__control:hover, #pgc__box .pgc__form .inp__set .field__control:focus {
    border-color: #4BA8C0;
  }
  select::-ms-expand {
    display: none !important;
  }
  #pgc__box .pgc__form .inp_submit {
    padding: 0 5px;
    margin: 15px 0 0;
    text-align: center;
  }
  #pgc__box .pgc__form .inp_submit .submit__btn{
    width: 49%;
    background: #4BA8C0;
    color: #ffffff;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    border: none;
    border-radius: 5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    box-shadow: 0 3px 0px 0.5px #317081;
    transition: all 0.3s linear;
    transform: translateY(0);
    display: inline-block;
  }
  #pgc__box .pgc__form .inp_submit .submit__btn:hover, #pgc__box .pgc__form .inp_submit .submit__btn:focus{
  box-shadow: 0 0 0 0 #317081;
    transform: translateY(3px);
  }
  #pgc__box .pgc__result {
    background: #4BA8C0;
    padding: 20px;
    text-align: center;
  }
  #pgc__box .pgc__result .result__info{
    display: flex;
    margin: 0 0 15px;
  }
  #pgc__box .pgc__result .result__info p{
    margin: 0;
    font-size: 15px;
    color: #ffffff;
    width: 60%;
    text-align: right;
  }
  #pgc__box .pgc__result .result__info .result_box{
    width: 70%;
    text-align: left;
    margin: 0 0 0 15px;
  }
  #pgc__box .pgc__result .result__info .result_box span{
    background: #8ecddd;
    display: block;
    padding: 8px 10px;
    border-radius: 5px;
    color: #2A6676;
    font-size: 14px;
    line-height: 16px;
  }
  #pgc__box .pgc__result .pgc__result__body{
    margin: 25px 0 0;
  }
  #pgc__box .pgc__result .result__info .result_box p{
    width: auto;
    font-style: italic;
    font-size: 12px;
    line-height: 15px;
    margin: 3px 0 0;
    text-align: left;
  }
  #pgc__box .result__finishline p {
      color: #fff;
      font-size: 18px;
      line-height: 22px;
      margin: 30px 0 0;
  }

  /*-- Template Color CSS --*/

  /* Template 1 */
  #pgc__box .temp__1 .pgc__header {
    background: #513BFF;
  }
  #pgc__box .temp__1 .pgc__body {
    background: #EFF1FE;
  }
  #pgc__box .temp__1 .pgc__result {
    background: #8293FF;
  }
  #pgc__box .temp__1 .pgc__form .inp_submit .submit__btn {
    background: #8293FF;
    box-shadow: 0 3px 0px 0.5px #513BFF;
  }
  #pgc__box .temp__1 .pgc__form .inp_submit .submit__btn:hover,
  #pgc__box .temp__1 .pgc__form .inp_submit .submit__btn:focus {
    box-shadow: 0 0 0 #513BFF;
  }
  #pgc__box .temp__1 .pgc__result .result__info .result_box span {
    background: #CDD2FC;
    color: #513BFF;
  }
  #pgc__box .temp__1 .pgc__form .inp__set .field__control:hover,
  #pgc__box .temp__1 .pgc__form .inp__set .field__control:focus {
      border-color: #513BFF;
  }

  /* Template 2 */
  #pgc__box .temp__2 .pgc__header {
    background: #000064;
  }
  #pgc__box .temp__2 .pgc__body {
    background: #F1F6FE;
  }
  #pgc__box .temp__2 .pgc__result {
    background: #738DB2;
  }
  #pgc__box .temp__2 .pgc__form .inp_submit .submit__btn {
    background: #738DB2;
    box-shadow: 0 3px 0px 0.5px #000064;
  }
  #pgc__box .temp__2 .pgc__form .inp_submit .submit__btn:hover,
  #pgc__box .temp__2 .pgc__form .inp_submit .submit__btn:focus {
    box-shadow: 0 0 0 #000064;
  }
  #pgc__box .temp__2 .pgc__result .result__info .result_box span {
    background: #ADC2E1;
    color: #000064;
  }
  #pgc__box .temp__2 .pgc__form .inp__set .field__control:hover,
  #pgc__box .temp__2 .pgc__form .inp__set .field__control:focus {
      border-color: #000064;
  }

  /* Template 3 */
  #pgc__box .temp__3 .pgc__header {
    background: #560763;
  }
  #pgc__box .temp__3 .pgc__body {
    background: #FDF4F9;
  }
  #pgc__box .temp__3 .pgc__result {
    background: #BB8FAA;
  }
  #pgc__box .temp__3 .pgc__form .inp_submit .submit__btn {
    background: #BB8FAA;
    box-shadow: 0 3px 0px 0.5px #560763;
  }
  #pgc__box .temp__3 .pgc__form .inp_submit .submit__btn:hover,
  #pgc__box .temp__3 .pgc__form .inp_submit .submit__btn:focus {
    box-shadow: 0 0 0 #560763;
  }
  #pgc__box .temp__3 .pgc__result .result__info .result_box span {
    background: #EACFE0;
    color: #560763;
  }
  #pgc__box .temp__3 .pgc__form .inp__set .field__control:hover,
  #pgc__box .temp__3 .pgc__form .inp__set .field__control:focus {
      border-color: #560763;
  }

  /* Template 4 */
  #pgc__box .temp__4 .pgc__header {
    background: #484A57;
  }
  #pgc__box .temp__4 .pgc__body {
    background: #F4F4F6;
  }
  #pgc__box .temp__4 .pgc__result {
    background: #939AAC;
  }
  #pgc__box .temp__4 .pgc__form .inp_submit .submit__btn {
    background: #939AAC;
    box-shadow: 0 3px 0px 0.5px #484A57;
  }
  #pgc__box .temp__4 .pgc__form .inp_submit .submit__btn:hover,
  #pgc__box .temp__4 .pgc__form .inp_submit .submit__btn:focus {
    box-shadow: 0 0 0 #484A57;
  }
  #pgc__box .temp__4 .pgc__result .result__info .result_box span {
    background: #DDDEE0;
    color: #484A57;
  }
  #pgc__box .temp__4 .pgc__form .inp__set .field__control:hover,
  #pgc__box .temp__4 .pgc__form .inp__set .field__control:focus {
      border-color: #484A57;
  }

  /* Template 5 */
  #pgc__box .temp__5 .pgc__header {
    background: #EB3953;
  }
  #pgc__box .temp__5 .pgc__body {
    background: #FFF4F0;
  }
  #pgc__box .temp__5 .pgc__result {
    background: #F37E8E;
  }
  #pgc__box .temp__5 .pgc__form .inp_submit .submit__btn {
    background: #F37E8E;
    box-shadow: 0 3px 0px 0.5px #EB3953;
  }
  #pgc__box .temp__5 .pgc__form .inp_submit .submit__btn:hover,
  #pgc__box .temp__5 .pgc__form .inp_submit .submit__btn:focus {
    box-shadow: 0 0 0 #EB3953;
  }
  #pgc__box .temp__5 .pgc__result .result__info .result_box span {
    background: #F4BBC2;
    color: #EB3953;
  }
  #pgc__box .temp__5 .pgc__form .inp__set .field__control:hover,
  #pgc__box .temp__5 .pgc__form .inp__set .field__control:focus {
      border-color: #EB3953;
  }

  /* Template 6 */
  #pgc__box .temp__6 .pgc__header {
    background: #663200;
  }
  #pgc__box .temp__6 .pgc__body {
    background: #FDEFE2;
  }
  #pgc__box .temp__6 .pgc__result {
    background: #C68541;
  }
  #pgc__box .temp__6 .pgc__form .inp_submit .submit__btn {
    background: #C68541;
    box-shadow: 0 3px 0px 0.5px #663200;
  }
  #pgc__box .temp__6 .pgc__form .inp_submit .submit__btn:hover,
  #pgc__box .temp__6 .pgc__form .inp_submit .submit__btn:focus {
    box-shadow: 0 0 0 #663200;
  }
  #pgc__box .temp__6 .pgc__result .result__info .result_box span {
    background: #EAC398;
    color: #663200;
  }
  #pgc__box .temp__6 .pgc__form .inp__set .field__control:hover,
  #pgc__box .temp__6 .pgc__form .inp__set .field__control:focus {
      border-color: #663200;
  }

  /* Template 7 */
  #pgc__box .temp__7 .pgc__header {
    background: #f69314;
  }
  #pgc__box .temp__7 .pgc__body {
    background: #FDEED8;
  }
  #pgc__box .temp__7 .pgc__result {
    background: #f8b739;
  }
  #pgc__box .temp__7 .pgc__form .inp_submit .submit__btn {
    background: #f8b739;
    box-shadow: 0 3px 0px 0.5px #f69314;
  }
  #pgc__box .temp__7 .pgc__form .inp_submit .submit__btn:hover,
  #pgc__box .temp__7 .pgc__form .inp_submit .submit__btn:focus {
    box-shadow: 0 0 0 #f69314;
  }
  #pgc__box .temp__7 .pgc__result .result__info .result_box span {
    background: #FDEED9;
    color: #f69314;
  }
  #pgc__box .temp__7 .pgc__form .inp__set .field__control:hover,
  #pgc__box .temp__7 .pgc__form .inp__set .field__control:focus {
      border-color: #f69314;
  }

  /* Template 8 */
  #pgc__box .temp__8 .pgc__header {
    background: #1d2232;
  }
  #pgc__box .temp__8 .pgc__header h3 {
    color: #F4F7F9;
  }
  #pgc__box .temp__8 .pgc__body {
    background: #F4F7F9;
  }
  #pgc__box .temp__8 .pgc__result {
    background: #6ab657ad;
  }
  #pgc__box .temp__8 .pgc__form .inp_submit .submit__btn {
    background: #6ab657ad;
    box-shadow: 0 3px 0px 0.5px #6ab657ad;
  }
  #pgc__box .temp__8 .pgc__form .inp_submit .submit__btn:hover,
  #pgc__box .temp__8 .pgc__form .inp_submit .submit__btn:focus {
    box-shadow: 0 0 0 #6ab657ad;
  }
  #pgc__box .temp__8 .pgc__result .result__info .result_box span {
    background: #EEE9E2;
    color: #6ab657ad;
  }
  #pgc__box .temp__8 .pgc__form .inp__set .field__control:hover,
  #pgc__box .temp__8 .pgc__form .inp__set .field__control:focus {
      border-color: #6ab657ad;
  }
  /*-- End of Template Color CSS --*/


  /*-- Media query CSS --*/

  @media(max-width:767px){
    #pgc__box .pgc__result .result__info {
      display: block;
    }
    #pgc__box .pgc__result .result__info p {
        width: 100%;
        margin: 0 0 5px;
        text-align: left;
    }
    #pgc__box .pgc__result .result__info .result_box {
      width: 100%;
      margin: 0;
    }
    #pgc__box .pgc__body, #pgc__box .pgc__result {
        padding: 30px 15px;
    }
    #pgc__box .pgc__form .inp__set .field__control {
        background: url("//cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat scroll right 10px center;
        width:100%;
        margin: 0 0 15px;
    }
    #pgc__box .pgc__form .inp__set {
      display: unset;
    }
    #pgc__box .pgc__form .inp_submit .submit__btn {
      display: block;
      width: 100%;
      margin-bottom: 15px;
    }
  }

  /*-- End of media CSS --*/