@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro|Rajdhani|Open+Sans|Oswald|Raleway|Roboto);
*,
:after,
:before,
a {
  -webkit-tap-highlight-color: transparent
}

.dropdown .drop,
.sidenav-dropdown,
.sidenav-menu,
ol,
ul {
  list-style: none
}

.clear,
.clear-both {
  clear: both
}

#pop-overlay,
.avatar-bg i,
.btm-item .cover,
.icon-gif-post,
.noev,
.noti .count,
.tri-icon {
  pointer-events: none
}

#catlist,
.leftsocial {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

#modal-window .modal-box .modal-buttons a.modal-btn,
.btn,
.btn:active,
.btn:focus,
.btn:hover,
.dropdown .drop li a,
.jq-toast-single a,
.leftsocial li a,
.nav-btn,
.sidenav-menu a,
.top-btn-create-account,
.top-btn-text,
a,
a:hover {
  text-decoration: none
}

@font-face {
  font-family: icomoon;
  src: url(../Fonts/icomoon.eot?yus7lk);
  src: url(../Fonts/icomoon.eot?yus7lk#iefix) format("embedded-opentype"), url(../Fonts/icomoon.ttf?yus7lk) format("truetype"), url(../Fonts/icomoon.woff?yus7lk) format("woff"), url(../Fonts/icomoon.svg?yus7lk#icomoon) format("svg");
  font-weight: 400;
  font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
  font-family: icomoon!important;
  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
}

.icon-speech-bubble:before {
  content: "\e076"
}

.icon-floppy-o:before {
  content: "\e900"
}

.icon-chevron-right:before {
  content: "\e903"
}

.icon-chevron-left:before {
  content: "\e904"
}

.icon-home:before {
  content: "\e905"
}

.icon-heart2:before {
  content: "\e906"
}

.icon-camera2:before {
  content: "\e907"
}

.icon-like:before {
  content: "\e908"
}

.icon-google:before {
  content: "\e909"
}

.icon-pencil2:before {
  content: "\e90a"
}

.icon-pinterest2:before,
.icon-pinterest:before {
  content: "\e90b"
}

.icon-twitter2:before {
  content: "\e90c"
}

.icon-eye3:before {
  content: "\e90f"
}

.icon-thumbs-down:before {
  content: "\e910"
}

.icon-image:before {
  content: "\e911"
}

.icon-images:before {
  content: "\e912"
}

.icon-document-file-gif2:before {
  content: "\e901"
}

.icon-camera:before {
  content: "\e913"
}

.icon-thumbs-up:before {
  content: "\e914"
}

.icon-dots-three-horizontal:before {
  content: "\e915"
}

.icon-cog2:before {
  content: "\e91a"
}

.icon-paperplane:before {
  content: "\e91c"
}

.icon-blog:before {
  content: "\e925"
}

.icon-random:before {
  content: "\e927"
}

.icon-film:before {
  content: "\e928"
}

.icon-key:before {
  content: "\e92a"
}

.icon-code:before {
  content: "\e92b"
}

.icon-clock:before {
  content: "\e94e"
}

.icon-reply:before {
  content: "\e96a"
}

.icon-bubbles4:before {
  content: "\e970"
}

.icon-user:before {
  content: "\e971"
}

.icon-users:before {
  content: "\e972"
}

.icon-hour-glass:before {
  content: "\e979"
}

.icon-spinner:before {
  content: "\e97a"
}

.icon-spinner4:before {
  content: "\e97d"
}

.icon-search:before {
  content: "\e986"
}

.icon-equalizer:before {
  content: "\e992"
}

.icon-cog:before {
  content: "\e994"
}

.icon-cogs:before {
  content: "\e995"
}

.icon-tyoufire:before {
  content: "\e9a9"
}

.icon-switch:before {
  content: "\e9b6"
}

.icon-upload2:before {
  content: "\e9c6"
}

.icon-eye:before {
  content: "\e9ce"
}

.icon-bookmarks:before {
  content: "\e9d3"
}

.icon-star-empty:before {
  content: "\e9d7"
}

.icon-plus:before {
  content: "\ea0a"
}

.icon-info:before {
  content: "\ea0c"
}

.icon-cancel-circle:before {
  content: "\ea0d"
}

.icon-cross:before {
  content: "\ea0f"
}

.icon-checkmark:before {
  content: "\ea10"
}

.icon-play2:before {
  content: "\ea15"
}

.icon-circle-right:before {
  content: "\ea42"
}

.icon-new-tab:before {
  content: "\ea7e"
}

.icon-google-plus:before {
  content: "\ea8b"
}

.icon-facebook:before {
  content: "\ea90"
}

.icon-twitter:before {
  content: "\ea96"
}

.icon-youtube:before {
  content: "\ea9d"
}

.icon-pinterest22:before {
  content: "\ead2"
}

.icon-envelope-o:before {
  content: "\f003"
}

.icon-edit:before {
  content: "\f044"
}

.icon-eye2:before {
  content: "\f06e"
}

.icon-chevron-up:before {
  content: "\f077"
}

.icon-chevron-down:before {
  content: "\f078"
}

.icon-thumbs-o-up:before {
  content: "\f087"
}

.icon-sign-in:before {
  content: "\f090"
}

.icon-bell-o:before {
  content: "\f0a2"
}

.icon-group:before {
  content: "\f0c0"
}

.icon-bars:before {
  content: "\f0c9"
}

.icon-caret-down:before {
  content: "\f0d7"
}

.icon-caret-up:before {
  content: "\f0d8"
}

.icon-caret-left:before {
  content: "\f0d9"
}

.icon-caret-right:before {
  content: "\f0da"
}

.icon-sort:before {
  content: "\f0dc"
}

.icon-angle-double-left:before {
  content: "\f100"
}

.icon-angle-double-right:before {
  content: "\f101"
}

.icon-angle-left:before {
  content: "\f104"
}

.icon-angle-right:before {
  content: "\f105"
}

.icon-angle-up:before {
  content: "\f106"
}

.icon-angle-down:before {
  content: "\f107"
}

.icon-crop:before {
  content: "\f125"
}

.icon-sliders:before {
  content: "\f1de"
}

.icon-user-plus:before {
  content: "\f234"
}

.icon-user-times:before {
  content: "\f235"
}

.icon-facebook2:before {
  content: "\ea91"
}

.icon-envira:before {
  content: "\f299"
}

.icon-warning:before {
  content: "\ea07"
}

.icon-document-file-gif:before {
  content: "\e902"
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  outline: 0;
  font: inherit;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body,
html {
  line-height: 1;
  min-height: 100%;
  font-size: 1em
}

body {
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #F9F9F9
}

body input[type=submit],
input[type=password],
input[type=text],
textarea {
  -webkit-appearance: none
}

@media (max-width:320px) {
  body {
    font-size: 75%
  }
}

@media (min-width:321px) and (max-width:480px) {
  body {
    font-size: 80%
  }
}

@media (min-width:481px) and (max-width:580px) {
  body {
    font-size: 90%
  }
}

@media (min-width:581px) and (max-width:767px) {
  body {
    font-size: 100%
  }
}

@media (min-width:769px) and (max-width:800px) {
  body {
    font-size: 92%
  }
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

a {
  color: #0C0820
}

a:hover {
  color: #000
}

.btn {
  display: inline-block;
  height: 32px;
  line-height: 31px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  padding: 0 10px;
  border-radius: 3px;
  cursor: pointer
}

.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-big {
  font-size: 1.123rem;
  height: 38px;
  line-height: 38px;
  padding-left: 1em;
  padding-right: 1em
}

.btn-small {
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: .92em
}

.btn.blue {
  font-family: Roboto;
  background-color: #5c69ff;
  color: #FFF;
  border: 1px solid transparent
}

.btn.blue:hover {
  background-color: #2879B0
}

.btn.blue.outline {
  color: #2A80B9
}

.top-btn-el a:hover,
.top-btn-text a,
.top-btn-text a:hover {
  color: #fff
}

.mb0 {
  margin-bottom: 0!important
}

.hidden {
  display: none
}

.visible {
  display: block!important
}

.background-black {
  background: #000!important
}

.background-white {
  background: #fff!important
}

.background-transparent {
  background: 0 0!important
}

.font-size-13 {
  font-size: 13px!important
}

.top-0 {
  top: 0
}

.top-10 {
  top: 10px
}

.top-20 {
  top: 20px
}

.top-30 {
  top: 30px
}

.top-40 {
  top: 40px
}

.right-0 {
  right: 0
}

.right-10 {
  right: 10px
}

.right-20 {
  right: 20px
}

.right-30 {
  right: 30px
}

.right-40 {
  right: 40px
}

.bottom-0 {
  bottom: 0
}

.bottom-10 {
  bottom: 10px
}

.bottom-20 {
  bottom: 20px
}

.bottom-30 {
  bottom: 30px
}

.bottom-40 {
  bottom: 40px
}

.left-0 {
  left: 0
}

.left-10 {
  left: 10px
}

.left-20 {
  left: 20px
}

.left-30 {
  left: 30px
}

.left-40 {
  left: 40px
}

.clearfix::after {
  content: "";
  clear: both;
  display: table
}

.float-left {
  float: left
}

.float-right {
  float: right
}

.spacer-20 {
  height: 20px
}

.margin-0 {
  margin: 0!important
}

.margin-5 {
  margin: 5px!important
}

.margin-10 {
  margin: 10px!important
}

.margin-20 {
  margin: 20px!important
}

.margin-30 {
  margin: 30px!important
}

.margin-40 {
  margin: 40px!important
}

.margin-right-0 {
  margin-right: 0!important
}

.margin-right-5 {
  margin-right: 5px!important
}

.margin-right-10 {
  margin-right: 10px!important
}

.margin-right-20 {
  margin-right: 20px!important
}

.margin-top-5 {
  margin-top: 5px!important
}

.margin-top-10 {
  margin-top: 10px!important
}

.margin-top-15 {
  margin-top: 15px!important
}

.margin-top-30 {
  margin-top: 30px!important
}

.margin-left-10 {
  margin-left: 10px!important
}

.margin-left-20 {
  margin-left: 20px!important
}

.margin-bottom-0 {
  margin-bottom: 0!important
}

.margin-bottom-10 {
  margin-bottom: 10px!important
}

.margin-bottom-20 {
  margin-bottom: 20px!important
}

.margin-bottom-30 {
  margin-bottom: 30px!important
}

.padding-0 {
  padding: 0!important
}

.padding-5 {
  padding: 5px!important
}

.padding-10 {
  padding: 10px!important
}

.padding-15 {
  padding: 15px!important
}

.padding-20 {
  padding: 20px!important
}

.padding-right-5 {
  padding-right: 5px!important
}

.padding-right-20 {
  padding-right: 20px!important
}

.padding-bottom-10 {
  padding-bottom: 10px!important
}

.padding-left-5 {
  padding-left: 5px!important
}

@media (min-width:581px) {
  .visible-upto-s {
    display: none!important
  }
}

@media (max-width:580px) {
  .visible-downto-s {
    display: none!important
  }
}

.text-align-center {
  text-align: center
}

.text-align-right {
  text-align: right
}

.text-align-left {
  text-align: heft
}

.center-box {
  margin-right: auto!important;
  margin-left: auto!important
}

.header {
  margin-top: 50px
}

.header.static {
  margin-top: 0
}

.main {
  position: relative;
  display: grid;
  min-height: 490px;
  grid-template-columns: 1fr 336px;
  margin: 20px auto 40px;
  padding: 0 10px;
  max-width: 1200px
}

.main.wall,
.post .intro,
.posts .post iframe {
  max-width: 100%
}

@media screen\0 {
  main {
    display: table;
    width: 98%
  }
  main.wall {
    width: 100%
  }
  .posts {
    margin-right: 0!important
  }
  main #infinite-container,
  main .infini-column {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px
  }
  main .right-sidebar,
  main aside {
    display: table-cell;
    vertical-align: top;
    width: 30%
  }
}

@media (max-width:976px and screen\0) {
  main {
    width: 100%!important
  }
  main #infinite-container,
  main .infini-column {
    padding-right: 0!important;
    width: 100%
  }
}

@media (max-width:768px and screen\0) {
  main {
    width: 100%!important
  }
  .right-sidebar {
    display: none
  }
  main #infinite-container,
  main .infini-column {
    padding-right: 0!important
  }
}

.main.infopage {
  display: block
}

.main.infopage h1 {
  text-align: center;
  font-family: 'Source sans pro';
  padding: 10px;
  font-size: 2em;
  margin-bottom: 1em
}

.main.reverse {
  -ms-grid-columns: 336px 1fr;
  grid-template-columns: 336px 1fr
}

.main.wall {
  display: block;
  padding: 0 1%!important
}

.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
  z-index: 400;
  width: 100%;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgba(0, 0, 0, .9)
}

.top-bar.static {
  position: relative
}

.top-bar.unvisible {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  background: rgba(0, 0, 0, 0)
}

.top-bar.semi {
  background: rgba(0, 0, 0, .7)
}

.top-bar .icon-random {
  position: relative;
  top: 4px;
  left: 3px;
  font-size: 18px
}

.top-bar-logo {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  text-align: center;
  left: 0;
  padding: 0 10px;
  height: 18px
}

.darkmore,
.top-btn-el {
  position: relative
}

.top-bar-logo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 18px
}

.top-btn-create-account,
.top-btn-text {
  line-height: 50px;
  display: block;
  font-size: 14px;
  color: #fff
}

.top-btn-el {
  float: left;
  cursor: pointer;
  margin-right: 20px
}

.top-bar-right .top-btn-el {
  margin-right: 0;
  margin-left: 20px
}

.top-btn-text .icon {
  vertical-align: middle;
  position: relative;
  font-size: 24px;
  top: -2px
}

.top-btn-create-account {
  margin-top: 9px;
  display: inline;
  padding: 4px 12px;
  height: 26px
}

@media (min-width:992px) {
  .top-bar-logo {
    margin-top: -10px
  }
  .top-bar-logo,
  .top-bar-logo img {
    height: 20px
  }
}

.darkmore .subdrop {
  visibility: hidden;
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  opacity: 0;
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100
}

.darkmore:hover>.subdrop {
  opacity: .95;
  visibility: visible;
  top: 40px
}

.darkmore .subdrop .triangle {
  width: 100%;
  height: 21px;
  position: relative;
  overflow: hidden
}

.darkmore .subdrop .triangle::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 32px;
  background: #fff;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  top: 24px;
  left: 50%;
  -webkit-box-shadow: -2px -2px 5px -2px rgba(0, 0, 0, .2);
  box-shadow: -2px -2px 5px -2px rgba(0, 0, 0, .2)
}

.darkmore .subdrop .inner {
  width: 180px;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .25)
}

.darkmore .subdrop .inner ul li {
  position: relative;
  font-size: 14px;
  margin: 0;
  display: block;
  padding: 0;
  width: 100%
}

.darkmore .subdrop .inner ul li:hover a:after {
  position: absolute;
  right: 10px;
  font-size: 15px;
  content: "\ea42";
  font-family: icomoon
}

.head_h1,
.more,
.top-categories {
  position: relative
}

.darkmore .subdrop .inner ul li a {
  display: block;
  padding: 12px 14px 12px 15px;
  color: #000
}

.darkmore .subdrop .inner ul li a i {
  color: #000;
  margin-right: 7px;
  font-size: 13px
}

.darkmore .subdrop .inner ul li a:hover {
  background: #00A7DA;
  color: #fff
}

.bottom-header,
.top-categories {
  border-bottom: 1px solid #dcdcdc;
  background: #fff
}

.darkmore .subdrop .inner ul li a:hover i {
  color: #fff
}

.top-categories {
  height: 41px;
  margin: auto;
  z-index: 10;
  padding: 0
}

.top-categories ul {
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 6px;
  white-space: nowrap
}

.top-categories ul li {
  float: left;
  list-style: none;
  display: inline-block;
  line-height: 15px
}

.top-categories ul li.top-nav-right {
  float: right;
  top: 2px
}

.top-categories ul li.top-nav-right a {
  padding: .9em 0 .9em 14px
}

.top-categories ul li a {
  display: inline-block;
  position: relative;
  color: #000;
  font-weight: 500;
  padding: 12px 20px 13px;
  font-size: 13.4px
}

.top-categories ul li a i {
  margin-right: 5px;
  padding-right: 5px
}

.top-categories ul li a.active,
.top-categories ul li a:hover {
  background: #5c69ff;
  color: #fff
}

.show-below-7 {
  display: none!important
}

@media (max-width:769px) {
  .top-categories {
    overflow: hidden
  }
  .top-categories ul {
    overflow-x: auto
  }
  .hide-below-7 {
    display: none!important
  }
  .show-below-7 {
    display: inline-block!important
  }
}

@media (max-width:640px) {
  .bottom-header {
    display: none
  }
  .bottom-header ul {
    width: auto
  }
}

.head_h1 {
  text-align: center;
  border: 1px solid #ddd;
  transition: all ease .6s;
  transform: translateY(0);
  border-left: 0;
  z-index: 0;
  padding: 20px;
  border-right: 0;
  margin-bottom: 25px;
  margin-top: -2px;
  background: #fff;
  max-height: 200px
}

.head_h1 .post-sort,
.head_h1 p {
  margin-top: 10px
}

.head_h1.off {
  padding: 0;
  max-height: 0;
  transform: translateY(-100px)
}

.head_h1 h1 {
  font-family: oswald;
  color: #162b3d;
  font-size: 1.8em
}

.head_h1 .post-sort li {
  display: inline-block
}

.head_h1 .post-sort li a {
  padding: 2px 7px;
  font-size: .7rem;
  text-transform: uppercase
}

.head_h1 .post-sort li a.active {
  background: #162b3d;
  color: #fff;
  border-radius: 4px
}

.head_h1 p {
  font-size: .8rem;
  color: #A9A9A9
}

.more.pos-static {
  position: static!important
}

.more .subdrop {
  width: 160px;
  -webkit-transition: all .2s ease-out, -webkit-box-shadow .2s ease-in .1s;
  -o-transition: all .2s ease-out, box-shadow .2s ease-in .1s;
  transition: all .2s ease-out, box-shadow .2s ease-in .1s;
  transition: all .2s ease-out, box-shadow .2s ease-in .1s, -webkit-box-shadow .2s ease-in .1s;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  position: absolute;
  overflow: hidden;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  top: 100%;
  left: 0;
  z-index: 100
}

.more:hover>.subdrop {
  opacity: .95;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  top: 100%;
  -webkit-box-shadow: 1px 3px 6px -2px rgba(0, 0, 0, .45);
  box-shadow: 1px 3px 6px -2px rgba(0, 0, 0, .45)
}

.bd,
.notifications {
  -webkit-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .45)
}

.more .subdrop ul li {
  position: relative;
  font-size: 14px;
  margin: 0;
  display: block;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  width: 100%
}

.more .subdrop ul li:hover {
  border-bottom: 1px solid violet
}

.more .subdrop ul li:hover a:after {
  position: absolute;
  right: 10px;
  font-size: 15px;
  content: "\ea42";
  font-family: icomoon
}

.more .subdrop ul li a {
  display: block;
  padding: 10px 12px 10px 15px;
  color: #0C0820
}

.more .subdrop ul li a i {
  color: #000;
  margin-right: 7px;
  font-size: 13px
}

.more .subdrop ul li a:hover {
  background: violet;
  color: #fff
}

.more .subdrop ul li a:hover i {
  color: #fff
}

.more .subdrop.wide {
  width: 340px
}

.more .subdrop.wide ul li {
  display: inline-block;
  white-space: nowrap;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: 170px!important;
  float: left
}

.more .subdrop.wide ul li a {
  padding: 15px
}

.more .subdrop.wide ul li:nth-child(odd) {
  float: left
}

.more .subdrop.wide ul li:nth-child(even) {
  float: right
}

#search-container {
  position: absolute;
  right: 0;
  -webkit-transition: all cubic-bezier(.77, 0, .18, 1) .2s;
  -o-transition: all cubic-bezier(.77, 0, .18, 1) .2s;
  transition: all cubic-bezier(.77, 0, .18, 1) .2s;
  top: 0;
  padding: 4px;
  opacity: 0;
  visibility: hidden;
  width: 100px;
  z-index: 3
}

#search-container.visible {
  visibility: visible;
  width: 300px;
  opacity: 1
}

#search-container form input[type=text] {
  float: left;
  display: inline-block;
  border: 1px solid #eee;
  width: 75%;
  background: #fff;
  font-size: 15px;
  color: #000;
  height: 32px;
  padding: 7px
}

#search-container form input[type=submit] {
  float: right;
  display: inline-block;
  width: 25%;
  background: #305151;
  color: #fff;
  height: 32px;
  border: none
}

.notifications {
  width: 384px;
  top: 63px;
  right: -50px;
  z-index: 10;
  position: absolute;
  background: #fff;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .45)
}

.footer-stats,
.popup-wrapper {
  visibility: hidden
}

.notifications header {
  padding: 10px;
  font-size: 13px;
  background-color: #0C0820;
  z-index: 1000;
  color: #fff
}

.notifications header .arrowup {
  width: 0;
  height: 0;
  position: absolute;
  right: 55px;
  top: -9px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #0C0820
}

.notifications footer a {
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 12px;
  border-top: 1px solid #ddd
}

.notifications footer a:hover {
  background: #eee;
  color: #000
}

.notifications.offpage {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9)
}

.noti .count {
  line-height: normal;
  position: absolute;
  top: 9px;
  right: -6px;
  background: #CC181E;
  color: #fff;
  padding: 1px 5px;
  font-size: 11px;
  border-radius: 35%
}

.notifications .note {
  height: auto;
  max-height: 250px
}

.notifications .note .single-note {
  font-size: 14px;
  height: 62px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-bottom: 1px solid #eee
}

.notifications .note .single-note:last-child {
  border-bottom: none
}

.notifications .note .single-note>div {
  padding: 5px
}

.notifications .note .single-note>i {
  position: absolute;
  font-size: 20px;
  right: 6px;
  top: 21px;
  color: #0ff
}

.notifications .note .single-note .note-icon {
  float: left;
  width: 20%;
  text-align: center
}

.notifications .note .single-note:hover a,
.notifications .notelink:hover {
  color: #000
}

.notifications .note .single-note .note-icon img {
  width: 91%;
  height: 49px;
  border-radius: 5px
}

.notifications .note .single-note .note-inner {
  float: right;
  width: 80%;
  height: 54px;
  padding-top: 6px
}

.notifications .note .single-note .note-inner .note-head {
  padding-right: 25px;
  font-size: 13px;
  line-height: 15px
}

.notifications .note .single-note .note-inner .note-head i {
  position: absolute;
  top: 16px;
  color: silver
}

.notifications .note .single-note .note-inner .note-bottom {
  font-size: 13px;
  color: #aaa;
  margin-top: 5px
}

.notifications .note .single-note .note-inner .note-bottom i {
  font-size: 11px
}

.sidebar .trending-post {
  margin-bottom: 17px;
  position: relative;
  border-radius: 3px;
  background: #fff;
  width: 100%;
  padding: 2px
}

.sidebar .trending-post .cat-tag {
  z-index: 5;
  -webkit-transition: background ease-in-out .2s;
  -o-transition: background ease-in-out .2s;
  transition: background ease-in-out .2s;
  background: #ff0;
  color: #000;
  font-size: 11px;
  padding: 5px;
  position: absolute;
  top: 2px;
  right: 2px
}

.sidebar .trending-post .cat-tag:hover,
.sidebar .trending-post h4 {
  background: rgba(25, 96, 174, .5);
  color: #fff
}

.sidebar .authoricons {
  padding: 10px
}

.sidebar .trending-post .img-link {
  height: 170px;
  overflow: hidden;
  display: block;
  position: relative
}

.sidebar .trending-post .img-link img {
  float: left;
  -webkit-transition: opacity ease-in-out .2s;
  -o-transition: opacity ease-in-out .2s;
  transition: opacity ease-in-out .2s;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 170px;
  -o-object-position: top;
  object-position: top
}

.sidebar .trending-post h4 {
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background ease-in-out .2s;
  -o-transition: background ease-in-out .2s;
  transition: background ease-in-out .2s;
  font-size: 1.1em;
  line-height: 130%;
  font-family: Calibri, sans-serif;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.sidebar .trending-post:hover h4 {
  background: rgba(0, 0, 0, .5)
}

.rightbox {
  background: #fff;
  padding: 3px
}

.darkbar {
  background: #162b3d;
  border-radius: 4px
}

h1.upper {
  float: none;
  width: auto
}

.h1-list {
  font-family: Oswald;
  font-size: 28px;
  color: #a9a9a9;
  margin-bottom: 25px;
  letter-spacing: 2px
}

@media (max-width:979px) {
  h1.upper {
    width: auto;
    margin-right: auto
  }
}

.img-expand {
  line-height: 0
}

#komentarze .comments,
.full-width,
.posts .img-expand .img-wide,
.posts .img-wrapper .item .wide,
.posts .img-wrapper .item img.wide,
.posts .img-wrapper img,
.textbox,
.textbox.cmt {
  width: 100%
}

.fl {
  float: left
}

.fr {
  float: right
}

.no_comments {
  font-size: 2em;
  color: #c6c6c8;
  margin-left: 10px;
  font-family: Rajdhani;
  border-top: 1px solid #c6c6c8;
  text-align: center;
  padding: 1em 0
}

.no_comments i {
  font-size: .8em
}

.popular_more {
  padding: .4em;
  text-align: center;
  font-family: Rajdhani;
  background: #162b3d;
  color: #fff;
  font-size: 2em
}

article {
  position: relative
}

article.leftspace {
  margin-left: 50px
}

.bd {
  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .45);
  border-bottom: 3px solid #ddd
}

#komentarze {
  min-height: 207px
}

.bdr {
  -webkit-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .45);
  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .45);
  border-radius: 3px
}

.black-cover {
  background: rgba(0, 0, 0, .5);
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#form,
#submitArticle,
#submitPics {
  padding: 15px
}

#submitArticle .mce-tinymce {
  margin-bottom: 10px
}

#submitPics {
  padding-top: 5px
}

.textbox {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 2px 3px #e8e8e8;
  box-shadow: inset 0 2px 3px #e8e8e8;
  background: #fffaff;
  font-size: .9em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-family: 'Open sans', sans-serif;
  outline: 0;
  margin-bottom: 15px;
  padding: 8px 11px
}

.textbox.cmt {
  margin: 0;
  font-size: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 9px 11px
}

.textbox.cmt:before {
  content: "\ea42";
  font-size: 40px;
  font-family: icomoon
}

.small-button {
  float: right;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  padding-left: 9px;
  padding-right: 9px
}

.small-button i {
  position: relative;
  top: 1px
}

.hide,
.hide-soft {
  display: none
}

.hide-forced {
  display: none!important
}

.dblock {
  display: block
}

#btt {
  position: fixed;
  bottom: -30px;
  right: 20px;
  border-radius: 5%;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: translateY(0) scale(.3);
  -ms-transform: translateY(0) scale(.3);
  transform: translateY(0) scale(.3);
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

#btt.onpage {
  -webkit-transform: translateY(-40px) scale(1);
  -ms-transform: translateY(-40px) scale(1);
  transform: translateY(-40px) scale(1);
  opacity: .5
}

#btt:hover {
  opacity: 1
}

.svg-icon {
  fill: currentColor;
  display: inline-block;
  vertical-align: text-top
}

.clear {
  height: 0;
  overflow: hidden
}

.section {
  background-color: #fff;
  padding: 2em 2.5em
}

.posts {
  margin-right: 20px
}

@media (max-width:768px) {
  .posts {
    width: 100%
  }
  .adsbygoogle.responsive_1,
  .rightbox,
  .sidebar {
    display: none
  }
}

@media (max-width:580px) {
  .posts {
    width: 100%
  }
  .adsbygoogle.responsive_1,
  .rightbox,
  .sidebar {
    display: none
  }
}

@media (max-width:480px) {
  .posts {
    width: 100%
  }
  .adsbygoogle.responsive_1,
  .rightbox,
  .sidebar {
    display: none
  }
}

@media (max-width:320px) {
  .posts {
    width: 100%
  }
  .adsbygoogle.responsive_1,
  .rightbox,
  .sidebar {
    display: none
  }
}

.posts .post h2 {
  padding: 13px;
  font-weight: 300;
  font-family: raleway
}

.posts .post .footer {
  height: 51px;
  padding: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  position: absolute;
  background: rgba(0, 0, 0, .3);
  z-index: 2
}

@media (max-width:979px) {
  .main {
    -ms-grid-columns: 1fr!important;
    grid-template-columns: 1fr!important
  }
  .posts {
    width: 100%;
    margin-right: 0
  }
  .adsbygoogle.responsive_1,
  .rightbox,
  .sidebar {
    display: none
  }
  .posts,
  .posts .post iframe {
    width: 100%
  }
  .posts .post h2 {
    font-size: 1.2rem;
    line-height: 1.3
  }
  .posts .post .footer .left {
    display: block
  }
}

@media (min-width:979px) {
  .posts .post h2 {font-size:  1.2rem}
}

.posts .post-gif-wrapper {
  padding: 5px
}

.posts .img-wrapper {
  position: relative;
  margin: 5px;
  overflow: hidden;
  text-align: center;
  background: #000
}

@media (max-width:480px) {
  .posts .img-wrapper {
    margin:0;
  }
}


.posts .img-wrapper.pics {
  margin: 0
}

.posts .img-wrapper .item {
  height: 400px;
  line-height: 0;
}

.posts .img-wrapper .item img {
  -o-transition: opacity .3s;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.posts .img-wrapper .item img.height {
  width: 75%
}

.posts .img-wrapper .fb-like-cnt {
  text-align: center;
  margin-bottom: 20px
}

@media (max-width:768px) {
  .posts .img-wrapper .item {
    height: auto
  }
  .posts .post h2 {
    font-size: 1rem;
    line-height: 1.3
  }
  .posts .img-wrapper img {
    width: 100%;
  }
}

.posts .img-wrapper .showall {
  background: rgba(0, 0, 0, .8);
  color: #fff;
  cursor: pointer;
  -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
  font-weight: 700!important;
  text-transform: uppercase;
  font: 14px 'Open Sans', sans-serif;
  text-align: center;
  padding: 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10
}

.post-header,
.posts .bluetag {
  position: relative
}

.posts .bluetag {
  color: #fff;
  display: inline-block;
  background: #8b0000;
  transition: background ease .2s;
  padding: 1px 4px 2px;
  font-family: source sans pro;
  border-radius: 3px;
  top: 0
}

.posts .bluetag:hover {
  background: #000
}

.posts .img-wrapper .showall:hover {
  color: #000;
  background: rgba(255, 255, 255, .8)
}

@media (max-width:480px) {
  .posts .img-wrapper .opacity {
    display: block
  }
  .posts .post .footer .right {
    margin-right: 0
  }
}

.no-posts {
  text-align: center;
  font-size: 1.5em;
  font-weight: 400
}

.post {
  background: #fff
}

.post a {
  color: #0C0820
}

.post .intro {
  padding: 0 10px 10px 17px
}

.post .intro .description {
  color: #656d78;
  line-height: 1.6;
  font-size: 14px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.post .intro .description.topzero {
  padding-top: 0;
  font-size: 14px
}

.post .intro .post-author img {
  float: left;
  width: 1.875em;
  height: 1.875em;
  margin-right: .625em;
  border-radius: .875em
}

.post .footer .left {
  float: left
}

.post .footer .right {
  float: right
}

.post-header a {
  display: block
}

.post-header .post-edit-link {
  background: #fff;
  border-radius: 3px;
  color: #d74b1f;
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 21px 59px 18px 80px;
  margin-left: -81px;
  margin-top: -25px;
  z-index: 1
}

.post-header .post-edit-link i {
  background: url(images/sprite.png?upd=6) 0 -348px no-repeat #fff;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 19px;
  left: 49px
}

.title-overlay {
  color: #fff;
  padding: 10px 20px;
  line-height: 20px;
  font-family: 'Source sans pro';
  background: #4682b4;
  position: relative
}

.title-overlay .imgnum {
  display: inline-block;
  background: #fff;
  color: #000;
  font-size: 21px;
  margin-right: 6px;
  position: absolute;
  width: 45px;
  height: 40px;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 37px
}

.img-wrapper .opacity {
  display: none;
  position: absolute;
  width: 100%;
  opacity: .8;
  height: 35%;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(26%, rgba(255, 255, 255, .17)), color-stop(100%, rgba(0, 0, 0, .66)));
  background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .55) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .17) 26%, rgba(0, 0, 0, .66) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, .55)));
  background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .55) 100%);
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .55) 100%)
}

.boxlist .box .box-title,
.post-bottom-title,
.post-recommendations h3 {
  font-family: Merriweather, serif;
  color: #000
}

.authoricons {
  color: grey;
  font-size: 13px;
  padding: 0;
  font-family: Raleway
}

@media (max-width:768px) {
  .authoricons {
    font-size: 11px
  }
}

h1.art-title {
  font-size: 25px;
  font-family: raleway;
  line-height: 34px;
  padding: 10px 15px;
  background: #fff
}

article p.int {
  font-size: 14px;
  font-family: raleway;
  line-height: 21px;
  text-align: justify;
  padding: 0 15px 15px
}

.authoricons .right {
  float: right;
  position: relative;
  top: -3px
}

.authoricons .right i {
  top: 3px;
  position: relative;
  margin-right: 2px
}

.authoricons .right i.icon-speech-bubble {
  margin: 0 4px
}

article.post .authoricons {
  padding: 5px 15px 0;
  font-size: 15px
}

.post-bottom-title {
  font-size: 1.875em;
  line-height: 1.2;
  border-bottom: 1px solid #d3d3d3;
  padding: 0 0 .4em;
  margin: 1.688em 0 1em
}

.boxlist .box {
  display: block;
  position: relative;
  float: left;
  background: #fff;
  width: 30.9278%;
  margin-right: 2%;
  margin-bottom: 3.608%;
  padding: 2px
}

.boxlist:hover .box-title {
  color: #4141A0
}

img.lazy {
  opacity: 0;
  max-height: 450px;
}

img.lazy.faded {
  opacity: 1;
  max-height: 9999999px;
}

.boxlist .icon-label {
  background: #08c;
  position: absolute;
  text-transform: uppercase;
  font-size: 12px;
  padding: 3px 6px;
  left: -10px;
  top: 13px;
  z-index: 1;
  color: #fff;
  font-family: Rajdhani!important
}

.boxlist .icon-label:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-color: #005580;
  border-width: 7px 0 0 9px;
  position: absolute;
  top: 100%;
  left: 0
}

.boxlist .icon-label a {
  color: #fff
}

.boxlist .box img {
  border-radius: 3px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .8s;
  -o-transition: opacity .8s;
  transition: opacity .8s
}

.boxlist .box img:hover {
  opacity: .6
}

.boxlist .box .boxview {
  background: #000;
  position: relative;
  width: 100%;
  max-height: 210px;
  overflow: hidden;
  display: block
}

.tri,
.tri-icon {
  position: absolute
}

.boxlist .box.every3 {
  margin-right: 0
}

.boxlist .box .black-bottom {
  pointer-events: none;
  position: absolute;
  bottom: 9px;
  right: 1px;
  opacity: .8;
  background: rgba(0, 0, 0, .7);
  padding: 5px 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  letter-spacing: 2px;
  font-size: 13px
}

.boxlist .box .box-title {
  display: block;
  vertical-align: middle;
  max-height: 57px;
  color: #031018;
  font-size: 1.2em;
  font-family: Raleway, sans-serif;
  line-height: 1.4em;
  overflow: hidden;
  padding: 0 0 7px
}

.boxlist .box.twoInRow {
  width: 49%
}

.boxlist .box.twoInRow .boxview {
  height: 240px
}

.boxlist .box footer {
  background: #0C0820;
  z-index: 1;
  padding: 0;
  height: 39px;
  bottom: 0;
  width: 100%
}

.boxlist .box footer .left .share-button i {
  padding: 9px
}

.boxlist .box footer .right .action-button {
  padding: 0;
  font-size: 21px
}

.boxlist .box footer .right .action-button i {
  padding: 9px!important
}

.boxlist .box footer .right .action-button i.icon-like {
  margin-top: -1px
}

@media (max-width:979px) {
  .boxlist .box .boxview {
    height: 170px;
    max-height: 100%
  }
  .boxlist .box.twoInRow {
    width: 49%
  }
  .boxlist .box {
    margin-right: 2%
  }
}

@media (max-width:651px) {
  .boxlist .box.twoInRow {
    width: 100%
  }
  .boxlist .box {
    padding: 0;
    float: none!important
  }
  .boxlist .box img:hover {
    opacity: 1
  }
  .boxlist h2 {
    font-size: 1em
  }
  .boxlist .box .boxview {
    max-height: 100%;
    height: auto!important;
    float: none;
    display: inline-block
  }
}

.tri {
  height: 150px;
  width: 150px;
  -webkit-transition: background .5s ease-in-out;
  -o-transition: background .5s ease-in-out;
  transition: background .5s ease-in-out;
  background: rgba(0, 0, 0, .4);
  border: 1px solid #fff;
  color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  overflow: hidden
}

.tri:hover {
  background: rgba(65, 65, 160, .8)
}

.tri.tri-tr {
  top: -95px;
  right: -95px
}

.tri.tri-tl {
  top: -90px;
  left: -90px
}

.tri.tri-br {
  bottom: -90px;
  right: -90px
}

.tri.tri-bl {
  bottom: -90px;
  left: -90px
}

.tri-icon {
  opacity: .8;
  font-size: 20px;
  color: #fff;
  z-index: 1
}

.post-comments #commentBox,
.post-comments .comment-block {
  position: relative
}

.tri-icon-tr {
  top: 9px;
  right: 7px
}

.tri-icon-tl {
  top: 7px;
  left: 7px
}

.tri-icon-br {
  bottom: 7px;
  right: 7px
}

.tri-icon-bl {
  bottom: 7px;
  left: 7px
}

@media (max-width:768px) {
  .boxlist .box .box-title {
    font-size: 1em
  }
}

@media (max-width:480px) {
  .boxlist .box,
  .boxlist .box.every3 {
    margin-right: 2.83%
  }
  .boxlist .box {
    width: 48.585%
  }
  .boxlist .box .box-title {
    font-size: 1.2em
  }
  .boxlist .box.every3.two_images {
    margin-right: 0!important
  }
  .boxlist .box.every2 {
    margin-right: 0
  }
  .boxlist .clear {
    display: none
  }
}

.post-comments {
  padding: 15px 10px
}

.post-comments .over-comment {
  margin: 0 5px 10px
}

.post-comments .over-left {
  font-family: Rajdhani;
  margin-top: 5px;
  font-size: 15px
}

.post-comments .comment-block .comment-text-block {
  position: relative;
  display: block;
  float: left;
  width: 100%
}

.post-comments .comment-block .comment-text {
  -webkit-transition: background .5s ease-in-out;
  -o-transition: background .5s ease-in-out;
  transition: background .5s ease-in-out;
  border-radius: 3px;
  width: 100%;
  padding: 12px 140px 12px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  resize: none;
  height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  -webkit-appearance: none;
  background: #F1F2F3
}

.post-comments .comment-block .comment-text:focus {
  background: #fff
}

.post-comments .comment-block .post-comment.active {
  background: #d74b1f
}

.post-comments .comment-block .post-comment {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  color: #fff;
  border-radius: 0 3px 3px 0;
  width: 70px;
  vertical-align: top;
  height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background: url(../../Template/Images/post-comment.png) 50% 50% no-repeat #0C0820;
  background-size: 48%;
  display: inline-block;
  border: none
}

.post-comments .comment-block .post-comment .span {
  display: none
}

.post-comments .dark-background {
  background: 0 0
}

.comment-container .expand-comments {
  background: #162b3d;
  padding: 10px 5px;
  cursor: pointer;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  display: block;
  margin: 0 10px 15px
}

.post-comments .expand-comments {
  cursor: pointer;
  font-size: .9em;
  color: #fff;
  border: 1px solid transparent;
  margin: 13px 0 0;
  background: #0C0820;
  width: 100%;
  display: block;
  line-height: 30px;
  text-align: center;
  border-radius: 4px
}

.post-comments .expand-comments span {
  font-weight: 500;
  display: inline-block
}

.post-comments .expand-comments:hover {
  background: #fff;
  color: #0C0820;
  border: 1px solid #0C0820
}

.post-comments h3 {
  font-family: Merriweather, serif;
  font-weight: 700;
  font-size: 1.875em;
  color: #000;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
  padding-bottom: 14px;
  line-height: 1.1em
}

.comment {
  display: block;
  background: 0 0;
  margin: 9px 0 9px 9px;
  border-radius: 3px
}

.comment .comment-author-image {
  float: left;
  width: 30px;
  margin-left: 5px
}

.comment .comment-author-image img {
  border-radius: 50%;
  height: 40px;
  width: 40px
}

.comment .comment-block {
  position: relative;
  margin-left: 59px;
  margin-right: 20px
}

.comment .comment-block img {
  display: block;
  max-width: 150px;
  width: auto;
  max-height: 150px;
  height: auto;
  margin: 5px 0 0
}

@media (max-width:479px) {
  .comment .comment-block img {
    max-width: 100px;
    max-height: 100px
  }
  .comment-container {
    display: none!important
  }
}

.comment .comment-block .view-comment-image-link {
  display: block
}

.comment .comment-block .comment-image-link {
  display: none
}

.comment .comment-block p {
  padding-bottom: 2px;
  color: #989898;
  font-weight: 400;
  font-size: 14px;
  margin-top: 5px
}

.comment .comment-author {
  color: #353535;
  font-size: 14px;
  font-weight: 500
}

.comment .comment-post-author {
  color: #d74b1f;
  font-size: 14px;
  font-weight: 700
}

.comment .comment-time {
  font-size: 11px;
  margin-left: 6px;
  color: #b7b7b7;
  font-weight: 400;
  font-style: italic
}

.comment p {
  position: relative;
  text-align: left;
  padding: 0 0 7px;
  color: #7d7d7d;
  font-weight: 400;
  line-height: 1.5;
  clear: none;
  float: none;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  font-size: 14px
}

.share-button,
.upload-header,
a.post-share,
body.modal-open,
body.noScroll {
  overflow: hidden
}

.leftsocial {
  position: absolute;
  left: -45px;
  top: 52px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-touch-callout: none
}

.leftsocial li a,
form.userform div {
  position: relative
}

.leftsocial li a {
  display: inline-block;
  font-size: 23px;
  color: #fff;
  width: 45px;
  background: #222;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  -webkit-transition: background .5s ease .3ms;
  -o-transition: background .5s ease .3ms;
  transition: background .5s ease .3ms;
  padding: 13px
}

.leftsocial li a.vote {
  background: #00acee;
  cursor: pointer
}

.leftsocial li:first-child a {
  border-radius: 5px 0 0
}

.leftsocial li:last-child a {
  border-radius: 0 0 0 5px
}

.leftsocial li a:hover {
  background: #000
}

.leftsocial li.whitecounter {
  text-align: center;
  background: #fff;
  padding: 10px 5px
}

@media (max-width:1200px) {
  .leftsocial {
    display: none
  }
  .post h1 {
    font-size: 130%
  }
  article.leftspace {
    margin: auto
  }
}

.sidebar-social-holder {
  max-width: 360px;
  margin: 0 auto
}

.sidebar-social-holder .info-holder {
  background: #fff;
  font-size: 14px;
  line-height: 1.4em;
  width: 100%;
  padding: 15px;
  min-height: 30px;
  -webkit-box-sizing: border-box
}

.submit-side-btn {
  width: 100%;
  display: block;
  margin-top: 10px;
  height: auto
}

div.pagination {
  text-align: center;
  margin-bottom: 20px
}

div.pagination a,
div.pagination span {
  padding: 10px 14px;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  color: #606060;
  background: #fff;
  border: 1px solid silver;
  border-right: none
}

div.pagination .current,
div.pagination a:active,
div.pagination a:hover {
  background: #3A5395;
  color: #FFF;
  -webkit-box-shadow: inset 0 0 20px -11px rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 20px -11px rgba(0, 0, 0, .5)
}

div.pagination a:first-child,
div.pagination span:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

div.pagination a:last-child,
div.pagination span:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid silver
}

div.button-paginate {
  margin-bottom: 30px;
  margin-top: -20px
}

form.userform input[type=submit] {
  -webkit-appearance: none;
  font-size: 1.3em;
  margin: 10px 10px 5px;
  width: 97%;
  background: #0C0820;
  display: inline-block;
  padding: 10px;
  border-radius: 3px;
  color: #fff;
  border: none
}

form.userform div i {
  position: absolute;
  color: gray;
  top: 0;
  left: 7px;
  font-size: 20px;
  padding: 11px 12px 7px 8px;
  border-right: 1px solid #D9D9D9
}

form.userform div input {
  padding-left: 60px
}

.formdivider {
  border-bottom: 1px solid #eee;
  margin: 20px 0;
  padding-bottom: 10px
}

.white-top {
  background: #fff;
  height: 70px;
  border-bottom: 1px solid #fff
}

.avatar-bg {
  background: url(../Images/bg-facebook.jpg);
  text-align: center;
  padding: 20px;
  position: relative
}

.avatar-bg i {
  color: #fff;
  font-size: 31px;
  position: absolute;
  left: 50%;
  margin-top: -100px;
  -webkit-transition: all ease-in .3s;
  -o-transition: all ease-in .3s;
  transition: all ease-in .3s;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0
}

.avatar-bg:hover i {
  opacity: .6;
  margin-top: 0
}

#stickbox .stick-item:hover .stick-img img,
a.post-share:hover {
  opacity: .8
}

.avatar-bg img {
  cursor: pointer;
  border-radius: 60%;
  border: 3px solid #fff;
  width: 130px;
  height: 130px;
  margin-top: -70px
}

.avatar-bg div {
  color: #fff;
  font-size: 30px;
  margin-top: 15px
}

.comments-list {
  position: relative
}

.comments-list li {
  margin-bottom: 15px;
  display: block;
  position: relative;
  margin-left: 15px
}

.comments-list li.reply {
  margin-left: 88px
}

.comments-list .comment-avatar {
  width: 10%;
  height: 4%;
  position: relative;
  float: left;
  border: 3px solid #FFF;
  border-radius: 4px;
  top: 8px
}

.comments-list .comment-avatar img {
  border: 1px solid silver;
  padding: 2px;
  width: 100%
}

.comments-list .comment-box {
  width: 90%;
  float: right;
  position: relative
}

.comment-box .comment-head {
  padding: 10px 12px;
  border-bottom: 1px solid #E5E5E5;
  font-family: Rajdhani
}

.comment-box .comment-head i {
  float: right;
  margin-left: 14px;
  position: relative;
  top: 0;
  color: #ddd;
  cursor: pointer;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease
}

.comment-box .comment-head i:hover {
  color: #03658c
}

.comment-box .comment-name {
  color: #00008b;
  font-size: 14px;
  float: left;
  margin-right: 5px
}

.comment-box .comment-name a {
  color: #283035;
  margin-top: 1px;
  display: inline-block;
  font-family: Open sans
}

.comment-box .comment-head span {
  float: left;
  color: #999;
  font-size: 13px;
  position: relative;
  top: 1px
}

.comment-box .comment-content {
  background: #FFF;
  padding: 12px;
  font-size: 13px;
  line-height: 1.3em;
  color: #595959;
  border-radius: 0 0 4px 4px
}

.comment-box .comment-name.by-author,
.comment-box .comment-name.by-author a {
  color: #03658c
}

.comment-box .comment-name.by-author:after {
  content: 'autor';
  background: #03658c;
  color: #FFF;
  font-size: 12px;
  padding: 3px 5px;
  font-weight: 700;
  margin-left: 10px;
  border-radius: 3px
}

@media (max-width:768px) {
  .comments-list .comment-box {
    width: 100%
  }
  .comments-list .comment-avatar {
    display: none
  }
}

.share-button {
  cursor: pointer;
  float: left;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  text-shadow: 0 0 1px #3B5998;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  font-size: 20px
}

.share-button:hover {
  text-shadow: 0 0 5px #000;
}

.share-button i {
  padding: 15px;
  top: 1px;
  float: left;
  position: relative;
  color: #fff
}

.share-button i.icon-facebook,
.share-button i.icon-google {
  top: 2px
}

.share-button span {
  float: left;
  font-size: 21px;
  margin: 16px 15px 0 -7px;
  color: #fff
}

.share-button span i {
  padding: 0 5px 0 0;
  float: left;
  color: #fff
}

.action-button,
.action-button i {
  float: right;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.action-button {
  cursor: pointer;
  padding-right: 25px;
  position: relative;
  font-size: 25px;
  font-family: 'Source Sans Pro', sans-serif
}

.action-button:hover {
  text-shadow: 0 0 10px #fff
}

.action-button i {
  padding: 12px 13px;
  color: #fff
}

.action-button .counter {
  position: absolute;
  font-size: 19px;
  width: 30px;
  color: #fff;
  text-align: center;
  right: 6px;
  top: 15px
}

@media (max-width:480px) {
  .action-button {
    padding-right: 0
  }
  .action-button .counter {
    display: none
  }
}

.action-button i:hover {
  text-shadow: 0 0 15px #fff
}

section.posts .facebook-comments {
  background: #fff;
  display: none
}

.galeria-outer {
  padding: 20px
}

.galeria-header {
  color: #0C0820;
  border: 1px solid rgba(0, 0, 0, .1);
  font-size: 17px;
  padding: 10px 20px;
  margin-bottom: 20px;
  background: #fff
}

.ajax-file-upload-progress {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, .8);
  width: 100%;
  display: inline-block;
  color: #FFF
}

.ajax-file-upload-bar {
  background-color: rgba(76, 53, 86, .8);
  font-size: 22px;
  height: 50px;
  width: 0;
  line-height: 50px;
  -webkit-transition: width linear .5s;
  -o-transition: width linear .5s;
  transition: width linear .5s;
  color: #FFF
}

.ajax-file-upload-percent {
  position: absolute;
  padding-top: 10px;
  left: 48%
}

.single-post-meta {
  position: relative;
  padding: 7px 0;
  font-size: 13px;
  color: #939393;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5
}

.single-post-meta .avatar {
  float: left;
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 14px 0 5px
}

.single-post-meta p {
  margin: 5px 0 3px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 440px
}

.single-post-meta .more {
  position: absolute;
  right: 10px;
  bottom: 8px;
  background: #007AC7;
  color: #fff;
  font-size: 15px;
  border-radius: 3px;
  padding: 11px 12px
}

.single-post-meta .more:hover {
  background: #AD1625
}

.single-post-meta .more.toppost {
  right: 150px
}

@media (max-width:800px) {
  .single-post-meta .more.toppost {
    display: none
  }
  .post-gif-wrapper {
    padding: 0!important
  }
}

.single-post-meta p:last-of-type {
  margin-bottom: 0
}

@media (max-width:500px) {
  .head_h1 p {
    display: none
  }
  .head_h1 h1 {
    margin-bottom: 20px;
  }
}

.single-vote-btns {
  color: #666;
  cursor: pointer;
  position: absolute;
  top: 9px;
  right: 0;
  padding: 0;
  margin: 0
}

.single-vote-btns.toppost {
  position: absolute;
  bottom: 0;
  right: 10px
}

.single-vote-btns .vote {
  display: inline-block;
  padding: 8px;
  height: 37px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  width: 38px;
  border: 1px solid #eee;
  font-size: 19px;
  border-radius: 3px;
  margin: 0 0 0 5px
}

.single-vote-btns .vote i {
  position: absolute
}

.single-vote-btns .vote i.icon-thumbs-down {
  top: 11px
}

.single-vote-btns .vote[data-vote-type=likes]:hover {
  background: #3B5998;
  color: #fff;
  border-color: #3B5998
}

.single-vote-btns .vote[data-vote-type=dislikes]:hover {
  background: #BB4037;
  color: #fff;
  border-color: #BB4037
}

.single-vote-btns .vote[data-vote-type=fav]:hover {
  background: #640000;
  color: #fff;
  border-color: #640000
}

.single-vote-btns .vote:active {
  -webkit-transform: scale(.95);
  -ms-transform: scale(.95);
  transform: scale(.95)
}

.submit-btn {
  cursor: pointer;
  -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
  font-size: .9em;
  font-family: 'Source Sans Pro';
  text-transform: uppercase;
  background: #0C0820;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 3px;
  color: #fff;
  border: none;
  float: right
}

.submit-btn .icon {
  position: relative;
  margin-right: 8px;
  top: 1px
}

.submit-btn:active {
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .5)
}

.submit-btn:hover {
  background: #6495ED
}

.social-count {
  color: #2D2D49;
  font-size: 50px;
  font-family: Helvetica neue, arial;
  font-weight: 700;
  margin: -10px 0 0 15px;
  float: left;
  text-align: center
}

.social-count div:last-child {
  font-size: 11px;
  color: grey
}

.tooltips img {
  width: 100%
}

.tooltips div {
  margin-top: 5px
}

.single-pre-meta {
  color: #939393;
  font-size: 13px;
  padding: 10px 12px;
}

.single-social-counts {
  float: right;
  
}

.single-social-counts span {
  display: inline-block;
  position: relative;
  margin-left: 15px
}

.single-social-counts span i {
  margin-right: 2px;
  left: -4px;
  position: absolute
}

a.post-share,
a.post-share i {
  float: left;
  position: relative
}

.single-social-counts span i.icon-thumbs-down {
  top: 1px
}

@media (max-width:428px) {
  time .when {
    display: none;
  }
}

.post-desc {
  line-height: 1.5em;
  font-family: 'Source sans pro';
  padding-top: 10px
}

a.post-share {
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
  border-radius: 4px;
  border: 1px solid #fff;
  height: 39px;
  cursor: pointer;
  margin: 0 10px 25px 0
}

a.post-share.nomargin {
  margin: 0 0 2px 10px
}

a.post-share:hover .sh-count {
  width: 70%
}

a.post-share i {
  z-index: 2;
  display: block;
  background: #fff;
  padding: 10px 15px 10px 17px;
  color: #fff;
  font-size: 18px
}

a.post-share span.sh-count {
  color: #000;
  height: 40px;
  border-left: 1px solid rgba(34, 36, 38, .15);
  background: rgba(255, 255, 255, .8);
  line-height: 37px;
  -webkit-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
  width: 0;
  z-index: 1;
  display: block;
  position: absolute;
  right: -1px;
  top: 0;
  font-size: 16px;
  text-align: center
}

a.post-share.nextpost {
  float: right
}

a.post-share.nextpost i {
  color: #3b5998
}

a.post-share.facebook i {
  background: #324B89
}

a.post-share.twitter i {
  background: #0098DA
}

a.post-share.gplus i {
  background: #B51B1E
}

a.post-share.pinterest i {
  background: #CA4033
}

a.post-share .sharename {
  line-height: 38px;
  padding: 13px 17px 13px 15px;
  color: #fff
}

a.post-share.gplus .sharename {
  background: #CB1F20
}

a.post-share.twitter .sharename {
  background: #00AAF3
}

a.post-share.facebook .sharename {
  background: #38559C
}

.photo-topbox {
  background: #fff;
  border: 1px solid #ddd
}

.photo-title {
  font-family: 'Open sans', sans-serif;
  padding: 15px;
  font-size: 18px;
  float: left;
  max-width: 460px;
  background: #fff;
  line-height: 1.3em
}

@media (max-width:768px) {
  .vote[data-vote-type=fav] {
    display: none
  }
}

.photo-topbox .descrow {
  padding: 10px 17px 15px;
  font-size: 17px
}

.grey-info {
  color: #000;
  font-size: 12px
}

.gallery-mode {
  display: block;
  font-size: 22px;
  -webkit-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
  margin: 0 0 30px;
  background: #4285f4;
  border-radius: 3px;
  padding: 12px 6px;
  color: #fff;
  text-align: center
}

.gallery-mode:hover {
  background: #fff;
  -webkit-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .45);
  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .45)
}

.vote-line {
  height: 5px;
  background: #bb4037
}

.vote-line-up {
  background: #3b5998;
  height: 5px;
  float: left;
  -webkit-transition: width .3s linear;
  -o-transition: width .3s linear;
  transition: width .3s linear
}

.vSwitch .switch,
.vSwitch .switch .button {
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out
}

.upload-header {
  background: #162b3d;
  color: #fff;
  position: relative;
  padding: 13px;
  font-size: 1em;
  border-top-left-radius: 3px
}

.upload-header .upload-button,
.upload-header .upload-image {
  background: #fff;
  width: 100px;
  display: inline-block;
  top: 0;
  font-size: 20px;
  right: -30px;
  position: absolute;
  height: 44px;
  -ms-transform: rotate(0) skew(145deg);
  transform: rotate(0) skew(145deg);
  -webkit-transform: rotate(0) skew(145deg)
}

.full-header {
  background: #fff;
  color: #aaa;
  padding: 15px;
  max-width: 1200px;
  margin: 2% auto 20px;
  border: 1px solid rgba(0, 0, 0, .1);
  font-size: 16px
}

.full-header a {
  float: right;
  color: #aaa
}

.upload-header .upload-button:hover,
.upload-header .upload-image:hover {
  background: #457ABB
}

.upload-header .upload-button i,
.upload-header .upload-image i {
  color: #000;
  position: absolute;
  top: 9px;
  right: 53px;
  display: inline-block;
  -webkit-transform: rotate(0) skew(35deg);
  -ms-transform: rotate(0) skew(35deg);
  transform: rotate(0) skew(35deg)
}

.upload-header .upload-button:hover>i,
.upload-header .upload-image:hover>i {
  color: #fff
}

.sidebar .gif-preview,
.sidebar .preview {
  width: 100%;
  height: 180px;
  position: relative
}

.sidebar .gif-preview img,
.sidebar .preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover
}

.sidebar #video-preview {
  position: relative
}

.sidebar #video-preview video {
  width: 100%;
  height: auto
}

.sidebar #video-preview .buffer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  opacity: .8;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.ctedit {
  font-size: 12px;
  text-align: left;
  color: #bbb
}

.vSwitch .switch {
  position: relative;
  width: 42px;
  height: 24px;
  background: teal;
  cursor: pointer;
  border-radius: 12px;
  transition: all .3s ease-out
}

.vSwitch .switch .button,
.vSwitch.on .switch {
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out
}

.vSwitch .switch .button {
  position: absolute;
  left: 0;
  margin: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3);
  box-shadow: 0 0 2px rgba(0, 0, 0, .3);
  transition: all .3s ease-out
}

.autoload-label,
.vSwitch {
  display: inline-block;
  position: relative;
  float: right
}

.vSwitch.on .switch,
.vSwitch.on .switch .button {
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out
}

.vSwitch.on .switch {
  background: #0c3;
  transition: all .3s ease-out
}

.vSwitch.on .switch .button {
  left: 18px;
  transition: all .3s ease-out
}

.vSwitch.small .switch {
  width: 34px;
  height: 20px;
  border-radius: 10px
}

.vSwitch.small .switch .button {
  width: 16px;
  height: 16px;
  border-radius: 8px
}

.vSwitch.small.on .switch .button {
  left: 14px
}

.vSwitch.large .switch {
  width: 50px;
  height: 28px;
  border-radius: 14px
}

.vSwitch.large .switch .button {
  width: 24px;
  height: 24px;
  border-radius: 12px
}

.vSwitch.large.on .switch .button {
  left: 22px
}

.vSwitch.blue.on .switch {
  background: #39f;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.autoload-label {
  font-size: 16px;
  color: #aaa;
  right: 5px
}

.vSwitch {
  top: -2px
}

.emptynotes {
  color: silver;
  font-size: 20px;
  text-align: center;
  padding: 50px 0
}

.sidenav {
  background: #162b3d;
  padding-top: 50px;
  top: 0;
  width: 350px;
  z-index: 100;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
  display: block;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  left: 0;
  position: fixed;
  overflow: auto;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translate(-350px, 0);
  -ms-transform: translate(-350px, 0);
  transform: translate(-350px, 0);
  -o-transition: transform .3s;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.sidenav.show {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.sidenav-brand {
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #FF7043;
  color: #FAFAFA;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  padding: 20px 24px 19px
}

.sidenav-dropdown,
.sidenav-header {
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  margin: 0
}

.sidenav-header {
  background: 0 0;
  color: #fff;
  font-size: 19.2px;
  line-height: 32px;
  padding: 16px 24px 15px
}

.sidenav-header small {
  display: block;
  font-size: 14.4px;
  line-height: 16px
}

.sidenav-menu {
  margin: 0;
  padding: 0
}

.sidenav-menu li {
  display: block;
  position: relative
}

.sidenav-menu a {
  background: 0 0;
  color: #A5A8B1;
  display: block;
  line-height: 24px;
  padding: 16px 32px
}

.sidenav-menu a:hover {
  color: #fff;
  background: #616161
}

.sidenav-menu a.active,
.sidenav-menu a.active .sidenav-dropdown-icon,
.sidenav-menu a.active .sidenav-link-icon {
  color: #FAFAFA
}

.sidenav-dropdown-icon,
.sidenav-link-icon {
  color: #A5A8B1;
  position: absolute;
  text-align: center;
  top: 16px
}

.sidenav-link-icon {
  display: block;
  height: 24px;
  left: 24px;
  width: 24px;
  font-size: 25px
}

.sidenav-link-title {
  display: block;
  padding: 0 16px 0 40px
}

#close-sidenav {
  color: #fff;
  float: right;
  font-size: 12px;
  border: none;
  background: 0 0;
  margin-top: 8px;
  cursor: pointer
}

.sidenav-dropdown {
  display: none;
  padding: 0
}

.sidenav-dropdown a {
  background: #191919;
  padding-left: 72px
}

.sidenav-dropdown a:hover {
  background: #616161
}

.sidenav-dropdown li:first-child a {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.sidenav-dropdown-icon {
  display: none;
  height: 16px;
  right: 16px;
  width: 16px
}

.sidenav-dropdown-icon.show {
  display: block
}

#sidenav-overlay {
  background: rgba(0, 0, 0, .4);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

.sidenav-no-scroll {
  overflow: hidden!important
}

@media (max-width:769px) {
  .sidenav {
    font-size: 13px
  }
  .sidenav-header {
    font-size: 15px
  }
  .sidenav-link-icon {
    font-size: 17px
  }
  .sidenav-brand img {
    width: 50%
  }
}

#stickbox {
  background: #fff;
  margin-bottom: 40px;
  padding: 5px;
  position: relative;
  border: 1px solid #ddd;
  border-top: 0
}

#stickbox .stick-header {
  border: 1px solid #fff;
  background: #0c0820;
  font-size: 13px;
  padding: 15px;
  color: #fff;
  text-transform: uppercase;
  letter-spaceing: 1.1em
}

#stickbox .stick-item {
  padding: 5px 10px
}

#stickbox .stick-item a {
  width: 100%
}

#stickbox .stick-img {
  float: left;
  width: 30%
}

#stickbox .stick-img img {
  width: 93%;
  height: 60px
}

#stickbox .stick-title {
  font-size: 14px;
  float: right;
  width: 70%;
  padding: 0 3px 0 9px;
  font-family: open sans;
  line-height: 1.3em
}

.whitebox {
  clear: left;
  background: #fff;
  padding: 15px;
  font-family: Calibri;
  margin-bottom: 25px
}

#stickbox #stLDN {
  background: rgba(0, 0, 0, .5);
  padding: 10px;
  position: absolute;
  bottom: 10px;
  display: none;
  text-align: center;
  border-radius: 5px;
  right: 10px
}

#stickbox #stLDN i {
  color: #fff
}

#cookie-info {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  padding: 20px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, .8);
  color: #fff
}

#cookie-info a {
  color: #ff0
}

#cookie-info button {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

#cookie-info .cookie-text {
  width: calc(100% - 72px);
  display: inline-block;
  vertical-align: middle;
  text-align: left
}

.dropdown-menu {
  display: none
}

.ftstat {
  position: fixed;
  bottom: 5px;
  left: 5px
}

.h2head,
.nav-btn {
  position: relative
}

.nextbutton {
  background: #4485F4;
  -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  display: block;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 20px
}

.nextbutton:hover {
  background: #0C0820;
  color: #fff
}

.top_ad {
  margin-top: 0;
  background: #eee;
  padding: 5px 0 15px
}

.undershare {
  text-align: center;
  border-bottom: 1px solid silver
}

.next-prev {
  float: right;
  font-size: 14px
}

.nav-btn {
  color: #F2F2F2;
  padding: 10px 17px;
  outline: 0;
  cursor: pointer;
  display: inline-block;
  border-radius: 2px;
  font-size: 14px;
  border: none;
  font-family: 'Open Sans', sans-serif
}

.h2head .comment-mode.selected,
.jq-toast-single a {
  border-bottom: 1px solid #fff
}

.nav-btn-action {
  background: #5c69ff
}

.navNext,
.navPrev {
  text-align: center;
  cursor: pointer;
  margin: 8px 8px 0 0;
  height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left
}

.navPrev {
  background-color: #3F434A;
  margin-right: 5px;
  font-size: 28px;
  min-width: 45px;
  padding-top: 9px;
  color: #fff;
  line-height: 16px
}

.navNext .text {
  margin-top: 2px;
  float: left;
  color: #fff;
  line-height: 12px
}

.navNext .icon-angle-right {
  margin: 1px 0 0 10px;
  position: relative;
  color: #fff;
  font-size: 28px;
  top: -8px
}

.h2head {
  color: #FFF;
  padding-top: 11px;
  padding-left: 20px;
  border-radius: 2px;
  height: 43px;
  background: #4141a0;
  font-family: Rajdhani, sans-serif;
  font-size: 20px
}

.h2head:after {
  content: "\ea42";
  color: #fff;
  font-family: icomoon;
  position: absolute;
  right: 14px;
  top: 12px
}

.h2head .comment-mode {
  margin-left: 10px;
  display: inline-block;
  padding: 3px;
  color: #fff;
  font-size: 14px;
  position: relative;
  top: -1px
}

@media (max-width:640px) {
  .posts .img-wrapper .item img {
    width: 98%
  }
  .bs-text,
  .photo-title
  .vote-line {
    display: none
  }
  .navNext .icon-angle-right,
  .navNext .text {
    display: inline
  }
  .single-post-meta {
    margin: 0
  }
  .next-prev {

  }
  .navPrev {
    
    width: 18%
  }
  .navNext {
    
  }
  .navNext .text {
    float: none;
    position: relative;
    top: -14px
  }
}

.rotate,
.rotate2 {
  display: inline-block
}

._30h,
._393-,
.ring {
  background-image: url(../Images/gifoverlay.png);
  background-repeat: no-repeat;
  background-size: auto;
  left: 50%;
  top: 50%;
  position: absolute
}

._393- {
  background-position: 0 0;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
  width: 72px
}

.ring {
  background-position: 0 -73px;
  height: 66px;
  margin-left: -33px;
  margin-top: -33px;
  width: 66px
}

._30h {
  background-position: 0 -140px;
  height: 17px;
  margin-left: -16px;
  margin-top: -9px;
  width: 32px
}

.icon-gif-post {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.icon-gif-post.playing {
  -webkit-transition: all cubic-bezier(.68, -.55, 1, .72) .3s;
  -o-transition: all cubic-bezier(.68, -.55, 1, .72) .3s;
  transition: all cubic-bezier(.68, -.55, 1, .72) .3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0
}

.rotate {
  -webkit-animation: rotation 2s infinite linear
}

.rotate2 {
  -moz-animation: rotation 4s infinite linear;
  -webkit-animation: rotation 4s infinite linear;
  animation: rotation 4s infinite linear
}

@-moz-keyframes rotation {
  100% {
    -moz-transform: rotate(360deg)
  }
}

@-webkit-keyframes rotation {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes rotation {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

#upload-menu {
  position: fixed;
  top: -500px;
  left: 0;
  right: 0;
  background: rgba(20, 20, 20, .9);
  z-index: 401;
  -webkit-transition: top ease .5s;
  -o-transition: top ease .5s;
  transition: top ease .5s
}

#upload-menu,
#upload-menu a {
  color: #fff;
  font-family: Oswald;
  letter-spacing: 1px
}

#upload-head {
  background: #000;
  padding: 15px
}

#upload-head span {
  font-family: Rajdhani;
  font-weight: 700;
  text-transform: uppercase
}

#upload-links div {
  text-align: center;
  padding: 20px;
  border-bottom: 4px solid transparent;
  -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s
}

#upload-links div:hover {
  background: rgba(0, 0, 255, .5);
  border-bottom: 4px solid #fff
}

#upload-links i {
  display: block;
  font-size: 70px
}

#upload-links span {
  line-height: 25px;
  margin-top: 20px;
  display: block
}

#upload-links {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr
}

@media (max-width:600px) {
  #upload-links {
    -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr
  }
  #upload-links i {
    font-size: 50px;
  }
}

.bigshare {
  background: #fff
}

.bigshare a {
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
  color: #fff;
  padding: 12px;
  font-size: 15px;
  width: 49.7%;
  text-align: center
}

.bigshare .bs-text {
  margin-left: 10px
}

.fixed-pagination.hide {
  display: none
}

.fixed-pagination .page {
  position: fixed;
  z-index: 14;
  top: 50%;
  margin-top: -57px;
  width: 50px;
  -webkit-transition: width .3s cubic-bezier(.22, .61, .36, 1);
  -o-transition: width .3s cubic-bezier(.22, .61, .36, 1);
  transition: width .3s cubic-bezier(.22, .61, .36, 1)
}

.fixed-pagination .page.prev {
  left: 0
}

.fixed-pagination .page.prev .content {
  left: -400px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.fixed-pagination .page.prev:hover .content {
  left: 50px
}

.fixed-pagination .page:hover .arrow {
  background: #d33;
  color: #fff
}

.fixed-pagination .page.next {
  right: 0
}

.fixed-pagination .page .arrow {
  position: relative;
  z-index: 5;
  display: inline-block;
  width: 50px;
  height: 115px;
  -webkit-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
  line-height: 115px;
  text-align: center;
  vertical-align: middle;
  font-size: 28px;
  background-color: #fff;
  color: #000;
  border-radius: 2px;
  border: 1px solid #eee
}

.fixed-pagination .page.next .arrow {
  float: right;
  border-right: 0
}

.fixed-pagination .page.prev .arrow {
  border-left: 0
}

.fixed-pagination .page.next .content {
  right: -385px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.fixed-pagination .page.next:hover .content {
  right: 50px
}

.fixed-pagination .page .arrow .info {
  display: inline-block;
  padding: 12px 0;
  line-height: normal
}

.fixed-pagination .page .arrow .info .pages {
  display: block;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 18px
}

.fixed-pagination .page .arrow .info .pages b {
  font-size: 34px
}

.fixed-pagination .page .content {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  width: 385px;
  padding: 20px;
  vertical-align: top;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transition: all .3s cubic-bezier(.22, .61, .36, 1);
  -o-transition: all .3s cubic-bezier(.22, .61, .36, 1);
  transition: all .3s cubic-bezier(.22, .61, .36, 1)
}

.fixed-pagination .page .content>* {
  vertical-align: top
}

.fixed-pagination .page .content .thumb {
  position: relative;
  display: inline-block;
  width: 75px;
  margin-right: 20px
}

.fixed-pagination .page .content .title {
  display: inline-block;
  padding: 8px 0 0;
  width: 240px;
  max-width: 240px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700
}

.fixed-pagination .page .content .title .byline {
  display: block;
  margin-top: 6px
}

.fixed-pagination .page:hover {
  width: 435px;
  -webkit-box-shadow: 0 0 3px rgba(117, 117, 117, .22);
  -ms-box-shadow: 0 0 3px rgba(117, 117, 117, .22);
  box-shadow: 0 0 3px rgba(117, 117, 117, .22)
}

.fixed-pagination .page:hover .content {
  opacity: 1
}

@media screen and (max-width:1280px) {
  .fixed-pagination {
    display: none
  }
}

#bottom-list {
  display: -ms-grid;
  display: grid;
  background: #fff;
  padding: 2em;
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-gap: 1em
}

#catlist ul,
.btm-item img {
  display: block
}

.btm-item {
  font-size: 16px;
  font-family: 'Open sans';
  width: 100%;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .7) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .7) inset
}

.btm-item:nth-of-type(2n) {
  margin-right: 0
}

@media (max-width:1024px) {
  #bottom-list {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr)
  }
}

.btm-item .cover {
  background: rgba(92, 105, 255, .4);
  position: absolute;
  top: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  left: 0;
  width: 100%;
  height: 100%
}

.btm-item:hover .cover {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.btm-item .cover:after {
  content: "\e986";
  font-size: 2em;
  font-family: icomoon;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.btm-item figure {
  overflow: hidden;
  border-radius: 2px;
  height: 180px;
  position: relative
}

.btm-item .caption {
  padding: 7px;
  font-size: .9em;
  line-height: 21px
}

.btm-item img {
  border: none;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  background: #ccc;
  -webkit-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s
}

#pop-overlay {
  position: fixed;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0;
  overflow: auto;
  background-color: rgba(55, 58, 71, .5)
}

#pop-overlay.visible {
  opacity: 1;
  pointer-events: auto
}

.popup-wrapper {
  position: fixed;
  pointer-events: none;
  top: 50%;
  left: 50%;
  opacity: 0;
  background: #fff;
  z-index: 99999;
  border-radius: 3px;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .26);
  box-shadow: 0 5px 40px rgba(0, 0, 0, .26);
  -webkit-transform: translate3d(0, 0, 0) translate(-50%, -50%) scale(.8);
  -ms-transform: translate3d(0, 0, 0) translate(-50%, -50%) scale(.8);
  transform: translate3d(0, 0, 0) translate(-50%, -50%) scale(.8)
}

.popup-wrapper.visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1)
}

.popup-wrapper header {
  font-size: 1em;
  color: #0C0820;
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.popup-wrapper header i:first-child {
  padding-right: 10px
}

.popup-wrapper header a i {
  position: absolute;
  right: 5px;
  top: 10px;
  color: #0C0820
}

.popup-wrapper footer {
  padding: 5px 5px 7px;
  text-align: right
}

#imgtarget {
  max-width: 90vw;
  max-height: 75vh
}

#img-desc textarea {
  width: 500px;
  height: 130px;
  border: none;
  background: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  padding: 10px
}

@media screen\0 {
  #bottom-list {
    display: none
  }
  #upload-links {
    display: table;
    width: 100%
  }
  #upload-links div {
    display: table-cell;
    width: 25%
  }
}

#catlist {
  -khtml-user-select: none;
  position: relative;
  padding: 11px
}

#catlist i {
  pointer-events: none;
  position: absolute;
  right: 13px;
  top: 7px;
  font-size: 1.5em;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform ease .4s;
  -o-transition: transform ease .4s;
  transition: transform ease .4s;
  transition: transform ease .4s, -webkit-transform ease .4s
}

#catlist.clicked i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

#catlist .nano {
  opacity: 0;
  border: 1px solid #add8e6;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 200px!important;
  visibility: hidden;
  color: #000;
  z-index: 5;
  left: 0;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  top: 35px
}

#catlist ul li {
  padding: 4px;
  width: 102%;
  line-height: 34px;
  cursor: pointer;
  border-bottom: 1px solid #d3d3d3
}

#catlist ul li:before {
  content: '\f105';
  font-family: icomoon;
  margin: 0 10px
}

#catlist ul li:last-child {
  border-bottom: none
}

#catlist ul li:hover {
  background: #00A7DA;
  color: #fff
}

#catlist.clicked .nano {
  opacity: 1;
  visibility: visible
}

#catvalue {
  pointer-events: none;
  color: #76747a
}

.x-modal-overlay {
  background: rgba(0, 23, 37, .6);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 9999
}

.x-modal-overlay.x-visible {
  opacity: 1;
  visibility: visible
}

.x-modal-box {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
  -ms-transform: translate(-50%, -50%) scale(1.2);
  transform: translate(-50%, -50%) scale(1.2);
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  -webkit-box-shadow: 0 0 8px -2px #8b0000;
  box-shadow: 0 0 8px -2px #8b0000;
  border-radius: 1px
}

#adedit,
.jq-toast-single {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.x-modal-box.x-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1)
}

.x-modal-box.x-hidden {
  -webkit-transform: translate(-50%, -50%) scale(.8);
  -ms-transform: translate(-50%, -50%) scale(.8);
  transform: translate(-50%, -50%) scale(.8)
}

.x-modal-head {
  font-size: 1em;
  padding: 11px 0 11px 36px;
  border-bottom: 1px solid #c8c0bc;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 7px 9px
}

.x-modal-head.success {
  background-image: url(../Images/check-sign.png)
}

.x-modal-head.error {
  background-image: url(../Images/error.png)
}

.x-modal-content {
  padding: 10px 20px;
  font-size: .9em;
  color: rgba(0, 0, 0, .4);
  line-height: 1.3em;
  text-align: justify
}

.x-modal-footer {
  padding: 0 10px 10px 0;
  text-align: right
}

.x-modal-footer button {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 0 20px;
  font-family: rajdhani
}

@media (max-width:1100px) {
  #bottom-list {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr)
  }
  .x-modal-box {
    width: 50%
  }
}

@media (max-width:800px) {
  #bottom-list {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr)
  }
  .x-modal-box {
    width: 80%
  }
  .x-modal-head {
    font-size: 1em
  }
}

@media (max-width:480px) {
  #bottom-list {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr)
  }
  .x-modal-content {
    font-size: 1.2em
  }
  .x-modal-head {
    font-size: 1.1em
  }
  .x-modal-box {
    width: 90%
  }
}

.nothing_found {
  background-color: #fff;
  font-family: Rajdhani;
  border: 1px solid #add8e6;
  text-align: center;
  font-size: 2em;
  padding: 10% 0
}

.nothing_found img {
  width: 20%
}

#post_pagination {
  padding: 10px;
  background: #fff;
  border-top: 1px solid #ddd
}

#post_pagination .pagination {
  margin-bottom: 0
}

#adedit {
  position: fixed;
  bottom: -46px;
  left: -50px;
  color: #fff;
  background: #5c69ff;
  border-radius: 50%;
  font-size: 17px;
  width: 90px;
  height: 90px
}

#adedit i {
  position: absolute;
  top: 17px;
  right: 17px
}

.main-row {
  color: #fff;
  width: 100%;
  background: #1f3d57
}

.copyright {
  padding: 1.5em;
  background: rgba(0, 0, 0, .3)
}

.copyright p {
  text-align: center;
  font-size: .9em
}

.copyright p a {
  color: #00CED1;
  transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all
}

.copyright p a:hover {
  color: #fff
}

#head_h1_wrapper {
  position: relative
}

#hide_h1 {
  position: absolute;
  top: 14px;
  right: 14px;
  color: #0ff;
  z-index: 1
}

.img-overlay {
  position: absolute;
  transition: background ease .4s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0)
}

.img-overlay:hover {
  background: rgba(0, 0, 0, .2)
}

.img-overlay .goodshare {
  position: absolute;
  background: #4267b2;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 4px;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 1.5em;
  cursor: pointer;
  transition: opacity ease .4s;
  opacity: .2
}

.img-overlay .goodshare:hover {
  opacity: .7
}

#modal-window {
  background-color: rgba(0, 0, 0, .35)
}

#modal-window>* {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  line-height: normal;
  vertical-align: baseline
}

#modal-window .modal-box {
  position: absolute;
  margin-bottom: 10px;
  background-color: #fff;
  font-family: sans-serif;
  color: #444;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3);
  box-shadow: 0 0 7px rgba(0, 0, 0, .3);
  outline: 0;
  overflow: hidden
}

#modal-window .modal-box.modal-size-normal {
  width: 560px
}

#modal-window .modal-box.modal-size-small {
  width: 350px
}

#modal-window .modal-box.modal-size-large {
  width: 1000px
}

@media only screen and (max-width:580px) {
  #modal-window .modal-box.modal-size-normal {
    width: 96%;
    left: 0!important;
    margin-left: 2%!important;
    margin-right: 2%
  }
}

@media only screen and (max-width:1020px) {
  #modal-window .modal-box.modal-size-large {
    width: 96%;
    left: 0!important;
    margin-left: 2%!important;
    margin-right: 2%
  }
}

@media only screen and (max-width:370px) {
  #modal-window .modal-box.modal-size-small {
    width: 96%;
    left: 0!important;
    margin-left: 2%!important;
    margin-right: 2%
  }
}

#modal-window .modal-box .modal-title {
  position: relative;
  padding: 12px 15px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 20px;
  overflow: hidden
}

#modal-window .modal-box .modal-title h3 {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  margin: 0;
  padding: 0
}

#modal-window .modal-box .modal-title .modal-close-btn {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExOEMxNDkyODc0N0NBMUEwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3N0ZBOTUxNzNERkIxMUUyQUZGMEFDRjY0RjNFODlDOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3N0ZBOTUxNjNERkIxMUUyQUZGMEFDRjY0RjNFODlDOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3N0YxMTc0MDcyMDY4MTE4MDgzRkQyMTE2MTM0QUNBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4QzE0OTI4NzQ3Q0ExQTA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5Ke+4QAAAMlJREFUeNqkk90KwyAMha0dvp/ghfthsFcb67YLYe83EBdZlCxL3KCFU0nM+WqjTqUUs+bZ1Nd2d6jDDDqDHqCk1AeQBx1B+Xa9vAFovmNBwFwSzAvIoWKFWJxciNGxmJtp3FeQMDkziCEfcCTObYUUEPE3JAg3xwawZKJBMsm5kZkDNIhqlgC0+J/cFyAIDTOD3fkABKXbeQSxP8xRaWyHNIAfdFvbHU8BJ9JdqdscktDTD9ITtCcnTLpMDRLwMlWPmdZe55cAAwD+1kOdnSr5eQAAAABJRU5ErkJggg==) center no-repeat;
  background-size: 14px, 14px;
  opacity: .5;
  filter: alpha(opacity=50)
}

#modal-window .modal-box .modal-title .modal-close-btn:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}

#modal-window .modal-box .modal-text {
  font-size: 15px;
  padding: 25px 15px;
  overflow-y: auto
}

#modal-window .modal-box img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic
}

#modal-window .modal-box .modal-text input.modal-prompt-input {
  width: 97%;
  width: calc(100% - 14px);
  display: block;
  outline: 0;
  border: 1px solid #ddd;
  border-top: 1px solid #ccc;
  margin: 10px 0;
  padding: 6px;
  color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px #eee;
  box-shadow: inset 0 0 2px #eee;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear
}

#modal-window .modal-box .modal-text input.modal-prompt-input:hover {
  border: 1px solid #bbb;
  border-top: 1px solid #aaa
}

#modal-window .modal-box .modal-text input.modal-prompt-input:active,
#modal-window .modal-box .modal-text input.modal-prompt-input:focus {
  border-color: rgba(82, 168, 236, .8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .3)
}

#modal-window .modal-box .modal-buttons {
  padding: 10px 15px;
  text-align: right;
  background-color: #f9f9f9;
  border-top: 1px solid #ddd
}

#modal-window .modal-box .modal-buttons a.modal-btn {
  display: inline-block;
  padding: 8px 12px;
  outline: 0;
  border: 1px solid transparent;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  color: #555;
  vertical-align: middle
}

#modal-window .modal-box .modal-buttons a.modal-btn:active,
a.modal-btn:focus {
  outline: 0!important
}

#modal-window .modal-box .modal-buttons a.modal-btn:active,
a.modal-btn.active {
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, .2);
  box-shadow: inset 0 0 7px rgba(0, 0, 0, .2)
}

#modal-window .modal-box .modal-buttons a.modal-btn+a.modal-btn {
  margin-left: 5px
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65)
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-large {
  padding: 8px 14px;
  font-size: 16px
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-small {
  padding: 6px 8px;
  font-size: 10px
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-rounded {
  border-radius: 3px
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-circle {
  border-radius: 15px
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-square {
  border-radius: 0
}

#modal-window .modal-box .modal-buttons a.modal-btn i,
#modal-window .modal-box .modal-buttons a.modal-btn img {
  vertical-align: middle;
  display: inline-block;
  float: left;
  max-height: 16px;
  margin-right: 5px
}

#modal-window .modal-box .modal-buttons a.modal-btn {
  background-color: #fcfcfc;
  border-color: #c9c9c9;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-green {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-green:hover {
  background-color: #449d44;
  border-color: #398439;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-purple {
  background-color: #8149B4;
  border-color: #6922AD;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-purple:hover {
  background-color: #6f32a8;
  border-color: #5b149e;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-orange {
  background-color: #f7aa47;
  border-color: #eea236;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-orange:hover {
  background-color: #f69f2f;
  border-color: #d58512;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-pink {
  background-color: #ff6264;
  border-color: #eb5b5c;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-pink:hover {
  background-color: #ff484b;
  border-color: #e53a3d;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-turquoise {
  background-color: #00b19d;
  border-color: #11a594;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-turquoise:hover {
  background-color: #009886;
  border-color: #0b8173;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-green {
  background-color: #8dc63f;
  border-color: #7db432;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-green:hover {
  background-color: #82b838;
  border-color: #75a336;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-blue {
  background-color: #428bca;
  border-color: #357ebd;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-blue:hover {
  background-color: #3071a9;
  border-color: #285e8e;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-blue {
  background-color: #0e62c7;
  border-color: #0D54AA;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-blue:hover {
  background-color: #0c56af;
  border-color: #0B4992;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-red {
  background-color: #cc3f44;
  border-color: #bd1b21;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-red:hover {
  background-color: #ab2d32;
  border-color: #96050b;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-red {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-red:hover {
  background-color: #c9302c;
  border-color: #ac2925;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-yellow {
  background-color: #ffba00;
  border-color: #e4a703;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-yellow:hover {
  background-color: #f0bb2e;
  border-color: #dba71a;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-black {
  background-color: #444;
  border-color: #313131;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-black:hover {
  background-color: #333;
  border-color: #222;
  color: #fff
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-white {
  background-color: #fff;
  color: #555;
  border: 1px solid #ddd
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-white:hover {
  background-color: #f7f7f7;
  border: 1px solid #ccc
}

#modal-window .modal-box .modal-buttons a.modal-btn.btn-white:active,
#modal-window .modal-box .modal-buttons a.modal-btn.btn-white:focus {
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .1)
}

#modal-window .modal-box.modal-type-success .modal-title {
  background-color: #61b832
}

#modal-window .modal-box.modal-type-warning .modal-title {
  background-color: #f1b40e
}

#modal-window .modal-box.modal-type-error .modal-title {
  background-color: #de4343
}

#modal-window .modal-box.modal-type-info .modal-title {
  background-color: #3071A9
}

#modal-window .modal-box.modal-type-inverted .modal-title {
  background-color: #232B31
}

#modal-window .modal-box.modal-type-primary .modal-title {
  background-color: #428bca
}

#modal-window .modal-box.modal-type-error .modal-title,
#modal-window .modal-box.modal-type-info .modal-title,
#modal-window .modal-box.modal-type-inverted .modal-title,
#modal-window .modal-box.modal-type-primary .modal-title,
#modal-window .modal-box.modal-type-success .modal-title,
#modal-window .modal-box.modal-type-warning .modal-title {
  color: #FFF;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .25);
  border-bottom-color: transparent
}

#modal-window .modal-box.modal-type-error .modal-title .modal-close-btn,
#modal-window .modal-box.modal-type-info .modal-title .modal-close-btn,
#modal-window .modal-box.modal-type-inverted .modal-title .modal-close-btn,
#modal-window .modal-box.modal-type-primary .modal-title .modal-close-btn,
#modal-window .modal-box.modal-type-success .modal-title .modal-close-btn,
#modal-window .modal-box.modal-type-warning .modal-title .modal-close-btn {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBoj k8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAKNJREFUeNqkk9EKwyAMRdMKfqG/WBD2hYWMs4epZBLjoBcEibnHNokHIE90mn0SkUtESpBfWk4aEUCABLz46gZKi9tV2hktNwEDUPnVDLHmrmoBBdAFxDNrv2D+RA+yNM+AFWRp9gARRL3inot2vf+MSdQqT3f0C6tqawTZmcumxQNwbQrmQS4LyGaUNRhlNaOc5xrkNp6e2UJqNwNyPH3OnwEACDCs273A8sIAAAAASUVORK5CYII=') center no-repeat
}

#modal-window .modal-box.modal-theme-reseted {
  background: 0 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

#modal-window .modal-box.modal-theme-reseted .modal-title {
  border-bottom: 0;
  padding: 0
}

#modal-window .modal-box.modal-theme-reseted .modal-title .modal-close-btn {
  right: 0
}

#modal-window .modal-box.modal-theme-reseted .modal-text {
  padding: 0
}

#modal-window .modal-box.modal-theme-reseted .modal-buttons {
  border-top: 0;
  background: 0 0;
  padding: 0
}

.tooltip {
  z-index: 50;
  position: absolute;
  line-height: 1.5em;
  background: rgba(0, 0, 0, .8);
  padding: 9px 10px;
  max-width: 200px;
  font-size: .8rem;
  text-align: center;
  border-radius: 3px;
  color: #fff
}

.tooltip:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px dashed rgba(0, 0, 0, .5)
}

.tooltip.tooltip-left:after {
  right: -5px;
  border-left-style: solid;
  border-right: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  top: 50%;
  margin-top: -5px
}

.tooltip.tooltip-top:after {
  bottom: -5px;
  border-top-style: solid;
  border-bottom: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  left: 50%;
  margin-left: -5px
}

.tooltip.tooltip-right:after {
  left: -5px;
  border-right-style: solid;
  border-left: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  top: 50%;
  margin-top: -5px
}

.tooltip.tooltip-bottom:after {
  top: -5px;
  border-bottom-style: solid;
  border-top: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  left: 50%;
  margin-left: -5px
}

.jq-toast-wrap,
.jq-toast-wrap * {
  margin: 0;
  padding: 0
}

.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 30%;
  pointer-events: none!important;
  letter-spacing: normal;
  z-index: 999999!important
}

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px
}

.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 20px
}

.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px
}

.jq-toast-wrap.top-right {
  top: 20px;
  right: 40px
}

.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 6px 0 0;
  font-size: 14px;
  font-family: arial, sans-serif;
  line-height: 17px;
  position: relative;
  pointer-events: all!important;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, .95)
}

.jq-toast-single .only-text {
  display: inline-block;
  margin-top: 2px;
  font-size: 15px
}

.jq-toast-single h2 {
  text-align: left;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 2px;
  background: 0 0;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal
}

.jq-toast-single a {
  color: #eee;
  font-weight: 700;
  padding-bottom: 3px;
  font-size: 2px
}

.jq-toast-single ul {
  margin: 0 0 0 15px;
  background: 0 0;
  padding: 0
}

.jq-toast-single ul li {
  list-style-type: disc!important;
  line-height: 17px;
  background: 0 0;
  margin: 0;
  padding: 0;
  letter-spacing: normal
}

.close-jq-toast-single {
  position: absolute;
  top: 3px;
  right: 7px;
  font-size: 18px;
  cursor: pointer
}

.jq-toast-loader {
  display: block;
  position: absolute;
  top: -2px;
  height: 5px;
  width: 0;
  left: 0;
  border-radius: 5px;
  background: red
}

.jq-toast-loaded,
.nano {
  width: 100%
}

.jq-has-icon {
  padding: 15px 15px 15px 50px
}

.jq-icon-error:after,
.jq-icon-info:after,
.jq-icon-success:after {
  font-family: icomoon;
  position: absolute;
  font-size: 27px;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #555
}

.jq-icon-info:after {
  content: "\ea0c"
}

.jq-icon-success:after {
  content: "\f090"
}

.jq-icon-error::after,
.jq-icon-warning:after {
  content: "\ea07"
}

.dropdown .drop:after,
.dropdown .drop:before {
  content: '';
  position: absolute
}

@media (max-width:768px) {
  .jq-toast-wrap {
    width: 100%
  }
  .jq-toast-wrap.bottom-right {
    bottom: 0;
    right: 0
  }
}

.autocomplete-suggestions {
  border: 1px solid #eee;
  background: #fff;
  -webkit-box-shadow: -2px 2px 11px -5px rgba(0, 0, 0, .2);
  box-shadow: -2px 2px 11px -5px rgba(0, 0, 0, .2);
  position: absolute;
  display: none;
  z-index: 9999;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.autocomplete-suggestion {
  padding: 11px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Open sans';
  cursor: pointer;
  -webkit-transition: color ease .2s, background ease .2s;
  -o-transition: color ease .2s, background ease .2s;
  transition: color ease .2s, background ease .2s
}

.autocomplete-suggestion.selected,
.autocomplete-suggestion:hover {
  background: #347AB6;
  color: #fff
}

.nano {
  position: relative;
  height: 100%;
  overflow: hidden
}

.nano>.nano-inner,
.nano>.nano-pane {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.nano>.nano-inner {
  overflow: scroll;
  padding-right: 15px;
  overflow-x: hidden;
  left: 0
}

.nano>.nano-inner:focus {
  outline: dotted thin
}

.nano>.nano-inner::-webkit-scrollbar {
  display: none
}

.has-scrollbar>.nano-inner::-webkit-scrollbar {
  display: block
}

.nano>.nano-pane {
  width: 10px;
  visibility: hidden\9;
  opacity: .01;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  border-radius: 2px
}

.nano>.nano-pane>.nano-slider {
  background: rgba(0, 0, 0, .2);
  position: relative;
  margin: 1px;
  border-radius: 2px
}

#holdon-content,
#holdon-message {
  position: absolute;
  text-align: center
}

.nano-pane.active,
.nano-pane.flashed,
.nano:hover>.nano-pane {
  visibility: visible\9;
  opacity: .99
}

#holdon-overlay {
  transition: all ease .4s;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 999999
}

#holdon-overlay.show {
  visibility: visible;
  opacity: .85;
  pointer-events: all
}

#holdon-container {
  width: 100%;
  padding: 0;
  vertical-align: middle;
  display: table-cell!important;
  margin: 0;
  text-align: center
}

#holdon-content {
  width: 50px;
  height: 57px;
  top: 50%;
  left: 50%;
  margin: -28px 0 0 -25px
}

#holdon-message {
  width: 100%;
  top: 55%;
  color: #000
}

.sk-rect {
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px
}

.sk-rect>div {
  background-color: #0C0820;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-rect-anim 1.2s infinite ease-in-out;
  animation: sk-rect-anim 1.2s infinite ease-in-out
}

.sk-rect .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s
}

.sk-rect .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

.sk-rect .rect4 {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s
}

.sk-rect .rect5 {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s
}

@-webkit-keyframes sk-rect-anim {
  0%,
  100%,
  40% {
    -webkit-transform: scaleY(.4)
  }
  20% {
    -webkit-transform: scaleY(1)
  }
}

@keyframes sk-rect-anim {
  0%,
  100%,
  40% {
    transform: scaleY(.4);
    -webkit-transform: scaleY(.4)
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
  }
}

.dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer
}

.dropdown .drop.visible {
  visibility: visible;
  opacity: .97;
  transform: scale(1) translate(-50%, 0);
  -webkit-transform: scale(1) translate(-50%, 0)
}

.dropdown .drop {
  position: absolute;
  visibility: hidden;
  transform: scale(.8) translate(-50%, 0);
  -webkit-transform: scale(.8) translate(-50%, 0);
  transition: all ease-in-out .2s;
  opacity: 0;
  top: 30px;
  left: 50%;
  min-width: 160px;
  padding: 5px 0;
  background: #FFF;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .175);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .175);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .175);
  z-index: 100
}

.dropdown .drop:before {
  top: -7px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 8px solid transparent
}

.dropdown .drop:after {
  top: -6px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  border-left: 6px solid transparent
}

.dropdown .drop li {
  position: relative
}

.dropdown .drop li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  cursor: pointer;
  color: #333;
  position: relative;
  font-family: sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.42857143;
  white-space: nowrap;
  text-align: left
}

.dropdown .drop li a:active,
.dropdown .drop li a:hover {
  color: #fff;
  background: #155FB0;
  font-family: Arial
}

.dropdown .drop li a.active:after {
  content: '\ea10';
  font-family: icomoon;
  position: absolute;
  right: 10px;
  color: #d3d3d3
}

.dropdown .drop li.divider {
  height: 1px;
  margin: 9px 0;
  display: block;
  overflow: hidden;
  background-color: #e5e5e5;
  cursor: default
}

a.dropdown span:after {
  margin-left: 5px;
  content: '▼';
  font-size: 10px;
  color: #aaa
}

.icon-gif {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all ease .3s;
  transform: scale(1);
  opacity: 1
}

.icon-gif.playing {
  transition: all cubic-bezier(.68, -0.55, 1, .72) .3s;
  transform: scale(0);
  opacity: 0
}

.gif-player {
  cursor: pointer
}

.sidenav-link-icon.small {
  left: 38px;
  color: #fff;
  font-size: 19px;
  top: 17px;
}