body {
  background: #fff none repeat scroll 0 0;
  color: #000000;
  font-family: trebuchet ms;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0;
}
body.member {
  background: none repeat scroll 0 0 #eee;
}
.pdf {
	background: #ccc;
	color: #000;
	padding: 0 10px 0 0;
	display: inline-block;
	margin: 0 auto;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 2px 1px #000;
}
.fa.fa-file-pdf-o {
	background: #cc0000;
	color: #fff;
	padding: 10px;
}
.top {
background: none repeat scroll 0 0 #334444;
  color: #9cc800;
  overflow: hidden;
  padding: 80px 0;
  position: relative;
  text-align: center;
}
.intro {
  margin: 40px auto;
  text-align: center;
}
.intro h2, .cols h2 {
  color: #333333;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
}
h1, h2, h3, h4 {
  font-family: "Trebuchet MS";
  margin: 0 auto 10px;
}
h2 {
  color: #cc0000;
  font-size: 24px;
}
.top > h1 {
  color: #eee;
  font: 60px Covered By Your Grace;
  margin: 0;
  text-shadow: 0 1px 0 #000;
}
.top li {
  background: none repeat scroll 0 0 #eee;
  border-radius: 50%;
  display: inline-block;
  height: 120px;
  margin: 2% 5%;
  position: relative;
  text-align: center;
  width: 120px;
}
.top li a {
  color: #fff;
  display: block;
  margin: 125px auto 0;
}
#outer-wrapper {
  background: none repeat scroll 0 0 transparent;
  margin: 0 auto;
  max-width: none;
  padding: 0;
  text-align: left;
  width: auto;
}
#outer-wrapper .inner, .menu-wrapper {
  margin: 0 auto;
  max-width: 1130px;
  position: relative;
}
.menu-wrapper {
  margin: 8px auto;
}
.menu-wrapper ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.menu-wrapper li {
  display: inline-block;
}
.menu-wrapper li a {
  display: block;
  padding: 10px;
}
.usermenu .inner {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
#bottom-wrapper .inner {
  margin: 30px auto 0;
  padding: 20px 0;
  position: relative;
}
a {
  color: #cc0000;
  text-decoration: none;
}
.headerbox {
  float: left;
  margin: 5px auto;
  max-width: 300px;
  padding: 0;
  width: 100%;
  z-index: 1000;
}
/*Slider*/
.slider {
  float: none;
  height: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}
.navi {
  bottom: 10px;
  display: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1000;
}
.slider:hover .navi {
  display: block;
}
.navi a {
  color: #ffffff;
  display: inline-block;
  padding: 10px;
  position: relative;
}
.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides1_nav.next {
  background: #cc0000 none repeat scroll 0 0;
  margin: 1px;
  text-indent: -3000px;
  width: 15px;
}
.rslides_nav.rslides1_nav.prev::before {
  border-bottom: 9px solid transparent;
  border-right: 10px solid #eee;
  border-top: 9px solid transparent;
  content: "";
  left: 11px;
  position: absolute;
}
.rslides_nav.rslides1_nav.prev::after {
  border-bottom: 9px solid transparent;
  border-right: 10px solid #cc0000;
  border-top: 9px solid transparent;
  content: "";
  left: 14px;
  position: absolute;
}
.rslides_nav.rslides1_nav.next::before {
  border-bottom: 9px solid transparent;
  border-left: 10px solid #eee;
  border-top: 9px solid transparent;
  content: "";
  position: absolute;
  right: 11px;
}
.rslides_nav.rslides1_nav.next::after {
  border-bottom: 9px solid transparent;
  border-left: 10px solid #cc0000;
  border-top: 9px solid transparent;
  content: "";
  position: absolute;
  right: 14px;
}
.slider h1 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #FFFFFF;
  margin: 0;
  padding: 10px;
  position: absolute;
}
.rslides {
  list-style: outside none none;
  margin: 0 auto;
  max-width: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.rslides li {
  backface-visibility: hidden;
  display: none;
  left: 0;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_tabs {
display:none;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1000;
}
.rslides_tabs li {
  background: none repeat scroll 0 0 #CCCCCC;
  float: left;
  list-style: none outside none;
  margin: 1px;
  padding: 10px;
}
.rslides_tabs li.rslides_here {
  background: none repeat scroll 0 0 #333333;
}
.welcome {
  border-radius: 5px;
  float: none;
  margin: 0 auto 5px;
  padding: 0;
  width: auto;
}
.welcome > h1 {
  color: #eee;
  font-family: "Trebuchet MS";
  font-size: 22px;
  font-weight: normal;
  margin: 0 auto 5px;
  text-transform: capitalize;
}
.welcome ul, .feature ul{
  margin: 10px;
  padding: 0;
}
.welcome li,.feature li {
  border-bottom: 1px solid #CCCCCC;
  font-size: 14px;
  margin: 2px 20px;
  padding: 10px 5px;
}
.midle-wrapper {
  background: none repeat scroll 0 0 transparent;
  margin: 0 auto;
  overflow: hidden;
  padding: 80px 20px;
}
.feature {
  background: none repeat scroll 0 0 #FFFFFF;
  clear: both;
  overflow: hidden;
  padding: 0;
}
.portofolio {
  border-bottom: 2px solid #9cc800;
  border-radius: 10px;
  border-top: 2px double #9cc800;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  width: auto;
}
.feature .widget {
  display: inline-block;
  float: left;
  margin: 0 0 20px;
  overflow: hidden;
  width: 50%;
}
.feature h1 {
  background: none repeat scroll 0 0 #9cc800;
  color: #FFFFFF;
  font-size: 20px;
  margin: 10px 0;
  padding: 10px;
  text-transform: capitalize;
}
.feature > h2 {
  background: none repeat scroll 0 0 #333333;
  border-radius: 10px 10px 0 0;
  color: #FFFFFF;
  margin: 0 8px;
  padding: 10px;
}
.outer {
    background: none repeat scroll 0 0 #FFFFFF;
    margin:10px auto;
    width:740px;
	min-height: 700px;
}
#content-wrapper {
  clear: both;
  margin: 20px auto auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: auto;
}
.breadcrumb {
  background: none repeat scroll 0 0 #EEEEEE;
  font-size: 12px;
  margin: 5px 0;
  padding: 10px;
  text-transform: capitalize;
}
.main-wrapper {
  clear: both;
  float: none;
  margin: 0 auto 10px;
  padding: 20px;
  width: auto;
}
.post-title {
  font-size: 12px;
  margin: 0 auto;
  text-transform: capitalize;
}
.post h2.post-title {
  height: 20px;
  overflow: hidden;
}
h1.post-title {
  clear: both;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  margin: 0 auto 10px;
  overflow: hidden;
}
.post .user {
  font-size: 11px;
}
.content {
  float: none;
  padding: 20px;
  width: auto;
}
.video-content {
  padding: 13px;
}
.login {
  font-family: "Trebuchet MS";
  font-size: 16px;
  margin: 0 auto;
  max-width: 300px;
  padding: 20px;
  width: auto;
}
.forgotpass {
  border: 2px dashed #fff;
  font-family: "Trebuchet MS";
  font-size: 16px;
  margin: 0 auto;
  max-width: none;
  padding: 20px;
  width: auto;
}
.datmember ol {
  margin: 0;
  max-height: 400px;
  overflow: auto;
  padding: 0 18px;
}
.forgotpass input.text {
  padding: 10px;
}
.forgotpass input.submit {
  cursor: pointer;
  padding: 8px;
}
.sales {
  background: none repeat scroll 0 0 #CCCCCC;
  padding: 10px;
}
.demo .button {
  background: none repeat scroll 0 0 #556666;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  float: none;
  padding: 10px;
  width: 49%;
}
.demo .button.buy {
  float: left;
}
.demo .button.demo {
  float: right;
}
.table {
border: 1px solid #CCCCCC;
border-collapse: collapse;
width:100%;
}
.table tr {
border-bottom: 1px solid #DDDDDD;
margin: 0;
padding: 0;
}
.table tr:nth-child(odd) {
  background: none repeat scroll 0 0 #EEEEEE;
}
.table tr.title {
  background: #ffffb2 none repeat scroll 0 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: capitalize;
}
.table .alamat {
  width: 400px;
}
.table td {
border-right: 1px solid #DDDDDD;
margin: 0;
padding: 5px 10px;
}
td.ablock {
  padding: 0;
}
.table tr.title td {
}
.table a {
  color: #333333;
  display: inline-block;
  padding: 10px;
  text-decoration: none;
}
.program div.table {
  border: medium none;
  display: inline-block;
  margin: 0 auto;
  padding: 1%;
  width: 48%;
}
.program .table {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  display: inline-block;
  margin: auto 1%;
  vertical-align: top;
  width: 100%;
}
.program .table tr {
border-bottom: 1px solid #DDDDDD;
margin: 0;
padding: 0;
}
.program .table tr:nth-child(odd) {
  background: none repeat scroll 0 0 #EEEEEE;
}
.program .table tr.title {
background: none repeat scroll 0 0 #F0F0F0;
font-weight: bold;
text-transform: capitalize;
}
.program .table td {
border-right: 1px solid #DDDDDD;
margin: 0;
min-width: 0;
padding: 5px;
}
.program .table tr.title td {
}
.program .table a {
  text-decoration: none;
}
/*Table Style 2*/
.table.dua .feature {
  background: none repeat scroll 0 0 #FDFDBF;
}
.table.dua tr:nth-child(2n+1){
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.table.dua tr.title {
  background: none repeat scroll 0 0 #0061A5;
  color: #FFFFFF;
  text-transform: uppercase;
}
.table.dua .feature-title {
  background: none repeat scroll 0 0 #F4F4F4;
  width: 200px;
}
/*Table download*/
table.download {
  background: none repeat scroll 0 0 #EEEEEE;
  margin: 10px 0;
  padding: 10px;
}
table.download td.title {
  font-weight: bold;
}
table.download .td_left {
  width: 50px;
}
table.download .td_dot {
  width: 5px;
}
table.download td.logo img {
  margin-right: 10px;
  overflow: hidden;
  width: 90px;
}
.upload-file {
  background: none repeat scroll 0 0 #EEEEEE;
  margin: 0 0 20px;
  padding: 20px;
}
.upload-file ol {
  margin: 10px 0 0;
  padding: 0 0 0 20px;
}
.upload-file li {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  margin: 5px 0;
  padding: 5px;
}
.upload-file li a {
  color: #000000;
  display: block;
  text-decoration: none;
}
#sidebar-wrapper{
 background: none repeat scroll 0 0 transparent;
    float: right;
    margin: 0;
    overflow: hidden;
    width: 300px;
    word-wrap: break-word;
}
.terbaru {
    color: #566666;
    float: none;
    font-size: 20px;
    overflow: hidden;
    padding: 5px;
    text-transform: capitalize;
    width: auto;
}
.terbaru .hleft {
    float: left;
}
.terbaru .hright {float: left;
    padding: 0 15px;}
.terbaru .hright h2 {
    display: none;
}
.terbaru .hright ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.terbaru li a {
    color: #333333;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
}
.terbaru .hright li {
    border: medium none;
    float: left;
    list-style: none outside none;
}
.post-home {
  border-radius: 10px;
  float: left;
  font-size: 14px;
  height: 222px;
  margin: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 200px;
}
.portofolio li {padding:0;margin:0;}
.post {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px solid #ccc;
  float: none;
  font-size: 14px;
  height: auto;
  margin: 20px auto;
  overflow: hidden;
  padding: 0 0 20px;
  position: relative;
  width: auto;
}
.des {
  overflow: hidden;
}
.post h2.title a {
  color: #000;
  font-family: trebuchet ms;
}
.left-content .thum {
  float: none;
  margin: 0 auto;
  width: auto;
}
.post .read-more {
  color: #000;
  font-size: 12px;
  font-weight: bold;
}
.post .author {display:none;
  font-size: 12px;
  font-weight: bold;
}
.post h2.title {
  margin: 0 auto 10px;
  padding: 0;
  text-transform: capitalize;
}
.post-body-home{
    margin: 0;
    overflow: hidden;
}
.post .thumb {
  float: left;
  margin-right: 20px;
  max-height: 150px;
  max-width: 180px;
  overflow: hidden;
}
.post-body {
border: 0 solid #FFFFFF;
    color: #000000;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.post-body h1 {
  font-size: 20px;
}
.post-body-home:hover{
    color: #EEEEEE;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
}
.post-home img {
  border: 0 none;
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
.post img {
  border: 0 none;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
.post .thumbs img {
  border-radius: 6px;
}
.price {
  bottom: 0;
  float: none;
  margin: 0;
  padding: 2px;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: auto;
}
.price-home {
   color: #000000;
    float: left;
    margin: 2px 0;
    padding-left: 0;
    width: 81px;
}
.detail {
  float: none;
  margin: 0;
  padding: 2px;
  text-align: center;
  width: auto;
}
.price, .detail {
  font-size: 12px;
  line-height: 1;
}
.cat .detail {
    width: 50px;
}
.price a, .detail a {
    color: #556666;
    text-decoration: none;
}
.detail a:hover{
    text-decoration: none;
	font-weight:bold;
}
.detail a {
  display: block;
}
.post-home:hover .detail a:before {
  display: inline;
}
.latest {
  float: none;
  overflow: hidden;
  padding: 0;
}
.latest h2 {
    background: none repeat scroll 0 0 #333333;
    color: #EEEEEE;
    font-size: 16px;
    margin: 0;
    padding: 2px;
}
.post-home h3 {
    font-size: 14px;
    height: 100%;
    line-height: normal;
    margin: 0;
    text-align: center;
    width: 100%;
}
.post h3 {
    background: none repeat scroll 0 0 #C4C4C4;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.post-home h3 a, .post h3 a:visited, .post h3 strong {
    color: #fff;
    display: block;
    font-weight: bold;
    text-decoration: none;
	font-size: 12px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
    color: #000000;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
h3.post-title.entry-title a {
   color:#333;
    display: block;
    font-weight: normal;
    height: auto;
    padding: 0;
    width: auto;
}
.pg {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    float: right;
    width: 200px;
}
.gal2 {
    float: left;
    padding: 10px;
    width: 100%;
}
.topnav {display:none;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  border: 1px solid;
  box-shadow: 0 0 8px #222;
  text-align: right;
}
.topnav ul {
  margin: 0 auto;
  padding: 0;
}
.topnav ul li {
  display: inline-block;
}
.topnav ul li a {
  color: #eee;
  display: block;
  padding: 10px;
}
.topnav ul li ul a {
  background: #333 none repeat scroll 0 0;
  padding: 15px 10px 15px 20px;
}
.topnav ul li ul a:hover {
  background: #666 none repeat scroll 0 0;
}
.topnav ul li ul a::before {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #eee;
  border-top: 4px solid transparent;
  content: "";
  left: 10px;
  position: absolute;
  top: 18px;
}
.topnav #sub {
  min-width: 150px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: left;
  width: auto;
  z-index: 1000;
}
.topnav #sub > li {
  border-bottom: 1px solid #666;
  display: block;
  float: none;
  position: relative;
}
#header-wrap {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 11px #aaaaaa;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  width: 100%;
  z-index: 3000;
}
#header-wrap.darkHeader {
  background: #cc0000 url("../images/bg-header.png") no-repeat scroll 0 0 / 100% auto;
  box-shadow: 0 0 11px #000000;
  overflow: hidden;
  position: relative;
}
#header-wrap.darkHeader::after {
  background: #cc0000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
#header-wrap.darkHeader a {
  color: #eeeeee;
}
#header-wrap.darkHeader li a {
  padding: 10px;
}
.indark {
  display: none;
}
.darkHeader .indark {
  display: inline-block;
  max-width: 250px;
}
.darkHeader .normal {
  display: none;
}
.darkHeader .headerbox {
  margin: 5px auto auto;
}
.header {
  margin: 0 auto;
  max-width: none;
  padding: 0;
  position: relative;
  width: auto;
  z-index: 1000;
}
.header-left {
    float: left;
    width: 300px;
}
.header-right {
    background: none repeat scroll 0 0 #EEEEEE;
    float: right;
    margin-right: 10px;
    margin-top: 0;
    width: 400px;
}
.header h1 {
   color: #FFFFFF;
    margin: 0 auto;
}
.titlewrapper img {
  max-width: 100%;
  padding: 0;
}
.header h1 a {
    color: #FC9443;
    font-size: 20px;
    text-decoration: none;
}
.titlewrapper {
    margin: 0;
    padding: 0;
}
.descrptionwrapper {
    color: #FFFFFF;
    padding: 0 8px;
}
.adminheader p {
margin: 15px auto 15px 5px;
    padding: 0;
    width: 270px;
}
.menu {
  background: transparent none repeat scroll 0 0;
  float: right;
  margin: 10px auto;
  max-width: 680px;
  padding: 0;
  position: relative;
  text-align: right;
  width: 100%;
}
.menu > a {
  background: none repeat scroll 0 0 #2980b9;
  color: #fff;
  display: inline-block;
  font-family: trebuchet ms;
  font-size: 16px;
  font-weight: bold;
  margin: 0 2px;
  padding: 20px;
  text-transform: uppercase;
}
.menu > a:last-child {
  border-right: medium none;
}
.menu > a:first-child {
  border-left: medium none;
}
.menu > a:hover {
  background: none repeat scroll 0 0 #660000;
  color: #fbfb03;
}
.board {
  clear: both;
  height: auto;
  padding: 0;
}
.member-menu {
  background: #333333 none repeat scroll 0 0;
  color: #eeeeee;
}
.member-menu ul {
  margin: 0 auto;
  padding: 0;
}
.member-menu li {
  display: inline-block;
}
.member-menu li a {
  color: #eeeeee;
  display: block;
  font-size: 16px;
  padding: 10px;
}
.boardtop {
  background: #eee none repeat scroll 0 0;
  float: none;
  margin: 0 auto 10px;
  overflow: hidden;
  padding: 0;
}
.boardbottom {
  background: #ffffff none repeat scroll 0 0;
  height: auto;
  margin: 0 auto 10px;
  padding: 0;
  position: relative;
  width: auto;
}
.boardbottom li {
  margin: 0 auto;
}
.boardbottom .slideshow .prev, .boardbottom .slideshow .next {
  background: #cc0000 none repeat scroll 0 0;
  color: #333;
  display: block;
  font-size: 25px;
  height: 35px;
  padding: 10px;
  position: absolute;
  text-align: center;
  text-indent: -3000px;
  top: 65px;
  width: 15px;
  z-index: 1;
}
.boardbottom .slideshow .prev::before {
  border-bottom: 19px solid transparent;
  border-right: 20px solid #eee;
  border-top: 19px solid transparent;
  content: "";
  left: 2px;
  position: absolute;
  top: 8px;
}
.boardbottom .slideshow .prev::after {
  border-bottom: 19px solid transparent;
  border-right: 20px solid #cc0000;
  border-top: 19px solid transparent;
  content: "";
  left: 6px;
  position: absolute;
  top: 8px;
}
.boardbottom .slideshow .next::before {
  border-bottom: 19px solid transparent;
  border-left: 20px solid #eee;
  border-top: 19px solid transparent;
  content: "";
  position: absolute;
  right: 2px;
  top: 8px;
}
.boardbottom .slideshow .next::after {
  border-bottom: 19px solid transparent;
  border-left: 20px solid #cc0000;
  border-top: 19px solid transparent;
  content: "";
  position: absolute;
  right: 6px;
  top: 8px;
}
.boardbottom .slideshow .prev {
  left: 0;
}
.boardbottom .slideshow .next {
  right: 0;
}
.board-end {
  padding: 0 30px 30px;
  background: #fff;
}
.board-end .partner {
  background: none repeat scroll 0 0 #2980b9;
  color: #fff;
  float: left;
  margin: 0 10px;
  padding: 3px 10px;
}
.board-end .slide_container {
  border-top: 1px solid #ccc;
  clear: both;
}
.board-end  ul.slide2 li {
  float: left;
  list-style-type: none;
  margin: 0 4px;
}
.board-end  ul.slide2 img {
  border: medium none;
  height: 70px;
}
.slideshow {
  overflow: hidden;
  width: 100%;
}
.slideshow .photo {
  display: block;
  height: 230px;
  margin: 2px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
}
.slideshow .photo span {
  bottom: 0;
  display: block;
  left: 0;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1000;
}
.slideshow .photo a {
  color: #333333;
  font-weight: bold;
  text-transform: capitalize;
}
.slideshow .photo img {
  width: 100%;
}
.slideshow li {
  width: 20%;
}
.slides {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.slide {
  float: none;
  width: 100%;
  padding: 20px;
}
.slide .img-wrapper {
  height: 200px;
  overflow: hidden;
}
.slide img {
  width: 100%;
}
.cols {
  overflow: hidden;
}
.col {
  display: inline-block;
  float: left;
  width: 33.3%;
}
.colin {
  margin: auto 5px;
}
.button {
  background: #333333 none repeat scroll 0 0;
  border: medium none;
  color: #eeeeee;
  display: inline-block;
  padding: 5px 10px;
}
.th img {
  display: block;
}
.uppercase {
  text-transform: uppercase;
}
.button.more {
  background: #cccccc none repeat scroll 0 0;
  color: #666666;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.button.more:hover {
  background: #333333 none repeat scroll 0 0;
  color: #eeeeee;
}
.ket {
  background: #ffffff none repeat scroll 0 0;
  padding: 10px;
  text-align: center;
}
.ket h2 {
  font-size: 20px;
  text-transform: uppercase;
}
.ket .fa {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  color: #cc0000;
  font-size: 60px;
  margin: -45px;
  width: 62px;
}
.col:nth-child(1) .ket .fa {
  color: #2980b9;
}
.col:nth-child(2) .ket .fa {
  color: #8e44ad;
}
.colin:hover .ket .fa {
  color: #333333;
}
.news {
  float: none;
  min-height: 300px;
  width: auto;
}
.news > ul {
  margin: 0 auto;
  padding: 0;
}
.news li {
  border-bottom: 1px dotted #000;
  float: none;
  list-style: none outside none;
  overflow: hidden;
  padding: 5px 0;
}
.news .thumbs {
  background: none repeat scroll 0 0 #eee;
  float: left;
  height: 70px;
  margin-right: 10px;
  width: 70px;
}
.news .summary {
  color: #333;
  display: inline;
  float: none;
  overflow: hidden;
  width: auto;
}
.usermenu {
  background: none repeat scroll 0 0 transparent;
  border: 0 solid #cccccc;
  margin: 5px auto 0;
  overflow: hidden;
  padding: 0;
  text-align: right;
}
.usermenu .left a {
background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #9cc800;
    display: block;
    float: left;
    font-weight: normal;
    padding: 10px;
}
.usermenu .right a {
    color: #eeeeee;
    display: block;
    float: left;
    padding: 10px;
    text-align: right;
    text-decoration: none;
}
.menu .left {
background: none repeat scroll 0 0 #ABD158;
    float: left;
    padding: 15px;
    width: 170px;
}
.menu .rigth {
    padding: 14px;
}
.user {
  float: left;
  padding: 10px;
}
/*.right a {
   border-right: 1px solid #EEEEEE;
    color: #2E6B4A;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
}*/
.tright .search {
    float: right;
    height: 25px;
    padding: 0px;
    width: 100%;
}
.tright a {
    color: #EEEEEE;
    text-decoration: none;
}
.sleft {
    float: left;
    padding: 3px;
    width: 175px;
}
.sleft a {
    float: right;
}
.ct {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #333333;
    float: left;
    font-family: arial;
    font-size: 14px;
    margin: 5px;
    padding: 5px;
}
.ct li {
    list-style: square outside none;
}
.sright {
    float: right;
    width: 184px;
}
.search .left {
    background: none repeat scroll 0 0 #ccc;
    border: 0 solid #AAAAAA;
    color: #FFFFFF;
    float: left;
    height: 20px;
    padding: 2px;
    width: 130px;
}
.search .left:hover {
    background: none repeat scroll 0 0 #333333;
}
.search .right {
    background: none repeat scroll 0 0 #566666;
    border: 0 solid #333333;
    color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 14px;
    padding: 3px;
    width: 50px;
}
.search .right:hover {
    background: none repeat scroll 0 0 #333333;
    cursor: pointer;
}
.menu > ul {
  float: right;
  margin: 0;
  padding: 0;
}
.menu > ul li {
  float: left;
  list-style: outside none none;
  margin: 0 auto;
  overflow: hidden;
}
.menu > ul li:first-child {
  border-left: medium none;
}
.menu > ul li:last-child {
  border-right: medium none;
}
.menu li a:hover {color:#cc0000;}
.menu > ul > li > a {
  color: #333;
  display: block;
  float: left;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 15px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.menu .sub {
  background: none repeat scroll 0 0 #333;
  margin: 0 auto;
  min-width: 75px;
  padding: 10px;
  position: absolute;
  text-align: left;
  top: 48px;
  width: auto;
  z-index: 3000;
  display: none;
}
.menu li:hover .sub {
  display: block;
}
.menu .sub > li {
  border-bottom: 1px solid #666;
  display: block;
  float: none;
  margin: 0 auto;
}
.menu .sub a {
  color: #eee;
  display: block;
  padding: 5px 0;
}
.menu .sub a:hover {
  color: #fbd340;
}
/** breadcrumbs**/
.breadcrumbs {
    background: none repeat scroll 0 0 #566666;
    border-bottom: 2px double #EEEEEE;
    color: #EEEEEE;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 12px 10px;
}
.breadcrumbs a.home {
    text-decoration: none;
    text-transform: uppercase;
}
.breadcrumbs a {
    color: #EEEEEE;
    padding: 0 5px;
    text-decoration: none;
    text-transform: capitalize;
}
.main {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: none;
  margin: 0 auto;
  overflow: hidden;
  width: auto;
}
.subscribe {
color: #000000;
    float: none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 15px;
    width: auto;
}
.s {
    background: none repeat scroll 0 0 #555555;
    border: medium none;
    color: #CCCCCC;
    float: left;
    font-style: italic;
    padding: 10px;
    width: 186px;
}
.search_btn {
    background: none repeat scroll 0 0 #9cc800;
    border: medium none;
    color: #FFFFFF;
    float: left;
    padding: 10px 5px;
    text-transform: uppercase;
}
.bottom .main.midle {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
.bottom .main.left {
    border-right: 1px solid #F8F8F8;
}
.bottom .main.right {
    border-left: 1px solid #F8F8F8;
}
.bottom {
    border-top: 1px solid #F8F8F8;
    overflow: hidden;
    padding: 20px 0;
}
.bottom .main {
    float: left;
    height: 195px;
    width: 321px;
}
.subscribe .count {
    font-size: 30px;
}
.subscribe p {
    margin: 0;
}
.allprod {
  overflow: hidden;
  padding: 30px;
}
#output {
  font-size: 12px;
  max-width: 415px;
  padding: 5px;
}
#output img {
  border: medium none;
  max-width: 100%;
  padding: 0;
  width: auto;
}
#output a {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 20px;
  padding: 10px;
}
.editpost form {
  float: left;
}
.editpost .post-thumb {
  float: right;
  width: 280px;
}
.left {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #CCCCCC;
    float: left;
    height: 300px;
    overflow: hidden;
    padding: 10px;
    width: auto;
}
.left .thumb:hover {
    -moz-transition: overflow 1s ease 0s;
    overflow: auto;
}
.left .thumb {
    height: 300px;
    overflow: hidden;
}
.left img {
    border: medium none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.back {
    background: none repeat scroll 0 0 #D4D4D4;
    margin: 0 auto 2px;
}
.back a {
   background: none repeat scroll 0 0 #2E6B4A;
    color: #FFFFFF;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    padding: 0 10px;
    text-decoration: none;
}
.back a:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #333333;
}
.howtobuy {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    float: left;
    width: 99.8%;
}
.howtobuy .form {
    margin:0px;
	padding:0px;
}
.form form {
    margin: 15px;
}
.fright input {
    border: 1px solid #CCCCCC;
    color: #333333;
    margin: 1px;
    padding: 6px;
}
.fright textarea {
    border: 1px solid #CCCCCC;
}
.fbutton input {
background: none repeat scroll 0 0 #A97FB0;
    border-color: #F4F1EE #444444 #444444 #F4F1EE;
    border-style: solid;
    border-width: 1px;
	color: #EEEEEE;
    font-weight: bold;
    padding: 5px;
    width: 70px;
}
.howtobuy .left {
    float: left;
    width: 250px;
}
.howtobuy .right {
    float: left;
    width: 100%;
}
.howtobuy h2 {
  background: none repeat scroll 0 0 #CCCCCC;
    color: #000000;
    font-family: arial;
    font-size: 16px;
    margin: 2px;
    padding: 5px;
    text-transform: uppercase;
}
.howtobuy p {
    margin: 0;
    padding-left: 5px;
}
.howtobuy ul {
    color: #333333;
    font-family: arial;
    font-size: 16px;
    margin-bottom: 30px;
    padding-left: 35px;
}
.howtobuy ul li {
    list-style: disc outside none;
    margin: 0;
    padding: 0;
}
.howtobuy h3 {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #000000;
    font-family: arial;
    font-size: 16px;
    margin: 2px;
    padding: 5px;
    text-transform: uppercase;
}
.left a {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #BBBBBB;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.related {
    border-top: 1px dotted #AAAAAA;
    float: left;
    margin: 10px auto;
    padding: 0;
    width: 100%;
}
.related .price-home {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 2px;
    width: 83px;
}
.related .detail {
    background: none repeat scroll 0 0 #2E6B4A;
    float: right;
    margin: 0;
    padding: 2px;
    text-align: center;
    width: 41px;
}
.related h3 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
	width: 132px;
}
.related .title {
    margin-bottom: 10px;
    margin-top: 5px;
    font-family: verdana;
}
.thumbs-home {
 height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.thumbs {
  border: 1px solid #ccc;
  height: 100%;
  margin: 0;
  max-height: 180px;
  max-width: 180px;
  overflow: hidden;
  padding: 5px;
  position: relative;
  width: auto;
  background: #fff;
}
.thumbs img {
  float: left;
}
.thumbs:hover {
  border: medium none;
  opacity: 0.8;
  padding: 0;
  transition: all 0.2s ease 0s;
}
.thumbs .del {
  background: none repeat scroll 0 0 #fff;
  display: inline-block;
  padding: 0 5px;
  position: absolute;
  right: 2px;
  top: 3px;
}
.summary {
  display: inline-block;
  float: none;
  width: 100%;
}
.summary > h2 {
display:none;
  margin: 10px 0;
  padding: 0;
}
.summary .demo, .summary .download {
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 50%;
}
.summary .demo {
  background: none repeat scroll 0 0 #333;
  color: #9cc800;
}
.summary .download {
  background: none repeat scroll 0 0 #9cc800;
  color: #FFFFFF;
}
.goto {
  display: block;
  float: none;
  padding: 10px;
  width: auto;
}
.thumbs #img {
    height: 120px;
    margin: 2px;
    overflow: hidden;
}
.thumbs #img img {
    height: auto;
    margin-left: -10px;
    margin-top: -10px;
    position: relative;
    width: 300px;
}
.menuname{
background: none repeat scroll 0 0 #0066FF;
    color: #000000;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin-right: 0;
    padding-left: 5px;
    width: 200px;
}
.left-content {
  float: left;
  width: 640px;
}
.sidebar {
  float: right;
  line-height: 1.5em;
  margin-left: 20px;
  padding: 0;
  width: 300px;
}
.sidebar .widget {
    margin: 0 0 20px;
    padding: 0;
}
.sidebar .widget.random {
  background: none repeat scroll 0 0 #eee;
}
.sidebar .widget.random li {
  border: medium none;
  display: inline-block;
  list-style: none outside none;
  width: 46%;
}
.sidebar .widget2 {
    margin-top: 10px;
}
.banner {
    margin: 0 0 2px;
    padding: 0;
}
.sidebar .widget-content.list-label-widget-content{
padding:8px

}
.sidebar h2 {
  border-bottom: 1px solid #333333;
  color: #333;
  font: bold 14px Arial;
  margin: 0;
  padding: 10px 5px;
  text-align: left;
  text-transform: uppercase;
}
.sidebar .widget.random h2 {
  border: medium none;
}
.sidebar ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sidebar ul li {
  border-bottom: 1px solid #ccc;
  color: #000000;
  line-height: 1.3em;
  list-style: square inside none;
  margin: 0 auto;
  padding: 5px;
  text-indent: 0;
}
.pager {
  float: left;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.pager a {
  background: none repeat scroll 0 0 #333;
  color: #fff;
  display: block;
  float: left;
  font-weight: normal;
  margin: 2px;
  padding: 5px 10px;
  text-decoration: none;
}
.pager b {
    background: none repeat scroll 0 0 #333333;
    color: #EEEEEE;
    float: left;
    margin: 3px;
    padding: 4px;
}
.result {
    color: #000000;
    font-family: verdana;
    margin: 5px;
}
#sidebar-wrapper a {
color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    padding: 3px 2px 4px 0;
}
.icontent {
  float: right;
    margin: 10px;
    width: 780px;
}
.content-inner {
    background:none repeat scroll 0 0 transparent;
    float: right;
    width: 100%;
}
.isi {
    background:none repeat scroll 0 0 transparent;
    width: 100%;
}
.premium {
  background: none repeat scroll 0 0 #9cc800;
  color: #fff;
  display: inline;
  font-size: 10px;
  margin-left: 10px;
  padding: 2px 4px;
}
.link-wrap {
  margin: 0 20px;
  overflow: hidden;
  padding: 0 0 20px;
}
.foots {
  background: #000000 none repeat scroll 0 0;
  color: #eeeeee;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0;
}
.foots a {
	color: #eee;
}
#footer {
	background: #eee;
	bottom: 0;
	clear: both;
	color: #333;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
	position: relative;
	text-transform: capitalize;
	width: auto;
}
#footer .inner {
  z-index: 2;
}
#footer .left, #footer .right {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  height: auto;
}
#footer .left a, #footer .right a {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #eeeeee;
  text-decoration: none;
}
#footer .right li a, #footer .left li a {
  padding: 10px;
}
#footer .left {
  float: left;
}
#footer .right {
  float: right;
}
#footer .right li {
  display: inline-block;
}

#footerText {
	color: #CC9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
#gadget-bottom {
  overflow: hidden;
}
#gadget-bottom .column {
  display: inline-block;
  padding: 10px;
  vertical-align: top;
  width: 353px;
}
#gadget-bottom h3 {
	text-transform: uppercase;
	font-size: 24px;
}
#gadget-bottom ul {
  margin: 0 auto;
  padding: 0;
}
#gadget-bottom .title {
  display: block;
  font-weight: bold;
}
#gadget-bottom .date {
  color: #aaaaaa;
}
#gadget-bottom li {
  border-bottom: 1px solid #cccccc;
  list-style: outside none none;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 0;
}
#gadget-bottom li:last-child {
  border: medium none;
}
#gadget-bottom li .thumbnail {
  float: left;
  margin-right: 10px;
  width: 90px;
}
#gadget-bottom a {
  color: #333333;
}
#gadget-bottom .social > li {
  background: #eeeeee none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #333333;
  display: inline-block;
  font-size: 26px;
  height: 36px;
  margin-right: 10px;
  text-align: center;
  width: 36px;
}
#gadget-bottom .social > li i {
  color: #333333;
}
#img a img {
    height: auto;
    width: 370px;
}
.warning {
    border: 1px dashed #AAAAAA;
    color: #333333;
    font-family: verdana;
    font-size: 12px;
    margin-top: 0;
    padding: 5px;
    text-align: center;
}
/* Start Home by cat*/
.cat {
    float: left;
    width: 100%;
}
.cat .cat-title h2 {
    color: #2E6B4A;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.cat .border {
    border: 0 solid #CCCCCC;
    float: left;
    padding: 5px 0;
}
.cat-title {
    border-bottom: 2px solid #333333;
    float: left;
    margin: 10px 0 5px;
    width: 100%;
}
.cat-title .more {
    background: none repeat scroll 0 0 #333333;
    float: right;
    margin: 0;
    padding: 1px 5px;
}
.cat-title .more a {
    color: #FFFFFF;
    text-decoration: none;
}
.cat .post h3 {
	background: none repeat scroll 0 0 #EEEEEE;
    color: #B3A756;
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
}
.cat .post-body {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #EEEEEE;
    color: #000000;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
}
.cat .post {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    font-size: 14px;
    margin: 0 2px;
    width: 160px;
}
.cat .price {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    float: left;
    margin: 2px;
    padding-left: 2px;
    width: auto;
}
.cat .thumbs {
    border: 0 solid #EEEEEE;
    height: 215px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.cat .post img {
    border: 0 none;
    height: auto;
    margin-left: -10%;
    margin-right: -10%;
    margin-top: -1px;
    padding: 0;
    width: 190px;
}

.cat .detail a {
    background: none repeat scroll 0 0 #2E6B4A;
    border-bottom: 1px solid #333333;
    border-radius: 0 0 0 0;
    border-right: 1px solid #333333;
    color: #CCCCCC;
    font-family: arial;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
}
.font3 a {
    text-decoration: none;
}
.login .form {
  margin: 0 0 5px;
  padding: 10px;
  width: 170px;
}
input.form_element {
  background: none repeat scroll 0 0 #f4f4f4;
  border: 1px solid #ccc;
  color: #333;
  margin-bottom: 0;
  padding: 10px;
  width: 390px;
}
#registration {
  margin: 20px 0;
}
.style_form {
  margin: 3px;
  position: relative;
}
.style_form:nth-child(4) {
  margin: 10px auto 0;
}
#availability_status, #password_validation, #email_availability {
  font-size: 11px;
  left: 285px;
  position: absolute;
  top: 12px;
}
.register, #submit_btn {
  background: none repeat scroll 0 0 #4385f7;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  padding: 10px;
  text-transform: capitalize;
  vertical-align: middle;
}
.register, #submit_btn:hover {
  background: none repeat scroll 0 0 #2567d9;
}
.register-finish {
  padding: 25px;
  text-align: center;
}
.register .link {
    color: #fff;
    text-decoration: none;
}
*:focus {
    outline: 0;
}
.member_status {
  background: none repeat scroll 0 0 #9cc800;
  border: 1px dashed #FFFFFF;
  clear: both;
  color: #FFFFFF;
  font-size: 35px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px;
  position: relative;
  text-transform: uppercase;
  width: 300px;
}
.notfound {
  color: #333;
  font-size: 14px;
  margin: 0 auto;
  padding: 0;
}
.notfound h2 {
    font-size: 16px;
    margin: 6px 0 10px;
    padding: 0;
    text-align: left;
}
.notfound ul {
    height: 400px;
    margin: 0;
    padding: 0;
}
.notfound li {
    color: #2E6B4A;
    float: left;
    list-style: square outside none;
    margin: 2px 4px 2px 14px;
    padding: 2px 0;
    text-align: left;
    width: 196px;
}
.notfound li a {
    color: #2E6B4A;
}
table input {
    padding: 5px;
}
td {
    vertical-align: top;
}
.pemesanan table {
    border: 1px none;
    width: 100%;
}
.pemesanan th {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #AAAAAA;
}
.pemesanan td {
    border: 1px solid #CCCCCC;
    padding: 2px;
}
.shopcart table {
    border: 1px none;
    width: 650px;
}
.shopcart table tr {
    border: 1px none;
}
.shopcart table th {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #aaa;
    color: #000000;
    padding: 4px;
    text-align: left;
}
.shopcart td {
    border: 1px solid #AAAAAA;
    padding: 5px;
    text-align: left;
}
.shopcart li {
    font-family: arial;
    font-size: 16px;
    list-style: none outside none;
}
.form {
    margin: 20px;
}
.payment {
  margin: 0 0 5px;
  padding: 15px;
  width: auto;
}
.payment h1 {
    margin: 0;
}
.payment ul {
margin: 15px 0;
    overflow: hidden;
    padding: 0;
}
.payment li {
    float: left;
    font-size: 16px;
    list-style: none outside none;
    margin: 0 0 9px;
    width: 220px;
}
.prospes {
  float: left;
  margin: 10px 10px 10px 0;
  overflow: hidden;
  width: 560px;
}
#sidebar {
  float: right;
  margin: 10px 0;
  width: 300px;
}
#sidebar .widget {
  background: none repeat scroll 0 0 #EEEEEE;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 12px;
}
#sidebar .widget h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 5px;
}
#sidebar .widget ul {
  list-style: none outside none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}
#sidebar .widget.random ul li {
  float: left;
}
#sidebar .widget.random ul .thumb {
  height: 90px;
  margin: 1px;
  overflow: hidden;
  width: 90px;
}
#sidebar .widget.random ul li .thumb img {
  float: left;
  height: auto;
  width: 100%;
}
.prospes .thumbnail {
  float: none;
  padding: 0;
  width: 560px;
}
.thumbnail img {
  width: 100%;
}
.prospes .description {
    overflow: hidden;
}
/*bottom wrapper*/
#bottom-wrapper {
  background: none repeat scroll 0 0 #111;
  margin: 0;
  overflow: hidden;
  padding: 0 0 5px;
  text-align: center;
}
#bottom-wrapper .main {
  float: none;
  margin: 0;
  padding: 1%;
  width: auto;
}
#bottom-wrapper ul {
  list-style: none outside none;
  margin: 20px 0;
  padding: 0;
}
#bottom-wrapper a {
  color: #cccccc;
  text-decoration: none;
}
#bottom-wrapper h2 {
  color: #9cc800;
  font-size: 30px;
  font-weight: normal;
  margin: 0 auto;
  position: relative;
  text-transform: capitalize;
}
#user-activity {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0;
  overflow: hidden;
  padding: 0px;
}
#user-activity .inner {
  background: none repeat scroll 0 0 #F4F4F4;
}
#user-activity .main:nth-child(1) {
  float: left;
  padding: 10px;
  width: 520px;
}
#user-activity .main:nth-child(2) {
  float: right;
  padding: 10px;
  width: 310px;
}
#user-activity li {
  float: left;
  height: 145px;
  margin: 5px;
  overflow: hidden;
  width: 145px;
}
#user-activity li img {
  width: 100%;
}
#user-activity ul {
  margin: 0;
  padding: 0;
}
#user-activity h2 {
  font-size: 16px;
  font-weight: normal;
  margin: 4px;
}
#bottom-wrapper .search h2 {
  font-size: 17px;
  text-align: left;
  text-transform: capitalize;
}
.search {
  color: #eeeeee;
  font-size: 11px;
  padding: 18px;
  text-align: center;
}
.search > h2 {
  color: #333;
}
.search input {
  padding: 10px;
}
.search .searchtext {
  background: none repeat scroll 0 0 #eee;
  border: medium none;
  box-shadow: 0 0 2px #333 inset;
  color: #333;
  font-size: 16px;
  min-width: 40%;
  padding: 15px;
}
.search .searcbutton {
  margin-left: -80px;
}
.search > form {
  overflow: hidden;
}
.search .input {
  background: none repeat scroll 0 0 #3E4F4F;
  border: medium none;
  border-radius: 5px;
  color: #EEEEEE;
  cursor: text;
  float: left;
  margin: 0 -78px 0 0;
  padding: 15px;
  width: 180px;
}
.search input.button {
  background: none repeat scroll 0 0 #9cc800;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  margin: 8px 5px;
  padding: 7px;
  text-transform: capitalize;
}
.search input.button:hover {
  background: none repeat scroll 0 0 #F38D0E;
}
/* Start drop down menu*/
#dropdownMenu ul.data {
  float: left;
}
#dropdownMenu ul.data li {
  padding: 8px 19px;
}
#dropdownMenu ul.data li a {
  display: inline;
  margin: 0;
  padding: 0;
}
#dropdownMenu ul.data li:hover  a{
  background: none repeat scroll 0 0 transparent;
}
       #dropdownMenu {
  color: #333;
  overflow: hidden;
}
        #dropdownMenu ul {
            float: right;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #dropdownMenu li {
            list-style: none;
            margin: 0;
            padding: 0;
			text-align:left;
        }
		#dropdownMenu li:hover a {
  background: none repeat scroll 0 0 #555555;
}
        #dropdownMenu li a, #dropdownMenu li a:link, #dropdownMenu li a:visited {
  color: #333;
  display: block;
  margin: 0;
  padding: 9px 15px;
  text-transform: capitalize;
}
        #dropdownMenu li a:hover, #dropdownMenu li a:active {
            background: #cccccc;
            color: #555555;
            margin: 0;
            text-decoration: none;
        }
        #dropdownMenu li li a, #dropdownMenu li li a:link, #dropdownMenu li li a:visited {
            background: #555555;
            width: 150px;
            color: #FFFFFF;
            text-transform:capitalize;
            float: none;
            margin: 0;
            padding: 7px 11px;
            border-bottom:1px dotted #aaa;
        }
        #dropdownMenu li li a:hover, #dropdownMenu li li a:active {
            background: #cccccc;
            color: #555555;
            padding: 7px 11px;
        }
        #dropdownMenu li {
            float: left;
            padding: 0;
        }
        #dropdownMenu li ul {
            z-index: 9999;
            position: absolute;
            left: -999em;
            height: auto;
            width: 170px;
            margin: 0;
            padding: 0;
        }
        #dropdownMenu li ul a {
            width: 140px;
        }
        #dropdownMenu li ul ul {
            margin: -32px 0 0 171px;
        }
        #dropdownMenu li:hover ul ul, #dropdownMenu li:hover ul ul ul, #dropdownMenu li.sfhover ul ul, #dropdownMenu li.sfhover ul ul ul {
            left: -999em;
        }
        #dropdownMenu li:hover ul, #dropdownMenu li li:hover ul, #dropdownMenu li li li:hover ul, #dropdownMenu li.sfhover ul, #dropdownMenu li li.sfhover ul, #dropdownMenu li li li.sfhover ul {
            left: auto;
        }
        #dropdownMenu li:hover, #dropdownMenu li.sfhover {
            position: static;
        }
/*End*/
#bottom-wrapper li {
  background: none repeat scroll 0 0 #333;
  border-radius: 50%;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: 80px;
}
#bottom-wrapper li img {
  float: left;
  height: 80px;
  width: 80px;
}
.status {
  margin: 0 auto;
  overflow: hidden;
  padding: 20px;
  text-align: center;
  width: auto;
}
.status .submit {
  cursor: pointer;
  font-size: 30px;
  padding: 10px 20px;
}
.status .table {
  text-align: left;
}
.status .table, .status .table tr, .status .table td {
  border: medium none;
  text-align: left;
}
.status .left {
  float:left;
}
.status .left .table.bank td:first-child {
  padding: 8px 5px;
  width: 170px;
}
.table.bank span.price {
  display: inline-block;
  font-size: 30px;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: auto;
}
.status .right {
  float: right;
}
.status .left, .status .right {
  background: none repeat scroll 0 0 #EEEEEE;
  border: medium none;
  border-radius: 10px;
  height: 400px;
  padding: 2%;
  position: relative;
  width: 42%;
}
.status h2 {
  background: none repeat scroll 0 0 #333333;
  color: #FFFFFF;
  margin: 0 0 20px;
  padding: 10px;
}
.status .left:before, .status .right:before {
  background: none repeat scroll 0 0 #9cc800;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 30px;
  left: 5px;
  padding: 10px 12px;
  position: absolute;
  top: 5px;
}
.status .left:before {
  content: "1";
}
.status .right:before {
  content: "2";
}
.status .right .submit {
  font-size: 14px;
}
/*Tutor*/
.tutor-left, .tutor-content {
  display: inline-table;
}
.tutor-left {
  background: none repeat scroll 0 0 #eee;
  float: left;
  padding: 15px;
  width: 158px;
}
.tutor-content {
  padding: 15px;
  width: 712px;
}
.tutor-content ol > li {
  padding: 30px 0;
}
.tutor-content img {
  max-width: 600px;
}
.tutor-content > h2 {
  background: none repeat scroll 0 0 #eee;
  padding: 5px;
}
.tutor-left > ul {
  margin: 0;
  padding-left: 15px;
}
.alert {
  padding: 20px;
  text-align: center;
}
table.regular {
  font-size: 12px;
  padding: 20px;
}
table.regular td:first-child {
  min-width: 50px;
  padding: 8px 0;
}
table.regular input {
  font-size: 12px;
  padding: 10px;
}
.tleft, .tright {
  border-left: 1px solid #eee;
  float: left;
  font-size: 12px;
  min-height: 230px;
  padding: 1% 0;
  position: relative;
  width: 44%;
}
.tleft .des1, .tleft .des2 {
  width: 100%;
}
.tleft .des1 {
  min-height: 100px;
}
.tleft .des2 {
  min-height: 200px;
}
.tleft {
  border: medium none;
  padding-right: 5%;
}
.tright {
  padding-left: 5%;
}
.tright:before {
  background: none repeat scroll 0 0 #eee;
  border-radius: 50%;
  content: "";
  left: -20px;
  padding: 20px;
  position: absolute;
  top: 50%;
}
.tright:after {
  border-bottom: 11px solid transparent;
  border-left: 10px solid #fff;
  border-top: 11px solid transparent;
  content: "";
  left: -3px;
  position: absolute;
  top: 53%;
}
.tright textarea {
  min-height: 100px;
  width: 98%;
}
/*gllery*/
.gallery {
  margin: 0 auto;
  max-width: none;
  padding: 10px;
  text-align: center;
  width: auto;
}
.other.album {
  margin: 20px auto;
  overflow: hidden;
  padding: 10px;
  text-align: center;
}
.gallery > h1 {
  line-height: normal;
  overflow: hidden;
  padding: 10px;
}
.other.album > h2 {
  background: none repeat scroll 0 0 #2980b9;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 5px 20px;
  width: auto;
}
.gallery > ul {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.gallery li {
  border-bottom: 4px solid #ccc;
  display: inline-block;
  width: 24%;
}
.gallery li:hover {
  border-bottom: 4px solid #9cc800;
}
.gallery img {
	background: #fff;
	height: auto;
	padding: 10px;
	width: auto;
	border: 1px solid #ccc;
}
.gallerymore .items {
	background: transparent;
}
.gallerymore .gallery img {
	border: none;
	padding: 0;
}
.album {
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}
.album > ul {
  margin: 0;
  padding: 0;
}
.album a {
  color: #333;
}
.album li h2 a {
  position: relative;
}
/*.album li h2 a::before {
  border: 1px solid #000;
  content: "";
  height: 7px;
  position: absolute;
  right: -12px;
  top: 2px;
  width: 7px;
}
.album li h2 a::after {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #000;
  content: "";
  height: 7px;
  position: absolute;
  right: -15px;
  width: 7px;
  top: -1px;
}*/
.album > ul li, .others {
  display: inline-block;
  list-style: outside none none;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  width: 171px;
}
.album li h2 {
  font-size: 12px;
  height: 17px;
  margin: 5px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-transform: capitalize;
}
.album2 > ul {
  margin: 0;
  padding: 0;
}
.album2 > ul li {
  display: inline-block;
  list-style: outside none none;
  overflow: hidden;
  padding: 10px;
  vertical-align: top;
  width: 168px;
}
.photo img {
  box-shadow: 0 4px 5px #666;
  width: 100%;
}
.album2 h2 {
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}
img {
  max-width: 100%;
}
.video-content .video {
  display: inline-block;
  margin: 5px;
  overflow: hidden;
  vertical-align: top;
  width: 301px;
}
.v-title > a {
  color: #000;
  font-weight: bold;
}
.widget {
  position: relative;
  margin-bottom: 10px;
}
.widget.html a img {
  background: none repeat scroll 0 0 #eee;
  border: 1px solid #ff9900;
  border-radius: 50%;
  overflow: hidden;
  padding: 3px;
  width: 25px;
}
.widget.html > a {
  background: none repeat scroll 0 0 #ff9900;
  color: #fff;
  display: block;
  padding: 20px;
  text-align: center;
}
#program h3 {
  color: #2980b9;
  font-size: 25px;
  margin: 0;
  padding: 10px 10px 10px 43px;
  position: relative;
  text-transform: capitalize;
}
#program h3::after {
  border-bottom: 6px solid transparent;
  border-left: 9px solid #fff;
  border-top: 6px solid transparent;
  bottom: 13px;
  content: "";
  left: 15px;
  position: absolute;
}
#program h3::before {
  background: none repeat scroll 0 0 #2980b9;
  border: 3px solid #000;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: 5px;
  position: absolute;
  top: 6px;
  width: 20px;
}
.widget ul {
  margin: 0 auto 10px;
  padding: 0;
}
li {
  margin: auto 20px;
}
#program li {
  background: none repeat scroll 0 0 #eee;
  font-size: 13px;
  list-style: outside none none;
  padding: 5px 10px;
}
#program li:nth-child(2n) {
  background: none repeat scroll 0 0 #fff;
  color: #333;
}
.widget.one li:hover {
  background: none repeat scroll 0 0 #ccc;
}
#progmenu li {
  border-left: 1px solid #2980b9;
  border-right: 1px solid #2980b9;
  border-top: 1px solid #2980b9;
  display: inline-block;
  margin: 0 auto -1px;
  padding: 0;
  border-bottom: none;
}
#prog .thum {
  float: left;
  margin-right: 10px;
  max-height: 85px;
  overflow: hidden;
  width: 80px;
}
#prog .ident {
  padding: 10px;
}
#prog img {
  max-width: 100%;
}
#progmenu > li a {
  background: none repeat scroll 0 0 #2980b9;
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 10px;
}
#progmenu > li a.active {
  background: none repeat scroll 0 0 #fff;
  color: #000;
}
#progmenu > li a:hover {
  background: none repeat scroll 0 0 #fff;
  color: #000;
}
.detailprog {
  background: none repeat scroll 0 0 #2980b9;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
.prog table {
  border: 1px solid #ccc;
  padding: 10px;
}
#program {
  border: 1px solid #2980b9;
}
#prog {
  margin: 5px;
}
#prog li {
  font-size: 12px;
  overflow: hidden;
}
.program {
  overflow: hidden;
}
.program .prog {
  display: inline-block;
  margin: 1%;
  padding: 0;
  width: 48%;
}
.head {
  overflow: hidden;
}
.head-left {
  float: left;
}
.head h1 {
  margin: 0 auto;
}
.head-right {
  float: right;
  padding: 4px 0;
  vertical-align: middle;
}
.btn-manage {
  background: #cc0000 none repeat scroll 0 0;
  color: #eeeeee;
  display: block;
  margin: 0 auto;
  padding: 5px 10px;
  vertical-align: middle;
}
a.button, .button {
  background: #333333 none repeat scroll 0 0;
  border: medium none;
  color: #eeeeee;
  cursor: pointer;
  padding: 5px 10px;
  vertical-align: middle;
}
.continue {
  background: #61bae4 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 10px;
  position: relative;
  width: 100px;
}
.continue::before {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
  border-top: 6px solid transparent;
  content: "";
  position: absolute;
  right: 25px;
  top: 9px;
}
/*social share*/
.share {
  overflow: hidden;
}
.share li {
	display: inline-block;
	text-align: center;
	width: 32.3%;
	padding: 0;
	margin: 0 auto;
}
.share li a {
  color: #fff;
  display: block;
  padding: 0;
  text-transform: uppercase;
  vertical-align: top;
}
.share .fb {
  background: #3b5998 none repeat scroll 0 0;
  color: #fff;
}
.share .tw {
  background: #5ea9dd none repeat scroll 0 0;
  color: #fff;
}
.share .gp {
  background: #df4b38 none repeat scroll 0 0;
  color: #fff;
}
.share i.fa {
  display: inline-block;
  font-size: 30px;
  padding: 5px;
}
.gallery.masonry {
  display: block;
  float: none;
  margin: 0 auto;
  max-width: none;
  padding: 0;
  width: 100%;
  position:relative;
}
.items{background:#eee;overflow:hidden;}
.gallery.masonry .thumbs {
  border: medium none;
  margin: 1%;
  max-height:none;
  padding: 20.5px;
}
.gallery.masonry.detail .thumbs {
max-height:none;
  padding: 17px;
}
.gallery.masonry::after {
  background: rgba(0, 0, 0, 0) url("images/more.png") repeat-x scroll 0 0;
  bottom: 0;
  content: "";
  height: 300px;
  left: 0;
  position: absolute;
  width: 100%;
}
.gallery.masonry.detail::after {
  display: none;
}
.gallerymore {
	text-align:center;
}
.gallerymore .more {
  background: #333333 none repeat scroll 0 0;
  bottom: 17px;
  color: #ffffff;
  display: inline-block;
  font-size: 17px;
  font-weight: normal;
  left: auto;
  padding: 5px 14px;
  position: relative;
  right: auto;
  z-index: 1;
}
.gallerymore .more:hover {
  background: #cc0000 none repeat scroll 0 0;
}
* {margin:0;padding:0}
.item {
	float: left;
	font: bold 14px Times,serif;
	margin: 0 auto 10px;
	padding: 0;
	width: 20%;
}
img {
  border: medium none;
  height: auto;
  width: 100%;
}
.start-transition .item {
  -webkit-transition:top .7s ease .5s, left .7s ease .5s;
  -moz-transition:top .7s ease .5s, left .7s ease .5s;
  -ms-transition:top .7s ease .5s, left .7s ease .5s;
  -o-transition:top .7s ease .5s, left .7s ease .5s;
  transition:top .7s ease .5s, left .7s ease .5s;
}
.mobile-menu {
	display: none;
}
@media only screen and (max-width:768px){
	.skiptranslate {
	display: none;
}
body {
	top: 0 !important;
}
.content {
	padding: 0;
}
	.headerbox {
	max-width: 100%;
}
.header {
	max-width: 80%;
	float: left;
}
.menu {display:none;}
	.menu ul {
	float: none;
}
	.menu ul li {
	float: none;
	list-style: outside none none;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
	.menu ul li a {
	display: block;
	float: none;
	padding: 10px;
	text-align: left;
}
.mobile-menu {
	display: inline-block;
}
.mobile-menu {
	width: 20%;
	float: right;
	text-align: center;
	font-size: 34px;
}
.col {
	display: block;
	float: none;
	width: 100%;
	margin: 0 auto 20px;
}
.intro h2, .cols h2 {
	font-size: 20px;
}
.gallery.masonry {
	height: auto !important;
}
.gallery img {
	border: none;
	padding: 5%;
	max-width: 90%;
	background: #ccc;
}
.gallery .item {
	float: left;
	width: 48%;
	margin: auto 1%;
}
div.pp_pic_holder {
	position:fixed !important;
	width: 90% !important;
	left: 5% !important;
	top: 50px !important;
}
.pp_hoverContainer {
	left: 0;
}
.pp_content {
	height: auto !important;
	width: 100% !important;
}
.pp_content img {
	height: auto !important;
	width: 100% !important;
}
div.light_square .pp_details {
	width: 100% !important;
	background: #fff;
	padding: 6px 20px;
	margin: 20px auto auto -20px;
}
div.light_square .pp_close {
	width: 85px !important;
	height: 35px !important;
	background: url(../images/prettyPhoto/light_square/sprite.png) -1px 10px no-repeat !important;
}
.pp_hoverContainer {width: 100% !important;}
.gallery.masonry .thumbs {
	border: medium none;
	margin: 0 auto;
	max-height: none;
	padding: 10px;
	text-align: center;
	max-width: 90%;
}
.gallerymore .gallery img {
	float: none;
}
.gallery.masonry::after {
	display: none;
}
.gallerymore .items {
	background: transparent;
	right: 0;
	position: relative !important;
	top: 0 !important;
}
.items {
	background: #eee;
	overflow: hidden;
	position: relative !important;
	top: auto !important;
}
h1, h2, h3, h4 {
	font-size: 20px;
	text-align: center;
}
#gadget-bottom h3 {
	text-align: left;
}
#footer {
	padding: 0;
}
.foots {
	padding: 20px;
	text-align: center;
}
#gadget-bottom .column {
	display: block;
	padding: 10px;
	width: auto;
	margin: 10px auto;
}
#outer-wrapper .inner, .menu-wrapper {
	max-width: 100%;
}
}