/* 
 * Copyright Azmanzaki.com
 http://www.templatemonster.com/demo/48707.html
 http://www.templatemonster.com/demo/48139.html
 */
@import url(http://fonts.googleapis.com/css?family=Lato:100,400,700,100italic,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Sofadi+One);
@import url(http://fonts.googleapis.com/css?family=Rosario);
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans);
@import url(http://fonts.googleapis.com/css?family=Metrophobic);
@import url(http://fonts.googleapis.com/css?family=Allerta);
@import url(http://fonts.googleapis.com/css?family=Fauna+One);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body,html{
	padding:0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	background:#fafafa;
}

a{display:block;}


li{list-style-type:none;}
ul{list-style-type:none;}

.wrap{
	width:100%;
	height:auto;
	margin:0 auto;
}

.menu{
	width:30%;
	display:inline-block;
	margin:0 30px 0 0;
	padding:30px 0;
	text-align:right;
	vertical-align:top;
	position:fixed;
	-webkit-transition: all 0.4s, -webkit-transform 0.4s;
	-moz-transition: all 0.4s, -webkit-transform 0.4s;
	-o-transition: all 0.4s, -webkit-transform 0.4s;
	-ms-transition: all 0.4s, -webkit-transform 0.4s;
	transition: all 0.4s, transform 0.4s;
}

.menu ul{
	margin:0px;
}

.menu li{
	font-size:16px;
	cursor: pointer;
}

.menucov{
	height:auto;
	width:30%;
	display:inline-block;
	margin:0 0 0 0;
	padding:50px 0;
	text-align:right;
	vertical-align:top;
	float:center;
	-webkit-transition: all 0.4s, -webkit-transform 0.4s;
	-moz-transition: all 0.4s, -webkit-transform 0.4s;
	-o-transition: all 0.4s, -webkit-transform 0.4s;
	-ms-transition: all 0.4s, -webkit-transform 0.4s;
	transition: all 0.4s, transform 0.4s;
}

.menuali{
	height:50px;
	width:20%;
	display:inline-block;
	float:center;
}

.submenu li{
	font-size:12px;
	padding:5px 0;
}

.main{
	margin:0; 
	padding:0;
}

.padleft{
	padding-left:30px;
}

.logo_m{
	width:450px;
	height:auto;
	display: block;
	padding:0; 
	margin:35px 0 0 0; 
}

.text_m{
	margin-top:150px;
	display:inline-block; 
	vertical-align:top;
	margin-left:0px;
}

.content{
	width:50%;
	display:inline-block;
	margin:0;
	padding:25px 0;
	vertical-align:top;
	text-align:left;
	-webkit-transition: all 0.4s, -webkit-transform 0.4s;
	-moz-transition: all 0.4s, -webkit-transform 0.4s;
	-o-transition: all 0.4s, -webkit-transform 0.4s;
	-ms-transition: all 0.4s, -webkit-transform 0.4s;
	transition: all 0.4s, transform 0.4s;
}


.lopo{
	display:none;
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align: top;
}


.hipo{
	display:none;
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align: top;
}

.ar{
	display:none;
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align: top;
}

.fl{
	display:none;
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align: top;
}

.il{
	display:none;
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align: top;
}

.web{
	display:none;
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align: top;
}

.bg_img{
	width:200px;
	height:200px;
	background: -webkit-linear-gradient(#a1a1a1 50%, #c0c0c0 50%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#a1a1a1 50%, #c0c0c0 50%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#a1a1a1 50%, #c0c0c0 50%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#a1a1a1 50%, #c0c0c0 50%); /* Standard syntax */
	border-radius:50%;
	margin:0 0 10px 0;
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
    }
}

@-webkit-keyframes rerotating {
    from{
        -webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
    }
}

	.lopo:hover .bg_img, .hipo:hover .bg_img, .ar:hover .bg_img, .fl:hover .bg_img, .il:hover .bg_img , .web:hover .bg_img{
	-webkit-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
	background: -webkit-linear-gradient(#E58A28 50%, #95D137 50%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#E58A28 50%, #95D137 50%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#E58A28 50%, #95D137 50%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#E58A28 50%, #95D137 50%); /* Standard syntax */
	}
	
	.lopo:hover  .port, .hipo:hover  .port, .ar:hover  .port, .fl:hover  .port, .il:hover  .port , .web:hover  .port{
	-webkit-animation: rerotating 2s linear infinite;
	}

.port{
	width:190px;
	height:190px;
	border-radius:50%;
	padding:5px;
	display:block;
}


.disnone{display:none;}