@charset "utf-8";

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999999;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal.fade .modal-dialog-wbg {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog-wbg {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 15% 10px 10px 10px;
}
.modal-dialog-wbg {
  position: relative;
  width: auto;
  margin: 10px 10px 10px 10px;
}
.modal-content {
  position: relative;
  background-color: #f9fafd;
  background-clip: padding-box;
  width:820px;
  margin:0 auto;
  border-radius:10px;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-content-wbg {
  position: relative;
  width:846px;
  margin:0 auto;
  outline: none;
}
.modal-content.warning {
  width:300px;
  height:auto;
}
.modal-content-wbg img {
  width:100%;
}
.modal-content-wbg a {
  	background:#ca912e;
	width:200px;
	text-align:center;
	font-size:18px;	
	font-family: 'ProximaNova-Regular', Arial, sans-serif;	
	border-radius:10px;
	cursor:pointer;
	color:#FFFFFF;
	padding:10px 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin:0 auto;
	display:block;
	text-decoration:none;
}
.modal-content-wbg a:hover{
	background:#033263;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=80);
  opacity: .8;
}
.modal-header {
  float:right;
  margin-top:20px;
  margin-right:20px;
}
.modal-header .close {
  cursor:pointer;
}
.modal-header .close:hover {
 
}
.close-wbg {
  position:absolute;
  top:50px;
  right:50px;
  cursor:pointer;
}
.modal-body {
  position: relative;
  width:90%;
  margin:0 auto;
  padding:40px 0;
}
.thank_you_msg .modal-body {
  padding:0;
}
.modal-body .modal_img{
  display:block; 
  text-align:center;
}
.modal-body .modal-title {
  font-family: 'Great Vibes', cursive;
  color:#033263;
  font-size:80px;
  line-height:80px;
  text-align:center;
  font-size:400;
}
.modal-body p {
  font-family: 'ProximaNova-Regular', Arial, sans-serif;
  color:#333333;
  font-size: 20px;
  line-height:24px;
  text-align:center;
}
.modal-body p a {
  font-family: 'ProximaNova-Bold', Arial, sans-serif;
  color:#033263;
  text-decoration:none;
}
.email_form{
	background:#cbe4fa;
	width:80%;
	margin:0 auto;
	padding:0 0 0 10px;	
}
.email_input{
	float:left;
	background:none;
	border:none;
	width:70%;	
	padding:8px 0;
	font-size:16px;
	font-family: 'ProximaNova-Regular', Arial, sans-serif;
	color:#333333;
}
.signup_btn{
	background:#033263;
	text-align:center;
	display:block;
	width:110px;
	padding:8px 0;
	float:right;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
}
.thank_you_msg{ display:none; }
.thank_you{
	background:url(../images/common/thank_you_img.png) no-repeat;
	background-position: right center;
	width:100%;
	height:362px;
}
.thank_you .contents{
	width:60%;
	margin:0;
	padding-top:80px;
}
a.process_btn{
	background:#033263;
	text-align:center;
	display:block;
	width:200px;
	padding:8px 0;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	margin:0 auto;
}
a.submit_btn{
	display:block;
	width:120px;
	height:25px;
	text-align:center;
	padding:10px 0;
	background:#113e6c;
	border:2px solid #113e6c;
	color:#ffffff;
	text-decoration:none;
	border-radius:30px;
	margin: 0 auto;
}

@media (max-width: 1400px) {
	.modal-dialog-wbg {
	  margin: 5% 10px 10px 10px;
	}
	.modal-content-wbg {
	  width:680px;
	}
	.close-wbg {
	  top:30px;
	  right:30px;
	}
}
@media (max-width: 960px) {
	.modal-content{
	  width:100%;
	  margin:0 auto;
	}
}
@media (max-width: 760px) {
	.thank_you_msg{ width:95%; margin:0 auto; }
	.thank_you .contents{
		width:50%;
		margin:0;
		padding-top:0;
	}
	.modal-content-wbg {
	  width:85%;
	}
}
@media (max-width: 660px) {
	.modal-body .modal-title {
	  font-size:60px;
	  line-height:60px;
	}
	.thank_you{
		background:url(../images/common/thank_you_img_mobile.png) no-repeat;
		background-position: bottom right;
		width:100%;
		height:auto;
		padding-bottom:50%;
	}
	.thank_you .contents{
		width:100%;
		margin:0;
	}
}
@media (max-width: 550px) {
	.email_form{
		width:90%;
	}
	.email_input{
		width:65%;	
	}
	.signup_btn{
		width:90px;
	}
}
@media (max-width: 480px) {
	.thank_you{
		padding-bottom:80%;
	}
	.modal-content-wbg {
	  width:100%;
	}
}
@media (max-width: 360px) {
	.email_form{
		width:95%;
	}
	.email_input{
		width:60%;	
	}
}