/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .bank_search_main{
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	padding-top: 30px;
 }
 .bank_search_label{
 	margin-right: 40px;
 }
 .bank_search_main select{
 	width: 100%;
 	height: 46px;
 	background-color: #fff;
 	box-sizing: border-box;
 	border-radius: 2px;
 	color: #333;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	display: block;
 	float: none;
 	font-size: 16px;
 	border: 1px solid #ccc;
 	padding: 6px 10px;
 	height: 38px;
 	width: 100%;
 	line-height: 1.3;

 }
 select:focus-visible {
 	outline: none;
 }
 .bank_search_label{
 	font-size: 15px;
 }
 .bank_search_heading{
 	margin-bottom: 10px;
 	font-size: 35px;
 	line-height: 50px;
 }
 .bank_search_btn{
 	border-color: #ffffff;
 	border-width: 2PX 2PX 2PX 2PX;
 	border-radius: 4px 4px 4px 4px;
 	background: #34b9b1;
 	padding: 10px 15px;
 	line-height: 21px;
 	font-size: 18px;
 	text-decoration: none;
 	color: #fff;
 	transition: all .2s;
 	font-weight: bold;
 	width: 100%;
 	text-align: center;
 }
 .bank_search_btn:hover{

 	border: 2px solid #34b9b1;
 	background: #fff;
 	color: #34b9b1;
 }
 @import "compass/css3";
 .modal {
 	position: fixed;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 20;
 	padding: 30px;
 	width: 100%;
 	height: 100%;
 	margin: 0;
 	padding: 0;
 	opacity: 0;
 	visibility: hidden;
 	transition: visibility 0s linear 0.1s, opacity 0.3s ease;
 }
 .modal.open {
 	visibility: visible;
 	opacity: 1;
 	transition-delay: 0s;
  display: block !important;
 }
 .modal__overlay {
 	position: fixed;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	z-index: 21;
 	background-color: rgba(0, 0, 0, 0.7);
 }
 .modal__close {
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	border: none;
 	outline: none;
 	background: none;
 	font-size: 24px;
 	color: #747474;
 	font-weight: bold;
 }
 .modal__close:hover {
 	color: #000;
 }
 .modal__container {
 	position: relative;
 	z-index: 22;
 	width: 400px;
 	height: 250px;
 	top: 50%;
 	transform: translateY(-50%);
 	margin: 0 auto;
 	padding: 30px;
 	    background: #34b9b1;
    color: #fff;
 	text-align: center;
 }
 .jsModalClose{
 	color: #fff;
 }
 .jsModalClose:hover{
 	color: #fff;
 }
 #button{
  display:block;
  margin:20px auto;
  padding:10px 30px;
  background-color:#eee;
  border:solid #ccc 1px;
  cursor: pointer;
}
#overlay{	
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 100px;
    height: 100px;
  border: 6px #ddd solid;
  border-top: 6px #34b9b1 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}
#timer {
  	height: 100vh;
  	font-size: 7vmin;
	position: absolute !important;
    color: #34b9b1 !important;
    top: calc(50% - 6%) !important;
}
.popup_index{
	z-index: 0 !important;
}

@media only screen and (max-width: 400px) {
.modal__container {
    position: relative;
    z-index: 22;
    width: 340px;
    height: 266px;
    top: 60%;
    transform: translateY(-50%);
    margin: 0 auto;
    padding: 30px;
    background: #34b9b1;
    color: #fff;
    text-align: center;
  }
}