html{

  height: 100%;

}

body {

   font-family:'Open Sans';

   font-size: 14px;

   color: #FFFFFF;

   background-image: url("../img/wallpaper1.jpg")/*tpa=http://getpsn.online/img/wallpaper1.jpg*/;

   background-repeat: no-repeat;

   background-color: #2a2a2a;

   background-size: cover;

   display: block;
   background-attachment: fixed;

}



/* responsive */

@media only screen and (max-width: 600px) {

   .logo img {

      width: 100%;

   }

   .selected td {

   width: 100% !important;

   }

}

@media only screen and (min-width: 780px) {

   .section {

      width: 746px;

   }

   .cards {

      width: 746px;

   }

   .seals {

      width: 746px;

   }

   .selected {

      width: 746px;

   }

}

@media only screen and (min-width: 780px) {

   .cards img {

      width: 248px;

   }
   .seals img {

      width: 248px;

   }

   

}

@media only screen and (max-width: 780px) {

   .cards img {

      width: 174px;

   }
   .seals img {

      width: 174px;

   }

   

}

@media only screen and (max-width: 560px) {

   .cards img {

      width: 114px;

   }
   .seals img {

      width: 114px;

   }

   .header img {

      display: none;

   }

}

@media only screen and (max-width: 380px) {

   .cards img {

      width: 87px;

   }
   .seals img {

      width: 87px;

   }

}

h4 {
  text-align: center;
}

.section {

   padding: 10px;

   margin: 0 10px;

   margin-top: 10px;

   

   -webkit-border-radius: 20px;

   -moz-border-radius: 20px;

   border-radius: 20px;

   border:0px solid #000000;

   background: rgba(0,0,0,0.5);
   font-weight: bold;
   font-size:18px;
   font-family: sans-serif;


}

.code {

    padding: 10px;
    margin: 0 auto;
    margin-top: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 0px solid #000000;
    background: rgb(6, 37, 84);
    color: white;
    font-weight: bold;
    font-size: 22px;
}


.cards {

   padding: 10px;

   margin: 0 auto;

   margin-top: 10px;

}



.cards td {

   display: block;

   float: left;

}

.cards img {

   display:block;

   background-size: contain;

   cursor: pointer;

}
.seals {

   padding: 10px;

   margin: 0 auto;

   margin-top: 10px;

}



.seals td {

   display: block;

   float: left;

}

.seals img {

   display:block;

   background-size: contain;


}


.smallpack:hover {background-image: url("../img/fifty_t_h.png")/*tpa=http://getpsn.online/img/fifty_t_h.png*/; background-repeat: no-repeat;} 

.mpack:hover {background-image: url("../img/hundred_t_h.png")/*tpa=http://getpsn.online/img/hundred_t_h.png*/; background-repeat: no-repeat;} 

.bigpack:hover {background-image: url("../img/playstation-plus-h.png")/*tpa=http://getpsn.online/img/playstation-plus-h.png*/; background-repeat: no-repeat;}



.alert1, .alert2, .alert3, .hide-step-1, .hide-step-2, .hide-step-3, .hide-step-4 {display:none;}



.border {

   background-color: rgba(255, 255, 255, 0.9);

   border-radius: 13px;

}



.selected td {

   float: left;

   width: 46%;
   font-family: sans-serif;

}

.selected img {

   margin: 0 auto;

   display: block;

}

.selected p {

   padding: 0 10px 0 10px;

   padding-bottom: 0px;

   text-align: center;
   

}



.selected h3 {

   text-align: center;

}



.social-share {

  display: inline-flex;

}



.fb-share-button {

  margin: 0 5px;      

}



.twitter-share-button {

  margin: 0 5px;

}

.g-plus {

  margin: 0 5px;

}



.button {

  display: inline-block;

  font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;

  -webkit-font-smoothing: antialiased;

  position: relative;

  padding: .8em 1.4em;

  padding-right: 4.7em;

  background: #009ed8;

  border: none;

  color: white;

  transition: .2s;

}

.button:before,

.button:after {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  padding-top: inherit;

  padding-bottom: inherit;

  width: 2.8em;

  content: "\00a0";

  font-family: 'FontAwesome', sans-serif;

  font-size: 1.2em;

  text-align: center;

  transition: .2s;

}

.button:before {

  background: rgba(0, 0, 0, 0.1);

}

.button:hover {

  background: #0079a5;

}

.button:active,

.button:focus {

  background: #002e3f;

  outline: none;

}

.button {

  min-width: 15em;

}

.arrow {

  background: #FE5F55;

}

.arrow:hover {

  background: #fe2f22;

}

.arrow:active,

.arrow:focus {

  background: #b90c01;

}

.arrow:after {

  content: "\F054";

}

.arrow:hover:after {

  -webkit-animation: bounceright .3s alternate ease infinite;

  animation: bounceright .3s alternate ease infinite;

}



@-webkit-keyframes bounceright {

  from {

    -webkit-transform: translateX(0);

  }

  to {

    -webkit-transform: translateX(3px);

  }

}

@-webkit-keyframes fadeIn {

    from { opacity: 0; }

      to { opacity: 1; }

}



@keyframes fadeIn {

    from { opacity: 0; }

      to { opacity: 1; }

}

.flags {
    margin-top: 30px;
    margin-left: 250px;
    margin-bottom: 10px;
}

.en {
    background: url("../img/eng-flag.png")/*tpa=http://getpsn.online/img/eng-flag.png*/ no-repeat;
    background-size: contain;
    padding: 30px;
    margin: 10px;

}
.fr {
    background: url("../img/fra-flag.png")/*tpa=http://getpsn.online/img/fra-flag.png*/ no-repeat;
    background-size: contain;
    padding: 30px;
    margin: 10px;
}

.fade {
   opacity: 0.6;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
        opacity: 1;
      }
.footer a{
  color:#69B2DB; 
  text-decoration: none;}
  .footer a:hover{color:#F6E94C;}
  .trust {padding-top: 13%}
  .mcafee {padding-top: 8%}