/*--- CSS3 style ---*/

/*--- Use only for CSS3 styles  ---*/

a,.btn,button{
	-webkit-transition: background .5s ease-in-out, color .5s ease-in-out,opacity .5s ease-in-out;
	-o-transition:  background .5s ease-in-out, color .5s ease-in-out,opacity .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, color .5s ease-in-out,opacity .5s ease-in-out;
	transition: background .5s ease-in-out, color .5s ease-in-out,opacity .5s ease-in-out;
}
.btn{
	-webkit-transition: background .5s ease-in-out, color .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
	-o-transition:  background .5s ease-in-out, color .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, color .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
	transition: background .5s ease-in-out, color .5s ease-in-out,opacity .5s ease-in-out,border-color .5s ease-in-out;
}
.navbar-nav > li > a,.top-header i{

	-webkit-transition: all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	transition: all .5s ease 0s
}
.counter span{
background: rgb(82,82,82);
background: -moz-linear-gradient(top,  rgba(82,82,82,1) 0%, rgba(29,29,29,1) 100%);
background: -webkit-linear-gradient(top,  rgba(82,82,82,1) 0%,rgba(29,29,29,1) 100%);
background: linear-gradient(to bottom,  rgba(82,82,82,1) 0%,rgba(29,29,29,1) 100%);
}

header {
transition: top 0.8s ease 0s;
-webkit-transition: top 0.8s ease 0s;
-moz-transition: top 0.8s ease 0s;
-o-transition: top 0.8s ease 0s;
}
.top-header,.top-intro {
	transition: all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
}

.footer-links li, .footer-links p{
	transition: all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
}
.sub-category ul li a:before{
	transition: all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
}
.about-us h3{
	box-shadow: 0 -22px 8px 0 #575757 inset; 
	-webkit-box-shadow: 0 -22px 8px 0 #575757 inset; 
	-moz-box-shadow: 0 -22px 8px 0 #575757 inset;
}
.table th{
	box-shadow: 0 -22px 8px 0 #575757 inset; 
	-webkit-box-shadow: 0 -22px 8px 0 #575757 inset; 
	-moz-box-shadow: 0 -22px 8px 0 #575757 inset;
}

/*--- image horizontal scroll  ---*/
.hor_slide{
	overflow-x: scroll;
}
.hor_slide img {
    width: 1300px;
    height: auto;
}