@charset "utf-8";
/* CSS Document */

#page{
	width:95%;
	
	margin:1% auto 0% auto;
	background:#FFF;
	border-radius:0px;
}

.header{
	width:100%;
	height:135px;
	background-color:#FFF;
	padding-top:1%;
	border-radius:0px;
}
#left{
	width:20%;
	margin-left:1%;
	margin-top:2%;
	background:#FFF;
	float:left;
	clear:left;
	border:0px solid #666;
	
}
#right{
	width:20%;
	margin-right:1%;
	margin-top:2%;
	clear:right;
	background:#FFF;
	float:right;
	border:0px solid #666;
	
	
}


.pri-nav{
	width:100%;
	padding:0px 0px;	
	margin-bottom:7px;
	background-color:#FFF;
	text-align:right;
}
.pri-nav a{
	font-family:'Open Sans', sans-serif;
	opacity:1;
	display:inline;
	color:#333;
	text-transform:capitalize;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-transition: all 0.2s ease-in;
	padding: 8px;
}
.pri-nav a:hover{
	color:#FFF;
	background-color:#3E0331;
}

.pri {
background-color:#FFF;
height: 30px;
margin:0% auto;
padding-left:0px;
line-height: 25px;
text-decoration:none;
font-size:12px;
border-bottom: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}

.mb_menu{
	display:table;
	padding:0px 0px;	
	float:left;
	margin-top:0%;
	margin-left:0%;
}
.mb_menu a{
	font-family:'Open Sans', sans-serif;
	opacity:1;
	display:block;
	color:#333;
	text-align:left;
	/*text-transform:capitalize;*/
	outline:none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-transition: all 0.2s ease-in;
	padding: 5px 5px 5px 20px;
	font-size:12px;
}
.mb_menu a:hover{
	color:#FFF;
	background-color:#3E0331;
}
.tab {
background-color:#FFF;
width:225px;
height: 27px;
margin:1% auto;
padding-left:0px;
line-height: 15px;
text-decoration:none;
border-bottom: 1px solid #CCC;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
.tab-active {
background-color:#3E0331;
width:225px;
height: 30px;
margin:0.20% auto;
padding-left:0px;
line-height: 28px;
text-decoration:none;
border-bottom: 0px;
color:#FFF;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}

.tab1 {
background-color:#FFF;
width:225px;
height: auto;
margin:1% auto;
padding-left:0px;
line-height: 18px;
text-decoration:none;
border-bottom: 0px #CCC solid;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}

.tab1-active {
background-color:#3E0331;
width:225px;
height: 30px;
margin:1% auto;
padding-left:0px;
line-height: 28px;
text-decoration:none;
border-bottom: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
.manu-active {
background-color:#7FCC33;
width:225px;
height: 30px;
margin:0% auto;
padding-left:0px;
line-height: 28px;
text-decoration:none;
border-bottom: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}


.manu{
	margin-right:0.20%;
	display:table;
	padding:0px 0px;	
	float:left;
	margin-top:2%;
}

.manu a{
	font-family:'Open Sans', sans-serif;
	opacity:1;
	display:block;
	color:#333;
	text-align:left;
	/*text-transform:capitalize;*/
	outline:none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-transition: all 0.2s ease-in;
	padding: 5px 5px 5px 20px;
	font-size:12px;
}
.manu a:hover{
	color:#FFF;
	background-color:#3E0331;
}

.vol{
	width:25%;
	padding:0px 0px;	
	margin-bottom:7px;
	background-color:#FFF;
	text-align:center;
	float:left;
}

.vol a{
	font-family:'Open Sans', sans-serif;
	opacity:1;
	display:block;
	color:#333;
	/*text-transform:capitalize;*/
	-webkit-transition: all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-transition: all 0.2s ease-in;
	padding: 8px;
}
.vol a:hover{
	color:#FFF;
	background-color:#C90;
}

.iss{
	width:100%;
	padding:0px 0px;	
	margin-bottom:7px;
	background-color:#FFF;
	text-align:left;
	float:left;
}

.iss a{
	font-family:'Open Sans', sans-serif;
	opacity:1;
	display:inline-block;
	color:#06C;
	/*text-transform:capitalize;*/
	-webkit-transition: all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-transition: all 0.2s ease-in;
	padding: 8px;
	margin-bottom:1%;
	text-decoration:underline;
}
.iss a:hover{
	color:#FFF;
	background-color:#F33;
	border-radius:5px;
	text-decoration:none;
}
.links {
background-color:#FFF;
height: 30px;
margin:0% auto;

line-height: 28px;
text-decoration:none;
font-size:15px;
border-bottom: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}

.links1 {
background-color:#FFF;
height: 15px;
margin:0% auto;
width:120px;
line-height: 15px;
text-decoration:none;
font-size:13px;
border-bottom: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
figure {
	width: 163px;
	height: 230px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.grow img {
  height: 230px;
  width: 163px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 155px;
  height: 220px;
}