* {margin: 0; padding: 0;   border: 0;outline: 0;   font-size:100%; box-sizing: border-box; -moz-box-sizing: border-box;}
body {
    background-color: #efeffd;  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #c2b9b4;
    min-height:100%; min-width: 220px;
    text-align: center;
}
.progressive{
    position:relative;
    display:block;
    overflow:hidden;
    outline:none
}
.progressive img{
    display:block;
    width: 95%;
    max-width:none;
    padding-bottom:8px;
    height:auto;
    border:0
}
.br {clear:both}
.nous {float:left; display:block;width:45%;padding:5px;}

.progressive img.preview{filter:blur(2vw);transform:scale(1.05)}
.progressive img.reveal{position:absolute;left:0;top:0;will-change:transform,opacity;animation:progressiveReveal 1s ease-out}
@keyframes progressiveReveal{0%{transform:scale(1.05);opacity:0}to{transform:scale(1);opacity:1}}
    img.lazy {
        display: block;
    }
.content h1 {
    font-size: 21px;
    text-align: left;
    padding: 0 0 12px 14px;
}
.content .related {
    display: table;
    clear:both;
    margin: 15px 80px 15px 80px;
    padding: 2px;
    border: 1px white solid;
    background: white;
}
.content .tag {
    text-align: left;
    font-size:18px;
    padding-bottom:10px;
    padding-left:10px;
    font-family: Verdana;
    color: #6e6ea3;
}
.related .left {}
.related .right {position:relative;left:10px;overflow:hidden;height:auto;}
.related img {
    float:left;
    max-width: 230px;
}
.right a:hover{color:blue;}
.right a {
    color: #8c0e02;
    display: block;
    font-size:14px;
    padding-bottom:10px;
}
.related span {
    display: block;
    padding-bottom:10px;
}
/* cols */
.content #container {text-align: center;width: 95%;padding: 15px;}
.col-1 img {width:auto;max-width:50%}
.col-2 img {width:auto;max-width:45%}
.col-3 img {width:auto;max-width:31%}
.col-4 img {width:auto;max-width:24%}
.col-5 img {width:auto;max-width:19%}
/* cols end */
/* amazon */
.amashop {
    display:block;
    width: 85%;
    background: #fdeed7;
    height: 200px;
    clear:both;
    margin-bottom:20px;
    margin-top: 20px;
    margin-left:10px;
    border: 1px #f2d4a6 solid;
}
.amashop img {
    padding: 20px 0 20px 20px ;
    
}
.amashop .buy {
    float:left;
    width: 400px;
    height: auto;

}
.buy span {
    background: #f18801;
    text-align: center;
    width: auto;
    height: auto;
    margin: 30px 30px;
    display: block;
    padding: 10px;
    border: 1px #bd6b01 solid;
    font-weight: bold;
    color:white;
}
.buy span:hover {
    cursor: pointer;
    background: #d27701;
}
.buy span a{
    color: white;
}
.buy span a:hover{
    text-decoration:underline;
}
.buy p a:hover{
    color: #d27701;
}
.buy p a{
    color: #f18801;
}

.buy p {
    text-align: center;
    font-size: 16px;
    width: auto;
    height: 86px;
    overflow: hidden;
    margin: 10px 30px;
    display: block;
    padding: 10px;
}
.amashop .pic {
    float:left;
    width: 200px;
    margin-left:15%;
}
/* amazon */
.top_header {
  margin: auto;
  width: 100%;
  height: 80px;
  border: none;
  background: #3c3c7a;
}
.top_header .logo {
  position: absolute;
  left:70px; top: 20px;
  text-align: center;
  font-family:arial;
  font-size: 32px;
  font-weight: bold;
  color: white;
}
.below_header {
  margin: auto;
  width: 100%;
  background: #272758;
  border: none;
  height: 32px;
  clear: both;
}
.pages{text-align: left; width:95%}
.pages h1 {
    text-align: center;
    font-size:16px;
    clear:both;
    padding-bottom:12px;
}
.pages h2 {
    text-align: left;
    font-size:14px;
    clear:both;
    padding: 12px 0 0 10px;
}
.pages li {
    padding-left: 20px;
}
.bottom {
  margin: auto;
  width: 100%;
  display: block;
  background: #272758;
  border: none;
  height: 32px;
  clear: both;
}
.bottom a {
  display: inline-block;
  padding: 7px 50px 9px 50px;
  color:white;
  font-size: 13px;
}
.bottom a:hover {
  color: #dee1e6;
  text-decoration: none;
  background: #474787;
}
.below_header a {
  display: inline-block;
  line-height:200%;
  /*padding: 7px 50px 9px 50px;*/
  color:white;
  font-size: 13px;
}
.below_header a:hover {
  color: #dee1e6;
  text-decoration: none;
  background: #474787;
}
.logo .BelowLogo {
  font-size: 14px;
  text-align: left;
  font-weight: normal;
  color:#cbcbfe;
}
div.social{
    display: flex;
    justify-content: space-between;
    border: none;
    position: absolute;
    right:150px; top: 28px;
    width: 170px;
}
/* search form */
div.search{
    background: #FFFFFF;
    border: 1px solid #1a1716;
    border-radius: 20px;
    box-shadow: 0 1px 1px #423b39;
    position: absolute;
    left:40%; top: 22px;
    max-width: 350px;
    width: 40%;
}
/* search field */
div.search .field{
    background: none;
    border: none;
    display: block;
    color: #000000;
    font-size: 16px;
    text-overflow: ellipsis;
    padding-left: 15px;
    height: 34px;
    width: 95%;
}
div.search button{
    background: #aeaec7;
    border: none;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 64px;
    height: 30px;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    color: black;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -ms-border-radius: 20px 20px 20px 20px;
    -o-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}
div.search button:hover{
    background: #313169;
    color: #FFFFFF;
}
.field:-moz-placeholder {color:#c2b9b4;}
.field::-moz-placeholder {color:#c2b9b4;opacity:1;}
.field::-webkit-input-placeholder {color:#c2b9b4;}
.field:-ms-input-placeholder {color:#c2b9b4;}
.field::placeholder {color:#c2b9b4;}
.field:focus:-moz-placeholder {color:transparent;}
.field:focus::-moz-placeholder {color:transparent;}
.field:focus::-webkit-input-placeholder {color:transparent;}
.field:focus:-ms-input-placeholder {color:transparent;}
.field:focus::placeholder {color:transparent;}
input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;}
input:-moz-placeholder      {text-overflow:ellipsis;}
input:-ms-input-placeholder {text-overflow:ellipsis;}
.orientation{
    position: absolute;
    bottom: -30px;
    left: 35%;
}
.orientation label{
    color: #c2b9b4;
    cursor: pointer;
    padding: 0 15px 0 2px;  
}
.wrapper {margin: 0 auto; width: 98%;clear: both;}
.wrapper {
  padding-top: 25px;
  color:#000000;
}
.wrapper .content {
float: left;
width:70%;
}
.wrapper .side {
    float: left;
    width: 30%;
}

.side .tag_cloud {
    background: white;
    padding: 10px;
}
.tag_cloud a {
    color: #8282a1;
}
.tag_cloud a:hover {
    color: #000000;
    text-decoration: none;
}
.tag9 {font-size:9pt}
.tag10 {font-size:10pt}
.tag11{font-size:11pt}
.tag12 {font-size:12pt}
.tag13 {font-size:13pt}
.tag14 {font-size:14pt}
.tag15 {font-size:15pt}
.tag16 {font-size:16pt}
.tag17 {font-size:17pt}
.side .featured {
 padding: 10px 3px 10px 3px;
 background: white;
 text-align: left;
}
.featured ul {
    padding: 0;
    margin-left: 20px;
}
.featured a {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}
.featured li {
    padding-top: 1px;
}
.featured p {
    padding: 3px 0 8px 15px;
}
.featured p  a{
    color: #3c3c7a;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}
.featured p a:hover {
    text-decoration: underline;
    color: #c92e3c;
}
.side h2 {
    border-top: 1px #8b8bbc solid;
    border-bottom: 1px #8b8bbc solid;
    font-size: 16px;
    font-weight: bold;
    color: #3c3c7a;
    padding: 10px 0 10px 0;
    background: #bcbce4;
    margin-bottom: 7px;
}
.single {
    text-align: left;
}
.single h1 {
    font-size:22px;
    color: #8c0e02;
}
.single h2 {
    width: 95%;
    padding-bottom:5px;
    padding-top: 27px;
    margin-bottom:5px;
    font-size:22px;
    color: #6e6ea3;
    display:block;
    border-bottom: 3px #a92b05 solid;
}
.single h2 a {
    text-decoration:none;
    color: #a92b05;
}
.single h2 a:hover {
    color: #272758;
}
.single p img {width:97%;}
.single h2:hover{
    background: #ffffff;
    border-bottom: 3px #272758 solid;
}
.single a {
    text-decoration: none;
    font-weight: bold;
}
.single iframe {
    width: 95%;
    /*height: auto;*/
}
.articles {
float: left;
position: relative;
}
.articles .intro {
    display: block;
    height: 75px;/* when change it also change --> articles span -> bottom*/
    width: 394px;
    text-align: left;
    overflow: hidden;
    padding: 10px;
    font-size: 13px;
    background: #f7f7fc;
    clear:both;
}
.articles .tags {
    display: block;
    height: 20px;/* when change it also change --> articles span -> bottom*/
    width: 394px;
    text-align: center;
    overflow: hidden;
    font-size: 13px;
    padding-left: 9px;
    background: #f7f7fc;
    border-bottom: 1px #c6c6f4 solid;
    margin-bottom: 20px;
    clear:both;
}
.articles span{
    position:absolute;
    bottom: 117px;
    left: 0px;
    background: white;
    opacity: 1.9;
    width: 300px;
    height: 100px;
}
.articles img {
  width: 394px;
  height: 230px;
  margin-right: 30px;
  }
.articles img:hover {border: 1px #c6c6f4 solid;}

.articles h2{
    color:#b71322;
    font-size:18px;
    text-align: left;
    height: 75px;
    overflow: hidden;
    padding: 5px 5px
}
.articles h2:hover{
    color: white;
    background: #3c3c7a;
}
.articles nav {
    text-align: left;
    padding: 5px 5px;
    font-size: 14px;
}
/* dele */
.link-callout{font-size:0;display:none;padding:18px;margin:34px -34px;background-color:#fff8f8;border-left:5px solid #e22524}
.link-callout-image,.link-callout-info{width:25%;display:inline-block;padding-left:0;overflow:hidden;max-height:120px}
.link-callout-image-container{background-position:50% 50%;background-size:cover}
.link-callout-image-container{width:100%;height:0;padding-bottom:75%;position:relative;display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.25,.46,.45,.94),-webkit-transform .4s cubic-bezier(.25,.46,.45,.94)}
.link-callout-info .link-callout-title{display:block;font-size:20px;line-height:1.2}
.link-callout-info .link-callout-price{display:inline-block;padding:11.33px 0;font-weight:700;line-height:1}
.link-callout-info .link-callout-link{display:block;font-size:15px;font-weight:700;color:#e22524}
.link-callout-info .link-callout-title,h1,h2,h3,h4,h5
{font-family:"Source Sans Pro";font-weight:700;color:#432d2d}
.link-callout-image,.link-callout-info{font-size:16px;vertical-align:top;box-sizing:border-box;padding-right:0}
.amz-callout .link-callout-info .link-callout-title a{color:#ff9000;font-size:24px;margin-bottom:10px;display:block}
.amz-callout .link-callout-info .link-callout-link{display:inline-block;padding:11.33px 17px;margin-right:11.33px;color:#fff;background-color:#ff9000}

#cookies {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 200;
    width: 100%;
    padding: 15px 0px;
    text-align: center;
    font-size: 14px;
    line-height: 1.1;
    background-color: #151515;
    color: #FFFFFF;
    box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.15);
}
#cookies p {
    margin: 0;
    padding: 0px 50px;
}
#cookies-ok,
#cookies-info {
    display: inline-block;
    color: #F0FFAA;
    font-weight: 700;
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer;
}
#cookies-close {
    height: 16px;
    width: 16px;
    padding: 8px;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #000000;
}
/* author */
.author{width:50%;display:table;margin:auto;}
.author .picture{float:left;width:40%}
.author .text{float:left;width:60%;text-align:left;}
.author h2{color:#000;font-size:20px;text-align:left;padding:6px;}
.author img{border-radius:50%}
.vpn {width:94%;border:0px red solid;}  
.vpn .top_line {
    background:green;
    border:1px green solid;
    width:25%;
    float:left;
    padding:8px;
    color:#FFF;
    font-weight:bold;
    font-size:14px;
    }
.vpn .info_color:hover {display:table;width:100%;background:#d8d8ef;}
.vpn .top_info a:hover {text-decoration:none;color:#000}
.vpn .top_info a{font-weight:bold;}
.vpn .top_info {
    border:1px #bcbce4 solid;
    float:left;
    width:25%;
    padding:5px;
}   
.br {height:20px;width:100%;clear:both;}
/* < 1670
--------------------------------------------*/
@media all and (min-width: 1670px) {
    /*.container,.footer {width: 95%;}*/
}
/* < 900 -----------------------------------*/
@media all and (max-width: 900px) {
    .below_header{padding: 0px;}
    .wrapper .content {width: 55%;}
    .wrapper .side {width: 45%;}

}
/* < 768 -----------------------------------*/
@media all and (max-width: 768px) {
    body {font-size: 14px;}
    #cookies p {padding: 15px 15px 0;}
    #cookies-ok, #cookies-info {
        display: block;
        text-decoration: none;
        padding: 10px 5px;
        margin-top: 10px;
        background-color: #272758;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
    #cookies-close {left: 50%;margin-left: -16px;top: 0px;}
    .articles .tags {display: none;}
    .logo .BelowLogo {text-align:center;}
    .wrapper {width:98%;}
    p img {width:95%}
    p {width:96%}
    #figure {width:96%}
    #figure img{width:98%}
    #figure png{width:98%}
    li img {width:96%}
    .wp-caption aligncenter {width:96%}
    div.social{display: none;}
    div.search{display: none;}
    .related img {float:none;}
    .related .left {text-align:center;}
    .below_header .small {display: none;}
    .below_header {height: 50px;padding: 0px;width:96%}
    .below_header a {padding: 15px 50px 17px 50px;font-size: 14px;}
    .bottom .small {display: none;}
    .bottom {height: 50px;padding: 0px;width:96%}
    .bottom a {padding: 15px 10px 17px 10px;font-size: 14px;}
    .wrapper .content {float: none;width:97%;clear:both;}
    .wrapper .side {float: none;width:98%;clear:both;}
    .tag_cloud span {background:#e4e4f9;border-radius: 4px;line-height: 34px;border:1px #3c3c7a solid;padding: 4px;}
    .tag_cloud span:hover{background:white;}
    .tag_cloud a {text-decoration: none;color: #8282a1;font-size:15px}
    .tag_cloud a:hover {color: #272758;text-decoration: none;}
    .top_header {width:96%}
    #cookies {width:96%}
    }
/* < 640 ------------------------------------*/
@media all and (max-width: 640px) {
    .wrapper {width:95%;}
}
/* < 480 ------------------------------------*/
@media all and (max-width: 480px) {
    .wrapper {width:95%;}
    .top_header .logo {left:10px; top: 20px;font-size: 25px;}
}
/* < 360 ------------------------------------*/
@media all and (max-width: 360px) {
}

/* < 320 ------------------------------------*/
@media all and (max-width: 320px) {
 
}