@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'fatfrankfree';
    src: url('fatfrank-free-webfont.eot');
    src: url('fatfrank-free-webfont.eot?#iefix') format('embedded-opentype'),
         url('fatfrank-free-webfont.woff2') format('woff2'),
         url('fatfrank-free-webfont.woff') format('woff'),
         url('fatfrank-free-webfont.ttf') format('truetype'),
         url('fatfrank-free-webfont.svg#fatfrankfree') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {background-color:#FFF;font-family: 'Open Sans';color:#000;margin:0;line-height:26px;font-size:18px;font-weight:lighter;}
.page{margin-left:auto;margin-right:auto;width:100%;}
.billing{width:280px;float:right;font-size:24px;padding:10px 50px 10px 50px;border:5px #00aeef solid;}
.mainwindow{margin-left:20px;width:70%;}
.header{font-size:40px;text-transform:uppercase;text-align:center;font-family: 'Open Sans';margin-bottom:20px;}
#submit{padding:15px 10px ;font-size:26px;color:#fff;background-color:#BF1E2E;margin-bottom:40px;border:none;text-transform:uppercase;}
input[type=text]{height:28px;font-size:20px;font-weight:lighter;margin-bottom:10px;padding:5px;width:100%;}
#exp1{width:50px !important;}
#exp2{width:50px !important;}
#kindofcard select{font-size:16px;height:40px;;margin-bottom:0px;width:100%;}
input[type="radio"]:checked ~ .reveal-if-active,
input[type="checkbox"]:checked ~ .reveal-if-active {opacity: 1;max-height: 500px;overflow: visible;}
.selectthetext{font-family:'fatfrankfree',Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
.reveal-if-active { opacity: 0;max-height: 0;overflow: hidden;transform: scale(1);transition: 0.5s;}
.checktext{font-size:14px;}
.imagebuy{ float:left;margin-left:30px;margin-right:10px;text-align:center;margin-top:20px;}
.imagebuy img{width:80%;}
.producttext{font-size:50px;width:100%;margin-left:20px;}
.nosale{color:#7B7B7B; text-decoration:line-through;font-size:15px;}
.price{font-family: 'fatfrankfree';font-size:50px;}
.wonder{font-family: 'fatfrankfree';text-transform: uppercase; font-weight:900; letter-spacing: 0px; color: #132249;line-height: 40px;}
.pillow{font-family: 'fatfrankfree';text-transform: uppercase; font-weight:900; letter-spacing: 0px; color: #00aeef;}
.discount{font-size:20px;color:#be1e2d;}
.shortdescription{font-size:15px;}
.pillowvalue{font-size:15px;color:#00aeef;}
h1{font-size:50px; color:#be1e2d;font-family: 'fatfrankfree';line-height:50px;}
.message1{width:100%;text-align:center;margin-top:20px;color:#132249;}
.messagetxt{font-family: 'fatfrankfree';font-size:50px;width:80%;margin:0 auto;line-height:50px;}
.otherimages{max-width:600px;}
.otherimagestwo{max-width:100%;}
.invoice{text-align:center;width:60%;margin:0 auto;}
.beforeprice{margin-top:30px;}
.only{font-size:24px;}
.featureprice{margin-top:50px;font-family: 'fatfrankfree';font-size:50px;line-height:40px;color:#00aeef;}
.buynow{margin-top:30px;}
.bigtext{font-family: 'fatfrankfree';font-size:50px;line-height:50px;color:#00aeef;margin-top:50px;}
@media only screen and  (max-width: 1005px){
.otherimages{width:400px;}
.imagebuy{ margin-bottom:150px;}
}
  
@media only screen and  (max-width: 815px){
.otherimages{width:400px;}
.imagebuy{ margin-bottom:10px;}
}

@media only screen and  (max-width: 780px){
.otherimages{width:250px;}
.imagebuy{ margin-bottom:10px;}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) { 
.otherimages{width:100%;}
.mainwindow{margin:20px auto !important;width:100% !important;}
.billing{width:90%;margin-bottom:30px;}
.logoimage{width:100%;}
.mainwindow{margin:0px auto;width:100%;}
}