@import url(assets/css/bootstrap.min.css);
@import url(assets/css/bootstrap-theme.css);
@import url(assets/css/navbar-theme.css);
::selection {background:#ff1493;color:#fff}
body {background:#fff url(assets/img/bg-main.jpg);padding:0 10px}
a:hover {cursor:url(assets/img/pointer.png), pointer;text-decoration:none}
.container:not(.nav-pills) {box-shadow:0 0 7px #7e7e7e;background:#fff}
body>br {display:none}
.loading-page {position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%;background:#fff url(assets/img/loading.gif) center no-repeat}
/* header */
.navbar .navbar-brand {font-family:Ruthie}
.navbar .navbar-description {margin:0;font-family:Tahoma;font-size:11px;color:#999}
.navbar .navbar-collapse {font-family:OpenSans}
.navbar-dropdown>.dropdown-menu-right:before {content:'';position:absolute;z-index:1001;top:-10px;right:12px;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent}
.navbar-dropdown>.dropdown-menu-right:after {content:'';position:absolute;top:-11px;right:11px;border-bottom:11px solid #ccc;border-left:11px solid transparent;border-right:11px solid transparent}
/* navigation */
.navigation {position:fixed;z-index:99;top:0;left:0;width:100%;background:#2c2c2c;opacity:.75}
.navigation .nav-pills {margin-bottom:0}
.nav-pills {border-radius:4px;background:#2c2c2c;font-size:16px;font-family:Oswald}
.nav-pills>li:not(:last-child) {border-right:2px solid #383838}
.nav-pills>li>a {transition:background-color .5s !important;text-shadow:#000 1px 1px 1px;color:#ddd}
.nav-pills>li>.home {width:50px;border-radius:4px 0 0 4px;background:url(assets/img/nav-home.png) center no-repeat;background-size:50%}
.nav-pills>li>.article {width:60px;border-radius:0 4px 4px 0;background:#383838 url(assets/img/nav-article.png) center no-repeat;background-size:50%}
.navigation .nav-pills>li>a {border-radius:0}
/* hero */
.hero-unit {box-sizing:border-box;padding:0;padding-bottom:20%}
.hero-unit.primary {padding-bottom:40%}
.hero-unit>.hero-item {background:url(assets/img/thumbnail.png) center no-repeat;background-size:cover}
.hero-unit>.hero-item:not(:first-child) {display:none}
.hero-unit>.hero-item>span {transition:all .5s;position:absolute;width:100%;height:100%;bottom:0;left:0;box-sizing:border-box;padding:15px;line-height:1.5em;font-family:OpenSans;font-size:24px;text-shadow:1px 1px 1px #000;color:#fff}
.hero-unit.secondary>.hero-item>span {height:auto;background:#000;opacity:.5;font-size:14px;color:#fff}
.hero-unit.primary>.hero-item:hover>span {background:#000;opacity:.5}
.hero-unit.secondary>.hero-item:hover>span {display:flex;height:100%;align-items:center;white-space:normal}
/* headline */
.headline {display:table;width:100%}
.headline>div {display:table-cell;position:relative;height:48px;box-sizing:border-box;vertical-align:middle}
.caption {background:#428bca;padding:0 48px 0 7px;font-family:Oswald;font-size:16px;color:#fff}
.caption:after {content:'';position:absolute;top:0;right:-1px;border-top:48px solid #428bca;border-right:48px solid #eee}
.ticker {width:100%;overflow:hidden;background:#eee}
.ticker>a {display:none;position:absolute;top:100%;left:0;right:0;white-space:nowrap;overflow:hidden;font-family:OpenSans}
.ticker>a:first-child {display:block;top:35%}
.time {background:#ccc;padding:0 7px 0 48px;white-space:nowrap;font-weight:bold;color:#555}
.time:after {content:'';position:absolute;top:0;left:-1px;border-bottom:48px solid #ccc;border-left:48px solid #eee}
/* blog post */
.angle-right:before {content:'›';float:right}
.post,.blog-post-content {border-top:1px solid transparent;border-bottom:1px solid #ddd}
.blog-post-content li p:first-child:not(:last-child) {color:#333}
.blog-post-content blockquote {background:#f5f5f5;color:#333}
.blog-post-image {margin:7px -1px;text-align:center}
.blog-post-image img {max-width:100%;border-radius:6px;margin:0 -7px}
/* thumbnail */
.post-thumbnail,.media-thumbnail {display:block;position:relative;width:100%;box-sizing:border-box;background:url(assets/img/thumbnail.png) center no-repeat;background-size:cover}
.media-thumbnail {width:64px;height:64px}
/* tag/title */
.tags {background:url(assets/img/bg-stripe.png);border-bottom:4px solid #428bca;margin:15px 0 0;padding:0;line-height:0}
.tags>span {display:inline-block;margin-bottom:-1px;background:#428bca;padding:4px 6px 1px 6px;font-family:Oswald;font-size:16px;color:#fff}
.tags>a {float:right;padding:3px 4px;font-family:OpenSans;font-size:14px}
.title {background:url(assets/img/stripe.png) center repeat-x;border-bottom:4px solid #428bca;margin:15px 0 7px;padding:4px 0;font-family:Oswald;font-size:16px}
.title>span {display:inline-block;background:#fff;padding-right:4px}
/* share button */
.share {margin:3px -4px 7px -4px}
.share>.btn-group-justified {border-spacing:4px}
.share-twitter {border-bottom:3px solid #4aa6e7;color:#4aa6e7}
.share-google-plus {border-bottom:3px solid #c0504d;color:#c0504d}
.share-linkedin {border-bottom:3px solid #069;color:#069}
.share-pinterest {border-bottom:3px solid #ab171e;color:#ab171e}
.share-vk {border-bottom:3px solid #5d80a6;color:#5d80a6}
.share-google {border-bottom:3px solid #0b79e5;color:#0b79e5}
.share-more {border-bottom:3px solid #3b5998;color:#3b5998}
/* image gallery */
.slider-arrow {position:absolute;top:20%;transition:all .5s;width:64px;height:64px;opacity:.25}
.slider-arrow:hover {opacity:.5;cursor:pointer}
.slider-arrow.prv {left:-32px;background:#000 url(assets/img/slider-arrow-left.png) 32px 50% no-repeat}
.slider-arrow.nxt {right:-32px;background:#000 url(assets/img/slider-arrow-right.png) 8px 50% no-repeat}
.image-gallery {margin:-4px}
.image-gallery-item {padding:4px;cursor:pointer}
.image-gallery-object,.related-post-object {transition:opacity .5s;padding:50%}
.image-gallery-object:hover,.related-post-object:hover {opacity:.5 !important}
.active>.image-gallery-object {border-color:#428bca}
/* footer */
.blog-footer {border-top:1px solid #ddd;margin-top:15px}
.jump {width:auto;background:#fff;border:none;margin:auto;padding:0 15px;font-family:OpenSans;font-size:16px}
/* margin */
.m-y {margin:15px 0}
.m-t {margin-top:15px}
.m-b {margin-bottom:15px}
.p-a {padding:15px}
.p-y {padding:15px 0}
.p-a-0 {padding:0}
/* truncate */
.text-truncate {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}