/* @group code-box*/
code, pre, xmp {
animation: flip-code-box 3.3s ease-in;  
-webkit-animation: flip-code-box 3.3s ease-in;
-moz-animation: flip-code-box 3.3s ease-in;
-moz-animation: flip-code-box 3.3s ease-in;   
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
filter: alpha(opacity=100);   
opacity: 1;

/* Prevent Webkit text rendering */
-webkit-transform: translateZ(0px);
/* Prevent Webkit text rendering */
-webkit-transform-style: preserve-3d;
	margin-top: 0;
}
@keyframes flip-code-box {
0% { opacity: 0;
 -webkit-filter: blur(3px);
}  
90% {  opacity: 0;
 -webkit-filter: blur(3px); /* visible in chrome and safari  */
}  
100% { opacity: 1;
 -webkit-filter: blur(0px); /* visible in chrome and safari  */
} 
}

@-webkit-keyframes flip-code-box {
0% { opacity: 0;
 -webkit-filter: blur(3px);

}  
90% {  opacity: 0;
 -webkit-filter: blur(3px); /* visible in chrome and safari  */
}  
100% { opacity: 1;
 -webkit-filter: blur(0px);/* visible in chrome and safari  */

} 
} 

@-moz-keyframes flip-code-box { 
0% { opacity: 0;}  
90% {  opacity: 0;}  
100% { opacity: 1;} 
} 


@-ms-keyframes flip-code-box {/* IE9 does not support CSS animation. */
0% { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9  */
 -webkit-filter: blur(3px); /* visible in chrome and safari  */
}  
90% { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9  */
}   
100% { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); /* FOR IE8/9  */
} 
}

/* @end */

/* @group Sitemap style */


/* formatting for boxes */

.rw-sitemap ul,
.rw-sitemap ul li:last-child,
.rw-sitemap ul li li a {
	list-style-image: none;
}

/* My Comment */
.rw-sitemap ul a {
	padding-left: 12px;
	background-image: none;
}
.rw-sitemap ul {    { }
    list-style-position: inside;
    list-style-image: none;
	list-style-type: none;
	background-image: none;
	margin: 0;
	padding: 0;
}

.rw-sitemap ul li {
	margin-bottom: 11px;
			 background: url(../../images/elements/png/white_10.png);
	padding: 10px 13px 13px;
}
.rw-sitemap ul ul {	
	transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
			 background: url(../../images/elements/png/white_10.png);
	width: auto;
}

.rw-sitemap ul ul a {
	padding-left: 0;
}
.rw-sitemap ul li {
	transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	/* web-kit transition links CSS3*/
	transition-delay: 15ms;
    -webkit-transition-delay: 15ms;
	-o-transition-delay: 15ms;
	-moz-transition-delay: 15ms;
	border-left-width: 1px;	
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-bottom: 10px;
}
.rw-sitemap ul li:hover {
	border-left-width: 5px;	
	border-right-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	background: url(../../images/elements/png/white_20.png) repeat;
}

.rw-sitemap ul ul li:hover, .rw-sitemap ul ul ul li:hover, .rw-sitemap ul ul ul ul li:hover {		
	border-left-width: 0;	
	border-right-width: 0;
	border-right-style: none;
	border-left-style: none;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
	background-image: none;
}

.rw-sitemap ul ul:hover {
	background: url(../../images/elements/png/white_20.png) repeat;
}

.rw-sitemap ul ul, .rw-sitemap ul ul ul, .rw-sitemap ul ul ul ul{ /* Fixed issue for hidden pages */
margin: 0;	
border-style: none;
padding-top: 0;
padding-bottom: 0;
}

/* color by colortag - border */
.rw-sitemap ul ul li {
	position: relative;
	border-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: none;
	margin-top: 10px;
	padding: 5px 0;
}
.rw-sitemap ul ul li:hover {
	z-index: 3;
	border-left-style: none;
	border-right-style: none;
}
.rw-sitemap ul li:last-child {
	margin-bottom: 5px;
}


#sitemap ul ul, #sitemap ul ul ul, #sitemap ul ul ul ul{ /* Fixed issue for hidden pages */
margin: 0;	border-style: none;
padding-top: 0;
padding-bottom: 0;
}

/* formatting for boxes */

#sitemap {
	padding-left: 0;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

#sitemap a { }
#sitemap ul {
	list-style-position: inside;
    list-style-image: none;
	list-style-type: none;		
	background: url(../../images/elements/png/white_10.png); 		 		 
	border-width: 1px;
	border-style: solid;	
	transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;	
	transition-delay: 15ms;
    -webkit-transition-delay: 15ms;
	-moz-transition-delay: 15ms;
	padding: 11px 12px 11px 9px;
	margin-top: 0;
	margin-bottom: 11px;
}

#sitemap ul:hover {	
	border-left-width: 5px;	
	border-right-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	background: url(../../images/elements/png/white_20.png) repeat;
	transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
}
#sitemap ul li { }
#sitemap ul ul {
	padding-left: 12px;		   
}

#sitemap ul ul:hover {
	border-right-style: none;
	border-right-width: 0;
	border-left-style: none;
	border-left-width: 0;
}

#sitemap ul ul li {
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 3px;
	padding-bottom: 5px;
}
#sitemap ul li:hover {			
	/* 	padding-left: 5px;
	padding-right: 5px;
 */
}


/* color by colortag - border */
#sitemap ul ul li {
	position: relative;
}
#sitemap ul ul li:hover {
	z-index: 3;	
}

@media only screen and (max-width: 650px) {
#sitemap {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}
}
@media only screen and (max-width: 480px) {
#sitemap {
	padding-left: 0;
	width: 100%;
	padding-right: 0;
}
}

/* @end */