@charset "utf-8";
/* CSS Document */
    body {
        /* background-color: #333333; */
  }

	* {margin:0;padding:0;}
	.top1{
	width:100%;
	height: 120px;
	margin:0px auto;
	background-image: url(../img/roja_streaming.PNG);
	}
	.top2{
	/* width:1012px; */
	height: 130px;
	margin:0px auto;
	background-image: url(../img/roja_streaming.PNG);
	}		
	.cantant{
	width: 1168px;
	/* height:822px; */
	/* background-color:#ffffff; */
	margin:0px auto;
	/* margin-top:23px; */
	}
	.hd-box{
	/* width:80%; */
	/* height:48px; */
	/* float:left; */
	}
	.hd-icon{
	/* width:18px; */
	/* height:21px; */
	/* float:left; */
	background-image:url(../img/HD_icon.png);
	margin-top:13px;
	margin-left:32px;
	display: none;
	}
	.page.container {
    margin-left: auto;
    /* box-shadow: inset 1px -10px 100px rgba(59, 59, 59, 0.15); */
    margin-right: auto;
    margin-top: 89px;
    /* border: 1px solid #ffffff1a; */
    /* background: #333333; */
    /* border-radius: 12px; */
    padding-bottom: 6px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
    /* box-shadow: 0 0 10px 0 rgba(0,0,0,.2); */
}
	.hd-text-box{
	/* width:80%; */
	/* height:22px; */
	/* float:left; */
	margin-left:13px;
	color:#ffffff;
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	font-size: 30px;
	font-weight:bold;
	/* margin-top:13px; */
	}
	.top-text{
	/* width:182px; */
	height:28px;
	float:left;
	margin-left:13px;
	/* color:#555555; */
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	font-size:22px;
	font-weight:bold;
	margin-top:13px;
	}
	.text3{
	width:182px;
	height:28px;
	float:left;
	margin-left:13px;
	color:#555555;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-top:13px;
	}
	.secand-text{
	width:182px;
	height:20px;
	float:left;
	margin-left:13px;
	/* color:#908d8d; */
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	font-size:12px;
	font-weight:200;
	}
	.testimonial_score{
	/* width:45px; */
	/* height:37px; */
	float:left;
	margin-left:13px;
	color:#ffffff;
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	/* font-size:30px; */
	font-weight:700;
	background-color:#34495e;
	/* border: 2px solid; */
	background-color: var(--primary_color);
	border-radius: 7px;
	/* padding-top:4px; */
	/* padding-left:4px; */
	padding: 5px;
	}
	.green_btn{
	/* width:160px; */
	/* height:42px; */
	float:right;
	color: #fff;
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	font-size:25px;
	font-weight:700;
	/* background-color:#01872d; */
	background-color: var(--primary_color);
	/* border: 2px solid; */
	border-radius: 7px;
	/* padding-top:18px; */
	/* padding-left:48px; */
	margin-top:30px;
	padding: 10px 30px;
	/* margin-right: 120px; */
	}
	.green_btn:hover{
	/* width: 260px; */
	/* height: 62px; */
	/* float:right; */
	/* color:#ffffff; */
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	/* font-size:25px; */
	/* font-weight:700; */
	background-color: var(--primary_color);
	/* border: 2px solid; */
	/* border-radius: 7px; */
	/* padding-top:18px; */
	/* padding-left:48px; */
	/* margin-top:30px; */
	/* margin-right:50px; */
	}
	.testimonial_icons{
	width:70px;
	height:17px;
	float:left;
	margin-left:8px;
	margin-top:3px;
	}
	.testimonial_text{
	width:80px;
	height:17px;
	float:left;
	margin-left:10px;
	margin-top:6px;
	color:#908d8d;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:300
	}
	.star1{
	width:13px;
	height:12px;
	float:left;
	margin-left:1px;
	background-image:url(../img/star.png);
	}
	.star2{
	width:13px;
	height:12px;
	float:left;
	margin-left:1px;
	background-image:url(../img/star2.png);
	}
	.top-box{
	width: 1000px;
	/* float: left; */
	/* clear: both; */
	/* min-height: 60px; */
	padding: 10px 0;
	background-color: #000000;
	margin: 0 auto;
	}
	.video-box{
	width: 1000px;
	height:509px;
	/* background-color:#000000; */
	margin: 0 auto;
	/* margin-top:20px; */
	}
	.player4{
	width: 932px;
	height:63px;
	background-color:#000000;
	position:absolute;
	z-index:200;
	margin-top:458px;
	margin: 458px auto;
	background-image: url(../img/player_bg.gif);
	/* background-position: 120px 0; */
	/* background-repeat: no-repeat; */
	}
	.left_player4{
	width:228px;
	height:63px;
	float:left;
	background-image:url(../img/left_player.gif);
	}
	.timer_player4{
	width:141px;
	height:63px;
	float:left;
	background-image:url(../img/timer.gif);
	}
   .video-box-green{
	width:932px;
	height:420px;
	background-color:#161a23;
	margin:0px auto;
	position:absolute;
	background-image:url(../img/green1.gif);
	background-repeat: no-repeat;
	background-size:cover;
}
	.icon_l{
	width:75px;
	height:75px;
	float:left;
	margin-top:28px;
	background-image: url(../img/video-hd-3-xxl.png);
	margin-left:20px;
	background-size: contain;
	}
	.video-box2{
	/* width: 1200px; */
	height:458px;
	background-color:#000000;
	margin:0px auto;
	position: relative;
	/* margin-top: 30px; */
	}
	.video-box3{
	width:932px;
	height:445px;
	background-color:#20970D;
	margin:0px auto;
	position: absolute;
	}
	.black-box{
	width:932px;
	height:445px;
	background-color:#030303;
	margin:0px auto;
	position: absolute;
	z-index:90;
	opacity:0.7;
	}
	
	.video-player_btn{
	width:100px;
	height:100px;
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	background-image:url(../img/btn1.png);
	}
		.video-player_btn:hover{
	width:100px;
	height:100px;
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	background-image:url(../img/btn2.png);
	}
		.video-player_btn2{
	width:100px;
	height:100px;
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	z-index:100;
	}
	.top_comant_box{
	width:340px;
	/* height:14px; */
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	font-size:16px;
	font-weight:700;
	color: #ffffff;
	padding-top: 25px;
	float:left;
	margin-left:10px;
	/* margin: 10px; */
	}
	.midel_comant_box{
	width:250px;
	height: 15px;
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	/* font-size:15px; */
	font-weight:300;
	color: #ffffff;
	/* padding-top:10px; */
	float:left;
	/* margin-left:10px; */
	/* margin: 5px 10px; */
	/* display: block; */
	margin: 0 0 0 10px;
	}		
	.btn_comant_box{
	/* width:420px; */
	/* height:51px; */
	/* position: absolute; */
	/* text-align:center; */
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	/* font-size:14px; */
	/* font-weight:300; */
	color:#FFFFFF;
	/* margin-top:150px; */
	/* z-index:112; */
	}
    .btn_comant_box2{
	width:213px;
	height:37px;
	position: absolute;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:700;
	color:#FFFFFF;
	background-image:url(../img/big_btn1.png);
	z-index:112;
	margin-left:24%;
	padding-top:14px;
	}
	  .btn_comant_box2:hover{
	width:213px;
	height:37px;
	position: absolute;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:700;
	color:#FFFFFF;
	background-image:url(../img/big_btn2.png);
	z-index:112;
	margin-left:24%;
	padding-top:14px;
	}
	.video-player_btn:hover{
	width:100px;
	height:100px;
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	background-image:url(../img/btn2.png);
	}
	.video-player{
	width:932px;
	height:445px;
	margin:0px auto;
	margin-top:20px;
}
	.form-box{
	width:320px;
	height:183px;
	float:left;
	margin-top:30px;
	/* margin-left:20px; */
	color: #fff !important;
	}
	.left-form-box{
	/* width:40px; */
	/* height:183px; */
	/* float:left; */
	}
	.right-form-box{
	/* width: 200px; */
	/* height:183px; */
	float:left;
	color: #fff !important;
	}
	.comant_box{
	width:450px;
	height:130px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index:110;
	background-color: #171b1c;
	color: #fff !important;
	}
	.midel_comant_box_v2{
	width:340px;
	/* height:14px; */
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	font-size:15px;
	/* font-weight:300; */
	color: #ffffff;
	/* padding-top:10px; */
	float:left;
	/* margin-left:10px; */
	margin: 5px 0 0 10px;
	}
	.midel_comant_box_v2_Orang{
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	font-size:15px;
	font-weight:700;
	color: #fcba00;
	text-decoration:underline;
	}
   video {
    width: 100%;
    height: auto;
   }
	/* ------------------------------------------------------------ responsive css -------------------------------------------------------------- */

	@media screen and (max-device-width: 1000px) and (orientation: portrait) {
	.video-box2{
	width:90.3%;
	height:350px;
	background-color:#000000;
	margin:0px auto;
	position: absolute;
	}
	.cantant{
	width:95%;
	height:822px;
	/* background-color:#ffffff; */
	margin-top:3px;
	}
	.top2{
	width:95%;
	height:55px;
	background-image:url(../img/bg-top2_688X214.png);
	background-repeat:no-repeat;
    }
	.video-box{
	width:95%;;
	height:50%;
	background-color:#000000;
	margin:0px auto;
	margin-top:3px;
	}
	}
	@media screen and (max-device-width: 640px) and (orientation: portrait) {
	.hd-text-box{
	/* width:200px; */
	/* height:22px; */
	/* float:left; */
	/* margin-left:13px; */
	color:#ffffff;
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	font-size: 17px;
	font-weight:bold;
	/* margin-top:13px; */
	}
	.comant_box{
	width:320px;
	height: 150px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index:110;
	background-color:#FFFFFF;
	border-radius:2%;
	}
	.player4{
	width:100%;
	height:63px;
	background-color:#000000;
	position:absolute;
	z-index:200;
	margin-top:225px;
		}
	.video-box2{
	width:100%;
	height:230px;
	background-color:#000000;
	margin:0px auto;
	position: absolute;
	}
	.cantant{
	width:100%;
	height:100%px;
	/* background-color:#ffffff; */
	margin-top:3px;
	}
.video-box{
	width:100%;
	height:35%;
	background-color:#000000;
	margin:0px auto;
	margin-top:3px;
	}
	.top2{
	width:88%;
	height:79px;
	margin:0px auto;
	background-repeat:no-repeat;
	background-image:url(../img/bg-top2_371X112.png);
	}
		.top1{
	width:100%;
	height:79px;
	margin:0px auto;
			background-image: url(../img/bg4.png);
	}

    .midel_comant_box{
	width:200px;
	/* height:14px; */
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	/* font-size:15px; */
	font-weight:300;
	color:#34495e;
	/* padding-top:30px; */
	float:left;
	margin-left:10px;
	}
	.top_comant_box{
	width:200px;
	/* height:14px; */
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	/* font-size:17px; */
	font-weight:700;
	color:#34495e;
	padding-top:15px;
	float:left;
	margin-left:10px;
	}
	.btn_comant_box2{
	width:213px;
	height:37px;
	position: absolute;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:700;
	color:#FFFFFF;
	background-image:url(../img/big_btn1.png);
	z-index:112;
	margin-left:14%;
	padding-top:14px;
	}
	.btn_comant_box2:hover{
	width:213px;
	height:37px;
	position: absolute;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:700;
	color:#FFFFFF;
	background-image:url(../img/big_btn2.png);
	z-index:112;
	margin-left:14%;
	padding-top:14px;
	}
	.black-box{
	width:100%;
	height:230px;
	background-color:#030303;
	margin:0px auto;
	position: absolute;
	z-index:90;
	opacity:0.7;
	}
	.video-box-green{
	width:100%;
	height:220px;
	background-color:#000000;
	margin:0px auto;
	position:absolute;
	background-image: url(../img/green1.gif);
	}
	.midel_comant_box_v2{
	width:200px;
	/* height:14px; */
	/* font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; */
	/* font-size:15px; */
	font-weight:300;
	color:#34495e;
	/* padding-top:10px; */
	float:left;
	margin-left:10px;
	}
}
	@media screen and (max-device-width: 1000px)and (min-width: 641px) and (orientation: portrait) {
	.black-box{
	width:100%;;
	height:350px;;
	background-color:#030303;
	margin:0px auto;
	position: absolute;
	}
    .video-box-green{
	width:90.3%;
	height:350px;
	background-color:#161a23;
	margin:0px auto;
	position:absolute;
	background-image:url(../img/green1.gif);
	background-size:cover;
	}
    .player4{
	width:90.3%;
	height:63px;
	background-color:#000000;
	position:absolute;
	z-index:200;
	margin-top:348px;
	}
		   .icon_l{
	width:75px;
	height:75px;
	float:left;
	margin-top:10px;
	background-image:url(../img/t-icon.png);
	margin-left:20px;
	}
}