@charset "UTF-8";
/* CSS Document */

 .shadow{position: fixed; background: rgba(0,0,0,0.5); width: 100%; height: 110%; inset: 0; z-index: 2;}
 .popup-rf { width: 640px;  height: 550px;  position: fixed; inset: 0; margin: auto;  background: rgba(255,255,255,1); z-index: 3; border-radius: 10px; padding:0; }

.popup-innerbox{ margin-left: 10px;margin-top: 20px; margin-bottom: 20px; }




		.popup-rf h1{ 	font-size: 15px;	margin:0 0 5px 0!important;letter-spacing: 1px; color: #9b1515; }
		.popup-rf h2{ font-size:17px;  text-transform: none; font-family:helve,Tahoma, Geneva, sans-serif; font-weight: bold; color: #9b1515; margin-bottom: 5px;}
		.popup-rf p{ font-size:12px; line-height: 1.2; color:#000!important; margin:0!important;}
	.popup-rf p a{  line-height: 1.2; color:#0F3A75; }

     button.close-rf{ cursor: pointer; font-size:14px; background: #000;  border: none;  border-radius: 5px;  padding: 10px;  color: #fff; display: block;  margin-top: 5px;}
	.popup-body{float:left; width:95%; }
		img.main-popup-img{width:100%; margin: 10px 0;}

.vdo-link{float: left; position: relative;   margin: 0;  padding: 0;  width: 50%;  height: 100%;}


.vdo-content{float: left;  text-align: left; margin:80px 0 0 20px; width: calc(50% - 20px);}
.vdo-content h1{ font-family: conblackfont,Tahoma, Geneva, sans-serif;  letter-spacing: -1.7;  font-size: 57px; margin-top: 30px;}
.vdo-content p{ font-size:14px; line-height: auto;}
.vdo-content button{
	background: #000;
  border: none;
  border-radius: 5px;
  padding: 10px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  margin-top: 20px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;	
}
.vdo-content p.ms-att{ font-size: 15px;  margin-top: 15px;  font-style: italic;}
p.ms-att2{ display:none;}


/*-------------------Popup step2--------------*/

 .popup-step2{ display: none; width: 640px;  height: 450px;  position: fixed; inset: 0; margin: auto;  background: rgba(255,255,255,1); z-index: 3; border-radius: 10px; padding:0; }
.popup-step2 h1{ font-size:17px; margin-bottom: 8px; letter-spacing: 1px; color: #9b1515; }
.popup-step2 p{ font-size:13px; line-height: 1.4;}

@media screen and (max-width: 630px) {	
	.popup-rf { width:90%; margin-left: 5%; margin-right: 5%; height: 90% }
	.vdo-content h1{font-size:46px;}
	
	/*-------------------Popup step2--------------*/
	.popup-step2 { width:90%; margin-left: 5%; margin-right: 5%; }
}

@media screen and (max-width: 450px) {	
	.popup-rf {    width:90%; margin-left: 5%; margin-right: 5%; padding: 0 ; height: 600px; }
	.popup-rf h1 { 	font-size: 13px;	margin:0 0 5px 0!important;	letter-spacing: 1px;}
	.popup-rf h2 { 		font-size: 14px; line-height: 1.25;}
	.popup-rf p {	font-size: 12px;	line-height: 1.2;}
	.vdo-link2{ margin-top: 20px;}
	.vdo-content{ width:100%; float: left; margin: 0;}
	.vdo-content h1{margin-top: 32px;}
	.vdo-content p{font-size:18px;}
	.vdo-content button{font-size:17px; margin-top: 12px; margin-bottom: 12px;}
	.vdo-link{ width:100%; float: left; /*height: 450px;*/ height: 70%; background: black;}
	.vdo-link iframe{/*max-width:234px!important;*/}
	.vdo-content p.ms-att{}
	p.ms-att2{ display:block;}
	
	
	
	/*-------------------Popup step2--------------*/
	.popup-step2 {    width:90%; margin-left: 5%; margin-right: 5%; padding: 0 ; height: 400px; }
	.popup-step2 h1 { 	font-size: 14px;	margin-bottom: 5px;	letter-spacing: 1px;}
	.popup-step2 p {	font-size: 12px;	line-height: 1.25;}
	
	
}