.topmar170
{
	padding-top:120px;
}
.tp_rtv
{
margin-top:-120px;
position:static;

}
.fllft
{float:left;
margin:0 7px 7px 0;
}
.fllft2
{float:left;
margin:0 20px 20px 0;
}
.sclhd
{
background-color:rgba(0,0,0,.3);
width:90%;
margin:50px auto 0;
min-height:40px;
padding-top:20px;
padding-bottom:20px;
line-height:40px;	
text-align:center;
font-size:26px;
color:rgba(255,255,255,1);
font-family: 'robotothin';
}
.scl
{
	width:170px;
	margin-right:10px;
	margin-top:10px;
	float:left;
	height:70px;
	padding-top:40px;
}
.fb2, .ttr2, .ggl2, .lnkdn2, .ytb2, .email2
{
		background-color:rgba(0,0,0,.3);
}

.fb2:hover
{
		background-color:#3e5ea4;
}
.ttr2:hover
{
		background-color:#31c7f9;
}
.ggl2:hover
{
		background-color:#f55d11;
}
.lnkdn2:hover
{
		background-color:#0098e3;
}
.ytb2:hover
{
		background-color:#d81203;
}
.email2:hover
{
		background-color:#ffcc00;
}


.fltlft1
{
float:left;
margin:0 20px 20px 0;	
}
.rltv2
{
margin-top:-100px;
position:relative;
z-index:9;	
}

.logobx
{
	width:300px;
	height:auto;
	overflow:hidden;
	float:left;
}
.mnubx
{
	width:800px;
	height:auto;
	overflow:hidden;
	float:left;
}
.social
{
width:95px;
float:right;
padding-top:2px;
padding-bottom:2px;
}

.fb, .ttr, .ggl, .ytb, .lnkdn, .emil
{
	height:28px;
	width:28px;
	margin-right:3px;
	float:left;
	-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-khml-transition:all .3s ease-in-out;
}

.fb
{
	
	background:url(../images/icon/fb.png)
}
.fb:hover
{

	background:url(../images/icon/fb-hvr.png)
}
.ttr
{
	
	background:url(../images/icon/ttr.png)
}
.ttr:hover
{

	background:url(../images/icon/ttr-hvr.png)
}
.ggl
{
	
	background:url(../images/icon/ggl.png)
}
.ggl:hover
{

	background:url(../images/icon/ggl-hvr.png)
}
.ytb
{
	
	background:url(../images/icon/ytb.png)
}
.ytb:hover
{

	background:url(../images/icon/ytb-hvr.png)
}
.emil
{
	
	background:url(../images/icon/email1.png)
}
.emil:hover
{

	background:url(../images/icon/email-hvr.jpg)
}
.lnkdn
{
	
	background:url(../images/icon/lnkdn.png)
}
.lnkdn:hover
{

	background:url(../images/icon/lnkdn-hvr.png)
}
.reltv
{
	position:relative;
	overflow:visible;
}

.flotrgt
{
	float:right;
	text-align:right;
	color:#767676;
	    font-family: 'oswaldmedium';
}
.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;
}

.mrtp
{
	margin-top:30px;
}

.bkgd1
{
background-color:#f2f2f2;
}

    .classname {
    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(1deg) translate(10px);
    -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
    -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
    -o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
    -ms-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
    }
    .classname:hover{
    transform: rotate(3deg) scale(1.10) skew(1deg) translate(0px);
    -webkit-transform: rotate(3deg) scale(1.10) skew(1deg) translate(0px);
    -moz-transform: rotate(3deg) scale(1.10) skew(1deg) translate(0px);
    -o-transform: rotate(3deg) scale(1.10) skew(1deg) translate(0px);
    -ms-transform: rotate(3deg) scale(1.10) skew(1deg) translate(0px);
    }


 .classname2 {
    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(1deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    }
    .classname2:hover{
    transform: rotate(3deg) scale(1.50) skew(0deg) translate(0px);
    -webkit-transform: rotate(3deg) scale(1.50) skew(0deg) translate(0px);
    -moz-transform: rotate(3deg) scale(1.10) skew(0deg) translate(0px);
    -o-transform: rotate(3deg) scale(1.10) skew(0deg) translate(0px);
    -ms-transform: rotate(3deg) scale(1.10) skew(0deg) translate(0px);
    }


.ftr1
{display:block;
}
.ftr2
{display:none;
}
@media only screen and (min-width:801px) and (max-width:1200px) {
	
.logobx
{
	width:20%;
	height:auto;
	overflow:hidden;
	float:left;
}
.mnubx
{
	width:80%;
	height:auto;
	overflow:hidden;
	float:left;
}


}
@media only screen and (min-width:719px) and (max-width:800px) {
	
.logobx
{
	width:40%;
	height:auto;
	overflow:hidden;
	float:left;
}
.mnubx
{
	width:60%;
	height:auto;
	overflow:hidden;
	float:left;
}
.mrtp
{
	margin-top:110px;
}

}
@media only screen and (min-width:280px) and (max-width:718px) {
	
.logobx
{
	width:60%;
	height:auto;
	overflow:hidden;
	float:left;
}
.mnubx
{
	width:40%;
	height:auto;
	overflow:hidden;

}
.mrtp
{
	margin-top:110px;
	display:none;
}


}
@media only screen and (min-width: 730px) and (max-width:979px) {
	
	.rltv2
{
margin-top:-60px;
position:relative;
z-index:9;	
}


}

@media only screen and (min-width: 501px) and (max-width: 729px) {

	.rltv2
{
margin-top:-60px;
position:relative;
z-index:9;	
}

.scl
{
	width:32%;
	margin-right:1%;
	margin-top:10px;
	float:left;
	height:70px;
	padding-top:40px;
}

}



@media only screen and (min-width: 730px) and (max-width: 1200px) {

.scl
{
	width:16%;
	margin-right:.6%;
	margin-top:10px;
	float:left;
	height:70px;
	padding-top:40px;
}

}

@media only screen and (min-width: 730px) and (max-width: 899px) {
	


}

@media only screen and (max-width: 314px) {
	


}
@media only screen and (max-width: 800px) {
	

.ovr
{
overflow:hidden;
}

.bdr1
{background:none;}

}

@media only screen and (max-width: 500px) {
	
.hide1
{
	display:none;
}
	.rltv2
{
margin-top:-20px;
position:relative;
z-index:9;	
}

.scl
{
	width:125px;
	margin-right:10px;
	margin-top:10px;
	float:left;
	height:70px;
	padding-top:40px;
}
.social
{
width:234px;
float:none;
margin:auto;
padding-top:5px;
padding-bottom:5px;
}

}