@import "variables";
.not_found{
  width: 100%;
  text-align: center;
  .notfound-404 {
    h1 {
      font-family: 'Montserrat', sans-serif;
      font-size: 230px;
      margin: 0px;
      font-weight: 900;
      background: url(../image/bg.jpg) no-repeat;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-size: cover;
      background-position: center;
      height: 280px;
    }
  }
  h2{
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 24px;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-top: 0;
  }
  p{
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 0px;
  }
  a{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: #0046d5;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 40px;
    color: #fff;
    font-weight: 900 !important;
    -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
    box-shadow: 0px 4px 15px -5px #0046d5;
    margin: 25px 0 0;
  }
}
.wrapper-tour-operator-pro{
  .checkout{
  font-size: 13px;
  font-weight: normal;
    .title{
      color: #1A2B48 !important;
    }
    .btn-primary {
      font-weight: 700;
      background: #FA5636;
    }
    .mce-btn {
      button {
        background: inherit;
      }
      #mceu_0-open {
        background: #fff;
      }
    }
    .col-md-8 {
      .title {
        margin: 0;
        //color: var(--main-color, #1A2B48);
        font-size: 24px;
        font-weight: 500;
        font-weight: 600;
      }

      .check-out-form {
        border-top: 2px solid #DAE1E7;
        padding-top: 30px;
        margin-top: 20px;
        .entry-content{
          margin-top: 20px;
        }
        .cc-form {
          font-size: 14px;

          .clearfix {
            .phone{
              margin-bottom: 30px;
            }
            .form-group {
              margin-bottom: 30px;
              lable {
                font-size: 14px;
                font-weight: 400;
              }
              .hasPopover{
                font-size: 16px !important;
              }
              .field-countries{
                .select2-container--default{
                  margin: 10px 0 0;
                  width: 100% !important;
                  .select2-selection--single{
                    border: 1px solid #DAE1E7;
                    border-radius: 3px !important;
                    height: 34px;
                    span{
                      line-height: 34px;
                    }
                  }
                }
              }
              .field-phonenumber {
                margin: 10px 0;
                height: 20px;
                .select2-selection{
                    .select2-selection__rendered{
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                      span{
                        margin: 2px;
                      }
                  }
                  .select2-selection__arrow{
                    margin: 2px 0 !important;
                  }
                }
              }
              .require {
                color: red;
              }

              .form-control {
                border: 1px solid #DAE1E7;
                border-radius: 3px;
                padding: 6px 12px;
                margin-top: 10px;
              }
              .required {
                color: #555;
                font-size: 14px;
              }
            }
          }

          .payment-form {
            h4 {
              font-size: 22px;
              margin: 10px 0 30px;
            }

            lable {
              display: flex;
              align-items: center;
              cursor: pointer;

              .check-payment {
                margin-right: 15px;
              }
            }

            .dropdown {
              .title-payment {
                min-width: 140px;
                display: inline-block;
                color: #1A2B48;
                font-weight: 700;
              }

              .dropdown_menu {
                border: 2px solid #DAE1E7;
                padding: 25px 15px;
                margin-top: 30px;

                .row {
                  .col-sm-6 {
                    :before {
                      content: "";
                      width: 0;
                      height: 0;
                      border-style: solid;
                      position: absolute;
                      border-width: 10px;
                      border-color: transparent #fff #fff transparent;
                      top: -34px;
                      left: 30px;
                      right: 0;
                      transform: rotate(225deg);
                      box-shadow: 2px 2px 0px #dfdfdf;
                    }
                  }
                }
              }
            }
          }

          .cond-form {
            margin-top: 40px;
            color: #5E6D77;

            .st-icheck {
              margin-bottom: 30px;

              .st-icheck-item {
                lable{
                  cursor: pointer;
                }
                .checkmark {
                  margin-right: 35px;
                }
              }
            }
          }

          .clearfix {
            .btn-checkout {
              font-size: 14px;
              padding: 10px 50px;
              border-color: transparent;
              margin: 30px 0 0;
            }
          }
        }
      }
    }
    .col-md-4{
      h3.title{
        margin: 0 0;
        font-weight: 600;
        @media (min-width: 768px) and (max-width: 991.98px) {
          margin-top: 40px;
        }
        @media (min-width: 576px) and (max-width: 767.98px) {
          margin-top: 40px;
        }
        @media (max-width: 575.98px) {
          margin-top: 40px;
        }
      }
      .cart-info{
        border: 1px solid #D7DCE3;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        margin-top: 20px;
        .label{
          display: inline-block;
          text-align: left;
          padding: 0;
          white-space: normal;
          line-height: 18px;
          font-weight: 400;
          color: #1A2B48 !important;
          //color: red !important;
          font-size: 100%;
        }
        ul{
          margin: 0;
          padding: 0;
        }
        li{
          list-style: none;
          font-size: 14px;
          margin-left: 0;
        }
        .service-section{
          padding: 30px 20px;
          display: flex;
          border-bottom: 1px solid #EAEEF3;
          justify-content: space-between;
          align-items: flex-start;
          @media (max-width: 575.98px) {
            flex-flow: column;
            align-items: flex-start;
          }
          .service-left{
            width: 47%;
            @media (max-width: 575.98px) {
              width: 100%;
              margin-bottom: 20px;
            }
            h4.title{
              font-size: 16px;
              font-weight: @font-weight-semibold;
              color: @text-color-1;
              margin-bottom: 10px;
            }
            p.address {
              font-size: 14px;
              color: #5e6d77;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical;
              height: 60px;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
          .service-right{
            width: 150px;
            height: 100px;
            @media (max-width: 575.98px) {
              width: 100%;
              height: 50%;
            }
            div {
              width: 100%;
              height: 100%;
              padding-bottom: calc(100% * 100 / 150);
              position: relative;
              @media (max-width: 575.98px) {
                padding-bottom: calc(100% * 1/ 2);
              }
              img {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                object-fit: cover;
                object-position: center;
              }
            }
          }
        }
        .info-section{
          padding: 30px 20px;
          border-bottom: 1px solid #EAEEF3;
          ul{
            li{
              margin-bottom: 13px;
              display: flex;
              justify-content: space-between;
              align-items: center;
              .label{
                width: 40%;
              }
              .value{
                width: 60%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-left: 20px;
                .st-link{
                  font-size: 12px;
                }
              }
            }
          }
        }
        .ad-info {
          background: #F5F5F5;
          border-radius: 3px;
          padding: 30px 20px;
          width: 100%;
          border-bottom: 1px solid #EAEEF3;
          li {
            margin: 5px 0 13px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .label {
              width: 40%;
            }

            .value {
              padding-left: 20px;
              width: 60%;
            }
          }
        }
        .coupon-section{
          font-size: 13px;
          padding: 30px;
          border-bottom: 1px solid #EAEEF3;
          color: red;
          .title{
            margin: 10px 0 20px;
          }
          .form-group{
            display: flex;
            }
            input{
              border: 1px solid #EAEEF3;
              border-radius: 3px;
              height: 40px;
              width: 66%;
              margin-right: 10px;
              padding: 10px;
            }
            .btn{
              width: 30%;
              background: #5191FA;
              border-radius: 3px;
              height: 40px;
              float: right;
            }
          }
        }
        .total-section{
          padding: 30px 20px;
          ul{
            list-style: none;
            li{
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-bottom: 13px;
              .label{
                color: var(--main-color, #1A2B48);
                font-size: 100%;
                padding: 0;
                text-align: left;
                font-weight: 400;
                width: 40%;
              }
              .value{
                padding-left: 20px;
                color:  #5E6D77;
                width: 60%;
              }
            }
            .payment-amount{
              font-size: 18px;
              .value{
                color: #1A2B48;
              }
            }
          }

        }
      }
    }

}
.select2-container{
  .select2-dropdown{
    width: 336px !important;
  }
}

