body {
  width: 100%;
  height: 100%;
  font: 14px 'Open sans', 'helvetica neue', arial, sans-serif;
  padding: 0;
  margin: 0;
  color: #333333;
  background: #f5f5f5;
  line-height: 18px;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body p {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
body a {
  color: #0095da;
  text-decoration: none;
}
body a:hover {
  color: #4ca3d7;
}
body img {
  border: none;
}
body input {
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
  line-height: 28px;
  padding: 4px 3px;
  margin: 3px 0;
  font: 14px 'open sans', 'helvetica neue', arial, sans-serif;
  outline: none;
  transition: all .3s;
}
body input:focus {
  border: 1px solid #38abe6;
  box-shadow: 0 0 5px rgba(2,154,230,0.5);
}
body textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  border: 1px solid #dfdfdf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 14px 'open sans', 'helvetica neue', arial, sans-serif;
  color: #333333;
  outline: none;
  transition: all .3s;
}
body textarea:focus {
  border: 1px solid #029ae6;
  box-shadow: 0 0 5px rgba(2,154,230,0.5);
}
body select {
  padding: 3px 2px;
  line-height: 28px;
  font: 14px 'open sans', 'helvetica neue', arial, sans-serif;
  color: #333333;
  border: 1px solid #ddd;
}
body p {
  text-align: justify;
}
.wrapper {
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .wrapper {
    width: 100%;
  }
}
.wrapper #one-column {
  margin: 13px 0;
}
@media screen and (max-width: 768px) {
  .wrapper #one-column {
    width: 100%;
  }
}
.wrapper #left-column {
  margin: 22px 0;
  float: left;
  position: relative;
  width: 778px;
}
@media screen and (max-width: 768px) {
  .wrapper #left-column {
    width: 100%;
  }
}
.wrapper #left-column #first-vote {
  position: absolute;
  width: 127px;
  left: -154px;
  z-index: 10;
  padding: 8.6666666666667px;
  background: inherit;
  color: #555;
  letter-spacing: -1px;
  top: 62px;
  border: 1px solid #EBE6D3;
}
@media screen and (max-width: 1260px) {
  .wrapper #left-column #first-vote {
    display: none;
  }
}
@media screen and (min-width: 1340px) {
  .wrapper #left-column #first-vote {
    letter-spacing: 0;
    width: 150px;
    left: -182px;
  }
}
.wrapper #left-column #first-vote #first-vote-close {
  position: absolute;
  right: 3px;
  top: -5px;
  color: #777;
  font-size: 9px;
  font-weight: 600;
  padding: 3px;
}
.wrapper #right-column {
  margin: 22px 0;
  float: left;
  position: relative;
  width: 322px;
}
.wrapper #right-column .column-wrapper {
  margin: 0 0 0 22px;
}
.wrapper #right-column .column-wrapper .add-deal-widget {
  vertical-align: middle;
  border: 1px dashed #dfdfdf;
  text-align: center;
  margin: 0;
}
.wrapper #right-column .column-wrapper .add-deal-widget h3 {
  line-height: 59px;
  font-size: 17px;
  margin: 45.5px 0;
}
.wrapper #right-column .column-wrapper .add-deal-widget h3 a {
  font-weight: 600;
  padding: 11px 17px;
  border-radius: 2px;
}
.wrapper #right-column .column-wrapper #fb-like-box {
  border: none;
  overflow: hidden;
  width: 300px;
  height: 258px;
  margin: 0 auto;
  display: block;
}
.wrapper #right-column .column-wrapper #adslot-sidebar {
  width: 300px;
  height: 250px;
  border: none;
}
.wrapper #right-column .column-wrapper .adslot-sidebar-fixed {
  position: fixed;
  top: 0;
}
@media screen and (max-width: 768px) {
  .wrapper #right-column {
    width: 100%;
  }
}
.wrapper #search-results {
  margin: 0 auto;
  width: 900px;
  background: inherit;
}
.wrapper-min {
  width: 645px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .wrapper-min {
    width: 100%;
    min-width: 420px;
  }
}
.lighten-bg {
  background: #f9f9f9;
}
.a {
  color: #4183c4 !important;
}
.b {
  font-weight: 600;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.pa {
  padding: 13px;
}
.ma {
  margin: 22px;
}
.mt {
  margin-top: 13px;
}
.mtx2 {
  margin-top: 26px;
}
.mbx2 {
  margin-bottom: 26px;
}
.mrl,
.mlr {
  margin: 0 26px 0;
}
.mb {
  margin-bottom: 13px;
}
.green {
  color: #8b2;
}
.grey {
  color: #e0e0e0;
}
.warning {
  background: #fcf8e3 !important;
}
button,
.button {
  font: 14px 'open sans', Arial, sans-serif;
  padding: 7.3333333333333px 22px;
  background: linear-gradient(0deg,#f3f3f3,#fff 100%);
  border: 1px solid #dfdfdf;
  text-align: center;
}
.button-blue {
  color: white;
  text-shadow: 0 0 1px #0684de;
  background: #009EE4;
  border: 1px solid #0684de;
}
.button-blue:hover {
  color: white;
  box-shadow: 1px 1px 20px rgba(20,20,20,0.15);
  background: #0099df;
}
.bb {
  padding-bottom: 6.5px;
  border-bottom: 1px dashed #dfdfdf;
}
.bt {
  border-top: 1px solid #dfdfdf;
}
.flash-info,
.flash-error,
.flash-success {
  cursor: pointer;
  margin: 13px;
  font-size: 16px;
  padding: 10px 13px;
  box-shadow: 1px 1px 2px rgba(150,150,150,0.2);
}
.flash-info a,
.flash-error a,
.flash-success a {
  color: #fff;
  font-weight: 600 !important;
  border-bottom: 1px dotted #eee;
}
.flash-info a:hover,
.flash-error a:hover,
.flash-success a:hover {
  color: inherit;
}
.flash-info .flash-close,
.flash-error .flash-close,
.flash-success .flash-close {
  margin-right: -5px;
  float: right;
  padding: 0 5px;
  cursor: pointer;
  font-weight: 700;
}
.flash-info {
  background: #d9edf7;
  border: 1px solid #60d2ff;
  color: #357eaf;
  text-shadow: 1px 1px 1px white;
}
.flash-info a:hover {
  color: inherit;
}
.flash-info .flash-close {
  background-color: #acd8e1;
  border: 1px solid #9cd;
}
.flash-error {
  background: #f41;
  border: 1px solid #c10;
  color: #fff;
  text-shadow: 1px 1px 1px #e20;
}
.flash-error .flash-close {
  background-color: #f04010;
  border: 1px solid #e03000;
}
.flash-success {
  background: #95BE3A;
  border: 1px solid #85aE2A;
  color: #fff;
  text-shadow: 1px 1px 1px #759E1A;
}
.flash-success .flash-close {
  background: #8db337;
  border: 1px solid #7aa023;
}
.tac {
  text-align: center;
}
table tr td {
  padding: 6.5px;
}
ul {
  list-style: square;
}
strong {
  font-weight: 600;
}
.ls-1 {
  letter-spacing: -1px;
}
.show {
  display: inline-block !important;
}
figure {
  margin: 0;
}
.title-upper {
  color: #666;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: -1px;
}
.title-upper strong {
  font-weight: 400;
  color: #444;
}

#right-column .sidebar {
  padding-top: 13px;
  margin: 22px 0;
  border-top: 1px dashed #dfdfdf;
}
#right-column .sidebar .element {
  overflow: hidden;
  margin: 4.3333333333333px 0;
}
#right-column .sidebar .element .avatar,
#right-column .sidebar .element .counter {
  float: left;
  width: 21px;
  margin-right: 13px;
  text-align: center;
  height: 21px;
  line-height: 21px;
}
#right-column .sidebar .element .content {
  float: left;
  line-height: 21px;
  width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#right-column .sidebar .element .content a {
  color: #222222;
  white-space: nowrap;
}
#right-column .sidebar .element .content a .user-about {
  color: #666666;
}
#right-column .sidebar .element .content a:hover {
  border-bottom: 1px dotted #acacac;
}

.comment {
  border-top: 1px solid #dfdfdf;
  padding-top: 13px;
}
.comment .avatar-wrapper {
  float: left;
  width: 38px;
  margin-top: 2px;
}
.comment .avatar-wrapper .avatar {
  width: 38px;
  height: 38px;
  float: left;
}
.comment .avatar-wrapper .counter {
  float: left;
  width: 19px;
  overflow: hidden;
  text-align: center;
  font-size: 11px;
  line-height: 15px;
  color: white;
}
.comment .avatar-wrapper .deals-counter {
  background: #8b2;
  text-shadow: 1px 1px 1px #669900;
}
.comment .avatar-wrapper .comments-counter {
  background: #51a8dc;
  text-shadow: 1px 1px 1px #2a81b5;
}
.comment .content-wrapper {
  overflow: hidden;
  padding-left: 13px;
  min-height: 45px;
}
.comment .content-wrapper .content {
  line-height: 1.8;
  word-wrap: break-word;
}
.comment .username {
  vertical-align: top;
}
.comment .deleted-info {
  background: #f20;
  color: white;
  padding: 2px 4px 3px;
  font-size: 14px;
}
.comment .details {
  font-size: 13px;
}
.comment .date {
  vertical-align: top;
  color: #777;
  font-size: 13px;
  margin-left: 4.3333333333333px;
}
.comment .content {
  margin-top: 8.6666666666667px;
}
.comment .content img {
  max-width: 100%;
}
.comment .content .quote {
  background: #fbfbfb;
}
.comment textarea {
  border-color: #d6d6d6;
  min-height: 120px;
}
.comment .available-bbcode {
  margin-top: 8.6666666666667px;
  font-size: 12px;
}
.comment .follow {
  margin-top: 10px;
  font-size: 13px;
}
.comment .follow input[type=checkbox] {
  padding: 2px;
}

#footer {
  width: 1100px;
  font-size: 13px;
  margin: 39px auto;
  clear: both;
  overflow: hidden;
  color: #777;
}
@media screen and (max-width: 768px) {
  #footer {
    width: 100%;
  }
}
#footer .content {
  border-top: 1px dashed #ccc;
  line-height: 18px;
  margin: 13px;
  padding: 13px 0;
}
#footer .content a {
  padding: 0 0 0 18px;
}

form button {
  margin-bottom: 13px;
}
form ul {
  padding: 0 0 0 19.5px;
  margin: 0;
  color: #c10;
  font-weight: 700;
}
form ul li {
  list-style: square;
}
.add-deal input {
  background: #fcfcfc;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  padding: 7px 5px;
  width: 100%;
  margin: 0 -1px 5px;
}
.add-deal textarea {
  font-size: 15px;
  min-height: 200px;
  background: #fcfcfc;
  border: 1px solid #e5e5e5;
  max-width: 584px;
  padding: 2px 4px;
  margin: 0 -1px;
}
.add-deal label {
  width: 100px;
  float: left;
  line-height: 32px;
}
.add-deal a.cancel {
  margin: 7.5px 26px;
}
.add-deal .available-bbcode {
  margin: 4.3333333333333px 0 6.5px;
  font-size: 12px;
}
.profile div {
  width: 100%;
  overflow: hidden;
}
.profile label {
  float: left;
  width: 200px;
  line-height: 38px;
}
.profile input {
  float: left;
  color: #555555;
  margin-bottom: 13px;
  padding: 6px 4px;
}
.authenticate {
  width: 490px;
  margin: 0 auto;
}
.authenticate label {
  width: 240px;
}
.authenticate input {
  width: 236px;
  float: right;
  margin-bottom: 12px;
  padding: 7px 5px;
  font-size: 15px !important;
}
.authenticate input#remember_me {
  width: auto;
}
.authenticate input[type=checkbox] {
  width: auto;
  float: left;
  margin: 13px 13px 0;
}
.authenticate ul {
  padding: 0;
}
.authenticate ul li {
  list-style: none;
}
#login,
#register {
  max-width: 650px;
  margin: 26px auto 0;
  overflow: visible;
}
#login input[type=checkbox],
#register input[type=checkbox] {
  margin-left: 13px;
}

#landing {
  border-bottom: 1px solid #007cc2;
  color: white;
  padding: 0 0 13px;
  text-shadow: 1px 1px 1px #05a;
  background: #068dcb;
  position: relative;
}
#landing .wrapper {
  clear: both;
  margin-top: -3px;
  z-index: 2;
  position: relative;
}
#landing .wrapper h1 {
  line-height: 46px;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  padding: 13px 13px;
}
@media screen and (max-width: 600px) {
  #landing .wrapper h1 {
    font-size: 30px;
    line-height: 33px;
  }
}
#landing .wrapper .landing-group {
  text-align: center;
  width: 32%;
  float: left;
  margin: 0 .6666666% 13px;
}
#landing .wrapper .landing-group h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  padding: 6.5px 0 13px;
}
@media screen and (max-width: 768px) {
  #landing .wrapper .landing-group h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
  }
}
#landing .wrapper .landing-group h3:before {
  margin: 0 auto 7px;
  width: 60px;
  height: 45px;
  content: '';
  display: block;
}
#landing .wrapper .landing-group p {
  font-size: 15px;
  text-align: center;
  color: #efefef;
  line-height: 19px;
  color: #d3eeff;
}
@media screen and (max-width: 600px) {
  #landing .wrapper .landing-group p {
    display: none;
  }
}
#landing .wrapper #landing-rate h3:before {
  background: url('img/sprite-landing.png') -60px 0;
}
#landing .wrapper #landing-discuss h3:before {
  background: url('img/sprite-landing.png') 0 0;
}
#landing .wrapper #landing-add h3:before {
  background: url('img/sprite-landing.png') -120px 0;
}
#join-us {
  text-align: center;
  clear: both;
  padding: 13px 0 0;
}
#join-us h4 {
  font-size: 22px;
  line-height: 28px;
  display: inline-block;
  margin: 13px;
  vertical-align: top;
}
@media screen and (max-width: 600px) {
  #join-us h4 {
    display: none;
  }
}
#join-us .register {
  border: 1px solid #192A55;
  border-color: #679 #459 #346;
  line-height: 36px;
  margin-top: 3px;
  margin-right: 13px;
  display: inline-block;
  text-shadow: 1px 1px 1px white;
  border-radius: 2px;
  color: #444;
  margin: 8px;
  background: #eee;
  background: linear-gradient(180deg,#fff,#ccc);
  box-shadow: 1px 1px 1px rgba(56,62,80,0.3);
}
#join-us .register:hover {
  background: linear-gradient(180deg,#fff,#d8d8d8);
  box-shadow: 1px 1px 1px rgba(56,62,80,0.5);
  color: #222;
}
#join-us .register .desc {
  float: left;
  font-size: 17px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  padding: 0 10px;
}
#join-us .fb {
  border: 1px solid #192A55;
  border-color: #346 #192A55 #102040;
  line-height: 35px;
  float: none;
  margin-top: 3px;
  margin-right: 13px;
  display: inline-block;
  color: white;
  border-radius: 2px;
  margin: 8px;
  background: #36518C;
  background: linear-gradient(180deg,#3C5A97,#30477B);
  box-shadow: 1px 1px 1px rgba(16,32,80,0.3);
}
#join-us .fb:hover {
  background: linear-gradient(180deg,#46a,#347);
  box-shadow: 1px 1px 1px rgba(16,32,80,0.5);
}
#join-us .fb .f {
  float: left;
  width: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  border-right: 1px solid #192A55;
  border-top: 1px solid #486AB0;
  border-left: 1px solid #486AB0;
}
#join-us .fb .fdesc {
  float: left;
  font-size: 17px;
  border-left: 1px solid #486AB0;
  border-top: 1px solid #486AB0;
  text-shadow: 1px 1px 1px #013;
  padding: 0 17px;
}

#how-does-it-work {
  margin-top: 0;
  padding-top: 22px;
}
#how-does-it-work h2,
#how-does-it-work p {
  padding: 13px 26px;
}
#how-does-it-work h2 {
  font-size: 21px;
}
#how-does-it-work p {
  line-height: 22px;
  margin-bottom: 19.5px;
}
#how-does-it-work #join-us {
  width: 300px;
  margin: 0 auto 22px;
  padding: 0;
}
#how-does-it-work #join-us .register {
  border: 1px solid #aaa;
}

#user-view {
  overflow: hidden;
}
#user-view .content .avatar {
  float: left;
  width: 50px;
}
#user-view .content .avatar img {
  width: 50px;
}
#user-view .content .about {
  float: left;
  margin-left: 13px;
}
#user-view .content .about h1 {
  font-size: 20px;
}
#user-view .content .about ul#activity {
  padding: 0;
}
#user-view .content .about ul#activity li {
  list-style: none;
}
#user-view .content .about ul#activity li strong {
  margin-right: 6.5px;
}
#user-view .content .about ul#roles {
  padding: 0;
  overflow: hidden;
}
#user-view .content .about ul#roles li {
  list-style: none;
  float: left;
  background: #4ca3d7;
  color: white;
  margin: 0 2px;
  padding: 2px 4px;
}
#user-view .content .about ul#roles li .delete {
  font-weight: 600;
  color: white;
  padding: 0 4px;
  background: #3b92c6;
}

#stream-top {
  overflow: hidden;
  position: relative;
  margin: 0 22px 22px;
}
#stream-top h1 {
  font-size: 21px;
  letter-spacing: -1px;
  line-height: 24px;
  margin: 6.5px 0;
  color: #666666;
}
#stream-top h1 strong {
  font-weight: 400;
  color: #333333;
}
#stream-top .switch {
  border: 1px solid #e5e5e5;
  border-color: #d6d6d6;
  background: #fafafa;
  text-transform: uppercase;
}
#stream-top .switch a {
  padding: 8px 10px 7px;
  float: left;
  color: #888888;
  line-height: 20px;
}
#stream-top .switch a:hover {
  color: #555555;
  background: #f6f6f6;
}
#stream-top .switch a:hover:span.unread {
  opacity: 1;
}
#stream-top .switch a.active {
  color: black;
  background: white;
  border-bottom: 1px solid white;
}
#stream-top .switch a.bl {
  border-left: 1px solid #e0e0e0;
}
#stream-top .switch a span.new-deals-counter {
  background: #efefef;
  padding: 1px 6px;
  text-shadow: 1px 1px 1px white;
  font-weight: 600;
  color: #444444;
  background: white;
  border: 1px solid #dfdfdf;
  margin-left: 2px;
}
#stream-top .switch a span.slim {
  padding: 1px 3px;
}
#stream-top .switch a span.unread {
  border: 1px solid transparent;
  background: #dd4b39;
  opacity: 0.9;
  background-image: linear-gradient(top,#dd4b39,#d14836);
  color: #fff;
  text-shadow: 1px 1px 1px #c10;
}
#stream-top .show {
  padding: 10px 10px;
  color: #888888;
}
#stream-top .show#navigate {
  float: left;
  min-width: 400px;
  padding: 0 2px;
  min-height: 25px;
  font-size: 13px;
}
#stream-top .show#navigate span {
  margin: 0 -5px 0 5px;
}
#stream-top .show#navigate span a {
  color: #333333;
}
#stream-top .show#navigate span a span {
  margin: 0;
}
#stream-top #like {
  float: right;
}
#options {
  overflow: hidden;
  min-width: 150px;
  color: #777777;
  padding: 4px 2px;
  font-size: 12px;
}
#options #ratting {
  float: right;
}
.deal {
  position: relative;
  border: 1px solid #d6d6d6;
  box-shadow: 1px 1px 25px rgba(20,20,20,0.08);
  background: white;
}
.deal.expired {
  opacity: 0.84;
}
.deal .counter {
  position: absolute;
  margin: 17px 0;
  text-align: center;
}
.deal .counter h4 {
  font-size: 28px;
  line-height: 31px;
  padding-bottom: 2px;
  font-weight: 600;
  letter-spacing: -1px;
  width: 66px;
  position: absolute;
  top: 22px;
}
.deal .counter .counter-color-2 {
  color: #77aa11;
}
.deal .counter .counter-color-3 {
  color: #558800;
  font-size: 29px;
}
.deal .counter .counter-color-4 {
  color: #447700;
  font-size: 30px;
}
.deal .counter .counter-color-5,
.deal .counter .counter-color-6 {
  color: #336600;
  font-size: 31px;
}
.deal .counter .plus {
  color: #d9d9d9;
  font-size: 22px;
  width: 66px;
  position: absolute;
}
.deal .counter .minus {
  color: #d9d9d9;
  font-size: 22px;
  width: 66px;
  position: absolute;
  top: 54px;
}
.deal .counter .voted {
  color: #ededed !important;
}
.deal .counter .api .tooltip {
  display: none;
  letter-spacing: 0;
  position: absolute;
  z-index: 100;
  font-size: 15px;
  transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  top: 0;
  opacity: 0.9;
  text-align: center;
  padding: 1px 4px;
}
.deal .counter .api .tooltip-plus {
  left: 0;
  margin-left: -65px;
  width: 45px;
  background: #8b2;
  text-shadow: 1px 0 0 #447700;
  border: 1px solid #77aa11;
  color: white;
}
.deal .counter .api .tooltip-minus {
  top: -4px;
  margin-right: -64px;
  width: 45px;
  right: 0;
  background: #dfdfdf;
  text-shadow: 1px 0 0 #9b9b9b;
  border: 1px solid #cecece;
  color: #777;
}
.deal:hover .plus {
  color: #8b2;
}
.deal:hover .minus {
  color: #d0d0d0;
}
.deal:hover h2 a {
  background: #f8f8f8;
}
.deal:hover h1 a {
  background: #f8f8f8;
}
.deal:hover .details .comments {
  background-color: #f8f8f8 !important;
}
.deal:hover .api .tooltip {
  display: block;
}
.deal .content {
  margin: 22px;
}
.deal .content h1,
.deal .content h2 {
  font-size: 23px;
  line-height: 28px;
  letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
  .deal .content h1,
  .deal .content h2 {
    font-size: 21px;
    line-height: 26px;
  }
}
.deal .content h1 a,
.deal .content h2 a {
  color: #111;
  vertical-align: middle;
}
.deal .content h1 a.link:after,
.deal .content h2 a.link:after {
  content: url('/css/img/title_url.png');
  opacity: 0.7;
}
.deal .content h1 .expired-info,
.deal .content h2 .expired-info {
  display: inline;
  background: #e7e7e7;
  color: black;
  padding: 2px 4px 3px;
  font-size: 14px;
  vertical-align: middle;
}
.deal .content h1 .expired-info:after,
.deal .content h2 .expired-info:after {
  content: "NIEAKTUALNE";
}
.deal .content h1 .duplicate-info,
.deal .content h2 .duplicate-info {
  display: inline;
  border: none;
  background: #f20;
  text-shadow: 1px 1px 1px #d10;
  color: white;
  font-weight: 600;
  padding: 2px 4px 3px;
  font-size: 14px;
  vertical-align: middle;
}
.deal .content h1 .duplicate-info:after,
.deal .content h2 .duplicate-info:after {
  content: "DUPLIKAT";
}
.deal .content h1 .deleted-info,
.deal .content h2 .deleted-info {
  display: inline;
  background: #f20;
  color: white;
  padding: 2px 4px 3px;
  vertical-align: middle;
  font-size: 14px;
}
.deal .content p,
.deal .content div.body {
  margin: 11px 0;
  min-height: 34px;
  vertical-align: middle;
  line-height: 1.8;
  word-wrap: break-word;
}
.deal .content p a,
.deal .content div.body a {
  color: inherit;
}
.deal .content p img-formula,
.deal .content div.body img-formula {
  max-width: 100%;
}
.deal .content p .small,
.deal .content div.body .small {
  max-width: 110px;
  min-height: 20px;
  margin-left: 4.3333333333333px;
  text-align: right;
}
.deal .content p .link,
.deal .content div.body .link {
  color: #0095da !important;
  text-decoration: none;
}
.deal .content p .link:hover,
.deal .content div.body .link:hover {
  color: #4ca3d7 !important;
}
.deal .content .max-height {
  max-height: 76px;
}
.deal .content .details {
  overflow: hidden;
  line-height: 30px;
  color: #888;
  font-size: 13px;
  padding: 9px 0 0;
}
.deal .content .details .avatar {
  width: 28px;
  height: 28px;
  float: left;
  margin: 0 12px 0 0;
}
.deal .content .edit {
  background: url('/css/img/sprite-deal-settings.png') 0 0 no-repeat;
  line-height: 30px;
  padding: 0 0 0 20px;
  color: #555;
  opacity: .5;
  margin-left: 5px;
}
.deal .content .edit:hover {
  opacity: 1;
}
.deal .content .expiration-counter {
  background: url('/css/img/sprite-deal-settings.png') 0 -17px no-repeat;
  line-height: 30px;
  padding: 0 0 0 23px;
  color: #555;
  opacity: .5;
  margin-left: 5px;
}
.deal .content .expiration-counter:hover {
  opacity: 1;
}
.deal .content .spam-counter {
  background: url('/css/img/sprite-deal-settings.png') 0 -34px no-repeat;
  line-height: 30px;
  padding: 0 0 0 26px;
  color: #555;
  opacity: .5;
  margin-left: 5px;
}
.deal .content .spam-counter:hover {
  opacity: 1;
}
.deal .content .comments {
  background: url('/css/img/comments_icon.png') no-repeat;
  padding: 0 2px 0 22px;
}
.deal .content .comments.inactive {
  color: #888;
  opacity: .8;
}
.deal .content .go-to-deal {
  color: white;
  font-size: 14px;
  letter-spacing: 0;
  display: block;
  text-align: center;
  margin: -8px 0 0 5px;
  font-weight: 600;
  text-transform: uppercase;
  width: 190px;
  padding: 4.5px 0px 5.5px;
  float: right;
}
.deal .content .go-to-deal:after {
  content: "!";
  padding-right: 17px;
  background: url('/css/img/goto_url.png') 9px 4px no-repeat;
}
.deal .margin-counter {
  margin: 22px 22px 22px 66px;
}
.deal.deal-full .content figure {
  margin: 0 -66px;
  text-align: center;
}
.deal.deal-full .content figure .img-formula {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .deal.deal-full .content figure {
    margin-right: -22px;
  }
}
.deal.deal-full:hover .side-settings {
  display: block;
}
.deal.deal-full .side-settings {
  top: 22px;
  right: 0;
  position: absolute;
}
.deal.deal-full .side-settings .setting {
  font-size: 13px;
  text-transform: uppercase;
  opacity: 0.3;
  display: block;
  clear: both;
  float: right;
  color: #f5f5f5;
  margin-bottom: 2px;
  line-height: 22px;
  height: 22px;
  text-align: center;
}
.deal.deal-full .side-settings .setting:after {
  font-weight: 600;
  width: 22px;
  display: inline-block;
  content: "";
  min-height: 22px;
  display: inline-block;
}
.deal.deal-full .side-settings .setting:hover {
  color: white;
  opacity: 1;
}
.deal.deal-full .side-settings .setting:hover .text {
  display: inline;
}
.deal.deal-full .side-settings .setting .text {
  display: none;
  padding: 0 5px;
  vertical-align: top;
}
.deal.deal-full .side-settings .setting .text a {
  vertical-align: top;
  color: white;
}
.deal.deal-full .side-settings .edit {
  background: #009EE4;
  text-shadow: 1px 1px 1px #007cc2;
}
.deal.deal-full .side-settings .edit:after {
  background: url('/css/img/sprite-deal-side-settings.png') 0 -22px no-repeat;
}
.deal.deal-full .side-settings .spam {
  background: #f20;
  text-shadow: 1px 1px 1px #a10;
}
.deal.deal-full .side-settings .spam:after {
  content: "!";
}
.deal.deal-full .side-settings .expired {
  background: #aaa;
  text-shadow: 1px 1px 1px #888;
}
.deal.deal-full .side-settings .expired:after {
  background: url('/css/img/sprite-deal-side-settings.png') 0 -44px no-repeat;
}
.deal.deal-full .side-settings .expire {
  background: #888;
  text-shadow: 1px 1px 1px #555;
}
.deal.deal-full .side-settings .expire:after {
  content: "W";
}
.deal.deal-full .side-settings .delete {
  background: #a20;
  text-shadow: 1px 1px 1px #710;
}
.deal.deal-full .side-settings .delete:after {
  content: "X";
}
.deal.deal-full .side-settings .follow {
  background: #8b2;
  text-shadow: 1px 1px 1px #669900;
}
.deal.deal-full .side-settings .follow:after {
  background: url('/css/img/sprite-deal-side-settings.png') 0 0 no-repeat;
}
.deal.deal-full .bottom-settings {
  background: #fbfbfb;
  border-top: 1px solid #dfdfdf;
  padding: 5px 66px;
}
.deal.deal-full .bottom-settings .setting {
  font-size: 13px;
  padding: 7.3333333333333px 7.3333333333333px 7.3333333333333px 0;
  line-height: 32px;
  color: #777;
}
.deal.deal-full .bottom-settings .setting:hover {
  color: #333;
}
.deal.deal-full .margin-counter {
  margin: 22px 66px;
}
@media screen and (max-width: 768px) {
  .deal.deal-full .margin-counter {
    margin-right: 22px;
  }
}
.deal.deal-small {
  margin: 11px 22px;
}
.deal.deal-small .content h1,
.deal.deal-small .content h2 {
  font-size: 21px;
  line-height: 25px;
}
.deal.deal-small .content .body a {
  word-break: break-all;
}
.deal.deal-small .content .go-to-deal {
  position: absolute;
  bottom: 16.5px;
  right: 11px;
}
.deal.deal-small .content .details {
  padding: 0;
}
.deal.deal-small figure {
  position: relative;
  float: right;
  width: 210px;
  overflow: hidden;
  margin-left: 11px;
}
.deal.deal-small figure a {
  position: absolute;
  text-align: center;
  left: -22px;
  width: 254px;
}
.deal.deal-small figure a img {
  vertical-align: middle;
  max-width: 100%;
}
.deal.deal-small figure a .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.deal.deal-small figure a.ratio_4 {
  width: 562px;
  left: -132px;
}
.deal.deal-small figure a.ratio_3 {
  width: 408px;
  left: -99px;
}
#best-deals {
  overflow: hidden;
  margin: 0 26px 13px;
}
@media screen and (max-width: 768px) {
  #best-deals {
    display: none;
  }
}
#best-deals .deal-mini {
  min-height: 110px;
  width: 32%;
  margin: 13px 1.5% 13px 0;
  float: left;
}
@media screen and (max-width: 768px) {
  #best-deals .deal-mini {
    width: 100%;
    min-height: 100px;
    box-sizing: border-box;
    margin-left: 0;
  }
  #best-deals .deal-mini figure {
    display: block;
  }
}
#best-deals .deal-mini .content h1,
#best-deals .deal-mini .content h2 {
  font-size: 19px;
  line-height: 21px;
}
@media screen and (max-width: 768px) {
  #best-deals .deal-mini .content h1,
  #best-deals .deal-mini .content h2 {
    font-size: 21px;
    margin-top: 39px;
  }
}
#best-deals .deal-mini figure {
  display: none;
}
#best-deals .deal-mini:last-child {
  margin-right: 0;
}
#best-deals .deal-mini .margin-counter {
  margin-right: 13px;
}
.tags {
  margin: 0 22px;
  padding: 0 0 0 14px;
  color: #888;
  float: left;
}
.tags ul {
  padding: 0 0 0 14px;
  margin: 0;
  display: inline-block;
}
.tags ul li {
  margin: 0 -1px 2px;
  background: #fbfbfb;
  display: inline-block;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 2px 2px rgba(200,200,200,0.15);
  padding: 3px 5px;
}
.tags ul li a {
  color: #888;
  text-shadow: 1px 1px 1px white;
}
.tags ul li a:hover {
  color: #555;
}
.box {
  margin: 22px;
  height: 100%;
}
.box .title {
  background: #fafafa;
  border-bottom: 1px solid #dfdfdf;
  padding: 13px;
}
.description {
  margin-top: 33px;
  margin-bottom: -11px;
}
.login-for-more {
  margin: 39px 0 0;
  font-size: 14px;
  padding: 13px 13px 26px;
  overflow: hidden;
}
.login-for-more h3 {
  margin: 13px 0;
  border-bottom: 1px solid #dfdfdf;
  padding: 0 0 6.5px;
}
.login-for-more form {
  padding-left: 45px;
}
.login-for-more form div {
  margin: 6.5px 0;
}
.login-for-more form div input[type=text],
.login-for-more form div input[type=password] {
  padding: 6px 4px 7px;
}
.login-for-more form div input[type=checkbox] {
  min-width: 20px;
}
.login-for-more form div label {
  vertical-align: top;
}
.login-for-more form div button {
  vertical-align: top;
  line-height: 19px;
  padding-top: 5px;
  height: 33px;
  margin: 3px;
}
.login-for-more p {
  padding: 13px 0;
}
.login-for-more .fb {
  margin: 8px;
}
.quote {
  overflow: hidden;
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
  padding: 11px;
  margin: 4.3333333333333px;
}
.quote .author {
  font-weight: 600;
  font-size: 13px;
  padding-bottom: 3.25px;
}

#header {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #000;
  background: #333;
  color: #f3f3f3;
}
#header #menu {
  width: 1100px;
  margin: 0 auto;
  height: 56px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #header #menu {
    width: 100%;
  }
}
#header #menu .logo-link #logo {
  padding: 8px 0 0;
  margin-left: 18px;
  float: left;
}
@media screen and (max-width: 768px) {
  #header #menu .logo-link #logo {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #header #menu .logo-link {
    background-image: url('../img/logo_w768.png');
    background-repeat: no-repeat;
    width: 46px;
    height: 40px;
    margin: 8px 0 8px 11px;
    float: left;
    display: block;
  }
}
#header #menu #search {
  position: absolute;
  left: 165px;
  top: 14px;
  max-width: 400px;
  overflow: hidden;
  border: 1px solid #000;
}
@media screen and (max-width: 768px) {
  #header #menu #search {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #header #menu #search {
    display: none;
  }
}
#header #menu #search input {
  margin: 0;
}
#header #menu #search button {
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 4;
  display: block;
  margin: 0;
  cursor: pointer;
  padding: 0;
  width: 30px;
  background: #0b7dc8;
  background: linear-gradient(0deg,#0b7dc8,#006cb7);
  border: none;
  min-height: 29px;
}
#header #menu #search button .icon {
  background: url('../img/search.png') no-repeat;
  display: inline-block;
  position: relative;
  margin: 4px 0 0;
  height: 19px;
  width: 19px;
  border: 0;
}
#header #menu #search-dark {
  position: absolute;
  left: 165px;
  top: 9px;
  width: 250px;
  overflow: hidden;
  border: 1px solid #000;
}
@media screen and (max-width: 768px) {
  #header #menu #search-dark {
    display: none;
  }
}
#header #menu #search-dark input {
  background: #555;
  color: white;
  margin: 0;
  border: #555;
  padding: 9px 5px;
  width: 230px;
}
#header #menu #search-dark button {
  background: #555;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  display: block;
  margin: 0;
  cursor: pointer;
  padding: 0;
  width: 34px;
  border: none;
  min-height: 40px;
}
#header #menu #search-dark button .icon {
  background: url('../img/search.png') no-repeat;
  display: inline-block;
  position: relative;
  margin: 4px 0 0;
  height: 19px;
  width: 19px;
  border: 0;
}
#header #menu #actions {
  float: right;
  margin: 0 13px;
  padding: 19px 0 0;
}
#header #menu #actions a {
  color: #e0e0e0;
  text-shadow: 1px 1px 1px #222;
  margin-left: 15px;
}
#header #menu #actions a:hover {
  color: #f0f0f0;
  text-shadow: 1px 1px 1px #000;
}
@media screen and (max-width: 30px) {
  #header #menu #actions a:nth-child(4) {
    display: none;
  }
}
#header #menu #actions .register {
  padding: 7px 7px;
  background-color: #d14836;
  background-image: linear-gradient(top,#dd4b39,#d14836);
  color: #fff;
  text-shadow: 0 0 1px #a50000;
  border-radius: 1px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid transparent;
}
@media screen and (max-width: 768px) {
  #header #menu #actions #my-profile {
    display: none;
  }
}
#header #menu #actions .avatar {
  margin-top: -6px;
  width: 32px;
  height: 32px;
  float: left;
}
#header #menu #actions span {
  color: #fcfcfc;
}
#header #menu #actions span.separated {
  text-shadow: 1px 1px 1px #333;
  border-right: 1px solid #444;
  padding-right: 15px;
}
#header #menu #actions #notifications {
  z-index: 900;
  position: relative;
}
#header #menu #actions #notifications a span.new-notifications-counter {
  background: #555;
  padding: 0 2px 0 4px;
  text-shadow: 1px 1px 1px black;
  font-weight: 600;
  color: white;
  background: linear-gradient(180deg,#555,#444);
  border: 1px solid #444;
  margin-left: 2px;
  border-radius: 2px;
}
#header #menu #actions #notifications a span.unread {
  background: #f41;
  border: 1px solid #972200;
  color: #fff;
  text-shadow: 1px 1px 1px #c10;
}
#header #menu #actions #notifications #box {
  font-size: 13px;
  box-shadow: 0 0 25px rgba(20,20,20,0.2);
  position: absolute;
  display: none;
  border: 1px solid #dfdfdf;
  border-top: none;
  background: white;
  width: 340px;
  left: -98px;
  top: 39px;
  color: #333333;
  text-shadow: 1px 1px 1px white;
}
#header #menu #actions #notifications #box .record {
  line-height: 16px;
  display: block;
  margin: 0;
  background: white;
  color: #333333;
  text-shadow: none;
  overflow: hidden;
  border-top: 1px solid #dfdfdf;
  padding: 10px;
}
#header #menu #actions #notifications #box .record img {
  width: 38px;
  height: 38px;
  float: left;
}
#header #menu #actions #notifications #box .record .content {
  float: left;
  max-width: 234px;
  margin-left: 10px;
}
#header #menu #actions #notifications #box .record .content span.author {
  color: #0095da;
}
#header #menu #actions #notifications #box .record .content span.teaser {
  color: #8e8e8e;
}
#header #menu #actions #notifications #box .record .content .created {
  font-size: 12px;
  color: #c6c6c6;
}
#header #menu #actions #notifications #box .record h4 {
  text-align: center;
  margin: 13px 0;
}
#header #menu #actions #notifications #box .unread {
  background: #f5f5f5;
  color: black;
}
.fb {
  border: 1px solid #192A55;
  border-color: #346 #192A55 #102040;
  line-height: 24px;
  margin-top: 3px;
  float: right;
  color: white;
  border-radius: 2px;
  margin: 15px 8px;
  background: #36518C;
  background: linear-gradient(180deg,#3C5A97,#30477B);
}
.fb .f {
  float: left;
  width: 24px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-right: 1px solid #192A55;
  border-top: 1px solid #486AB0;
  border-left: 1px solid #486AB0;
}
.fb .fdesc {
  float: left;
  border-left: 1px solid #486AB0;
  border-top: 1px solid #486AB0;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .fb .fdesc.top {
    display: none;
  }
}

#modal-window-gradient {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.15);
  z-index: 999;
  display: none;
  top: 0;
  position: fixed;
}
.modal-window {
  position: fixed;
  top: 5%;
  left: 50%;
  z-index: 1000;
  border: none;
  box-shadow: 0 0 250px #000;
  width: 760px;
  margin-left: -380px;
  display: none;
}
@media screen and (max-width: 768px) {
  .modal-window {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
  }
}
.modal-window .box .content {
  margin: 0;
}
.modal-window h4 {
  background: #f5f5f5;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -1px;
  border-bottom: 1px solid #dfdfdf;
  padding: 13px 13px 13px 26px;
}
.modal-window h4 .close-x {
  float: right;
  text-align: center;
  top: 4px;
  cursor: pointer;
  right: 5px;
  min-width: 19px;
  background: #e4e4e4;
  line-height: 19px;
  color: white;
  text-shadow: 0 0 1px #fff;
  padding: 0 1px 0 0;
  font-weight: 600;
  font-size: 14px;
}
.modal-window h4 .close-x:after {
  content: "X";
}
.modal-window h4 .close-x:hover {
  background: #d6d6d6;
}
.modal-window p {
  color: #333333 !important;
}
.modal-window .mw-register {
  font-size: 14px;
  float: left;
  margin: 13px 0;
}
.modal-window .mw-register input[type=checkbox] {
  margin: 13px 0 0;
}
@media screen and (max-width: 768px) {
  .modal-window .mw-register {
    width: 368px;
    float: none;
    margin: 13px auto 0;
  }
}
@media screen and (max-width: 460px) {
  .modal-window .mw-register {
    width: 295px;
  }
}
.modal-window .mw-register label {
  width: 210px;
}
@media screen and (max-width: 460px) {
  .modal-window .mw-register label {
    width: 140px;
  }
}
.modal-window .mw-register input {
  font-size: 14px;
}
@media screen and (max-width: 460px) {
  .modal-window .mw-register input {
    width: 153px;
  }
}
.modal-window .mw-register button {
  font-size: 14px;
}
.modal-window .mw-login {
  float: right;
  width: 270px;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .modal-window .mw-login {
    clear: both;
    width: 100%;
  }
}
.modal-window .mw-login p {
  text-align: center;
}
.modal-window .mw-fb {
  margin: 13px 0;
  float: right;
  width: 270px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .modal-window .mw-fb {
    clear: both;
    width: 100%;
    padding: 6.5px;
  }
  .modal-window .mw-fb p {
    display: none;
  }
  .modal-window .mw-fb span {
    display: inline-block !important;
  }
  .modal-window .mw-fb a {
    display: inline !important;
  }
}
.modal-window .mw-fb p {
  margin: 13px 13px 0;
  line-height: 1.6;
  font-size: 13px;
}
.modal-window .mw-fb span {
  margin: 19px 13px 0;
  display: none;
}
.modal-window .mw-fb a {
  display: block;
  width: 110px;
  margin: 0 auto;
}
.modal-window .mw-add-deal textarea {
  min-height: 100px;
  height: 150px;
  margin: 4.3333333333333px -1px;
}
.modal-window .mw-add-deal textarea.add-pic {
  height: 130px;
}
.modal-window .mw-add-deal #pic-wrapper {
  text-align: center;
  width: 100%;
  max-height: 107px;
  overflow: hidden;
  display: none;
  text-align: center;
}
.modal-window .mw-add-deal #pic-wrapper .square-wrapper {
  width: 107px;
  height: 107px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  display: none;
  margin: 0 4.3333333333333px 0 0;
}
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .square,
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .img-add {
  width: 147px;
  height: 147px;
  top: -20px;
  left: -20px;
  cursor: pointer;
  position: absolute;
}
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .square .helper,
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .img-add .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .square img,
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .img-add img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .square img:after,
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .img-add img:after {
  position: absolute;
  background: black;
  width: 100%;
  height: 100%;
}
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .img-add {
  display: none;
  font-size: 85px;
  color: inherit;
  font-weight: 600;
  color: white;
  background: rgba(100,100,100,0.25);
}
.modal-window .mw-add-deal #pic-wrapper .square-wrapper .img-add:before {
  content: "+";
}
.modal-window .mw-add-deal #pic-wrapper .square-wrapper:hover .img-add {
  display: block;
}
.modal-window .mw-add-deal input {
  margin: 4.3333333333333px -1px;
  width: 100%;
}
.modal-window .mw-add-deal #form_tags {
  width: 58%;
  float: right;
}
.modal-window .mw-add-deal #form_category_id {
  width: 38%;
  float: left;
  margin: 4px 0;
  font-size: 16px;
  height: 37px;
  padding: 0 5px;
}
.modal-window .mw-add-deal .button-wrapper {
  clear: both;
  text-align: right;
  overflow: hidden;
  margin-top: 60px;
}
.modal-window .mw-add-deal .button-wrapper button {
  margin: 0;
  padding: 9px 15px;
  font-size: 16px;
}

@media screen and (max-width: 700px) {
  .deal-small .details .more-details {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .deal-small figure {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .deal-full .go-to-deal {
    margin-top: 8px !important;
    clear: both;
  }
}
@media screen and (max-width: 500px) {
  .tags span {
    display: none;
  }
}