.popup{
	font-size:14px;
	font-family: Arial;
	color: #293340;
	
}

.popup .require-notice {
	text-align: right;
	font-size:12px;
	color:#7f858d;
}
@media (max-width: 767px) {
	.popup .require-notice { display: none;}
}


.popup .content{
	padding:0px;
	font-size:14px;
}



.popup .row{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}


.popup .content .row [class*="col-"] {
    margin-bottom: 17px;
	min-height: 45px;
}




@media (max-width: 767px) {

	.col-sm-5,
	.col-sm-6,
	.col-sm-7{ -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }

}

.popup p{
	margin-bottom:0px;
}

.popup .header{
	padding: 35px 25px;
	background: none;
	position:static;
	height: auto;
}
.popup .header .wrapper{
	background: none;
	height: auto;
}



.popup .header h1{
	font-size: 24px;
	font-weight: normal;
	padding:0;
	margin:0;
}

.popup form{
	color: #7f858d;
}
.popup fieldset{
	position: relative;
	border: none;
	padding: 0 0 0px;
	line-height: 17px;
}
.popup fieldset.error{}

.popup fieldset hr{
	margin: 7px 0 0;
	border-color: #dcdcdc;
}



.popup fieldset input,
.popup fieldset textarea,
.popup fieldset select{
	position: relative;
	width: 100%;
	border: none;
	font-size: 14px;
	font-family: Arial;
	line-height: 17px;
	color:#333;
	padding: 0 !important;
	height: 17px;
	outline: none !important;
	
	position: relative;
	z-index:10;
	background: none;
}

.popup fieldset textarea {
	resize: none;
}

.popup fieldset input[type="file"]{ opacity:0;}

.popup select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.popup select option{ text-align: right;}

.popup fieldset label{
	font-size: 14px;
	font-family: Arial;
	line-height: 17px;
	background: #fff;
	font-weight: normal;
	margin: 0;
}


.popup fieldset .fa{
	font-size: 17px;
	position: absolute;
	top: 0;
	right: 0;
	transform: rotateX(180deg);
	cursor: pointer;
}


.popup fieldset input + label,
.popup fieldset textarea + label,
.popup fieldset select + label,
.popup .bootstrap-select + label{
	position: absolute;
	top: 0;
	left: 0;
	/*background: #fff;*/
	z-index:5;
}



.popup fieldset input:focus,
.popup fieldset textarea:focus,
.popup fieldset select:focus{
}



.popup fieldset input[data-empty="false"],
.popup fieldset textarea[data-empty="false"], 
.popup fieldset select[data-empty="false"] {
	background: #fff;
}


.popup fieldset input[data-empty="false"] + label,
/*.popup fieldset input:focus:not[type="file"] + label,*/
.popup fieldset textarea[data-empty="false"] + label,
.popup fieldset textarea:focus + label,
.popup fieldset select[data-empty="false"] + label,
.popup fieldset select:focus + label{
	display: none;
}

.popup fieldset input#photo ~ .fa-paperclip{display: block;}
.popup fieldset input#photo ~ .fa-times{display: none; z-index: 20;}

.popup fieldset input#photo[data-empty="false"] ~ .fa-paperclip{display: none;}
.popup fieldset input#photo[data-empty="false"] ~ .fa-times{display: block; z-index: 20;}
.popup fieldset .fa-times:hover{ color: red;}

.popup fieldset input#photo_uploaded { position: absolute; left: 0; top: 0; z-index: 1; }
.popup fieldset input#photo[data-empty="false"] {}


.popup fieldset small{ display: block; font-size:12px;}
.popup em{color:#fa7100; font-weight: bold; font-size: 14px;}

.popup fieldset input:invalid {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

}

.popup fieldset input[data-empty="false"]:invalid {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}



.popup fieldset input[required][data-empty="false"]:invalid ~ hr{
	border-color: red;
	box-shadow: 0px 1px red;
}

.popup .col .g-recaptcha{
transform:scale(0.75);-webkit-transform:scale(0.75);transform-origin:0 0;-webkit-transform-origin:0 0;	
}

@media (max-width: 479px) {
	.common-form form{max-width:100%;}
}

.popup .bootstrap-select{
	width: 100% !important;
	position: relative;
	z-index:100;
}
.popup .bootstrap-select .dropdown-toggle{
	position: relative;
	width: 100%;
	padding: 0;
	line-height: 17px;
	border: none;
	display: block;
	box-shadow: none !important;
	background: #fff !important;
	border: none !important;
	outline: none !important;
}
.popup .bootstrap-select .bs-caret{
	position: relative;
}
.popup .bootstrap-select .bs-caret::before {
    display: inline-block;
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    left: -14px;
    top: 0px;
    font-size: 16px;
    color: #293340;
}
.popup .bootstrap-select .caret {
    display: none;
}
.popup .bootstrap-select .dropdown-menu { margin-top: 7px;}

.popup .bootstrap-select .dropdown-menu li,
.popup .bootstrap-select .dropdown-menu li a{ outline: none !important; }

.popup .button{
	width: 100%;
	line-height: 46px;
	background: #c6c6c6;
	border: none;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-weight: 400;
}
.popup .button:hover{
	background: #fa7100;
}
.popup form.form-request .button{
	margin: 20px 0 27px;
}

.popup a.btn{
	width: 100%;
	line-height: 46px;
	background: #c6c6c6;
	border: none;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	display:block;
	padding:0;
}
.popup a.btn:hover{
	background: #fa7100;
}


.popup .error-message,
.popup .form-request-notice{
	padding: 0px 25px;
}

.popup .success-message{
	border-top: 1px solid #dcdcdc;
	padding: 25px;
}

.popup form{
	border-top: 1px dotted #dcdcdc;
	padding: 32px 25px 0;
}
.popup .form-request-notice{}
.popup .form-request-notice .object-num{
	text-align: right;
}
.popup .form-request-notice .object-num span{
	font-size: 22px;
	font-weight: bold;
	/*display: block;*/
	white-space: nowrap;
}



.popup #close-popup{
	position: absolute;
	top: 15px;
	right: 15px;
	color: #293340;
	z-index: 1000;
}
.popup #close-popup:hover{
	color: red;
}


@media (max-width: 479px) {
	.popup #close-popup{
		right: auto;
		left: 15px;
	}

	.popup .header{
		padding: 15px 0px;
		text-align: center;
	}

	.popup .form-request-notice{
		padding: 10px 0px 0;
		border-top: 1px solid #dcdcdc;
	}
	.popup .form-request-notice .object-num{
		text-align: center;
	}

	.popup form{
		padding: 32px 0px 0;
	}
	.popup .header h1{
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
	}
}






.popup{}

.popup2{
	width: 100%;
	min-height: 475px;
	overflow: hidden;
}
.popup2 .row{ margin-left: -15px; margin-right: -15px; width: auto;}

.popup2 .flexbox{
/*	display:flex;
	flex-direction: row;
*/}
.popup2 .popup-img{
  float: left;
  width: 34%;
}

.popup2 .popup-img img{
  width: 100%;
}
.popup2 .popup-content{
  float: right;
  width: 66%;
  padding: 30px 40px;
}
.popup2 .header {
    padding: 10px 0;
    text-align: left;
}
.popup2 .header h1 {
    font-size: 24px;
    font-weight: 600;
    color: #293340;
    text-align: left;
}
.popup2 .leave-form{
	padding: 30px 0 20px;
	border: none;
}
.popup2 .leave-form .row [class*="col-"]{
	margin-bottom: 20px;
	min-height: auto;
}
.popup2 .button{
	background-color: #fa7100;
	opacity: 0.8;
	color: #fff;
}
.popup2 .button:hover{ opacity: 1;}


.popup2 .success-message-2{
	padding: 30px 0;
	font-weight: bold;
}
.popup2 .error-message-2{
	padding: 10px 0 0;
	color: #fb8d33;
	font-weight: bold;
}

.popup2 .popup-img{ display: none;}
.popup2 .popup-content{ width: auto;float:none;}

.popup2 .popup-content{
	float:left;
	width:50%;
}
@media (max-width: 575px) {
	.popup2 .popup-img{ display: none;}
	.popup2 .popup-content{ width: 100%; float: none;}
}

.popup.join-the-club{}
.popup.join-the-club .popup-img{ display: block; width:auto; height: 100%; overflow: hidden; margin-right: 30px;}

@media (max-width: 649px) {
	.popup.join-the-club .popup-img{ display: none;}
	.popup.join-the-club .popup-content{ width: 100%; float: none;}
}

.popup.join-the-club .popup-secret-logo{ margin-bottom: 40px; }
.popup.join-the-club .popup-secret-logo img{ width: 100%; max-width: 233px; max-height: 47px;}
.popup.join-the-club h1{ margin-bottom: 15px; }


#tb-notification-widget { overflow: hidden; padding-top: 20px; min-height: 43px;}
#tb-notification-widget tb-notification-button { float: left; margin: 0px 0px 13px 13px !important;}
#tb-notification-widget #tb-notification-button-0 { margin-left: 0 !important;}
#tb-notification-widget #tb-notification-widget-inner.tb-notification-widget-inner .tb-widget-buttons.tb-btn-style-icons tb-notification-button > a{
	min-width: 0;
}
#tb-notification-widget tb-notification-button__icon {
	margin: 0 !important;
	display: inline-block !important;
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	vertical-align: middle !important;
	

	  position: relative;
	  /*
	  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
	  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
	  

	  -webkit-clip-path: url("#hexagon-clip");
	  clip-path: url("#hexagon-clip");
	  */

	  -webkit-clip-path: polygon(50% 2%, 92% 25%, 92% 75%, 50% 98%, 8% 75%, 8% 25%);
	  clip-path: polygon(50% 2%, 92% 25%, 92% 75%, 50% 98%, 8% 75%, 8% 25%);

	  -webkit-transition: all 0.2s ease-in;
	  transition: all 0.2s ease-in;
	  margin: 0 auto;
}
#tb-notification-widget tb-notification-button__text {
	margin: 0 !important;
	display: block !important;
	line-height: 50px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	vertical-align: middle !important;
}


.popup3{
	width: 100%;
	min-height: 475px;
	overflow: hidden;
}
.popup3 .row{ margin-left: -15px; margin-right: -15px; width: auto;}

.popup3 .flexbox{
/*	display:flex;
	flex-direction: row;
*/}
.popup3 .popup-img{
  float: left;
  width: 34%;
  display:none !important;
}

.popup3 .popup-img img{
  width: 100%;
}
.popup3 .popup-content{
  float: right;
  width: 66%;
  padding: 30px 40px;
}
.popup3 .header {
    padding: 10px 0;
    text-align: left;
}
.popup3 .header h1 {
    font-size: 24px;
    font-weight: 600;
    color: #293340;
    text-align: left;
}
.popup3 .leave-form{
	padding: 30px 0 20px;
	border: none;
}
.popup3 .leave-form .row [class*="col-"]{
	margin-bottom: 20px;
	min-height: auto;
}
.popup3 .button{
	background-color: #fa7100;
	opacity: 0.8;
	color: #fff;
}
.popup3 .button:hover{ opacity: 1;}


.popup3 .success-message-2{
	padding: 30px 0;
	font-weight: bold;
}
.popup3 .error-message-2{
	padding: 10px 0 0;
	color: #fb8d33;
	font-weight: bold;
}

.popup3 .popup-img{ display: none;}
.popup3 .popup-content{ width: auto;float:none;}

.popup3 .popup-content{
}
@media (max-width: 575px) {
	.popup3 .popup-img{ display: none;}
	.popup3 .popup-content{ width: 100%; float: none;}
}