@charset "UTF-8";
/* CSS Document */
.vdo-link{float: left; position: relative;   margin: 0;  padding: 0;  width: 50%;  height: 100%;}

.vdo-link2{float:left; width:100%;   background-size:100% 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 h2 {
  font-size: 17px;
  text-transform: none;
  font-family: helve,Tahoma, Geneva, sans-serif;
  font-weight: bold;
  color: #9b1515;
  margin-bottom: 5px;
}
.popup-rf-index { width: 320px;  height: 600px;  position: fixed; inset: 0; margin: auto;  background: rgba(255,255,255,1); z-index: 8; border-radius: 10px; padding:0; text-align: center; }
		.popup-step2-index h2{ font-size:17px;  text-transform: none; font-family:helve,Tahoma, Geneva, sans-serif; font-weight: bold; color: #9b1515; margin-bottom: 5px;}

 .popup-step2-index{ 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-index h1{ font-size:17px; margin-bottom: 8px; letter-spacing: 1px; color: #9b1515; }
.popup-step2-index p{ font-size:13px; line-height: 1.4;}

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

}

@media screen and (max-width: 450px) {	
	.vdo-link2{ margin-top: 20px; width:100%}
	.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{}
	
	
	.popup-rf-index {    width:80%; margin-left:10%; margin-right: 10%; padding: 0 ; height: 700px; }
	.popup-rf-index h1 { 	font-size: 14px;	margin-bottom: 5px;	letter-spacing: 1px;}
	.popup-rf-index h2 { 		font-size: 14px; line-height: 1.25;}
	.popup-rf-index p {	font-size: 12px;	line-height: 1.25;}
	
	
	
	.popup-step2-index {    width:90%; margin-left: 5%; margin-right: 5%; padding: 0 ; height: 600px; }
	.popup-step2-index h1 { 	font-size: 14px;	margin-bottom: 5px;	letter-spacing: 1px;}
	.popup-step2-index h2 { 		font-size: 14px; line-height: 1.25;}
	.popup-step2-index p {	font-size: 12px;	line-height: 1.25;}
	
	
}

@media screen and (max-width: 380px) {	
	.popup-rf-index {    width:80%; margin-left:10%; margin-right: 10%; padding: 0 ; height: 615px; }

}