body {margin:0; font-family: Verdana, Arial, sans-serif;}

p {margin:0;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.header {min-height: 140px; background-repeat: repeat-x; background-position: top left; background-image: url(../img/bg.jpg);}

.header_inner {max-width: 960px; width: 100%; margin: 0 auto; background-repeat: no-repeat; background-position: top left; background-image: url(../img/header_left_bg.jpg); min-height: 140px; display: flex; align-items: flex-end;}

.wrap {width: 100%; max-width: 960px; margin: 0 auto; }


.head_txt {
    width: 320px; margin-right: 10px; 
    color: #ffffff;
    font-size: 10px;
    line-height: 14px;
    padding: 12px 14px 17px;
    background-repeat: repeat-x; background-position: center center; background-image: url(../img/header_text_bg.jpg);
}

.title {
    color: #3f738f;
    font-size: 22px;
    font-weight: normal;
    padding: 3px 0 7px;
}

.title span {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
}

.form_wrap {width: 100%; max-width: 700px; background: #f7f7f7; padding: 30px 40px; margin: 40px auto;}

.banking label > div input, .banking label > div select {
    width: 100%;
    border: 1px solid #ccc;
    height: 40px;
    background: white;
    padding: 0 0 0 15px;
}

.banking label > div input:focus, .banking label > div select:focus {
    border: 1px solid #114a82;
    outline: none;
}

.banking label > span {
    width: 35%;
    font-weight: bold;
    display: block;
}

.banking label > div {
    width: 65%;
}

.banking label {
    display: flex;
    align-items: center;
    padding: 10px 0;
    font-size: 14px;
    color: #444;
}

.banking label > span span {
    color: #555;
    font-weight: normal;
    display: inline-block;
}

.banking label > div input[type=submit] {
    padding: 0 30px;
    width: auto;
    border: none;
    background-color: #114a82;
    color: white;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-weight: bold;
}

.banking label > div input[type=submit]:hover {
    cursor: pointer;
    background-color: #09345e;
    color: white;
}

h1 {color: #09345e; font-size: 32px; text-align: center; margin: 30px 0; padding: 0 15px;}


@media (max-width: 960px) {
    .banking label > span {
        width: 100%;
    }
    
    .banking label > div {
        width: 100%; margin-top: 4px;
    }

    .banking label {
        flex-wrap: wrap;
    }

    .head_txt {
        order:2; width: 100%; margin: 10px 0 0 0;
    }

    .head_right {
        order:1; width: 100%; padding: 40px 30px 10px; 
    }

    .header_inner {flex-wrap: wrap;}
}

/**/

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}