#philips.tab-pane{
	color: #fff;
    background-color: #0096ee;
    background: #0096ee;
}
#philips.tab-pane .wrapper-box-product{
	position: relative;
	color: #fff;
	background-color: #0096ee;
    background-repeat: repeat-x;
    background: linear-gradient(to bottom right,#003655 0,#0066a1 50%,#0096ee 100%);
    z-index: 1;
    overflow:hidden;
}
#philips.tab-pane .wrapper-box-product.white{
      background: white;  
}
#philips.tab-pane .wrapper-box-product::before{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #0096ee;
	background-repeat: repeat-x;
	background: linear-gradient(to bottom right,#003655 0,#0066a1 100%,#0096ee 100%);
	z-index: -1;
	transition: opacity 0.5s linear;
	opacity: 0;
}
#philips.tab-pane .wrapper-box-product.white::before{
      background: white;  
}
#philips.tab-pane .wrapper-box-product:nth-child(even){
	background: linear-gradient(to bottom right,#003655 0,#0066a1 25%,#0096ee 100%);
}
#philips.tab-pane .wrapper-box-product.white:nth-child(even){
      background: white;  
}
#philips.tab-pane .wrapper-box-product:nth-child(even)::before{
	background: linear-gradient(to bottom right,#003655 0,#0066a1 100%,#0096ee 100%);
}
#philips.tab-pane .wrapper-box-product.white:nth-child(even)::before{
      background: white;  
}
#philips.tab-pane .wrapper-box-product:hover::before{
	opacity: 1;
}
#philips.tab-pane .wrapper-box-product:active::before{
	opacity: 1;
}
#philips.tab-pane .wrapper-box-product:focus::before{
	opacity: 0;
}
#philips.tab-pane .wrapper-box-product .box-product{
	color: #fff;
	background: transparent;
	background-color: transparent;
	padding-bottom: 30px;
}
#philips.tab-pane .wrapper-box-product .box-product .img{
	margin-bottom: 0;
}
#philips.tab-pane .wrapper-box-product .box-product .img img{
	max-height: 500px;
}
#philips.tab-pane .wrapper-box-product .box-product .title h2{
	margin-bottom: 0;
}
#intro-philips{
	padding: 30px 0;
	text-align: center;
	background: rgba(9,47,82,1.0);
	background-color: rgba(9,47,82,1.0);
}
#intro-philips img{
	max-height: 100px;
}
#intro-philips .title{
	font-family: 'RoihuW01Black';
	font-size: 30px;
}
.bgfoot-philips{
	background-color: #0096ee;
    background-repeat: repeat-x;
    background: linear-gradient(to bottom right,#003655 0,#0066a1 50%,#0096ee 100%);
}
#jumbotron-wrapper .jumbotron .col-title-pages-audio-video-detail.title-pages-audio-video-detail .title-pages .title{
	color: #003478;
}
.btn-phils{
	background: #003478 !important;
	background-color: #003478 !important;
	color: white;
	-webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
    padding: 10px 50px;
    letter-spacing: .7px;
    border-radius: 8px;
}
.btn-phils:hover,.btn-phils:active,.btn-phils:focus{
	background: #00295f !important;
	background-color: #00295f !important;
	color: white;
}
.btn-phils.bold{
	font-family: 'RoihuW01Black';
}
.clred-phils{
	color: #00295f !important;
}
#jumbotron-wrapper .jumbotron .col-title-pages-audio-video-detail .btn-phils{
	margin-top: 15px;
}
.modal{
	z-index: 1104;
	font-size: 14px;
}
.modal .modal-content{
	border-radius: 6px;
}
.modal .modal-header{
	border-bottom: 0;
}
.modal .next-angle{
	font-family: 'RoihuW01Regular';
	color: black;
	font-size: 13px;
	background: transparent;
	background-color: transparent;
}
.modal .close{
	margin-top: 5px;
}
.modal .close, #astr-modal .close:focus, #astr-modal .close:hover{
	opacity: 1;
}
.modal-backdrop{
	z-index: 1103;
}
#keterangan-lebih-produk .col-keterangan-lebih-produk{
	padding: 50px 30px;
}
@media screen and (max-width: 767px) {
    #philips.tab-pane .wrapper-box-product .box-product .img img{
        max-width: 300px;
        max-height: 300px;
    }
}
@media screen and (max-width: 574px) {
	.large-audio-video-image{
		max-width: 300px;
		margin: 0 auto;
	}
	.slick-initialized .slick-slide.list-large img {
	    max-width: 300px;
		max-height: unset !important;
	}
}