/*
  Theme Name: ShockBlast NYX BlackSlate
  Theme URI: http://www.ShockBlast.net/
  Author: AS, gxt/jvh
  Author URI: http://as.thaGXT.biz/
  Description: ShockBlast NYX BlackSlate
  Version: 4.0
*/

/***** COLORS 
  Gold: #fcd116
  Green: #1ad362
  Blue: #0099FF
  Swedish Flag Blue: #005b99
*/

/***** Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600,700');

/***** Reset, normalize.css v3.0.1 */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
body, html { font-size: 100%; padding: 0; margin: 0; height: 100%; width: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; outline: 0; }
a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; padding: 0; }

hr { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;; height: 0; }
pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }


/***** Master */
body { 
    color: white;
    font-family: 'Lato', sans-serif;
    font-weight: 300;

    /* http://thepatternlibrary.com/img/ao.gif */
    /* http://shadowness.com/file/user/7365/wallpaper.jpg */
    /* https://d3e54v103j8qbb.cloudfront.net/gen/img/marketing/main-bg.jpg */
    background: #000 url('static/images/background.svg') no-repeat top left fixed;
}

a, a:hover, a:active, a:visited { text-decoration: none; color: #FFFFFF; }

ul { margin: 0; padding: 0; list-style-type: none; }
ul li { display: inline; }

::selection { background: #005b99; color: #fcd116; }

/*
::-webkit-input-placeholder, 
::-webkit-textarea-placeholder {
  color: #FFFFFF!important;
  opacity: 1!important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
   color: #FFFFFF!important;
   opacity: 1!important;
}

input::-moz-placeholder,
textarea::-moz-placeholder { 
   color: #FFFFFF!important;
   opacity: 1!important;
} 

input[placeholder], textarea[placeholder], [placeholder], *[placeholder] {
   color: #FFFFFF!important;
   opacity: 1!important;
}
*/

hr.gradient {
    background-image: linear-gradient(to right, rgba(0,0,0,.0) 0%, #2B2B2B 50%, rgba(0,0,0,.0) 100%);
    border: 0 none;
    height: 1px;
    margin: 0;
    width: 100%;
}

hr.light {
    background-image: linear-gradient(to right, rgba(24,24,24,.0) 0%, #303030 50%, rgba(24,24,24,.0) 100%);
    border: 0 none;
    height: 1px;
    margin: 0;
    width: 100%;
}

hr.sidebar { 
  background-image: linear-gradient(to right, rgba(30,28,31,.0) 0%, #000 50%, rgba(30,28,31,.0) 100%); 
  border: 0 none;
  height: 1px;
  margin: 0;
  width: 100%;
}

hr.space { margin: 30px auto; }
hr.space10b { margin: 0 auto 10px; }

.centerIt { margin: 0 auto; text-align: center; }

#light { color: black; }

#main { background: transparent; }

#container { 
    position: relative; 
    z-index: 300; 
    top: -40px; 
    width: 1060px; 
    margin: 0 auto; 
    background: #1E1C1F;

    border-radius: 10px;
    box-sizing: border-box;
}

#cont { width: 70%; padding: 10px 10px 15px; float: left; background: #181818; border-radius: 10px; }
#cont-full { width: 100%; padding: 10px 10px 15px; background: #181818; border-radius: 10px; transition: margin 0.6s ease-in-out 0s; }
.cont-full-on { margin-left: -350px; }

#cont img, #cont-full img { max-width: 100%; }
#aside { width: 30%; float: right; overflow: hidden; text-align: center; }

#header, 
#header-post {
    width: 100%;
    height: 400px;
    position: relative;
    z-index: 200;
    margin: 0 auto;
    background-color: #1B1B1B;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));
    overflow: hidden;
/*  animation: headerGrow 500ms 500ms forwards; */
}

#header-post { background-color: #1B1B1B; background-image: none; }

#post-cover:before {
  content: "";
  width: 101%;
  height: 420px;
  position: absolute;
  top: -5px;
  bottom: 0;
  left: -5px;
  right: 0;

  /* background: rgba(0,0,0,.7); */
  background-color: rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(to right, rgba(174, 0, 255, 0.4), rgba(0, 195, 255, 0.4));
}

#post-cover {
  width: 101%;
  height: 420px;
  position: absolute;
  top: -5px;
  bottom: 0;
  left: -5px;
  right: 0;

  background-repeat: no-repeat;
  background-position: center;
  background-attachment: scroll; 
  -webkit-background-size: cover; 
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.blur {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  filter: url(static/images/blur.svg#blur); /* change the blur pixes inside blur.svg in order to make it work with ff */
}

/* contract the header */
.contract #header, 
.contract #header-post { height: 95px; transition: height .8s ease-in-out; }

.contract #header:hover, 
.contract #header-post:hover { height: 400px; }


.contract #header .menu-wrap, 
.contract #header-post .menu-wrap { top: 0; transition: top .6s ease-in-out; }

.contract #header:hover > .menu-wrap, 
.contract #header-post:hover > .menu-wrap { top: 145px; transition: top .3s ease-in-out; }


.contract #header #logo, 
.contract #header-post #logo { top: -72px; transition: top .5s ease-in-out; }

.contract #header:hover > #logo, 
.contract #header-post:hover > #logo { top: 70px; transition: top .4s ease-in-out; }


/* Miscelaneous */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.left { float: left; }
.right { float: right; }

.left:before, .left:after, 
.right:before, .right:after { content: ""; display: table; clear: both; }

/* GPU acceleration */  
.gpu {
    -webkit-transform: translate3d(0px,0px,0px);
    -moz-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px); 
    transform: translate3d(0px,0px,0px);
}

/* Logo */
#logo, 
#header-post #logo {
    width: 100%;
    height: 12em;
    margin: 0 auto;
    position: absolute;
    /* top: 50px; */
    top: 70px;
}

#header-post #logo { top: 70px; }

.circlelogo {
  background: #181818;
  border-radius: 50%;
  height: 0;
  left: 50%;
  opacity: 0;
  position: relative;
  text-decoration: none;
  top: 50%;
  width: 0;
  z-index: 10;

  animation: circleGrow 500ms 500ms forwards, circleScale 950ms 500ms forwards;
}

.shockblast {
  display: block;
  width: 156px;
  height: 164px;
  left: 0;
  opacity: 0;
  position: relative;
  text-align: center;
  top: 0;
  background: transparent url("static/images/logoo.svg") center center no-repeat;
}

/* Menu */
.menu-wrap,
#header-post .menu-wrap {
    padding: 15px 0;
    position: absolute;
/*  top: 120px; */
    top: 145px;
    width: 100%;
 
}

#header-post .menu-wrap { top: 145px; }

.menu-wrap div { display: inline-block; }
.menu-left { padding-right: 25px; text-align: right; width: 43%; }
.menu-right { float: right; padding-left: 25px; width: 43%; }

.menu-wrap li a,
#header-post .menu-wrap li a  {
    margin: 5px;
    color: #272830;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
}

.menu-wrap li a:hover { opacity: 0.6; }

#header-post .menu-wrap li a { color: #FFFFFF; }

.fallDown {
  position: relative;
  opacity: 0;
  animation: fallDown ease-in 1; 
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}

.left4, .right1 { animation-delay: 1s; }
.left3, .right2 { animation-delay: 1.3s; }
.left2, .right3 { animation-delay: 1.4s; }
.left1, .right4 { animation-delay: 1.5s; }

/**** Search */
#search-overlay {
    background-color: rgba(0, 0, 0, 0.9);
/*  background-image: linear-gradient(to right, rgba(38, 38, 38, 0.8), rgba(0, 0, 0, 0.8)); */
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 900;
    display: none;
}

#xclose {
    color: #ffffff;
    font-size: 50px;
    margin-right: 15px;
    position: absolute;
    right: 0;
    top: 0;
}

#search-box {
    bottom: 20%;
    color: #fff;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: fixed;
    right: 0;
    transition: all 0.6s ease-in-out 0s;
    width: 900px;
    z-index: 900;
}

.search-input {
    background: none;
    border: none;
    color: #FFFFFF;
    font-size: 5em;
    font-weight: bolder;
    text-transform: lowercase;
    width: 100%;
    outline: none
}

.srchcats {
    font-size: 15px;
    margin: 30px 0;
    font-weight: normal;
    text-transform: lowercase;
    line-height: 25px;
}

.srchcats li { padding-right: 5px; }
.srchcats li a:hover { border-bottom: 1px solid #FFFFFF;  }

#search-fail {
    background: none repeat scroll 0 0 red;
    border-radius: 5px;
    margin: 10px auto 50px;
    padding: 1px;
    text-align: center;
    width: 666px;
}

/**** SubMenu Overlay */
.menu-overlay {
    background-color: rgba(0, 0, 0, 0.9);
/*  background-image: linear-gradient(to right, rgba(38, 38, 38, 0.8), rgba(0, 0, 0, 0.8)); */
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 900;
    display: none;
}

#closecats,
#closeconnect,
#closemore {
    color: #ffffff;
    font-size: 50px;
    margin-right: 15px;
    position: absolute;
    right: 0;
    top: 0;
}

.menu-box {
  color: #fff;
  left: 0;
  margin: 0 auto;
  max-width: 700px;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 20%;
  transition: all 0.6s ease-in-out 0s;
  z-index: 900;
}

#menu-cats, #menu-connect, #menu-more { display: none; }
#menu-connect a { font-weight: 300 }

.menu-overlay ul { display: block; float: left; margin: 0 50px 0 0; padding: 10px 0; list-style-type: none; }
.menu-overlay li { font-size: 1.3em; padding: 5px; font-weight: 400; }
.menu-overlay ul li { display: block; }

.menu-overlay li a:hover { border-bottom: 1px solid #FFFFFF; }

/* author badge */
.AuthorBadge {
    border-radius: 5px;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    margin: 30px auto;
    padding: 30px 0 15px;
    position: relative;
    text-align: center;
    width: 90%;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7);
    overflow: hidden;

    background-color: #232323;
    background-repeat: no-repeat;
    background-position: center center;

    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll; 
    -webkit-background-size: cover; 
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.AuthorBadge .overlay {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(38, 38, 38, 0.7));
    content: "";
    width: 100%;
    height: 100%;
    position: absolute; 
    top: 0; right: 0; bottom: 0; left: 0;
}

.AuthorBadge .avatar { text-align: center; margin: 0 auto; position: relative; z-index: 1; display: inline-block; }

.AuthorBadge .avatar img {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    border: 2px solid rgb(255, 255, 255);
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.6);
    float: none;
    padding: 5px;
    overflow: hidden;
    text-align: center;
    max-height: 120px;
    max-width: 120px;
}

.AuthorBadge h1.name { font-weight: 300; text-transform: capitalize; } 
.AuthorBadge .socials { margin: 0 auto; text-align: left;  cursor: pointer; }

#author .socials a { color: #FFFFFF; }
#author .socials ul { margin: 0; padding: 0; list-style-type: none; }
#author .socials ul li { display: inline; }

.AuthorBadge p.description { padding: 10px 30px; text-align: center; position: relative; }

.profile-wrap { position: absolute; top: 27px; width: 100%; }
.profile-wrap div { display: inline-block; }

.profile-left {
    position: relative;
    right: 84px;
    text-align: right;
    width: 50%;
}

  #cont-full .profile-left {
    width: 47%!important;
  }

.profile-right {
    left: 17px;
    position: relative;
    text-align: left;
    top: -3px;
    width: 40%;
}

/* you may also like */
#go-on { 
  color: #FFFFFF;
  background: #0F0F0F; 
  padding: 10px; 

  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; 
}

#go-on .prev-title {
    font-size: 1.7em;
    letter-spacing: -1px;
    margin: 15px 0;
    text-align: center;
}

#go-on .year-title {
    font-size: 1.4em;
    letter-spacing: -1px;
    margin: 15px 0;
    text-align: center;
}

.underline {
    background-image: linear-gradient(to right, #D8225E, #B73794, #7254B6, #3981D1, #3BBFEE);
    height: 2px;
    margin-bottom: 0;
}

/* titles */
.go-on-title { position: relative; background: #202020; padding: 10px; display: table; }

.go-on-title:after { 
  left: 100%; 
  top: 50%; 
  border: solid transparent; 
  content: ""; 
  height: 0; 
  width: 0; 
  position: absolute; 
  pointer-events: none; 
  border-color: rgba(136, 183, 213, 0); 
  border-left-color: #202020;
  border-width: 30px; 
  margin-top: -30px; 
  z-index: 99999;
}

.go-on-title span {
  display: table-cell;
  font-size: 1.7em;
  letter-spacing: -1px;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
}

/* One year ago */
#go-on .year-ago { overflow: hidden; width: 101%; height: 173px; position: relative; }

#go-on .year-ago li {
  margin: 2px;
  width: 170px;
  height: 170px;
  float: left;
  border-radius: 3px;
}

#go-on .post-rewind { overflow: hidden; width: 100%; height: 235px; position: relative; }
#go-on .oneyearago { overflow: hidden; width: 100%; height: 175px; }

#go-on .post-rewind:after,
#go-on .oneyearago:after {
    background-image: linear-gradient(to left, rgba(15, 15, 15, 1), rgba(15, 15, 15, 0));
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 9999;
}

#go-on .post-rewind img,
#go-on .oneyearago img  { border-radius: 3px; }

    .prvsl-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 3px;
        height: 205px!important;
        overflow: hidden;
        width: 205px!important;
    }


    .prvsl .details {
      position: absolute;
      top: 0; right: 0; bottom: 0; left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: all .3s ease-in-out;
      background: rgba(0,0,0,.7);

      transform-style: preserve-3d;
    }

    .prvsl .details-cont { 
      position: relative;
      top: 50%;
      transform: translateY(-50%);

      text-align: center;
      max-height: 140px;
      overflow: hidden;
    }

    .prvsl .title { 
      font-size: 1.4em;
      letter-spacing: -1px;
      padding: 0 10px 10px;
    }

  .prvsl .details:hover { opacity: 1; }


/* Tumblr */
#go-on .on-tumblr { overflow: hidden; width: 101%; height: 173px; position: relative; }

#go-on .on-tumblr li {
  margin: 2px;
  width: 170px;
  height: 170px;
  float: left;
  border-radius: 3px;
}

.tumblr-tile {
  width: 170px;
  height: 170px;
  float: left;
  border-radius: 3px;
  overflow: hidden;

  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/***** Hover Show Text hide other */
.showtwo { display: none; }
.hoverme:hover .showtwo { display : block; }
.hoverme:hover .showone { display : none; }

/***** Tooltips */
/* Base styles for the element that has a tooltip */
[data-tooltip], .tooltip { position: relative; cursor: pointer; }

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition:    
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition:         
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  min-width: 400px;
  max-width: 500px;
  background-color: #000;
  background-color: rgba(0,0,0,.8);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
  border-radius: 3px;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: rgba(0,0,0,.8);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after, .tooltip:after, .tooltip-top:after { margin-left: -80px; }

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before, .tooltip-left:after { right: 100%; bottom: 50%; left: auto; }

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: rgba(0,0,0,.8);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before, .tooltip-bottom:after { top: 100%; bottom: auto; left: 50%; }

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: rgba(0,0,0,.8);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 100%; }

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: rgba(0,0,0,.8);
}

.tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before, .tooltip-right:before { top: 3px; }

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after, .tooltip-right:after { margin-left: 0; margin-bottom: -16px; }



/***** Side Bar One Year Ago */
.on-sidebarz { margin: 5px 3px; text-align: center; }

.on-sidebarz .go-on-title { background: #FFFFFF; font-size: 0.8em; }

.on-sidebarz .go-on-title:after { border-color: rgba(255, 255, 255, 0); border-left-color: #FFFFFF; }
.on-sidebarz .go-on-title span a { color: #000; letter-spacing: 1px; }

.on-sidebarz li {
  width: 152px;
  height: 152px;
  float: left;
  border-radius: 3px;

  margin: 2px;
}

.sidebarz-tile {
  width: 152px;
  height: 152px;
  float: left;
  border-radius: 3px;
  overflow: hidden;

  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Owl Carousel Slider */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/* Owl Carousel - Auto Height Plugin */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* Core Owl Carousel CSS File */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel .owl-rtl { direction: rtl; }
.owl-carousel .owl-rtl .owl-item { float: right }
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%;  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame { position: relative; z-index: 1; }
.owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-controls .owl-nav [class*='owl-'] {
  color: white;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.owl-theme .owl-controls .owl-nav [class*='owl-']:hover { background: #869791; color: white; text-decoration: none; }
.owl-theme .owl-controls .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #2B2B2B;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span { background: #FFFFFF; }

/**
 * Cleaner Gallery Stylesheet
 * @version 20130526
 */

.gallery {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0 auto;
}

.gallery-row {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0;
}

.gallery-item {
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  border: none;
  background: transparent;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery-icon {}
.gallery-icon a { cursor: zoom-in; }

.gallery-icon img {
  width: auto;
  max-width: 89%;
  height: auto;
  margin: 0 auto;
  padding: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery-caption {
  margin-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Gallery item sizes depending on the number of columns */
.gallery-col-0 .gallery-item  { width: 100%;   }
.gallery-col-1 .gallery-item  { width: 100%;   }
.gallery-col-2 .gallery-item  { width: 50%;    }
.gallery-col-3 .gallery-item  { width: 33.33%; }
.gallery-col-4 .gallery-item  { width: 25%;    }
.gallery-col-5 .gallery-item  { width: 20%;    }
.gallery-col-6 .gallery-item  { width: 16.66%; }
.gallery-col-7 .gallery-item  { width: 14.28%; }
.gallery-col-8 .gallery-item  { width: 12.5%;  }
.gallery-col-9 .gallery-item  { width: 11.11%; }
.gallery-col-10 .gallery-item { width: 10%;    }
.gallery-col-11 .gallery-item { width: 9.09%;  }
.gallery-col-12 .gallery-item { width: 8.33%;  }
.gallery-col-13 .gallery-item { width: 7.69%;  }
.gallery-col-14 .gallery-item { width: 7.14%;  }
.gallery-col-15 .gallery-item { width: 6.66%;  }
.gallery-col-16 .gallery-item { width: 6.25%;  }
.gallery-col-17 .gallery-item { width: 5.88%;  }
.gallery-col-18 .gallery-item { width: 5.55%;  }
.gallery-col-19 .gallery-item { width: 5.26%;  }
.gallery-col-20 .gallery-item { width: 5%;     }
.gallery-col-21 .gallery-item { width: 4.76%;  }
.gallery-col-22 .gallery-item { width: 4.54%;  }
.gallery-col-23 .gallery-item { width: 4.34%;  }
.gallery-col-24 .gallery-item { width: 4.16%;  }
.gallery-col-25 .gallery-item { width: 4%;     }
.gallery-col-26 .gallery-item { width: 3.84%;  }
.gallery-col-27 .gallery-item { width: 3.7%;   }
.gallery-col-28 .gallery-item { width: 3.57%;  }
.gallery-col-29 .gallery-item { width: 3.44%;  }
.gallery-col-30 .gallery-item { width: 3.33%;  }


/**
 * jQuery TouchTouch
 * The Image Slider
 * https://github.com/martinaglv/touchTouch
 */

#galleryOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 999999;
  background-color: #181818;
  background-color: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  display: none;
  cursor:zoom-out;
  
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

/* This class will trigger the animation */
#galleryOverlay.visible { opacity: 1; }

#gallerySlider {
  height: 100%;
  
  left: 0;
  top: 0;
  
  width: 100%;
  white-space: nowrap;
  position: absolute;
  
  -moz-transition: left 0.4s ease;
  -webkit-transition: left 0.4s ease;
  transition: left 0.4s ease;
}

#gallerySlider .placeholder {
  background: url("//i.imgur.com/P7jUNd0.gif") no-repeat center center;
  height: 100%;
  line-height: 1px;
  text-align: center;
  width: 100%;
  display: inline-block;
}

/* The before element moves the image halfway from the top */
#gallerySlider .placeholder:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right:-1px;
}

#gallerySlider .placeholder img {
  display: inline-block;
  max-height: 95%;
  max-width: 100%;
  vertical-align: middle;
  cursor: default;
  border: 5px solid #181818;
  border-radius: 5px;
  box-shadow: 0 0 20px #000;
}

#gallerySlider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}

/* Arrows */
#prevArrow:before, 
#nextArrow:before {
  cursor: pointer;
  font-family: "shockblast";
  font-size: 1.5em;
  position: absolute;
  top: 50%;
}

#prevArrow:before { left: 50px; content: '\e812'; }
#nextArrow:before { right: 50px; content: '\e814'; }


/***** Post Page */
#post {
    padding: 0;
    margin: 0 auto;
    text-align: center;

    font-size: 17px;
    color: #FFFFFF;
    font-family: 'Lato', Helvetica, sans-serif;
    font-weight: 300;
    font-size: 17px;
    line-height: 23px;
}

#post #int a, 
#post #xquote a,
blockquote a { border-bottom: 1px dotted #FFFFFF; }

#post #int a:hover, 
#post #xquote a:hover,
blockquote a:hover { border-bottom-style: solid; }

#post-info { padding: 20px 0; }

#post-info h1 {
  color: white;
  font-family: 'Lato', Helvetica, sans-serif;
  font-weight: 300;
  text-align: center;
  letter-spacing: -1px;
  margin: 10px auto;
}

#post-info .meta {
  font-family: 'Lato', Helvetica, sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 13px;
  color: #EEEEDE;
}

#int {
  width: 600px;
  margin: 25px auto;
  padding: 15px;
  background: #202020;
  border-radius: 5px;
}

#xquote:before {
    color: #2e2d49;
    content: "“";
    font: 9em Georgia italic bold;
    left: 4px;
    position: absolute;
    top: -1px;
}

#xquote {
  font-size: 17px;
  text-align: justify;
  width: 600px;
  min-height: 50px;
  margin: 25px auto;
  padding: 15px 15px 15px 75px;
  background: #212035;
  border-radius: 5px;
  text-align: justify;
  position: relative;
}

blockquote {
    background: #232323;
    border-radius: 5px;
    font: italic 17px/149% Georgia,Times,serif;
    letter-spacing: 0;
    margin: 25px auto;
    padding: 5px 15px;
    text-align: justify;
    width: 600px;
}

#xbutton,
.xbutton {
  border: 1px solid #0099FF;
  border-radius: 5px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  padding: 12px 16px 11px;
  margin: 20px auto;
  text-decoration: none;
  transition: background-color 200ms ease 0s;
}

#xbutton:hover,
.xbutton:hover { background-color: #0099FF; }

#xsoundcloud, 
.xsoundcloud {
    border: 2px solid #FF5500;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin: 20px auto;
    padding-right: 10px;
    text-decoration: none;
    transition: background-color 200ms ease 0s;
}

#xsoundcloud:hover, 
.xsoundcloud:hover {
    background-color: #FF5500;
    color: #ffffff;
}

#xsoundcloud span, 
.xsoundcloud span {
  display: inline-block;
  background-color: #FF5500;
  padding: 12px 16px 11px;
  margin-right: 5px;
}

  .download-btn {
      background: -webkit-linear-gradient(top, #7ddc1f 0, #64c306 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#7ddc1f 0), color-stop(1,#64c306 100%));
      background: -moz-linear-gradient(top, #7ddc1f 0, #64c306 100%);
      background: -moz-gradient(linear, left top, left bottom, color-stop(0,#7ddc1f 0), color-stop(1,#64c306 100%));
      background: linear-gradient(top, #7ddc1f 0,#64c306 100%);
      background-color: #7ddc1f;

      border-radius: 5px;
      border-color: #5dba00;
      color: #ffffff;
      cursor: pointer;
      font-size: 15px;
      font-weight: 500;
      margin: auto;
      padding: 8px;
      text-transform: uppercase;
      text-align: center;
      transition: all 0.4s ease-in-out;
      width: 170px;
      font-weight: normal;
  }

    .download-btn a { color: #FFFFFF; text-decoration: none; border: none!important; text-align: center; }
    .download-btn:hover { background-color:#64c306; background-image: none; }
    .download-btn:focus, .download-btn:active { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24) inset; }

/***** Typography type Post Page */
.type {
  color: #FFFFFF;
  text-align: left;
  width: 90%;
  margin: 0 auto;
  padding: 0 25px;
}

  .sixoo { width: 650px; margin: 0 auto; }

  .type a { border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #FFFFFF; padding-bottom: 5px; }
  .type a:hover { border-bottom-style: solid; }

  .type ul li {
     list-style-type: disc; 
     margin-left: 20px; 
     display: list-item;
  }

   .type ul { margin-left: 20px;}

  .type h1, .type h2, .type h3, .type h4 { text-align: center; }

  .type h1 { font-size: 3em; line-height: 1.05em; }
  .type h2 { font-size: 2.25em; line-height: 1.25; }
  .type h3 { font-size: 1.75em; line-height: 1.25; }
  .type h4 { font-size: 1.125em; line-height: 1.22222222; }

  .type blockquote {
    font-family: 'Georgia', Times, Times New Roman, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1em;
    line-height: 155%;
    border-left: 5px solid #efefef;
    background: none;
    margin: 30px auto;
    width: 100%;
    border-radius: 0;
  }

  .type .speechbuble:before {
  	content: '\e82f';
	font-family: "shockblast";
	position: absolute;
  }

  .type img {
    left: -60px;
    margin: 0 auto;
    min-width: 120% !important;
    position: relative;
  }

  .type .intro {
    font-size: 1.1em;
    line-height: 150%;
    margin: 25px 0 50px;
    text-align: justify;
  }

  .type .subintro {
    margin: 25px 0 50px;
    font-size: 1em;
    line-height: 150%;
    text-align: left;
  }

  .type .notice {
    background: #1b1f2d;
    border-left: 10px solid #fff;
    border-radius: 5px;
    color: #fff;
    padding: 20px;
    margin: 50px auto;
  }

  .type .credits {
    font-size: 10px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 180%;
    margin: 20px auto;
    padding: 10px;
    text-align: left;
  }

  .type .credits a { font-weight: bold; }

  .type .navi:before {
    content: "Navigate to:";
    font-size: 20px;
    font-weight: bold;
    left: 0;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    top: -14px;
  }

  .type .navi {
    border-color: #232323;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    padding: 15px;
    text-align: center;
    position: relative;
    margin: 60px auto;
  }

  .type .navi a { padding: 10px; border: none; }

  .type .navi a:hover { 
    padding: 10px; 
    border-bottom-width: 2px; 
    border-bottom-color: #FFFFFF; 
    border-bottom-style: solid; 
  }


/* interviews */
.interview {
  width: 700px;
  margin: 25px auto;
  text-align: justify;
}

.interview .question {
  background: #232323;
  padding: 10px;
  font-size: 17px;
}

.interview .answer {
  background: #1E1C1F;
  padding: 10px;
  font-size: 20px;

  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


/* Date + Category + Tags + Short URI */
#dct .category,
#dct .tag {
  width: 40%; /* 42% */
  display: inline-block;
  padding: 10px;
  vertical-align: top;
  position: relative;
  text-align: center;
  color: #181818;
}

#dct .views {
  width: 8%;
  height: 102px;
  display: inline-block;
  padding: 3% 5px 5px 5px;
  vertical-align: top;
  position: relative;
  text-align: center;
  margin-left: 1px;
}

#dct .views span { font-size: 12px; }

#dct .date {
  width: 10%; /* 12% */
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  display: inline-table;
  vertical-align: top;
  border-right: 1px solid #232323;
  padding: 20px 4px 20px 0; /* padding: 20px 0; */
}

  #dct .date .day {
    display: block; 
    font-size: 30px;
    line-height: 20px;
  }

  #dct .date .month {
    display: block; 
    font-size:24px; 
    line-height: 30px;
  }

  #dct .date .year {
    display: block;
    font-size: 21px;
    line-height: 12px;
  }

#dct .category a { padding: 2px 5px; background: #232323; border-radius: 3px; line-height: 190%; color: #FFFFFF; }

#dct .category:before { 
  content: "Categories";
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -22px;
  left: 0;
  width: 100%;
  color: #FFFFFF;
}

#dct .category { border-left: 1px solid #232323; border-right: 1px solid #232323; }


#dct .tag a { padding: 2px 5px; background: #232323; border-radius: 3px; line-height: 190%; color: #FFFFFF; }

#dct .tag:before {
  content: "Tags";
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -22px;
  left: 0;
  width: 100%;
  color: #FFFFFF;
}

#txtfld  {
  background: #1b1b1b;
  border: 1px solid #232323;
  border-radius: 3px;
  color: #ffffff;
  margin: 0 auto;
  padding: 8px;
  text-align: center;
  display: block;
  position: relative;
  top: -30px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
}

/* gallery images */
#post img { max-width: 100%; text-align: center; }
#post a img, #post a:hover img { border: none!important; }


/***** GTJWHF Bookmark & more */
#bookmarker {
    background: transparent;
    color: #ffffff;
    margin: 0 auto 0 -10px;
    padding: 3px;
    position: fixed;
    text-align: left;
    top: -80px;
    transition: all 0.3s ease-in-out 0s;
    width: 740px;
    z-index: 1000;
}

#saved {
    background: none repeat scroll 0 0 #4cd964;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    padding: 3px;
    text-transform: lowercase;
    visibility: hidden;
}

#saveButton {
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    padding: 5px;
    margin: 5px;
    background: transparent;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    background: rgba(23,23,23,.5);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#saveButton:hover {
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #FFFFFF
}

/*** Page Navigator */
#pageNavigator { position: fixed; bottom: 50%; right: 15px; }
#pageNavigator a { display: block; height: 100%; }

/***** SIDEBAR */
#loveus {
  background: #181818;
  border: 1px solid #232323;
  border-radius: 5px;
  margin: 0 10px 10px;
  padding: 5px;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 1) inset;
}


.ads-badge {
    background-color: #edb802;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    padding: 5px;
    vertical-align: baseline;
    text-align: left;
    position: relative;
    margin: 5px auto 10px;
}

.ads-here {
  font-size: 11px;
  padding: 5px;
}


div.bsap_1298628 a {
  float: none!important;
  margin: 0 auto!important;
}

/***** Control Panels */
label { height: 32px; line-height: 32px; font-size: 13px; font-weight: 300; }
input[type=checkbox] { display: none; }

input[type=checkbox] + label .check {
  margin-right: 8px;
  width: 48px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

input[type=checkbox] + label .check:before, input[type=checkbox] + label .check:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 32px;
  position: absolute;
  left: 0;
}

input[type=checkbox] + label .check:before {
  top: 0;
  border: 1px solid #cecece;
  border-radius: 18px;
  background: #fafafa;
  width: 48px;
  transition: border-width 0.3s, border-color 0.1s ease 0.3s;
}

input[type=checkbox] + label .check:after {
  top: 1px;
  background: #fafafa;
  border-radius: 50%;
  height: 30px;
  left: 1px;
  right: 17px;
  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 0.4), 1px 2px 1px rgba(0, 0, 0, 0.2);
  transition: right 0.2s ease-in, left 0.2s ease-out;
}

input[type=checkbox]:checked + label .check:after {
  left: 17px;
  right: 1px;
  transition: left 0.2s ease-in, right 0.2s ease-out;
}

input[type=checkbox]:checked + label .check:before {
  transition: border-width 0.3s, border-color 0.1s;
  border-width: 16px;
  border-color: lawngreen;
}

#showoptions { margin-bottom: 12px; cursor: pointer; }
#showoptions:hover > .sooh,
.sooh:hover { opacity: 1!important; }

.options,
.options-arch {
  margin: 0 12px 12px;
  padding: 15px 10px; 
  background: #FCFCFC;
  color: #000;
  text-align: left;
  border-radius: 5px;
  position: relative;
}

.options-state {
  width: 345px; 
  position: absolute; 
  right: 0;

  opacity: 0;
  transition: opacity .3s ease;
}

.options-state-on {
  transition: opacity 3.2s ease;
  opacity: 1;
}

.optnsinarchive {
  text-align: right; 
  position: relative; 
  right: -40px; 
  background: #1E1C1F; 
  padding: 10px 7px; 
  border-radius: 4px;
}

.options .boxes,
.options-arch .boxes { margin: 10px 0; }

.options .boxes .label,
.options-arch .boxes .label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 215px;
    cursor: help;
}

.options p,
.options-arch p { font-size: 11px; text-align: center; }

#nolocalStorage {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    height: 100%;
    width: 100%;
    left: 0;
    padding: 120px 30px;
    position: absolute;
    text-align: center;
    top: 0;
}

/***** Image.php Page */
.attachment-nav { text-align: center; } 

.previous-image, .goto-post, .next-image {
  border: 1px solid #2D2D2D;
  border-radius: 5px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  padding: 12px;
  margin: 5px;
  text-decoration: none;
  font-weight: 300;
  transition: background-color 300ms ease 0s;
}

.previous-image:hover, .goto-post:hover, .next-image:hover { background-color: #2D2D2D; }
.previous-image a, .goto-post a, .next-image a { font-weight: 300; }

/***** Archives Page */
  .center-grid {
    margin: 0 auto;
    width: 985px;
  }

  .center-grid-200px { margin: 0 auto; width: 626px; }

  hr.whiteline {
    width: 20px;
    height: 3px;
    background: #FFF;
    text-align: left;
    border: 0;
  }

  .photobox {
    width: 320px;
    height: 320px;
    margin: 3px;
    background-color: #232323;
    overflow: hidden;
    display: inline-block;
    position: relative;

    border-radius: 5px;
  }

    .photobox .image {
      width: 320px;
      height: 320px;
      opacity: 1;
    }

      /* 200px boxes */
        .dvestapx,
        .dvestapx .image {
          width: 200px;
          height: 200px;
        }


    .photobox .image .image-tile {
      width: 101%;
      height: 100%;
      overflow: hidden;
      border-radius: 5px;

      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;

      transition: all .5s ease-in-out;
    }

    .photobox .details {
      position: absolute;
      top: 0; right: 0; bottom: 0; left: 0;
      width: 100%;
      height: 100%;
      display: table;
      opacity: 0;

      transition: all .5s ease-in-out;
    }

    .photobox .details-cont {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
    }

    .photobox .date {
      font-weight: 400;
      margin-bottom: 10px;
    }

    .photobox .title { 
      font-size: 1.4em;

      letter-spacing: -1px;
      padding: 0 10px 10px;
    }

        /* 200px boxes */
          .dvestapx .title {
            max-height: 118px;
            overflow: hidden;
          }


    .photobox .descriptions { 
      font-size: 1.2em;
      padding: 10px;
      text-align: center;
    }

    .photobox .preview a:hover .image-tile,
    .photobox .preview a:focus .image-tile {
        opacity: 0.2;
        transition: all .5s ease-in-out;
    }

    .photobox .preview a:hover .details,
    .photobox .preview a:focus .details {
      opacity: 1;
      animation: slide-fade-in 0.5s ease-in-out;
      -webkit-animation-direction: alternate;
      animation-direction: alternate;
    }

    .rssubtn {
      border: 1px solid #FFFFFF;
      border-radius: 3px;
      padding: 10px;
      margin: 10px 0;
      transition: all .2s ease-in-out;
    }

    .rssubtn:hover {
      background: #FFFFFF;
      color: #000000;
    }

    #norslt-search { 
      background: rgba(0,0,0,.1);
      margin: 20px auto; 
      text-align: center;
      margin: 0 auto;
      border-radius: 5px;
      width: 98%;
      border: 1px solid #232323;
      padding: 10px 0;
    } 

    #norslt-search input {
        background: none;
        color: #FFFFFF;
        border: 0;
        font-size: 5em;
        font-weight: bolder;
        text-transform: lowercase;
        width: 100%;
        outline: none;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    #post-info #norslt-search input { font-size: 4.5em; text-transform: none; letter-spacing: -2px; }

    .SearchActive { border-color: rgba(0, 203, 255, 0.6)!important; box-shadow: 0 0 8px rgba(0, 203, 255, 0.6); }

    .loupe {
      color: #232323;
      font-size: 3em;
      left: 23px;
      position: absolute;
      top: 43px;
    }

      /* Search Pro dropdowns */
        #searchsteroids { text-align: center; margin: 10px auto 0; }
        .searchin { font-size: 1.2em; letter-spacing: 2px; margin: 0 0 10px; }

        .dropdown {
          display: inline-block;
          position: relative;
          overflow: hidden;
          width: 150px;
          background: #000;
          border: 1px solid #333;
          border-radius: 3px;
          -webkit-box-shadow: none;
          box-shadow: none;
        }

          .dropdown:nth-child(2) {
            width: 200px;
          }

          .dropdown:nth-child(3) {
            width: 150px;
          }

          .dropdown:nth-child(4) {
            width: 100px;
          }

        .dropdown:before, 
        .dropdown:after {
          content: '';
          position: absolute;
          z-index: 2;
          top: 11px;
          right: 10px;
          width: 0;
          height: 0;
          border: 4px dashed;
          border-color: #888888 transparent;
          pointer-events: none;
        }

        .dropdown:before { border-bottom-style: solid; border-top: none; }
        .dropdown:after { margin-top: 7px; border-top-style: solid; border-bottom: none; }

        .dropdown-select {
          position: relative;
          width: 130%;
          margin: 0;
          font-size: 1em;
          color: #62717a;
          text-shadow: none;
          background: rgba(0, 0, 0, 0) !important;
          border: 0;
          border-radius: 0;
          -webkit-appearance: none;
        }

        .dropdown-select:focus { z-index: 3; width: 110%; color: #394349; outline: none; }
        .dropdown-select > option { padding: 6px 8px; text-shadow: none; cursor: pointer; }
        .dropdown-dark { background: #1A191B; border-color: #333; -webkit-box-shadow: none; box-shadow: none; }
        .dropdown-dark .dropdown-select { color: #fff; text-shadow: none; padding-left: 10px; height: 33px; }
        .dropdown-dark .dropdown-select:focus { color: #fff; }

    /* Infinite Scroll */
    #infscr-loading {
      text-align:center; 
      margin: 20px auto;
      width: 100%;
    }

    #infscr-loading, 
    #infscr-loading em { font-size: 20px; }


/**** SB Archive Page */
#this-week, #by-month, #category { margin: 30px auto; padding: 30px 0; }

#archive .titles { position: relative; margin-bottom: 50px; }

#archive .titles h1 {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -20px;
    display: inline-table;
    background: #181818;
    padding: 0 10px;
} 

/* category */
.archive-category { text-align: center }

.catbox {
    border-radius: 10px;
    font-size: 1em;
    width: 150px;
    height: 150px;
    padding: 5px;
    display: inline-block;
    margin: 5px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
    position: relative;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    transition: all .3s linear;
}

.catbox:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0; right: 0; bottom: 0; right: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.catbox .cattitle {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%); 
    text-align: center;
    margin: 0 auto;
}

.catbox a { color: inherit; }



/* this week */
#archive .no-posts-yet {
    font-size: 2em;
    font-weight: 200;
    line-height: 2em;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    text-transform: uppercase;
}

/* by month */
ul.archiveshit { margin: 0 18px; }
ul.archiveshit h2 { 
  padding: 10px 15px; 
  position: relative; 
  left: -65px; 
  border-radius: 5px;

  background: rgb(32,32,32);
  background: -moz-linear-gradient(left, rgba(32,32,32,1) 0%, rgba(24,24,24,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(32,32,32,1)), color-stop(100%,rgba(24,24,24,1)));
  background: -webkit-linear-gradient(left, rgba(32,32,32,1) 0%,rgba(24,24,24,1) 100%);
  background: -o-linear-gradient(left, rgba(32,32,32,1) 0%,rgba(24,24,24,1) 100%);
  background: -ms-linear-gradient(left, rgba(32,32,32,1) 0%,rgba(24,24,24,1) 100%);
  background: linear-gradient(to right, rgba(32,32,32,1) 0%,rgba(24,24,24,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#181818',GradientType=1 );
}

ul.archiveshit li {
    background: #1b1b1b;
    border: 4px solid #202020;
    border-radius: 100px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 100px;
    margin: 10px 5px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    width: 100px;
}

.circle-text { margin-top: 40px; text-align: center; }

ul.archiveshit li:hover { border: 4px solid #EDB802; }
ul.archiveshit li:hover > .circle-text a { color: #00C3FF; }


/***** Author's page */
#info #avatar {
    position: relative;
    top: -50px;
    text-align: center;
    margin: 0 auto; 
}

#info #avatar img {
    background: rgba(0, 0, 0, 0.6);
    border: 2px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.5);
    float: none;
    max-height: 200px;
    max-width: 200px;
    overflow: hidden;
    padding: 3px;
    text-align: center;
}

#info h1.name {
    position: relative;
    top: -55px;
    text-align: center;
    text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.6);
} 

#info div.description {
    position: relative;
    top: -50px;
    margin: 0 auto;
    max-width: 600px;
    min-height: 14px;
    line-height: 17px;
    padding: 10px;
    font-size: 15px;
    text-align: center;
    color: #7A7A7A;
    background: #FFFFFF;
    border: 4px solid #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#info div.description:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #FFFFFF transparent;
    top: -24px;
    left: 49%;
}

#info .socials {
    position: relative;
    top: -20px;
    margin: 0 auto;
    text-align: center; 
    cursor: pointer;
    max-width: 300px;
}

#info .socials a { color: #FFFFFF; }
#info .socials ul { margin: 0; padding: 0; list-style-type: none; }
#info .socials ul li { display: inline; }


/* Numeric Pagination Navigation  */
.pagvigation ul {
  margin: 30px auto 20px;
  text-align: center;
}

.pagvigation li a,
.pagvigation li a:hover,
.pagvigation li.actived a,
.pagvigation li.disabled {
  background-color: none;
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 10px;
}

.pagvigation li a:hover,
.pagvigation li.actived a {
  background-color: #232323;
}

/* post navigation */
  #postNavigate {
    background-color: #efefef;
    background-image: linear-gradient(to right, #181818 0%, #000000 50%, #181818 100%);
    padding: 20px 0;
  }

  #postNavigate a {
    background: #232323;
    border-radius: 5px;
    color: #fff;
    line-height: 45px;
    margin: 2px;
    padding: 5px 10px;
  }

  #postNavigate .label { margin-bottom: 10px; }

/***** Blog View page */
.blog-view {
  text-align: center;
  margin: 20px auto 50px;
  max-width: 670px;
}

.blog-view .headline { margin-bottom: 10px; }
.blog-view .headline h1 { margin: 15px 0; font-weight: 300; }
.blog-view .headline span { display: inline-block; font-size: 13px; padding-bottom: 5px; }

.blog-view img {
  border-radius: 3px;
}

.blog-view .noimagebox {
  background-color: #141414; 
  max-width: 100%;
  height: 320px;
  text-align: center;
}

.nxtprv { 
  text-align: center;
  margin-bottom: 25px;
}

.nxt,
.prv {
  border: 1px solid #232323;
  border-radius: 5px;
  display: inline-block;
  margin: 0;
  padding: 10px;
  transition: background-color 200ms ease 0s;
}

.nxt:hover,
.prv:hover {
  background: #232323;
}

/* Scroll to top */
.scrollup {
    position: fixed;
    bottom: 15px;
    margin-left: 1059px;
    cursor: pointer;
    font-size: 2.3em;
    text-align: center;
    z-index: 300;
    opacity: 0;

    transition: all 0.3s ease-in-out;
}

/**** Share */

/* lateral share */
.lateral-share {
    position: fixed;
    top: 30px;
    width: 40px;
    margin-left: 1059px;
    padding: 5px;
    overflow: hidden;

    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    line-height: 30px;

    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: 150;
}

.lateral-share i { color: #FFFFFF; opacity: 1; }

/* post share */
.sharing { padding: 15px 0; text-align: center; }

.sharing #facebook,
.sharing #twitter,
.sharing #tumblr,
.sharing #pinterest,
.sharing #vk,
.sharing #gplus,
.sharing #stumbleupon,
.sharing #reddit,
.sharing #delicious,
.sharing #linkedin,
.sharing #gmail,
.sharing #email,
.sharing #pocket,
.sharing #instapaper { padding: 10px; background-color: #232323; transition: all 0.2s ease-in-out; border: none; border-radius: 3px; margin: 0 1px; }

.sharing #facebook:hover { background-color: rgb(59,89,152); box-shadow: 0 0 10px rgba(59,89,152, 0.7); }
.sharing #twitter:hover { background-color: rgb(0,172,237); box-shadow: 0 0 10px rgba(0,172,237, 0.7); }
.sharing #tumblr:hover { background-color: rgb(58,88,118); box-shadow: 0 0 10px rgba(58,88,118, 0.7); }
.sharing #pinterest:hover { background-color: rgb(221,34,41); box-shadow: 0 0 10px rgba(221,34,41, 0.7); }
.sharing #vk:hover { background-color: rgb(80,113,149); box-shadow: 0 0 10px rgba(80,113,149, 0.7); }
.sharing #gplus:hover { background-color: rgb(221,76,57); box-shadow: 0 0 10px rgba(221,76,57, 0.7); }
.sharing #stumbleupon:hover { background-color: rgb(235,73,35); box-shadow: 0 0 10px rgba(235,73,35, 0.7); }
.sharing #reddit:hover { background-color: rgb(147,191,236); box-shadow: 0 0 10px rgba(147,191,236, 0.7); }
.sharing #delicious:hover { background-color: rgb(51,153,255); box-shadow: 0 0 10px rgba(51,153,255, 0.7); }
.sharing #linkedin:hover { background-color: rgb(0,123,182); box-shadow: 0 0 10px rgba(0,123,182, 0.7); }
.sharing #gmail:hover { background-color: rgb(277,76,65); box-shadow: 0 0 10px rgba(277,76,65, 0.7); }
.sharing #email:hover { background-color: rgb(0,255,76); box-shadow: 0 0 10px rgba(0,255,76, 0.7); }

.sharing #pocket:hover { background-color: rgb(236,67,86); box-shadow: 0 0 10px rgba(236,67,86, 0.7);  }
.sharing #instapaper:hover { background-color: rgb(255,255,255); box-shadow: 0 0 8px rgba(255,255,255, 0.6); color: rgb(0,0,0); }

hr.separator {
    border-top: 1px solid #000000;
    border-right: transparent;
    border-bottom: 1px solid #202020;
    border-left: transparent;
    height: 0;
    margin: 10px auto;
}

/**** Social Line */
#social-line {
  margin: 0 auto;
  padding: 10px;
  position: relative;
  top: -22px;
  width: 100%;
}

/* Tumblr + Instagram */
.tspacetxt { 
  font-weight: 100;
  letter-spacing: 3px;
  margin: 30px auto;
  text-align: center; 
}

.AlpinePhotoTiles-image-div { border-radius: 100%; }
.AlpinePhotoTiles-row { margin: 10px 0; }

/**** Footer */
#footer {
  font-family: 'Raleway', sans-serif;
  background: #fff;
  color: #666;
  width: 100%;
  padding: 0 0 15px;
  text-transform: uppercase;
  text-align: center;
}

#footer a { color: #666; }
#footer a:hover { border-bottom: 2px solid #666; }

#footer li { display: inline;  padding: 5px; }

#footer-cont { margin: 0 auto; }

#footer-credits {
  padding: 30px 0 5px;
  text-transform: none;
  font-size: 11px;
  font-weight: 400;
}

#footer-primary, 
#footer-secondary {
    padding: 15px;
}

#footer-primary { border-bottom: 1px solid #dedede; font-size: 12px; }
#footer-secondary { font-weight: 600; font-size: 15px; cursor: default; }
#footer-secondary a:hover { border: none; }


/* Google Chrome App Ad */
            #top--msg,
            #getchromextension,
            #getsafarixtension { 
                background-color: #181818;
                background-image: radial-gradient(circle farthest-corner, #222, #000);
                width: 100%;
                height: 55px;
                padding: 5px 0;
                text-align: center;
                border-bottom: 1px solid rgba(0,0,0,.6);
                overflow: hidden;
                font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
                position: absolute;
                top: 0;
                z-index: 9999999;
                margin-bottom: 50px;

                transition: all 0.5s ease-in-out;
            }

            #getchromextension:hover,
            #getsafarixtension:hover { height: 400px; position: fixed; }

            #top--msgcont,
            #getchromextensioncont,
            #getsafarixtensioncont {
                width: 800px;
                height: 50px;
                margin: 0 auto;
                text-align: center;
            }

            #top--msgtext,
            #getchromextensiontxt,
            #getsafarixtensiontxt {
                font-size: 20px;
                color: #FFFFFF;
                letter-spacing: 0;
                font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
                width: 700px;
                margin: 0 auto;
                position: absolute;
                
                top: 15px;
            }

            #getchromextensiontxtconvince,
            #getsafarixtensiontxtconvince {
                margin: 0 auto;
                margin-top: 20px;
                width: 666px;
                font-size: 40px;
                font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
                color: #FFFFFF;
                line-height: 40px;
                letter-spacing: 1px;
            }

            #top--msgicon,
            #getchromextensionicon,
            #getsafarixtensionicon {
                width: 45px;
                height: 45px;
                position: relative;
                left: 0;
                padding-right: 5px;
                border-right: 1px solid rgba(0,0,0,.4);
            }

            #top--msgicon {
              background: url('//i.imgur.com/v5c8BGb.png') no-repeat left center;
            }

            #getchromextensionicon {
                background: url('//i.imgur.com/NJdcVti.png') no-repeat left center;
            }

            #getsafarixtensionicon {
                background: url('//i.imgur.com/clPCNE9.png') no-repeat left center;
            }

      #dontgiveashit {
          color: white;
          display: inline-block;
          font-size: 2.5em;
          left: 0;
          position: relative;
          top: 5px;
      }

            #topdontgiveashit {
          color: white;
          font-size: 20px;
          position: relative;
          display: inline-block;
          left: 460px;
          top: -73px;
      }


    #gcexbtop {  
        position: relative;
        top: -40px;
        left: 330px;
    }


  .getchromextensionbutton,
  .getsafarixtensionbutton {
      background: -webkit-linear-gradient(top, #7ddc1f 0, #64c306 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#7ddc1f 0), color-stop(1,#64c306 100%));
      background: -moz-linear-gradient(top, #7ddc1f 0, #64c306 100%);
      background: -moz-gradient(linear, left top, left bottom, color-stop(0,#7ddc1f 0), color-stop(1,#64c306 100%));
      background: linear-gradient(top, #7ddc1f 0,#64c306 100%);
      background-color: #7ddc1f;

      border-radius: 5px;
      border-color: #5dba00;
      color: #ffffff;
      cursor: pointer;
      font-size: 15px;
      font-weight: 500;
      margin: auto;
      padding: 8px;
      text-transform: uppercase;
      text-align: center;
      transition: all 0.4s ease-in-out;
      width: 170px;
      font-weight: normal;
  }

    .getchromextensionbutton a,
    .getsafarixtensionbutton a { color: #FFFFFF; text-decoration: none; border: none!important; text-align: center; }

    .getchromextensionbutton:hover,
    .getsafarixtensionbutton:hover { background-color:#64c306; background-image: none; }

    .getchromextensionbutton:focus, 
    .getchromextensionbutton:active,
    .getsafarixtensionbutton:focus,
    .getsafarixtensionbutton:active { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24) inset; }

/* Girls They Just Wanna Have Fun GTJWHF AD - view all old posts */
#gtjwhfad {
  max-width: 800px;
  padding: 10px 0 20px;
  margin: 0 auto;
  overflow: hidden;
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}

.ghftxt { margin: 20px auto; text-align: center; }

.ghftxt a {
  text-decoration: none;
  transition: all 0.5s;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-size: 3.3em;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -3px;
  color: #fbd62a;
  text-shadow: 0 -1px 15px rgba(0, 0, 0, 0.9), 0 1px 0 #7f6303, 0 3px 0 #846703, 0 5px 0 #896b03, 0 7px 0 #8e6f03, 0 9px 0 #937203, 0 6px 50px rgba(252, 223, 92, 0.8);
}

.ghftxt a:first-line { font-size: 1.18em; }

.ghftxt a:hover, .browseall a {
  transform: perspective(8em) rotateX(11deg) scale(1.2);
  text-shadow: 0 -1px 15px black, 0 1px 0 #7f6303, 0 2px 0 #846703, 0 0px 0 #896b03, 0 1px 0 #8e6f03, 0 2px 0 #937203, 0 2px 30px rgba(252, 223, 92, 0.6);
}

.browseall { text-align: center; margin: 0 auto; }
.browseall a { color: #fbd62a; font-size: 2em; }

/* Notice Message */
#noticemsg {
    background: rgb(255, 73, 73) none repeat scroll 0 0;
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding: 20px;
    margin: 10px auto;
    text-align: center;
}

/* SHOP Blast */
  #bottompostshop #shoplogo {
    margin: 35px auto 25px;
    text-align: center;
  }

  #bottompostshop li { display: inline-block; padding: 0 2px; }

  #bottompostshop #intro {
    padding-top: 20px;
    font-size: 12px;
    letter-spacing: 1px;
  }

  #bottompostshop #shopnow {
      letter-spacing: 7px;
      line-height: 2;
      margin: 50px auto 40px;
      text-align: center;
      text-transform: uppercase;
      vertical-align: middle;
  }

  #bottompostshop #shopnow #continue { display: inline-block; }

  #bottompostshop #shopnow #shop {
      border: 2px solid #fff;
      display: inline-block;
      padding: 7px 17px 10px 20px;
      transition: all 0.4s ease-in-out 0s;
  }

  #bottompostshop #shopnow #shop:hover {
    background-color: #fff;
    color: #000;
  }

  .postshop-tile {
    width: 340px;
    height: 340px;
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .prodshop-title {
      font-size: 17px;
      height: 50px;
      letter-spacing: 1px;
      max-width: 339px;
      overflow: hidden;
      padding: 10px;
      text-align: center;
  }

  .on-topshop { margin: 5px 3px; text-align: center; }

  .on-topshop .go-on-title { background: #FFFFFF; font-size: 0.8em; }

  .on-topshop .go-on-title:after { border-color: rgba(255, 255, 255, 0); border-left-color: #FFFFFF; }
  .on-topshop .go-on-title span a { color: #000; letter-spacing: 1px; }

  .on-topshop li {
    width: 178px;
    height: 178px;
    float: left;
    margin: 0 2px;
    border-radius: 3px;
  }

  .topshop-tile {
    width: 178px;
    height: 178px;
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .prodshop-price {
    background-color: #fff;
      color: #000;
      border-radius: 12%;
      display: table;
    width: 50px;
      height: 50px;
      line-height: 50px;
      margin: 20px auto;
      text-align: center;
  }

  #sideshop {
    display: inline-block;
    margin: 10px auto 0;
  }


/* report Content box */
  #probrepo { 
      background-color: #232323;
      border: 1px solid #333;
      border-radius: 4px;
      padding: 20px;
      text-align: center;
  }

  #probrepo #intro {
      line-height: 2;
      margin-right: 50px;
      padding: 0 20px;
      text-align: right;
  }

  #probrepo form { vertical-align: calc(150%); }

  #probrepo #intro,
  #probrepo form,
  #probrepo #repochoice,
  #probrepo #report {
    display: inline-block;
  }

  #probrepo #report {
    color: #00ea42;
    padding: 6px 6px 7px;
    cursor: pointer;
    border-radius: 3px ;
    transition: all .3s ease-in-out;
  }

  #probrepo #report:hover { background-color: #5fcf80; color: #fff; }

  .repomsg {
    background: #5fcf80;
    border-radius: 3px;
    display: table;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    display: none;
  }


/******************************************************************************
 * * * ShockBlast LIGHT Version
 ******************************************************************************/

#light { background: #FEFEFE; color: #303030; }

#light #container { background: #FFFFFF; }
#light #post-info h1,
#light #post-info .meta { color: #666; }

#light #header, 
#light #header-post { background-color: #dedede; }

/* post page */
#light #cont,
#light #cont-full { background: #FFFFFF; color: #303030; }
#light #post { color: #303030; }
#light #post a { color: #303030; border-color: #303030; }

#light #int { background: #fefefe; }
#light #xquote,
#light blockquote { color: #FFFFFF; }

#light #xquote a,
#light #post blockquote a { color: #fefefe; border-color: #fefefe; }

#light #xquote::before { color: #dedede; }
#light #xquote { background-color: #FFFFFF; color: #000 !important; }

#light .interview .question { background: #efefef; }
#light .interview .answer { background: #eaeaea; }

#light .xbutton { border-color: #303030; color: #303030; }

#light #xbutton:hover,
#light .xbutton:hover { background: #303030; color: #FFFFFF; }

#light .AuthorBadge { box-shadow: none; color: #FFFFFF; }

#light #dct,
#light #dct .date,
#light #dct .category:before,
#light #dct .category,
#light #dct .tag:before,
#light #dct .tag { color: #303030; }

#light #dct .views,
#light #dct .date,
#light #dct .tag { border-color: #eaeaea; }

#light #dct .category a,
#light #dct .tag a { background: #464e54; }

#light #txtfld { 
  background: #fff;
  border: 1px solid #dedede;
  box-shadow: none;
  color: #303030; 
}

#light #dct .category, #light #dct .tag { border-color: #eaeaea; color: #fff!important; }
#light .prvsl .details { background-color: rgba(255, 255, 255, 0.8); color: #000; }

#light hr.separator { border-bottom: 1px solid #fefefe; border-top: 1px solid #cecece; }
#light hr.gradient,
#light hr.sidebar { background-image: linear-gradient(to right, rgba(239,239,239,.0) 0%, #ffffff 50%, rgba(239,239,239,.0) 100%); }

#light #probrepo { background-color: #fcfcfc; border-color: #efefef; }
#light #probrepo #report { background: #00ea42; color: #fff; }

/* go-on */
#light #go-on { background: #FFFFFF; color: #303030; }

#light .owl-theme .owl-dots .owl-dot span { background: #666!important; }

#light .owl-theme .owl-dots .owl-dot.active span, 
#light .owl-theme .owl-dots .owl-dot:hover span { background: #2B2B2B!important; }

#light .scrollup { color: #303030!important }

#light #go-on .post-rewind:after, 
#light #go-on .oneyearago:after { background-image: linear-gradient(to left, rgba(239, 239, 239, 1), rgba(239, 239, 239, 0)); }

#light .go-on-title:after { border-left-color: #fefefe; }
#light .go-on-title { background: #fefefe; }
#light .go-on-title a { color: #303030!important; }

/* search + archive + author + blog-view */
#light #norslt-search {  border: none; }
#light .optnsinarchive { background-color: #FFFFFF; }

#light .photobox { background: #efefef; color: #303030; }

#light .photobox a,
#light .photobox .details,
#light #info .socials a { color: #303030; }

#light #archive .titles h1 { background: #FEFEFE; color: #303030; }

#light ul.archiveshit h2 { background-image: none; background-color: #fefefe }

#light .nxtprv a { color: #303030 }
#light .nxtprv a:hover { color: #FFFFFF }

#light ul.archiveshit li { color: #303030; border-color: #dedede; background: #efefef; }
#light ul.archiveshit li:hover { color: #303030; border-color: #666; background: #dedede; }

#light .circle-text a { color: #303030; }

#light .blog-view .headline a { color: #303030; }

#light .pagvigation li a,
#light .pagvigation li a:hover,
#light .pagvigation li.actived a,
#light .pagvigation li.disabled {
  color: #303030;
}

#light .pagvigation li a:hover,
#light .pagvigation li.actived a {
  background-color: #efefef;
}

#light #aside a,
#light .lateral-share i { color: #303030; }

#light #loveus { border-color: #EFEFEF; background: #FFFFFF; box-shadow: none; }

/* Typography type post page LIGHT */

#light .type { color: #303030; }
#light .type .notice { border-color: #efefef; }
#light .type .notice a { color: #FFFFFF!important; border-color: #FFFFFF!important; }
#light .type .navi { border-color: #E5E5E5; }
#light .type .navi:before { border-color: #E5E5E5; color: #303030; letter-spacing: 0; font-weight: normal; }
#light .type blockquote { color: #303030!important }

/* pro search */
#light .dropdown-dark .dropdown-select { color: #000; }
#light .dropdown-dark .dropdown-select:focus { color: #000; }
#light .dropdown-select { background-color: #fff!important; }
#light .dropdown-dark { border-color: #efefef; }


/******************************************************************************
 * KEYFRAME ANIMATIONS
 * Cool little thingies.
 ******************************************************************************/

.slide-fade-in {
  -webkit-animation: slide-fade-in 0.8s ease;
  -o-animation: slide-fade-in 0.8s ease;
  -ms-animation: slide-fade-in 0.8s ease;
  -moz-animation: slide-fade-in 0.8s ease;
  animation: slide-fade-in 0.8s ease;
}

.grow {
  -webkit-animation: growIt 0.8s ease-in-out;
  -o-animation: growIt 0.8s ease-in-out; 
  -ms-animation: growIt 0.8s ease-in-out; 
  -moz-animation: growIt 0.8s ease-in-out; 
  animation: growIt 0.8s ease-in-out; 
}

.sharepulse {
  border-radius: 5px;

  -webkit-animation: SharePulse 3s infinite ease-in-out;
  -o-animation: SharePulse 3s infinite ease-in-out;
  -ms-animation: SharePulse 3s infinite ease-in-out; 
  -moz-animation: SharePulse 3s infinite ease-in-out; 
  animation: SharePulse 3s infinite ease-in-out;
}

.threesixty {  
  -webkit-animation: ThreeSixtySpin 6666ms infinite linear;
  -o-animation: ThreeSixtySpin 6666ms infinite linear;
  -ms-animation: ThreeSixtySpin 6666ms infinite linear;
  -moz-animation: ThreeSixtySpin 6666ms infinite linear;
  animation: ThreeSixtySpin 6666ms infinite linear;
}

.fadeIn { opacity: 0; animation: fadeIn ease-in 1; animation-fill-mode: forwards; }
.fadeIn3s { animation-duration: 0.4s; }

.delayo1s { animation-delay: 0.1s; }
.delayo2s { animation-delay: 0.2s; }
.delayo3s { animation-delay: 0.3s; }
.delayo2s { animation-delay: 0.4s; }
.delayo3s { animation-delay: 0.5s; }
.delay { animation-delay: 1s; }
.delay2s { animation-delay: 2s; }
.delay3s { animation-delay: 3s; }
.delay3s { animation-delay: 4s; }
.delay3s { animation-delay: 5s; }

/* logo fx */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

@keyframes circleGrow { to { transform: translateZ(0); width: 10em; height: 10em; margin: -5em 0 0 -5em; opacity: 1; } }
@keyframes circleScale { 50% { transform: translateZ(0) scale(1.3); }, 100% { transform: translateZ(0) scale(1); } }

@keyframes headerGrow { from { transform: translateZ(0); height: 5em; } }

/* menu fx */
@keyframes fallDown { from { transform: translateZ(0); opacity: 0; top: -15px; } to { transform: translateZ(0); opacity: 1; top: 0; } }

/* slide fade in */
@keyframes slide-fade-in { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate(0, 0, 0); } }

/* grow */ 
@keyframes growIt { from { transform: scale(0.3); } to { transform: translate(1); } }

/* Share Pulse */
@keyframes SharePulse { 0% { box-shadow: 0 0 10px rgba(66, 133, 244, .2); } 50% { box-shadow: 0 0 10px rgba(66, 133, 244, .99); } 100% { box-shadow: 0 0 10px rgba(66, 133, 244, .2); } }

/* Owl Carousel keyframems */
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

/* * jQuery TouchTouch The Image Slider */
@keyframes rightSpring { 0% { margin-left:0px; } 50% { margin-left:-30px; } 100% { margin-left:0px; } }
@keyframes leftSpring { 0% { margin-left:0px; } 50% { margin-left:30px; } 100% { margin-left:0px; } }

/* Site Options Gear Spin */
@keyframes ThreeSixtySpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }