/* Border-Radius 
================================*/
button,
.button,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.readon,
.pagination ul li a,
.pagination ul li span,
#khPopupLogin,
.khIsWrapper-kh_startup .khIsText h3 a,
.pagination ul li.counter,
.box.mark-video .header,
.box.light .header,
.box.mark-blue .header,
section#khMainbody,
.box > div
{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
}

/* Transition
================================*/
a,
.khTwitter,
.khFb,
.khGplus,
.khPinterest,
span#fb-auth,
button,
.button,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.readon,
.pagination ul li a,
.pagination ul li span,
.khMenu > ul > li > a ,
.khMenu > ul div.childcontent li,
.khIsWrapper-kh_startup .khIsText h3 a,
#khTopMenu li a,
.menu li,
.nspLinks:hover ul li,
#kh-day
{
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
#khStyleArea a
{
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	-o-transition: -o-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
}

/* Box-Shadow
================================*/
.allmode-default .allmode_topitem .allmode_img,
.allmode-default .allmode_item .allmode_img
 {
	box-shadow: 0 0 10px rgba(0,0,0,0.08) inset,
				0 1px 1px rgba(0,0,0,0.05),
				0 7px 4px -4px rgba(0,0,0,0.08);
}

/* CSS3 STYLE GENERIC 
================================*/
.view {
   margin: 2px 0 8px 10px;
   float: right;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .hover_info, .view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}

.second-effect .circle_over, .second-effect .circle_in {
    width: 153.18%;
    height: 111.1%;
    -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 1);
			box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 1); 
    position: absolute;
    transition: all 200ms linear; 
    -webkit-transition: all 200ms linear;  
    -moz-transition: all 200ms linear;
}
.second-effect:hover .circle_over {
    -webkit-box-shadow: none;
			box-shadow: none;
}

.hover_info {
    position: absolute;
    top: 0;
    left: 0;
}
.hover_info a { font-size: 12px; padding: 5px 10px;color: #E7E7E7; position: absolute; bottom: 25px; right: -100%;transition: right 350ms linear; -webkit-transition: right 350ms linear; -moz-transition: right 350ms linear; }
.hover_info:hover a { 
	right: 0;
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}