/******************************************
***          YT Framework: CSS          ***
*******************************************/

/* Style Menu */
a{
	-webkit-transition: color 0.3s linear 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-o-transition: color 0.3s ease-in-out 0s;
	-ms-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;	
}

/* Style Mod Social */
ul.social > li  img{
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
ul.social > li:hover  img{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/* Round effect images */
div.image-content img,
div.widget-wrap.default .alignleft img,
div.yt-accordion-image .item_title img,
div.so_slider_content .so_item .so_img img,
div.sj-news3 > div.post .alignleft img,
span.catItemImage > a > img,
div.itemImageBlock span.itemImage img,
div.userItemImageBlock span.userItemImage a img,
div.tagItemImageBlock span.tagItemImage a img{
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

div.image-content:hover img,
div.yt-accordion-image:hover .item_title img,
div.so_slider_content .so_item .so_img:hover img,
div.sj-news3 > div.post .alignleft:hover img,
span.catItemImage:hover > a > img,
div.itemImageBlock span.itemImage:hover img,
div.userItemImageBlock span.userItemImage a:hover img,
div.tagItemImageBlock span.tagItemImage a:hover img {
	-moz-transform: scale(1.2) rotate(3deg);
	-webkit-transform: scale(1.3) rotate(3deg);
	-o-transform: scale(1.2) rotate(3deg);
	-ms-transform: scale(1.2) rotate(3deg);
	transform: scale(1.2) rotate(3deg);
	
}


div.sj-news2 .post .frame-img .action{
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	
	-moz-transform: scale(0) rotate(0deg);
	-webkit-transform: scale(0) rotate(0deg);
	-o-transform: scale(0) rotate(0deg);
	-ms-transform: scale(0) rotate(0deg);
	transform: scale(0) rotate(0deg);
	opacity: 0;
}
div.sj-news2 .post .frame-img:hover .action{
	-moz-transform: scale(1) rotate(90deg);
	-webkit-transform: scale(1) rotate(90deg);
	-o-transform: scale(1) rotate(90deg);
	-ms-transform: scale(1) rotate(90deg);
	transform: scale(1) rotate(90deg);
	opacity: 1;
	
}
/* Button */
div.wather button.submit-button,
.com_content .blog p.readmore{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
#mod-finder-searchform div.finder >  .inputbox,
div.ytc-content-slideshow div.captions{
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
ul.social > li ,
div.sj-news3 > div.post a.readon{
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

#yt_spotlight3 ul.menu li,input.form-textbox,
button.form-submit-button,.inputbox,
div.newletter > .button,
.button{
        -webkit-transition: background-color 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.2s ease-in-out 0s;
	-o-transition: background-color 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;
}
.com_content .blog a.readmore,
div.itemCommentsForm form input#submitCommentButton,
div.catItemReadMore a{
	 -webkit-transition: background-color 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.2s ease-in-out 0s;
	-o-transition: background-color 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;
}
#yt_spotlight3 ul.menu li a,
div.items-more ol li ,
div.block-related  ul.related-items li,
ul.latestnews  li,
#yt-totop{
        -webkit-transition: all 0.25s ease-in-out 0s;
	-moz-transition: all 0.25s ease-in-out 0s;
	-o-transition: all 0.25s ease-in-out 0s;
	-ms-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}

.so_slider_content .so_item{
	 -webkit-transition: all 0.25s ease-in-out 0s;
	-moz-transition: all 0.25s ease-in-out 0s;
	-o-transition: all 0.25s ease-in-out 0s;
	-ms-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}
div.sj-news3 > div.post{
	-webkit-transition: background-color 0.15s ease-in-out 0s;
	-moz-transition: background-color 0.15s ease-in-out 0s;
	-o-transition: background-color 0.15s ease-in-out 0s;
	-ms-transition: background-color 0.15s ease-in-out 0s;
	transition: background-color 0.15s ease-in-out 0s;
}

div.subCategory{
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	box-shadow: 3px 3px 0 #E0E0E0;
}
div.subCategory:hover{
	-moz-transform: translate(0px, -5px);
	box-shadow: 3px 3px 0 #D3D3D3;
}

ol.sj-news4 > li.post{
	  -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}
ol.sj-news4 > li.post:hover{
	-moz-transform: scale(1.04) ;
	-webkit-transform: scale(1.04);
	-o-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04) ;
	box-shadow: 0px 0px 5px #ddd;
}
div.widget-wrap.default .image-wrap:after{
	  -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}

/*K2 Component*/
div.k2ItemsBlock ul li  a.moduleItemImage > img{
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
div.k2ItemsBlock ul li  a.moduleItemImage:hover > img{
	-moz-transform: scale(1.2) rotate(3deg);
	-webkit-transform: scale(1.3) rotate(3deg);
	-o-transform: scale(1.2) rotate(3deg);
	-ms-transform: scale(1.2) rotate(3deg);
	transform: scale(1.2) rotate(3deg);
}

/*Arrow up*/
#yt-totop:hover{
	animation:arrowup 1.5s linear 1s infinite ;
    -moz-animation:arrowup 1.5s linear 1s infinite ; /* Firefox */
    -webkit-animation:arrowup 1.5s linear 1s infinite ; /* Safari and Chrome */
}
@keyframes arrowup {
     0% { background-position: center 55px;}
	 70% { background-position: center 8px;}
    100% { background-position: center 8px;}
}
@-moz-keyframes arrowup {
    0% { background-position: center 55px;}
	70% { background-position: center 8px;}
    100% { background-position: center 8px;}
}
@-webkit-keyframes arrowup {
    0% { background-position: center 55px;}
    70% { background-position: center 8px;}
    100% { background-position: center 8px;}
}