.v-center {
  height: 100vh;
  width: 100%;
  display: table;
  position: relative;
  text-align: center;
}

.v-center > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10%;
}

.btn {
  font-size: 3vmin;
  padding: 0.75em 1.5em;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  text-decoration: none;
  display: inline;
  border-radius: 4px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn:hover {
  background-color: #ddd;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}

.modal-box {
  display: none;
  position: fixed;
  z-index: 1000; top:10%;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
.modal-box { width: 55%; }

.modal-box header { padding:15px 15px 0 15px;  border-top: 1px solid #d7d7d7; background: #f8f9f9; float:left; width:100%;}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 0 0px; height:290px; overflow:auto; float:left; width:100%;}

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;

  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
  color: #000;
  cursor: pointer;
  font-size: 27px;
  line-height: 20px;
  position: absolute;
  right: 2%;
  text-decoration: none;
  top: 3px;
}

.modal-box a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}
.popup_head_row{ width:100%; float:left;}
.popup_head_row .left_col{ float:left; width:auto;}
.popup_head_row .left_col h4{ color: #666;  font-size: 12px !important; text-transform: uppercase;}
.popup_head_row .left_col h3{ font-size:18px; color:#000; margin-top:3px; }
.popup_head_row .left_col h3 span{ float:left; }
.popup_head_row .left_col h3 span.arrow{ font-size:30px;   line-height: 23px; padding: 0 10px;}
.popup_head_row .right_col{ float:right; width:183px; position:relative;}
.popup_head_row .right_col span.total_price{ font-size:24px; color:#000; float:left; margin-right:10px; font-weight:bold; margin-top:16px;}
.popup_head_row .right_col span i{ font-size:11px; color:#666; display:block; font-style:normal; text-align:center;}
.popup_head_row .right_col input[type="button"]{ background:#be035c; color:#fff; font-size:14px; padding:5px; border:0px; cursor:pointer; float:left; margin-top:14px;}
.popup_head_row .right_col .refundable_price{ position:absolute; background:#000; color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase; padding:3px 10px; left:15px; top:-10px;}
.popup_head_row .right_col .refundable_price::before {
   width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #000;  bottom: -10px;
    content: "";   height: 0;   position: absolute;   right: 33px;   width: 0;}
.alert_msg_heading{ padding:0px; margin:0px; font-size:14px; border-bottom:1px solid #ccc; padding-bottom:7px; margin-bottom:15px; }
.alertboxpopup{ padding:10px; width:100%; float:left;}
.fare-alert-popup{ width:100%; float:left;}
.fare-alert-popup ul{ padding:0px; margin:0px; list-style:none; width:100%;}
.fare-alert-popup ul li{ float:left; margin-bottom:18px; width:47.7%;}
.fare-alert-popup ul li.fl_arrow{ width:30px;}
.fare-alert-popup ul li.fl_btn{ width:100%;}
.fare-alert-popup ul li label{ display:block; font-size:13px; color:#303030; font-weight:normal;}
.fare-alert-popup ul li input[type="text"]{  border: 1px solid #cdcecf;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.075) inset;    color: #3c3d3d;  font-size: 14px;   padding: 7px;    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;   width: 100%;}
.fare-alert-popup ul li i.ico-arrow {  background:url("../images/ico-trip-icon2.png") no-repeat  0 0;  display: inline-block;  float: left;  height: 30px;  text-indent: -9999px;  width: 30px; margin-top:25px;}
.fare-alert-popup ul li i.ico-arrow-fill {  float: left;  height: 30px;   width: 30px; margin-top:25px;}
.closeDiv{ width:100%; float:left; margin:0px 0 10px 0; text-align:right; }  
.fare-alert-popup ul li .awe-icon{ position:absolute; right:11px; top:32px; color:#000;}
.fare-alert-popup ul li.fl_btn a.button-right{-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #e1e1e1;
background-image: linear-gradient(to bottom, #fefefe, #e1e1e1);
background-repeat: repeat-x;
border-color: #cdcecf #cdcecf #cdcecf -moz-use-text-color;
border-image: none;
border-radius: 0 3px 3px 0;
border-style: solid solid solid none;
border-width: 1px 1px 1px medium;
color: #303030;
font-size: 13px;
padding: 8px 0;
position: relative;
text-align: center;
width: 159px;}
.fare-alert-popup ul li.fl_btn a.button-left{background-color: #e1e1e1;
background-image: linear-gradient(to bottom, #fefefe, #e1e1e1);
background-repeat: repeat-x;
border: 1px solid #cdcecf;
border-radius: 3px 0 0 3px;
color: #303030;
font-size: 13px;
padding: 8px 0;
position: relative;
text-align: center;
width: 159px;}
.alert-sbt{background-color: #e1e1e1;
background-image: linear-gradient(to bottom, #fefefe, #e1e1e1);
background-repeat: repeat-x;
border: 1px solid #cdcecf;
border-radius: 3px 0 0 3px;
color: #303030;
font-size: 13px;
padding: 8px 0;
position: relative;
text-align: center;
width: 90px; float:left;}
.fare-alert-popup ul li.fl_btn a.button-right:focus,.fare-alert-popup ul li.fl_btn a.button-left:focus,.fare-alert-popup ul li.fl_btn a.button-right:hover,.fare-alert-popup ul li.fl_btn a.button-left:hover,.alert-sbt:hover
{  background: #fff none repeat scroll 0 0;  box-shadow: 0 2px 2px 0 #bababa inset;  color: #000 !important;  text-decoration: none;}