.img1 {width:100%; }
.img2 {width:70%; margin:auto; }
.img3 {width:60%; margin:auto; }
.img4 {width:40%; margin:auto; }
.daftar{width:40%; margin:auto;}
.main1{width:1000px; margin:auto; float:left;}
.main2{width:800px; margin:auto; background-color:#FFFFFF;}
.main1a{width:100%; margin:auto; background-color:#FFFFFF;}
.side1{width:19%; background-color:#FFFFFF;}
.content1{width:79.99999%; background-color:#FFFFFF;}
.logo1 {width:400px; }
.premium {width:125px; }
.latest{width:150px; }
.latest2{height:230px; }
.iklan{display:inline-block; width:190px; height: 260px; background-color:#fff; padding: 4px 10px 10px 10px; margin:auto; vertical-align:top; }
.style1 {color: #FFFFFF}
.font1{font-size: 16px; color:#000099;}
.font2{font-size: 12px; color:#666666;}
.height1{height:250px; }
.category {width:90px; }
.space1 { height:70px; background: #474747 }

@media screen and (max-width: 1200px){ /* when document is 860px or less */
.side1{width:20%; background-color:#FFFFFF;}
.content1{width:79.99999%}
.img1 {width:100%;}
.img2 {width:70%;}
.img3 {width:60%;}
.img4 {width:40%;}
.logo1 {font-size: 10px; color:#000099;}
.space1 { height:0px; }
}

@media screen and (max-width: 1000px){ /* when document is 860px or less */
.daftar{width:99.99999%; margin:auto;}
.main1{width:99.99999%; margin:auto;}
.main2{width:99.99999%; margin:auto;}
.side1{width:20%; background-color:#FFFFFF;}
.content1{width:79.99999%}
.img1 {width:100%;}
.img2 {width:100%;}
.img3 {width:80%;}
.img4 {width:60%;}
.logo1 {width:300px; }
.space1 { height:55px; }
}

@media screen and (max-width: 860px){ /* when document is 860px or less */
.daftar{width:99.99999%; margin:auto;}
.main1{width:99.99999%; margin:auto;}
.main2{width:99.99999%; margin:auto;}
.side1{width:99%}
.content1{width:99.99999%}
.img1 {width:100%;}
.img2 {width:100%;}
.img3 {width:90%;}
.img4 {width:80%;}
.logo1 {width:300px; }
.space1 { height:55px; }
}

@media screen and (max-width: 600px){ /* when document is 600px or less */
.daftar{width:99.99999%; margin:auto;}
.main1{width:99.99999%; margin:auto;}
.main2{width:99.99999%; margin:auto;}
.side1{width:99.99999%}
.content1{width:99.99999%}
.img1 {width:100%;}
.img2 {width:100%;}
.img3 {width:95%;}
.img4 {width:90%;}
.logo1 {width:300px; }
.space1 { height:55px; }

}

@media screen and (max-width: 480px){ /* when document is 480px or less */
.daftar{width:99.99999%; margin:auto;}
.main1{width:99.99999%; margin:auto;}
.main2{width:99.99999%; margin:auto;}
.side1{width:99.99999%}
.content1{width:99.99999%; padding: 5px 5px 5px 5px; }
.img1 {width:100%;}
.img2 {width:100%;}
.img3 {width:98%;}
.img4 {width:95%;}
.logo1 {width:300px; }
.premium {width:99px; height:99px; }
.iklan{display:inline-block; width:150px; height: 100%; background-color:#fff; padding: 2px 2px 2px 2px; margin:auto; vertical-align:top;}
.latest{width:100%; }
.latest2{height:270px; }
.font1{font-size: 14px; color:#000099;}
.font2{font-size: 10px; color:#666666;}
.font3{font-size: 12px; color:#003399;}
.height1{height:120px; }
.category {width:70px; height:70px; }
.space1 { height:55px; }

}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.label-container{
	position:fixed;
	bottom:28px;
	right:85px;
	display:table;
	visibility: hidden;
}

.label-text{
	color:#FFF;
	background:rgba(51,51,51,0.5);
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
}

.label-arrow{
	display:table-cell;
	vertical-align:middle;
	color:#333;
	opacity:0.5;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	/*background-color:#06C;*/
	color:#FFF;
	border-radius:50px;
	text-align:center;
	/*box-shadow: 2px 2px 3px #999;*/
}

.my-float{
	font-size:24px;
	margin-top:18px;
}

a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}
.shadow1 { text-shadow: 2px 2px 4px #000000; }
.hr-orange-bold {
  border: 3px solid orange;
  width: 100px;
  display: inline-block;
}

.inline-photo {
  border: 1em solid #fff;
  border-bottom: 4em solid #fff;
  border-radius: .25em;
  box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
  margin: 2em auto;
  opacity: 0;
  -webkit-transform: translateY(4em) rotateZ(-5deg);
          transform: translateY(4em) rotateZ(-5deg);
  -webkit-transition: opacity .3s .25s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  transition: opacity .3s .25s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  max-width: 600px;
  width: 90%;
  will-change: transform, opacity;
}

.inline-photo.is-visible {
  opacity: 1;
  -webkit-transform: rotateZ(-2deg);
          transform: rotateZ(-2deg);
}

.grow_up {

  
  opacity: 0;
  -webkit-transform: translateY(5em) rotateZ(0deg) scale(.8);
          transform: translateY(5em) rotateZ(0deg) scale(.8);
          
          
  -webkit-transition: opacity .3s .25s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  transition: opacity .3s .25s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  
  max-width: 600px;
  width: 90%;
  will-change: transform, opacity;
}

.grow_up.is-visible {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}

.grow_up_text {

  
  opacity: 0;
  -webkit-transform: translateY(5em) rotateZ(0deg) scale(.8);
          transform: translateY(5em) rotateZ(0deg) scale(.8);
          
          
  -webkit-transition: opacity .3s .25s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  transition: opacity .3s .25s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1);
  
  max-width: 100%;
  width: 90%;
  will-change: transform, opacity;
}

.grow_up_text.is-visible {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}


.main-photo {
    
  -webkit-transform: scale(.8);
          transform: scale(.8);
}



.is-visible .main-photo {
  -webkit-transform: none;
          transform: none;
}



.main-photo {
  -webkit-transition: -webkit-transform 4s .25s cubic-bezier(0,1,.3,1),
              -webkit-filter 10s 2s ease-out;
  transition: -webkit-transform 4s .25s cubic-bezier(0,1,.3,1),
              -webkit-filter 10s 2s ease-out;
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              filter 10s 2s ease-out;
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              filter 10s 2s ease-out,
              -webkit-transform 4s .25s cubic-bezier(0,1,.3,1),
              -webkit-filter 10s 2s ease-out;
  will-change: transform;
}

.imgborder {
  border-radius: 15%;
  border: 4px solid #555;
}