.component_4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../assets/images/shell/01.png);
  background-size: 100% 100%;
}
.component_4 .header_text{
  position: absolute;
  top: 35px;
  left: 45px;
  font-size: 25px;
  color: white;
}
.component_4 .cont_data_par {
  position: absolute;
  top: 80px;
  left: 57px;
  height: 410px;
  width: 786px;
  display: none;
  overflow: hidden;
  /*background: #000000a1;*/
  /*background-image: url(../../../assets/images/component4/image323.png);*/
  /*font-family: 'Arial_Bold_new';*/
  /* float: left; */
}
.component_4 .cont_data_par .container_center{
  display: flex;
}
.component_4 .cont_data_par .left_side_content{
  position: relative;
  width: 55%;
  height: 410px;
}
.component_4 .cont_data_par .right_side_content{  
  position: relative;  
  width: 45%;  
  height: 370px;  
  padding: 20px;  
  /* float: right; */  
  /* background-image: url(../../../assets/images/component4/image323.png); */
  
}
.component_4 .cont_data_par .left_side_content .com4_vdo_cont, .component_4 .cont_data_par .left_side_content .com4_vdo_cont_1, .component_4 .cont_data_par .left_side_content .com4_vdo_cont_2{
  position: absolute;
}

.component_4 .cont_data_par .left_side_content .com4_vdo_cont video{
    position: relative;
    left: 0;
    top: 11px;

}
.component_4 .cont_data_par .left_side_content .com4_vdo_cont_1 video{
    position: relative;
    left: 0;
    top: 11px;
}
.component_4 .cont_data_par .left_side_content .com4_vdo_cont_2 video{
    position: relative;
    left: 0;
    top: 11px;
}
.component_4 .cont_data_par .right_side_content .right_sub_content{
  color: #fff;
  font-size: 11px;
    width: 310px;
    line-height: 16px;
}
.component_4 .comp1btn{
  position: absolute;
  height: 36px;
  width: 100px;
  top: 300px;
  left: 17px;
  text-align: center;
  line-height: 14px;
  font-size: 11px;
  box-shadow: 1px 1px 7px #000000;
  border-radius: 25px;
  cursor: pointer;
  background: white;
  
  font-family: 'Arial_Bold_new';
}
.component_4 .comp1btn.btn1{
  background-image: linear-gradient(90deg, #f5f3f3 0%, #f5f3f3 50%, rgb(239 0 255) 100%);
}
.component_4 .comp1btn.btn2{
  top: 300px;
  left: 137px;
  background-image: linear-gradient(90deg, #f5f3f3 0%, #f5f3f3 50%, #ff6600 100%);
}
.component_4 .comp1btn.btn3{
  top: 300px;
  left: 257px;
  background-image: linear-gradient(90deg, #f5f3f3 0%, #f5f3f3 50%, #3d8fca 100%);
}
.component_4 .comp1btn.btn4{
  top: 347px;
    left: 257px;
  background-image: linear-gradient(90deg, #f5f3f3 0%, #f5f3f3 50%, #673ab7 100%);
} 
.component_4 .comp4btn_3dot{
    color: #FFF;
    position: absolute;
    left: 305px;
    top: 328px;
}
.component_4 .comp4btn_3dot span{
  display: block;
    width: 2px;
    height: 4px;
}
.component_4 .comp1btn:hover{
  background: #ff6600;
}
.component_4 .comp1btn:active{
  background: #ff6600;
  box-shadow: 1px 1px 8px 9px #c25004;
}
.component_4 .comp1btn.btn1 span{
  position: relative;
  top: 4px;
}
.component_4 .comp1btn.btn2 span{
  position: relative;
  top: 4px;
}
.component_4 .comp1btn.btn3 span{
  position: relative;
  top: 4px;
}
.component_4 .comp1btn.btn4 span{
  position: relative;
  top: 4px;
}

.component_4 .btn1_popup{
  position: absolute;
  height: 360px;
  width: 610px;
  top: -82px;
  left: -189px;
  /*border-radius: 20px;*/
  opacity: 0;
  transition: all 0.5s;
  transform: scale(0.1);
  display: none;
}
.component_4 .btn1_popup.active{
  height: 410px;
  width: 375px;
  top: 0px;
  left: 0px;
  opacity: 1;
  transform: scale(1);
}
.component_4 .popup_back{
  position: absolute;
  height: 23px;
  width: 60px;
  top: 380px;
  left: 5px;
  text-align: center;
  line-height: 26px;
  font-size: 10px;
  box-shadow: 1px 1px 7px #000000;
  border-radius: 14px;
  cursor: pointer;
  background: #ffffff;
  color: #000000;
  z-index: 1;
  font-family: 'Arial_Bold_new';
}

.component_4 .popup_back:hover{
  background: #ff6600;
}
.component_4 .popup_back:active{
  background: #ff6600;
  box-shadow: 1px 1px 8px 9px #c25004!important;
}
.component_4 .btn1_popup .btn1_popup_video{
   position: absolute;
   top: 24px;
   /* left: 304px; */
   height: 323px;
   width: 277px;
   overflow: hidden;
   border-radius: 0px 20px 20px 0px;
}
.component_4 .btn1_popup .btn1_popup_video video{
  width: 132%;
  position: relative;
  left: -87px;
}

.component_4 .btn1text{
  position: absolute;
  width: 330px;
  left: 0px;
  font-size: 14px;
  font-weight: 100;
  color: #FFF;
}
.component_4 .btn1text1{
  top: 2px;
  font-size: 15px;
  font-family: 'Arial_Bold_new';
  left: 5px;
}
.component_4 .btn1text2{
  top: 20px;
  font-size: 11px;
    left: 5px;
    line-height: 18px;
}
.component_4 .btn1text3{
  top: 2px;
  left: 5px;
  font-size: 15px;
  font-family: 'Arial_Bold_new';
}
.component_4 .btn1text4{
  top: 20px;
  left: 5px;
  width: 330px;
    font-size: 11px;
    line-height: 17px;
}
.component_4 .btn1Img_group_1{  
position: absolute;  
top: 250px;  
width: 150px;  
height: 120px;
overflow: hidden;
}

.component_4 .btn1Img_group_1 img{  
   z-index:1
}
.component_1 .btn1Img_group_1 img.active{
  z-index:3;
 }
 .component_4 .btn1Img_group_2 img{  
  z-index:1
}
.component_1 .btn1Img_group_2 img.active{
 z-index:3;
}
.component_4 .btn1Img_group_3 img{  
  z-index:1
}
.component_1 .btn1Img_group_3 img.active{
 z-index:3;
}
.component_4 .btn1Img_group_4 img{  
  z-index:1
}
.component_1 .btn1Img_group_4 img.active{
 z-index:3;
}
.component_4 .btn1Img_group_5 img{  
  z-index:1
}
.component_1 .btn1Img_group_5 img.active{
 z-index:3;
}
.component_4 .btn1Img_group_6 img{  
  z-index:1
}
.component_1 .btn1Img_group_6 img.active{
 z-index:3;
}
.component_4 .btn1Img_group_1 img, .component_4 .btn1Img_group_2 img, .component_4 .btn1Img_group_3 img, .component_4 .btn1Img_group_4 img, .component_4 .btn1Img_group_5 img, .component_4 .btn1Img_group_6 img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.component_4 .btn1Img_group_2{  
position: absolute;  
top: 250px;  
width: 150px;  
height: 120px;  
left: 160px;
overflow: hidden;
}

.component_4 .btn1Img_group_3{  
position: absolute;  
top: 250px;  
width: 150px;  
height: 120px;
overflow: hidden;
}

.component_4 .btn1Img_group_4{  
position: absolute;  
top: 250px;  
width: 150px;  
height: 120px;  
left: 150px;
overflow: hidden;
}
.component_4 .btn1Img_group_5{  
position: absolute;  
top: 250px;  
width: 150px;  
height: 120px;
overflow: hidden;
}
.component_4 .btn1Img_group_6{  
position: absolute;  
top: 250px;  
width: 150px;  
height: 120px;  
left: 160px;
overflow: hidden;
}
.component_4 .btn1img_last4{
    position: relative;
    top: 260px;
    left: 0px;
}
.component_4 .btn1img_last4 img{
  height: 100%;
    width: 90%;
}
.component_4 .btn2_popup{
  position: absolute;
  height: 198px;
  width: 750px;
  top: -2px;
  left: 71px;
  /*border-radius: 20px;*/
  opacity: 0;
  transition: all 0.5s;
  transform: scale(0.1);
  display: none;
}
.component_4 .btn2_popup.active{
  height: 410px;
  width: 375px;
  top: 0px;
  left: 0px;
  opacity: 1;
  transform: scale(1);
}
.component_4 .popup_back2{
  top: 380px;
  left: 0px;
}


.component_4 .btn3_popup{
  position: absolute;
  height: 360px;
  width: 610px;
  top: -82px;
  left: 371px;
  /*border-radius: 20px;*/
  opacity: 0;
  transition: all 0.5s;
  transform: scale(0.1);
  display: none;
}
.component_4 .btn3_popup.active{
  height: 410px;
  width: 375px;
  top: 0px;
  left: 0px;
  opacity: 1;
  transform: scale(1);
}
.component_4 .popup_back3{
  top: 380px;
  left: 5px;
}

.component_4 .btn1text5{
  top: 2px;
  left: 5px;
  font-size: 15px;
  font-family: 'Arial_Bold_new';
}
.component_4 .btn1text6{
      top: 20px;
    left: 5px;
    width: 330px;
    font-size: 11px;
    line-height: 16px;
}

.component_4 .btn4_popup{
  position: absolute;
  height: 360px;
  width: 610px;
  top: 188px;
  left: 378px;  
  /*border-radius: 20px;*/
  opacity: 0;
  transition: all 0.5s;
  transform: scale(0.1);
  display: none;
}
.component_4 .btn4_popup.active{
  height: 410px;
  width: 375px;
  top: 0px;
  left: 0px;
  opacity: 1;
  transform: scale(1);
}
.component_4 .popup_back4{
  top: 380px;
  left: 5px;
}

.component_4 .btn1text7{
  top: 2px;
  left: 5px;
  font-size: 15px;
  font-family: 'Arial_Bold_new';
}
.component_4 .btn1text8{
  top: 20px;
    left: 5px;
    width: 330px;
    font-size: 11px;
    line-height: 16px;
}
.component_4 .cont2_back_video{
  position: absolute;
  top: 47px;
  left: 2px;
  width: 806px;
  border-radius: 12px;
  height: 371px;
  overflow: hidden;
}
.component_4 .boldTxt_TempLADA{
  font-family: "Arial_Bold_new";
}
.component_4 .MEDIANOCHE_anim_text1{
font-family: "Arial_Bold_new";
color:#FFF;
position: absolute;
    left: -180px;
    top: 74px;
    font-size: 9px;
    display: none;
}
.component_4 .MEDIANOCHE_anim_text2{
  font-family: "Arial_Bold_new";
  color:#FFF;
      position: absolute;
    left: -185px;
    top: 334px;
    font-size: 9px;
    display: none;
}