.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Berita Utama
*********************************/ 
#berita-utama{height:550px;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden; position:relative;  }
.flexslider .slides > li .sponsor-label{padding:5px 8px; font-size:11px; text-transform:uppercase; background:#f00; color:#fff; position:absolute; top:0; left:0;}
.flexslider .slides > li .box-image{height:372px; overflow:hidden; width:auto;background:#ddd;}
.flexslider .slides > li .box-image img {width: auto; height:372px; text-align:center; margin:0 auto; display:block;}
.flexslider .slides img {width:100%; display:block;}
.flexslider .slides li .box-slide{margin:0 3%;padding:10px 2%; width:90%; z-index:12; overflow:hidden; position:absolute; top:350px; background:#fff; height:auto; display:block; visibility:visible;}
.flexslider .slides li .box-slide h2 {color:#fff; font-size:34px; margin:0; padding:0; line-height:120%; font-family:'Din Bold',Arial, Helvetica, sans-serif; line-height:38px; margin-bottom:10px; letter-spacing:-1px;}
.flexslider .slides li .box-slide h5 {font-family:'Din bold',Arial, Helvetica, sans-serif;color:#949599; font-size:15px; margin:0; padding:0; text-transform:uppercase; margin-bottom:5px;}
.flexslider .slides a{color:#333333;}
.flexslider .slides a:hover{color:#949599;}
.flexslider .slides li .box-slide h5 a{color:#949599;}
.flexslider .slides li .box-slide h5 a:hover{color:#333;}
.flexslider .slides li p{font-size:14px; line-height:18px;}
.flex-pauseplay span {text-transform: capitalize;}

/* FlexSlider Default Theme
*********************************/
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}


.flexslider {margin: 0; padding: 0; height:auto; position:relative; overflow:hidden;}
.flexslider.utama-border{border-bottom:5px solid #dfdfdf;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 60px; margin: -20px 0 0; display: block; background: url(../images/all-icon.png) no-repeat; position: absolute; top:35%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: -33px -322px; right:-50px; }
.flex-direction-nav .flex-prev {background-position: -5px -322px; left:-50px;}
.flexslider:hover .flex-next {opacity: 0.5; right:5px;}
.flexslider:hover .flex-prev {opacity: 0.5; left:5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav {width: 100%; position: absolute; bottom:210px; text-align: center;z-index: 12;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background:#ccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; /*box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5);*/}
.flex-control-paging li a:hover { background: #949599;}
.flex-control-paging li a.flex-active { background: #ed1b23; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*foto*/
.flexslider .box-foto{padding:3%; width:94%; z-index:12; overflow:hidden; position:absolute; bottom:-50px; background:rgba(0,0,0,0.7); display:block; visibility:visible; opacity:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flexslider .slides li .box-foto h2{color:#fff; font-size:14px; margin:0; padding:0; line-height:120%;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#foto-front .flex-control-nav{bottom:0;}

.flexslider:hover .box-foto{opacity:1; bottom:2px;}
.flexslider .slides li .box-foto a{color:#dfdfdf;}
.flexslider .slides li .box-foto a:hover {color:#fff;}

/* video */
.flexslider .box-video{padding:3%; width:94%; z-index:12; overflow:hidden; position:absolute; bottom:-50px; background:rgba(254,254,254,0.7); display:block; visibility:visible; opacity:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flexslider .slides li .box-video h2{color:#fff; font-size:14px; margin:0; padding:0; line-height:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#video-front .flex-control-nav{bottom:0;}
.flexslider:hover .box-video{opacity:1; bottom:2px;}
.flexslider .slides li .box-video a{color:#333333;}
.flexslider .slides li .box-video a:hover {color:#949599;}

/*cetak*/
.flexslider .slides li .box-cetak{padding:10px;overflow:hidden; position:relative; z-index:12; top:0; left:0;}
.flexslider .slides li .img-cetak{width:90px;display:block; margin-right:10px; float:left;}
.flexslider .slides li .header-cetak{display:inline-block; height:auto; width:auto;}
.flexslider .slides li .box-cetak h4{font-weight:bold; font-size:11px; margin:3px 10px 3px 100px; padding:3px 0; border-top:1px solid #dfdfdf;}
#cetak-front .flex-direction-nav a {width:22px; height:22px; margin: -15px 0 0; display: block; background: url(../images/all-icon.png) no-repeat; position: absolute; top:90%; z-index: 10; cursor: pointer; text-indent: -9999px;opacity:0.5;}
#cetak-front .flex-direction-nav .flex-next {background-position:-100px -785px; right:10px;}
#cetak-front .flex-direction-nav .flex-prev {background-position:-56px -785px; left:239px;}
#cetak-front .flex-direction-nav .flex-next:hover {opacity:1; background-position:-100px -817px;}
#cetak-front .flex-direction-nav .flex-prev:hover {opacity:1; background-position:-56px -817px;}

/*tempostore*/
#store-front{height:auto;}
.flexslider .slides li .box-store{padding:0;overflow:hidden; position:relative; z-index:12; top:0; left:0;}
.flexslider .slides li .img-store{width:auto;display:block; height:172px; text-align:center; background:#949599;}
.flexslider .slides li .img-store img{width:auto; height:172px; margin:0 auto;}
.flexslider .slides li .box-store p{font-size:11px; margin:10px;}
.flexslider .slides li .box-store h4 a{text-align:left; font-weight:bold; font-size:11px; padding:5px 10px; background:#333333; color:#fff; display:block; text-transform:uppercase;}
.flexslider .slides li ul.store-list li:first-child{border-top:none;}
.flexslider .slides li ul.store-list li{font-size:11px; font-weight:bold; padding:5px 10px; border-top:1px solid #ddd;}
.flexslider .slides li ul.store-icon {padding:10px; overflow:hidden; border-top:1px solid #ddd; text-align:center;}
.flexslider .slides li ul.store-icon li{float:left; margin-right:10px;}
.flexslider .slides li ul.store-icon li a{color:#949599;}
.flexslider .slides li ul.store-icon li a:hover{color:#ed1b23;}
.flexslider .slides li ul.store-icon li:last-child{margin-right:0;}
.flexslider .slides li ul.store-icon li p{ font-size:9px; font-weight:bold; text-transform:uppercase; margin:2px 0 0 0; padding:0; display:inline-block;}
ul.store-icon li .pdf{width:16px; height:16px; background:url(../images/all-icon.png) top left no-repeat; background-position:0 -304px; margin-right:5px; float:left;}
ul.store-icon li .web{width:16px; height:16px; background:url(../images/all-icon.png) top left no-repeat; background-position:-26px -304px; margin-right:5px; float:left;}
ul.store-icon li .cart{width:16px; height:16px; background:url(../images/all-icon.png) top left no-repeat; background-position:-51px -304px; margin-right:5px; float:left;}
ul.store-icon li .login{width:16px; height:16px; background:url(../images/all-icon.png) top left no-repeat; background-position:-1px -394px; margin-right:5px; float:left;}
/* slide foto konten */
.flexslider .slides li .deskripsi{color:#fff; font-size:11px; color: #949599; padding:5px 0; border-bottom:3px solid #ddd; margin:0; line-height:normal;}
#konten-slide-foto .flex-control-nav{bottom:70px; z-index:2; width:50%; margin:0 25%;}
#konten-slide-foto .flex-control-paging li a {width: 20px; height: 20px; display: block; background:#ccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5);}
#konten-slide-foto .flex-control-paging li a:hover { background: #949599;}
#konten-slide-foto .flex-control-paging li a.flex-active { background: #ed1b23; cursor: default; }
.flexslider:hover .box-konten-slide{opacity:1; bottom:2px;}
.flexslider .slides li .area-slide{position:relative;}
.flexslider .slides li .area-slide img{display:block; overflow:hidden}
.flexslider .slides li .area-slide .share-display{position:absolute; right:0; bottom:0; width:auto; height:32px; z-index:12; opacity:0.4;filter: alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background:#000; padding:5px;}
.flexslider .slides li .area-slide:hover .share-display{opacity:0.8;filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.share-display ul li{width:32px; margin-right:5px; display:block; height:32px; float:left;}
.share-display ul li:last-child{margin-right:0;}
.share-display ul li a{display:block; width:32px; height:32px; overflow:hidden;}
.share-display ul li:hover{opacity:0.7;filter: alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.share-display ul li.facebook{width:32px; height:32px; overflow:hidden; float:left; display:block; background:url(../images/all-icon.png) no-repeat; background-position:-5px -737px;}
.share-display ul li.twitter{width:32px; height:32px; overflow:hidden; float:left; display:block; background:url(../images/all-icon.png) no-repeat; background-position:-91px -737px;}
.share-display ul li.google{width:32px; height:32px; overflow:hidden; float:left; display:block; background:url(../images/all-icon.png) no-repeat; background-position:-6px -780px;}
.share-display ul li.pinterest{width:32px; height:32px; overflow:hidden; float:left; display:block; background:url(../images/all-icon.png) no-repeat; background-position:-49px -737px;}
/*carousel*/
#carousel .slides li .box-top{margin:5px; background:#fff; border:1px solid #dfdfdf; overflow:hidden; padding:0;}
#carousel .flex-active-slide{opacity:.5;cursor:pointer}
#carousel .flex-prev{opacity:1}
#carousel .flex-next{opacity:1}
#carousel{padding:0; background:#fff;}

/*foto-video-grafis*/
.bigbox{border:1px solid #ddd; padding:30px; display:block;}
#multi-slide .slides li .multi-box{position:relative; z-index:12;}
#multi-slide .slides li .multi-box .left-box{width:60%; float:left; margin-right:3%;}
#multi-slide .slides li .multi-box .left-box img{display:block; width:100%;}
#multi-slide .slides li .multi-box .right-box{width:37%; float:right; margin-top:30px;}
#multi-slide .slides li .multi-box .right-box h2{color:#fff; font-size:34px; margin:0; padding:0; line-height:120%; font-family:'Din Bold',Arial, Helvetica, sans-serif; line-height:38px; margin-bottom:10px; letter-spacing:-1px;}
#multi-slide .slides li .multi-box .right-box h5 {font-family:'Din bold',Arial, Helvetica, sans-serif;color:#949599; font-size:15px; margin:0; padding:0; text-transform:uppercase; margin-bottom:5px;}
#multi-slide .flex-control-nav {width: 100%; position: absolute; bottom:0px; text-align:right;z-index: 12; font-size:2px;}
#multi-slide .flex-control-paging li a {width: 12px; height: 12px; display: block; background:#ccc; color:#ccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; /*box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5);*/}
#multi-slide .flex-control-paging li a:hover { background:#949599; color:#949599;}
#multi-slide .flex-control-paging li a.flex-active { color:#ed1b23; background:#ed1b23; cursor: default; }
#multi-slide .flex-direction-nav a {top:50%;}