/* -- dynamic code css -- */
      

    header{
      height:490px;
    }

    .img-top-bg{
      position: absolute;
      inset: 0px;
      /* z-index: -1; */
      background-image: url(/k_bp_multitour/web/skin/img/main-top-A.webp);
      background-size: auto 490px;
      background-position: right;
      background-repeat: no-repeat;
    }
    .img-top-bg:after{
      position: absolute;
      content:'';
      display:block;
      inset: 0px;
      background: #430474;
      background: linear-gradient(90deg,rgba(67, 4, 116, 1) 0%, rgba(67, 4, 116, 1) 30%, rgba(67, 4, 116, 0.83) 45%, rgba(67, 4, 116, 0.28) 100%);
    }

    .srch-bot{
      position:absolute;
      left:0px;
      right:0px;
      bottom:0px;
    }
    
    .head-text{
      font-family:var(--default-font-3);
      position:relative;
      top:130px;
      overflow:hidden;
      width:100%;
    }
    .head-text h1{
      font-size: 49px;
      color:#F9A976;
      font-weight:200;
      padding:0px;
      margin:0px;
    }
    .head-text p{
      font-size:25px;
      color:#F9A976;
      font-weight:200;
      padding:0px;
      margin:0px;
      margin-top:5px;
    }

    header .fs-chk-container{
      color:#fff;
      font-size:15px;
      font-weight:200;
      font-family:var(--default-font-3);
      padding-left:calc( var(--ksi-checkbox-size) + 8px );
      line-height:calc( var(--ksi-checkbox-size) + 2px );
    }
    
    header .fs-chk-container .fs-chk-checkmark{
      background-color:#ffffff22;
      border-color:#C0ABD1;
    }
    
    .fs-chk-container .fs-chk-checkmark:after{
      border-color: #fff;
    }
   
    .fs-chk-container:hover input ~ .fs-chk-checkmark {
      background-color: #f0f0f044;
      border:solid 1px var(--ksi-checkbox-color-2);
    }

    .fs-chk-container:hover input:checked .fs-chk-checkmark {
      background-color: #FFFFFF;
    }

    @media all and ( max-width: 1210px ){
      .head-text{
        top:35px;
      }
      .srch-bot{
        bottom: 20px;
      }
    }
    
    @media all and ( max-width: 960px ){
       header{
         height:unset;
       }
       header .head-text{
         display:none;         
       }

      .srch-bot{
        position:static;
        box-sizing:border-box;
        padding:60px 0px 20px 0px;
        background-color:#2F0352;
        width:100%;
        float:left;
      }
    }

  