a,a:hover {text-decoration:none;}
ul,ol {list-style:none;}
.content {text-align:left; margin:25px 0;}
.content-text {margin:0 0 15px;}
.nav ul li {margin: 0; padding: 0;}
.nav ul {margin: 0!important; padding: 0; float: left;}

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

logo-block{float: left;}
/*.menublock{float: right;}*/

.main-menu {margin-top:31px; float: right;}

.nav {display: inline-block; float: right; font-size: 14px; position: relative;}
.nav-list {text-align:left;}
.nav-item {float:left; *display:inline; zoom:1; position:relative; }
.nav-item a { display: block; color: #6d6d6d; font-size: 16px; padding: 0px 20px; line-height: 36px; font-family: 'varela_roundregular'; cursor: pointer; }
.nav-item > a:hover,.nav-item > .act{ color:#4d9f2e; text-decoration: none; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.btn-post{background: #e6ab2a; color: #fff; font-size: 16px; border-radius: 20px; padding: 0 23px; line-height: 37px; float: right;}
.btn-post:hover{background: #d89605; color: #fff; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 0.5s ease;}
.btn-post:hover, .btn-post:focus, .btn-post.focus{color: #fff;}

.btn-view-history{background: #e6ab2a; color: #fff; font-size: 16px; border-radius: 20px; padding: 0 23px; line-height: 37px; /*float: right;*/}
.btn-view-history:hover{background: #d89605; color: #fff; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 0.5s ease;}
.btn-view-history:hover, .btn-view-history:focus, .btn-view-history.focus{color: #fff;}

.nav-item-account{float:left; *display:inline; zoom:1; position:relative; margin-left:8px;}
.nav-item-account a {display:block; color:#FFF; padding:8px 21px; border-radius:3px; background:#fd3e4e; margin-left:5px; text-transform:uppercase;}
.nav-item-account > a:hover,.nav-item-account > a.act{color:#ce3340; background:#FFF;}
.nav-item:hover .nav-submenu {display:block;}
/* Navigation submenu */
.nav-submenu {display:none; position:absolute; left:0; width:180px; z-index:999; border-right:0px; text-transform:capitalize; font-size:14px;}
.nav-submenu-item a {background:#e2e2e2; border-bottom:1px solid #d0d0cf; margin: 0 !important; font-size:13px; display:block; padding:10px 12px; color:#4f4f4f; border-right:0px !important;}
.nav-submenu-item a:hover {background:#1e609d; text-decoration: none; color:#fff;}

/* Mobile navigation */
.nav-mobile {display:none; cursor:pointer; position:absolute; top:0px; right:0; height:40px; width:40px;}
.nav-mobile .icon-bar{background-color: transparent;  display: block; height: 2px; width: 22px; margin-top: 4px;}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click { border-left: medium none; cursor: pointer; display: block !important; height: 39px; position: absolute; width: 100%;}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media all and (max-width: 980px){
	.nav-item{margin-left:0px;}
	.nav-item a{padding:8px 16px;}
	.nav-item-account{margin-left:0px;}
	.nav-item-account a {padding:5px 16px; border-radius:3px; margin-left:10px;}
    .nav-list {top: 62px!important;}
    .btn-post{float: right; margin-right: 60px;}
}

@media all and (max-width:800px){
    .nav-mobile {margin-right:0; margin-top: 0px;}
    .btn-post{float: right; margin-right: 60px;}
    .nav{margin-top: 0;}


}
@media all and (max-width: 768px){
    .main-menu .btn-donation{float: left;}
    .btn-post{float: right; margin-right: 60px;}
    .nav{margin-top: 0; }
}
@media all and (max-width: 767px){
/*    .main-menu{margin-top: 10px; position: relative;}*/
    .nav-mobile {display: block; }
    .nav-list { top: 55px!important;}
    .hidden-sm.hidden-md.hidden-lg.logo > img { display: inline-block; width: 60px;}

    .btn-post{background: #e6ab2a; color: #fff; font-size: 16px; border-radius: 20px; /*float: left;*/}
    .nav {width:100%; padding:0; margin: 20px 0;}
}
@media only screen and (max-width: 640px) {/*768    640*/
      .nav-list{ top:55px!important;}
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {/*768    640*/
	.nav-item-account{float:none;}
	.nav-item-account a {border-right:0px; display:block; color:#FFF; border-bottom:1px dotted #3f3f3f; background:#020202; padding:15px; margin:0px; border-radius:0px;}
	.nav-mobile {display:block; margin-top:0px; padding: 8px; background: rgba(0, 0, 0, 0) url("../images/menu.png") repeat scroll 0 0;
    color: transparent !important;}
    .nav-item a{border-right:0px; display:block; color:#000; border-bottom:1px dotted #3f3f3f; background:#fff; padding: 0px 20px;}
	.nav-item > a:hover, .nav-item > a.act{background:#4d9f2e ; color:#FFF; border-radius:0px;}
	.nav-submenu-item a{color:#FFF; text-transform:capitalize; background:#090202; border-bottom:1px solid #000; padding-left: 30px;}
	.nav-submenu-item a:hover{background:#00a43a; color:#FFF; text-transform:capitalize;}
	.nav {width:100%; padding:0; margin: 20px 0;}
	.nav-list {display:none;position: absolute; top: 63px; text-align: left; width: 100%; z-index: 999; }
	.nav-item {width:100%; float:none;}
    .nav-item > a {font-size: 16px; margin: 0;}
    .nav-click {display:block;}
	.nav-mobile-open {border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
	.nav-item:hover .nav-submenu {display:none;}
	.nav-submenu {position:static;  width:100%;}
    /*  .nav-list{ top:78px;}*/
    .logo.hidden-xs > img { width: 235px;}
}
@media only screen and (max-width: 320px){
   /* .btn-post{margin-right: 43px;}*/
}