body {
  background-color:#ccc;
  counter-reset: h2counter;
}
.bar{
  width: 100%;
  text-align: center;
  padding: 7px 0;
  background: #dbdbdb;
  color: #fff;
  font: 12px arial, sans-serif;
  
}
.bar a {
    text-decoration: none;
    color: #aaa;
}
.bar a:hover {
    color: black;
}
.bar i {
    padding:1px;
}
a {
   outline: 0;
}
#canvas{
background-color:#f5f5f5; 
}
#canvas-home{
background-color:#fff; 
}
#header{
background-color:#fff; 
  -webkit-box-shadow: 0 4px 6px -6px #ccc;
  -moz-box-shadow: 0 4px 6px -6px #ccc;
  box-shadow: 0 4px 6px -6px #ccc;
}
#content{

}
#beforemain,.archivebox {
  border:1px solid #eee;
  margin-top:11px;
  padding:0px;
  -webkit-box-shadow: 0 4px 6px -6px #ccc;
  -moz-box-shadow: 0 4px 6px -6px #ccc;
  box-shadow: 0 4px 6px -6px #ccc;
}
.archivebox{
  height:100%;
}
#main{
  background-color:#fff; 
}
#footer{
  background-color:#ccc; 
}

#about .twitter-container {
  display: block;
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
}

#about small {
  display: block;
  margin-top: 5px;
}

#mc_embed_signup .field {
  margin-bottom: 0;
}

#mc_embed_signup .notification {
  margin-top: 0.75rem;
}

#share form {
  height: 30px;
  margin-top: 10px;
}

#social {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#social > iframe,
#social > a,
#social > form,
#social > div {
  display: inline-block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
}

#social .github-btn {
  width: 160px;
}

#social .twitter-share-button {
  margin-right: 10px;
  min-width: 76px;
}

#social .paypal-form {
  min-width: 148px;
}

#social .fb-like {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
}

#newsletter .input {
  border-color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#sister ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#sister li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin: 5px 1rem 0 0;
}

#sister img {
  height: 30px;
}

.image.is-256x256 {
  height: 256px;
  width: 256px;
}
.m-t-5 {
  margin-top:5px;
}
.m-b-5 {
  margin-bottom:5px;
}
.m-t-15 {
  margin-top:15px;
}
.m-t-20 {
  margin-top:20px;
}
.m-r-15 {
  margin-right:15px;
}
.m-b-15 {
  margin-bottom:15px;
}
.margin-0{
  margin:0;
}
.margin-5{
  margin:5px;
}
.margin-10{
  margin:10px;
}
.margin-15{
  margin:15px;
}
.padding-5 {
  padding:5px;
}
.padding-10 {
  padding:10px;
}
.padding-15 {
  padding:15px;
}
.padding-20 {
  padding:20px;
}
.padding-25 {
  padding:25px;
}
.company-title-64 {
  max-width: 64px;
  text-align: center;
}
.home-title {

}
.archive-title {
  margin:10px 0;
  font-weight:bold;
}
.search-title {
  font-weight:bold
}
.home-title a,.archive-title a,.search-title a{
  color:#000;
}
.rel-title {
  margin-bottom:5px;
}
.hide { display:none; }
.text-uppercase {
   text-transform:uppercase;
}
.text-bold {
  font-weight:bold;
}
.text-12 {
  font-size:12px;
}
.text-14 {
  font-size:14px;
}
.text-underline-dotted {
  text-decoration: underline dotted;
}
.cat-tag {
  text-transform:uppercase;
  font-weight:bold;
  font-size:14px;
}
#askNow {
  text-decoration:underline;
  font-size:12px;
  font-weight:bold;
  color:#ff3860;
  margin-top:0px;
}
#askForm {
  padding:15px 15px 15px;
}
#askCounter,#askEmailAlert,#askNameAlert {
  padding:5px;
  font-size:10px;
}
/* CSS talk bubble */
.talk-bubble {
    display: inline-block;
    position: relative;
    height: auto;
}

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 0px;
	bottom: auto;
	border: 22px solid;
	border-color: #f5f5f5 transparent transparent transparent;
}
.ask {
  margin:15px 0;
}
.askReply {
  margin:15px 0 15px 20px;
}
.postImage {
  border:1px solid #dbdbdb;
}
.featured-image {
  margin-top:-10px;
  margin-bottom:15px;
}
.dealFromTo{
  font-weight: bold;
}
.is-bg-white{
  background-color:#fff !important;
}
.is-bg-abu{
  background-color:#f5f5f5 !important;
}
.navbar {
  background-color:transparent !important;
}

.twitter-share-button{

  margin-bottom:-5px;
}
.fb-like {

}
.meta-data{
 font-size:14px;
 margin-bottom:20px;
}

.pagejumper{
  margin-top:25px;
    width:100%;
}

ol.jumpHolder {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.jumpHolder > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #dbdbdb;
    background:#fff;
}
ol.jumpHolder > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #dbdbdb;
    color:#000;
    background:#dbdbdb;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}
a.jumper strong{
  font-weight:bold;
  color:#3273dc;
  border-bottom: 1px dotted #999;

}
a.jumper strong:hover{
  color:#000;
  border-bottom: 1px dashed #999;
}
h2.list:before {
  content: counter(h2counter) ".\0000a0\0000a0";
  counter-increment: h2counter;
  color:#3273dc;
}
.back-to-menu {
  color:#fff;
  font-size:12px;
  margin-top:-37px;
  background-color:#dbdbdb;
  padding:3px 5px;
}
.alternatives-title, .related-title {
  color:#fff;
  font-size:14px;
  font-weight:600;
  margin-top:-40px;
  background-color:#dbdbdb;
  padding:3px 6px;
  text-align:center;
  text-transform:uppercase;
}
.thekupons {
  margin-top:40px;
}

.kodeBox {
    border-radius:30px;
    text-align:center;
    position: relative;
    display: inline-block;
    padding: 14px 20px;
    margin: 0 auto;
    background-color: #f5f5f5;
    font-weight: 700;
    max-width: 420px;
    overflow-x: auto;
    overflow-y: hidden;
}
.report{
    font-size:14px;
    color:#dbdbdb;
}
.minipost {
  min-height:40px;
  margin-bottom:5px;
}
.mediumpost{
  min-height:50px;
  margin-bottom:5px;
  border:none !important;
}
.bigpost{
  min-height:200px;
  padding:25px 0;
}
.postImage {
  background:#fff;
    padding: 3px;
      border:1px solid #dbdbdb;
}
.image img {
  background:#fff;
    padding: 3px;
      border:1px solid #dbdbdb;
}
.aside-heading {
  display:block;padding-bottom:17px;font-weight:900;font-size:20px;line-height:30px;
  text-transform:uppercase;
}
.aside-heading span{font-size:30px;display:block;}
a.aside-title {
  font-weight:bold;
}
a.aside-title:hover {
   color:#10ceff !important;
}
.masonry-layout {
  column-count: 3;
  column-gap: 0;
}
.masonry-layout__panel {
  break-inside: avoid;
  padding: 5px;
}
.masonry-layout__panel-content {
  padding: 10px;
  border-radius: 10px;
}

/* =jsSocials
-------------------------------------------------------------- */

.jssocials-shares {
  margin: 0.2em 0; }

.jssocials-shares * {
  box-sizing: border-box; }

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0; }

.jssocials-share:last-child {
  margin-right: 0; }

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em; }

img.jssocials-share-logo {
  width: auto;
  height: 1em; }

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1; }
  .jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em; }
    .jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
      display: block;
      font-size: .6em;
      margin: 0 -.5em -.8em -.5em; }
  .jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em; }
    .jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
      height: 1em; }

.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle; }

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default; }
  .jssocials-share-count-box.jssocials-share-no-count {
    display: none; }

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle;
  padding:3px;
   }

/* =jsSocials THEME
-------------------------------------------------------------- */
.jssocials-share-twitter .jssocials-share-link {
  background: #00aced;
  border: 1px solid #0099d4; }
  .jssocials-share-twitter .jssocials-share-link:hover {
    background: #0087ba; }

.jssocials-share-facebook .jssocials-share-link {
  background: #3b5998;
  border: 1px solid #344e86; }
  .jssocials-share-facebook .jssocials-share-link:hover {
    background: #2d4373; }

.jssocials-share-googleplus .jssocials-share-link {
  background: #dd4b39;
  border: 1px solid #d73925; }
  .jssocials-share-googleplus .jssocials-share-link:hover {
    background: #c23321; }

.jssocials-share-linkedin .jssocials-share-link {
  background: #007bb6;
  border: 1px solid #006a9d; }
  .jssocials-share-linkedin .jssocials-share-link:hover {
    background: #005983; }

.jssocials-share-pinterest .jssocials-share-link {
  background: #cb2027;
  border: 1px solid #b51d23; }
  .jssocials-share-pinterest .jssocials-share-link:hover {
    background: #9f191f; }

.jssocials-share-email .jssocials-share-link {
  background: #3490F3;
  border: 1px solid #1c83f2; }
  .jssocials-share-email .jssocials-share-link:hover {
    background: #0e76e6; }

.jssocials-share-stumbleupon .jssocials-share-link {
  background: #eb4823;
  border: 1px solid #e03a14; }
  .jssocials-share-stumbleupon .jssocials-share-link:hover {
    background: #c93412; }

.jssocials-share-whatsapp .jssocials-share-link {
  background: #29a628;
  border: 1px solid #249123; }
  .jssocials-share-whatsapp .jssocials-share-link:hover {
    background: #1f7d1e; }

.jssocials-share-telegram .jssocials-share-link {
  background: #2ca5e0;
  border: 1px solid #1f98d3; }
  .jssocials-share-telegram .jssocials-share-link:hover {
    background: #1c88bd; }

.jssocials-share-line .jssocials-share-link {
  background: #25af00;
  border: 1px solid #209600; }
  .jssocials-share-line .jssocials-share-link:hover {
    background: #1a7c00; }

.jssocials-share-viber .jssocials-share-link {
  background: #7b519d;
  border: 1px solid #6e488c; }
  .jssocials-share-viber .jssocials-share-link:hover {
    background: #61407b; }

.jssocials-share-pocket .jssocials-share-link {
  background: #ef4056;
  border: 1px solid #ed2841; }
  .jssocials-share-pocket .jssocials-share-link:hover {
    background: #e9132e; }

.jssocials-share-messenger .jssocials-share-link {
  background: #0084ff;
  border: 1px solid #0077e6; }
  .jssocials-share-messenger .jssocials-share-link:hover {
    background: #006acc; }

.jssocials-share-vkontakte .jssocials-share-link {
  background: #45668e;
  border: 1px solid #3d5a7d; }
  .jssocials-share-vkontakte .jssocials-share-link:hover {
    background: #344d6c; }

.jssocials-share-link {
  padding: .5em .6em;
  border-radius: 0.3em;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
  color: #fff;
  -webkit-transition: background 200ms ease-in-out;
          transition: background 200ms ease-in-out; }
  .jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
    color: #fff; }

.jssocials-share-count-box {
  position: relative;
  height: 2.5em;
  padding: 0 .3em;
  margin-left: 6px;
  border-radius: 0.3em;
  border: 1px solid #dcdcdc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
  .jssocials-share-count-box:before {
    content: "";
    position: absolute;
    top: 1em;
    left: -9px;
    display: block;
    width: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #dcdcdc transparent;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .jssocials-share-count-box:after {
    content: "";
    position: absolute;
    top: 1em;
    left: -7px;
    display: block;
    width: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #fff transparent;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .jssocials-share-count-box .jssocials-share-count {
    line-height: 2.75em;
    color: #444;
    font-size: .9em; }

#sharePopup,#shareIconsCount {
  font-size:12px;
  margin-top:-10px;
}
#share {
  min-height:40px;
  padding-top:15px;
}
.share-text{
  text-transform:uppercase;
}

.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; font-size: 12px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }

ul.sidelist {margin:0 0 25px 0;padding:5px;}
ul.sidelist li:before { content: "- "; color: #dbdbdb; margin-left:5px;}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
        white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}