.classname {
	height:auto;
	
    transition:All 1s ease-in-out;
    -webkit-transition:All 1s ease-in-out;
    -moz-transition:All 1s ease-in-out;
    -o-transition:All 1s ease-in-out;
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(00px);
    -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
   .su_container4box:hover .classname{
    transform: rotate(3deg) scale(1.2) skew(1deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
    }
	   .ds:hover .classname{
    transform: rotate(3deg) scale(1.2) skew(1deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
    }
	
.hvr, .ds
{
}
.hvr:hover
{
  -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.68);
  -moz-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.68);
  box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.68);
}
.flotrgt
{
	float:right;
	text-align:right;
	color:#767676;
}
.hide1
{
	display:block;
}
.ovr
{
overflow:visible;
z-index:9999999999;
position:relative;
}
.bdr1
{background:url(../images/icons-bgimg/bdr1bg.jpg) right top 50px no-repeat;}

.hdn
{
	width:100%;
	padding:10px 20px;
	font-size:18px;
	color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,.6);
	position:relative;
	z-index:99999999;
	margin-top:-50px;
}
.su_container900box_sub
{
	width:900px;
	margin:auto;
}
.su_container4box_sub
{
	width:450px;
	float:left;
}
#toggle-view {
	list-style:none;	
	padding:0px;
	margin:0px;
	width:100%;
		padding:20px 0;
}

	#toggle-view li {
		
		position:relative;
		cursor:pointer;
		width:90%;
		margin:auto;
	
		border-bottom:rgba(204,204,204,1) 1px solid;
	}
	#toggle-view li ul li {
		
		position:relative;
		cursor:pointer;
		width:90%;
		margin:auto;
	
		border:none;
	}
	#toggle-view h3 {
		margin:0;
				width:90%;
		margin:auto;
		font-size:1.1em;
	}

	#toggle-view span {
		position:absolute;
		right:20px; top:10px;
		font-size:19px;
	}
	
	#toggle-view .panel {
		display:none;
		padding:20px 0;
	}	

.bkgd1
{
background-color:#f2f2f2;
}

.sclbx
{
	width:250px;
	height:auto;
	overflow:hidden;
	padding:2px 0px;
	float:right;
}
.sclbx1
{
	width:200px;
	height:auto;
	overflow:hidden;
	padding:2px 0px;
	float:right;
}
.sclbx p,.sclbx1 p
{
	font-size:13px;
	float:left;
font-weight:lighter;
}


.ftr1
{display:block;
}
.ftr2
{display:none;
}
.mnht1
{height:120px;
}
.mnht2
{height:405px;
}
@media only screen and (min-width: 721px) and (max-width:901px) {
	
	.su_container900box_sub
{
	width:100%;
	margin:auto;
}
.su_container4box_sub
{
	width:33.3%;
	float:left;
}

}

@media only screen and (min-width: 801px) and (max-width:979px) {
	
}

@media only screen and (min-width: 700px) and (max-width: 800px) {

.mnht1
{height:80px;
background-color:rgba(255,255,255,1);
}



}



@media only screen and (min-width: 480px) and (max-width: 699px) {

.mnht1
{height:80px;
background-color:rgba(255,255,255,1);
}
}

@media only screen and (min-width: 315px) and (max-width: 479px) {

}

@media only screen and (max-width: 314px) {
	


}
@media only screen and (max-width: 800px) {
	
.hide1
{
	display:none;
}
.ovr
{
overflow:hidden;
}

.bdr1
{background:none;}

.mnht2
{height:auto;
padding:20px 0;
}

}

@media only screen and (max-width: 500px) {
	
.ftr1
{display:none;
}
.ftr2
{display:block;
}
}
@media only screen and (max-width: 720px) {
	

	.su_container900box_sub
{
	width:100%;
	margin:auto;
}
.su_container4box_sub
{
	width:300px;
	float:none;
	margin:20px auto;
}

}