.form{

    position: relative;
}

.form .fa-search{

    position: absolute;
    top:8px;
    left: 20px;
    color: #9ca3af;

}

.form span{

        position: absolute;
    right: 17px;
    top: 2px;
    padding: 2px;
    border-left: 1px solid #d1d5db;

}

.left-pan{
    padding-left: 7px;
}

.left-pan i{
   
   padding-left: 10px;
}

.form-input{

    height: 30px;
    text-indent: 30px;
    border-radius: 30px;
}

.form-input:focus{

    box-shadow: none;
    border:none;
}
		.testimonial{
    margin: 0 0px 0px;
}



.testimonial .testimonial-content {
  padding: 5px 5px 15px 30px;
  margin-bottom: 1px;
  position: relative;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 40px;
  height: 35px;
  background: #ff4242;
  text-align: center;
  font-size: 22px;
  color: #fff;
  line-height: 40px;
  position: absolute;
  left: -19px;
}


.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #e41212;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    font-size: 10px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 14px;
    margin: 0;
}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #ff4242;
}


      .dd {
        position: relative;
        display: inline-block;
      }

      .dd-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 7;
        border-top: 3px solid #d01f27;
        right: 35px;
      }

      .dd-content::before {
        content: "";
        position: absolute;
        right: 50%;
        top: -8px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #d01f27;
      }

      .dd-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        border-bottom: 1px solid #ccc;
      }

      .dd-content a:hover {
        background-color: #f1f1f1;
        font-weight: bold;
      }

      .dd:hover .dd-content {
        display: block;
      }
	  
	  .sbnv_wrapper {
  border-color: #6d6d6d;
    border-top-color: rgb(109, 109, 109);
    border-right-color: rgb(109, 109, 109);
    border-left-color: rgb(109, 109, 109);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-width: 3px;
    border-top-width: 3px;
    border-right-width: 3px;
    border-left-width: 3px;
  border-style: double;
    border-top-style: double;
    border-right-style: double;
    border-left-style: double;
  border-right: 0;
  border-left: 0;
  border-top: 0;
}



@import url(http://fonts.googleapis.com/css?family=Raleway);
@keyframes ticker {
	0%   {margin-top: 0}
	25%  {margin-top: -30px}
	50%  {margin-top: -60px}
	75%  {margin-top: -90px}
	100% {margin-top: 0}
}


.news {
  width: auto;
  height: 22px;
  margin: 0px auto;
  overflow: hidden;
  border-radius: 4px;
  padding: 0px;
  -webkit-user-select: none
} 



.news ul {
  float: left;
  padding-left: 10px;
  animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none
}

.news ul li {line-height: 28px; list-style: none }

.news ul li a {
  color: #000;
  text-decoration: none;
  font-weight:700px;
  font: 12px 'Raleway',Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none
}

.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }




 
 .linkg20 {
            width: 100%;
            background: #171043;
            padding: 5px 0px 5px 15px;
            margin-bottom: 10px;
        }

        .linkg20 a {
            color: #fff !important;
            text-decoration: none;
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 16px;
        }
 
 
 #ivs-player-001 {
            padding-bottom: calc(56.25% + 120px);
            position: relative;
        }

        #ivs-player-001>ivs-player {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        

.hot-topic-wrap .hot-topic-content {
  padding: 3px 6px;
  border: 1px solid #fb5858;
  border-radius: 5px;
  text-align: center;
  color: #222;
  font-size: 12px;
  font-family: arial;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 6px;
  transition: color .3s,background-color .3s;
}


.main-content__left .container-lit {
  padding: 0;
  border: 0;
}

.icon-play {
  background-image: url(https://static.republika.co.id/files/republika2023/images/icon/icon-play.svg);
  top: 25%;
  left: 50%;
  transform: translate(-50%,0);
  width: 50px;
  height: 50px;
}
.icon {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-play {
  position: absolute;
}





.icon-camera {
  background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2215%22%20viewBox%3D%220%200%2020%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EBFA0EE11-89A9-41E2-966A-2CF438D32464%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0-1h20v18H0z%22%2F%3E%3Cpath%20d%3D%22M13.96%201.865L12.61.47a.5.5%200%200%200-.36-.152h-4.5a.5.5%200%200%200-.366.16L6.09%201.872l.366-.16H1.225a.5.5%200%200%200-.5.5v12.08a.5.5%200%200%200%20.5.5h17.55a.5.5%200%200%200%20.5-.5V2.212a.5.5%200%200%200-.5-.5H13.6l.36.153zm-.72.695a.5.5%200%200%200%20.36.153h5.175l-.5-.5v12.08l.5-.5H1.225l.5.5V2.212l-.5.5h5.231a.5.5%200%200%200%20.367-.16l1.293-1.394-.366.16h4.5l-.36-.152%201.35%201.393z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M12.8%208.252c0%201.61-1.257%202.908-2.8%202.908S7.2%209.86%207.2%208.252%208.457%205.345%2010%205.345s2.8%201.298%202.8%202.907zm1%200c0-2.154-1.698-3.907-3.8-3.907S6.2%206.098%206.2%208.252c0%202.155%201.698%203.908%203.8%203.908s3.8-1.753%203.8-3.908z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  top: 25%;
  left: 50%;
  transform: translate(-50%,0);
  width: 50px;
  height: 50px;
}

.icon-camera {
  position: absolute;
}


.thumbnail {
  border: 0;
  background-color: transparent !important;
  margin-bottom: 10px !important;
}

.list-group-item {
  padding: 10px 0;
  border-right: none;
  border-left: none;
  background-color: transparent;
}