hr {
    border-top: 1px dashed #ccc!important
}
textarea {
    box-sizing: padding-box;
    overflow: hidden
}
label {
    color: #444
}
.br-right {
    border-right: 1px dashed #ccc!important
}
.content-heading {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px
}
.block-heading,
.content-heading {
    letter-spacing: -1px;
    font-weight: 600;
    color: #444;
    font-size: 18px;
    border-bottom: 1px dashed #ccc
}
.block-heading {
    padding-bottom: 22px;
    margin-top: 22px
}
a.tag {
    text-decoration: none
}
a.tag .label {
    padding-top: 0
}
.commentReplyBox {
    display: none
}
.btn-facebook {
    background-color: #3b5998;
    color: #fff
}
.btn-facebook:hover {
    color: #fff
}
.home-centerDiv {
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    height: 50px;
    position: absolute;
    margin-top: 0;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, .4)
}
.home-centerDiv h1 {
    font-size: 48px;
    font-weight: 700;
    text-shadow: 0 0 1px rgba(0, 0, 0, .4)
}
.home-centerDiv h2 {
    font-size: 24px
}
.gallery {
    margin-top: 20px
}
.gallery .gallery-display {
    margin-bottom: 20px
}
.gallery .gallery-display h3 {
    font-size: 15px;
    word-break: break-all
}
.gallery .gallery-details {
    font-size: 11px
}
.gallery-details .pull-right {
    padding-left: 0
}
.gallery .display-image {
    width: 100%
}
.gallery .display-image:before {
    content: "";
    background: none;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    position: absolute;
    left: 50px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 3
}
.gallery figure {
    margin: 0;
    position: relative
}
@media (max-width: 768px) {
    .gallery figure img {
        width: 100%
    }
}
.gallery .figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #3d3d3d;
    color: #fff;
    width: 100%;
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    text-decoration: none;
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}
.gallery figure img {
    transition: -webkit-transform .4s;
    transition: transform .4s
}
.gallery figure:hover .figcaption {
    opacity: .9;
    filter: alpha(opacity=90);
    -webkit-transform: translatey(0);
    transform: translatey(0);
    transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}
.gallery .figcaption .gallery-author {
    position: absolute;
    bottom: 20px;
    padding-right: 20px
}
.images .box-detail {
    margin-top: -28px;
}
.box-detail {
    background: #000;
    background: rgba(0, 0, 0, .6);
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .6));
    padding: 2px 10px;
    margin-top: -63px;
    position: relative
}
.category .box-detail {
    background: linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .6));
    padding: 2px 10px;
    top: 10px;
    right: 15px;
    position: absolute;
    left: 15px;
    margin-top: 0;
}
.box-detail,
.box-detail a {
    text-shadow: 0 0 1px #000;
    color: #fff
}
.box-detail a {
    text-decoration: none;
    padding: 1px 3px
}
.box-detail a:hover {
    border-radius: 2px;
    background-color: hsla(0, 0%, 100%, .2);
    -webkit-transition-duration: .3s;
    -webkit-transition-timing: ease-out;
    -o-transition-duration: .3s;
    -o-transition-timing: ease-out;
    -moz-transition-duration: .3s;
    -moz-transition-timing: ease-out;
    -ms-transition-duration: .3s;
    -ms-transition-timing: ease-out;
    transition-duration: .3s;
    transition-timing: ease-out
}
.box-detail .heading {
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: -1px
}
.main-image {
    position: inherit
}
.main-image .img-thumbnail {
    display: block;
    margin-right: auto;
    margin-left: auto;
    cursor: zoom-in
}
.main-image .controlArrow {
    font-size: 24px;
    position: absolute;
    top: 50%;
    opacity: .8;
    filter: alpha(opacity=80);
    text-shadow: 0 0 1px #000;
    color: #fff;
    z-index: 1;
    height: 40px
}
.main-image .controlArrow a {
    color: #fff;
    text-decoration: none;
    padding: 10px
}
.main-image:hover .controlArrow {
    opacity: 1;
    filter: alpha(opacity=100);
    background: rgba(0, 0, 0, .5)
}
.main-image .controlArrow-next {
    right: 6px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}
.main-image .controlArrow-prev {
    left: 6px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}
.image-author img {
    float: left;
    margin: 0 20px 0 0;
    width: 60px;
    height: 60px
}
.image-author a {
    font-weight: 700
}
.more-from-site img {
    height: 80px;
    width: 80px;
    margin-bottom: 3px
}
.comment-vote {
    color: #777
}
.comment-vote a {
    color: #777;
    text-decoration: none
}
.comment-voted {
    color: #e74c3c!important
}
.image-status {
    font-size: 20px;
    color: #686e77
}
.image-tags a {
    text-decoration: none
}
.comments-block .media-heading a {
    color: #444
}
.comments-block .comment-time {
    color: #444;
    font-size: 12px
}
.upload-preview canvas {
    width: 100%!important
}
@font-face {
    font-family: entypo;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: 400;
    font-style: normal
}
[class*=" entypo-"],
[class^=entypo-] {
    font-family: entypo;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.entypo-tumblr:before {
    content: "\e600"
}
.entypo-pinterest:before {
    content: "\e601"
}
.entypo-facebook:before {
    content: "\e602"
}
.entypo-twitter:before {
    content: "\e603"
}
.entypo-rss:before {
    content: "\e604"
}
.entypo-gplus:before {
    content: "\e605"
}
ul.action-bar {
    list-style: none;
    margin: 0;
    padding: 0
}
.action-bar li {
    float: left
}
.action-bar a {
    color: #fff;
    display: block;
    font-size: 20px;
    width: 60px;
    height: 46px;
    line-height: 46px;
    position: relative;
    text-align: center
}
.action-bar a:hover {
    text-decoration: none
}
.twitter,
.twitter .tooltip,
.twitter .tooltip:before {
    background: #6cdfea
}
.twitter:hover {
    color: rgba(0, 0, 0, .5)
}
.facebook,
.facebook .tooltip,
.facebook .tooltip:before {
    background: #3b5998
}
.facebook:hover {
    color: rgba(0, 0, 0, .5)
}
.gplus,
.gplus .tooltip,
.gplus .tooltip:before {
    background: #e34429
}
.gplus:hover {
    color: rgba(0, 0, 0, .5)
}
.pintrest,
.pintrest .tooltip,
.pintrest .tooltip:before {
    background: #cd1f28
}
.pintrest:hover {
    color: rgba(0, 0, 0, .5)
}
.user-profile-avatar {
    margin-right: 10px
}
.replybutton {
    cursor: pointer
}
.profile-social {
    text-align: center
}
.colorPalette {
    height: 20px;
    width: 35px;
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAADICAYAAADodcFZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFdJREFUeNrtzCEBAAAIAzCa0D/lKQAOOTG7StKfSigUCoVCoVAoFAqFQqFQKBQKhUKhUCgUCoVC4RW+EgqFQqFQKBQKhUKhUCgUCoVCoVAoFAqFQqFQuBovnqYSKsv8GAAAAABJRU5ErkJggg==);
    background-repeat: repeat-x;
    background-position: 0 50%
}
.blog-title {
    font-size: 24px
}
.blog-meta {
    margin-bottom: 25px
}
.util-list {
    position: absolute;
    right: 17px;
    top: 20px
}
.util-list a {
    color: #444
}
.flash_message {
    top: 0;
    width: 100%;
    position: absolute;
    z-index: 10000;
    border: none;
    border-radius: 0
}
@media (max-width: 768px) {
    .util-list {
        position: relative;
        top: auto;
        right: auto;
    }
}
.right-ribbon {
    font-size: 16px;
    color: #fff;
    background-color: #0a0;
    border-bottom: 1px dashed;
    border-top: 1px dashed;
    position: relative;
    height: 24px;
    width: 81px;
    float: right;
    text-align: center;
    right: 11px;
    top: 24px;
    position: absolute;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}
.right-ribbon:before {
    left: -23px;
    border-right: 24px solid #0a0
}
.right-ribbon:after,
.right-ribbon:before {
    display: block;
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    top: 0;
    border-top: 24px solid transparent
}
.right-ribbon:after {
    left: 80px;
    border-left: 24px solid #0a0
}
.snap-content {
    z-index: 2;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.snap-content,
.snap-drawers {
    right: 0;
    left: 0;
    width: auto
}
.snap-content,
.snap-drawer,
.snap-drawers {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto
}
.snap-drawer {
    right: auto;
    left: auto;
    width: 265px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}
.snap-drawer-left {
    left: 0;
    z-index: 1
}
.snap-drawer-right {
    right: 0;
    z-index: 1
}
.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
    display: none
}
.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
    width: 100%
}


/*menu changes*/
#category-nav.open > .dropdown-menu{ display: inline-block;}
@media only screen and (max-width:479px) {
.nav > li{ width: 50%; float: left;}
.nav > li.open{ width: 100%; clear: both; float: none;}
#category-nav ul{ width:100%; padding: 10px 2%; clear: both; background: #000;}
#category-nav ul li{ width: 50%; float: left; }
#category-nav ul li a{ padding: 5px 10px; display: inline-block;}
}
@media only screen and (min-width:480px) and (max-width:979px) {
.nav > li{ width: 33.333%; float: left;}
.nav > li.open{ width: 100%; clear: both; float: none;}
#category-nav ul{ width:100%; padding: 15px 5%; clear: both; background: #000;}
#category-nav ul li{ width: 33.333%; float: left; }
#category-nav ul li a{ padding: 7px 15px; display: inline-block;}
}
@media only screen and (min-width:980px) and (max-width:1199px) {
.nav > li{ width: 25%; float: left;}
.nav > li.open{ width: 100%; clear: both; float: none;}
#category-nav ul{ width:100%; padding: 15px 5%; clear: both; background: #000;}
#category-nav ul li{ width: 25%; float: left; }
#category-nav ul li a{ padding: 7px 20px; display: inline-block;}
}
@media only screen and (min-width:1200px) {
.navbar-collapse.collapse{ position: relative; margin-left:200px;}
#category-nav{ position:inherit;}
#category-nav ul{ position: absolute; width: 100%; padding: 20px 10%;}
#category-nav ul li{ width: 25%; float: left; display: inline-block; }
#category-nav ul li a{ padding: 7px 20px;}
}