h1 { color:#222; }
h1 { text-align:center; text-transform:uppercase; }
h1 > span.type { font-size:20px; font-weight:700; font-family:'Roboto Condensed'; letter-spacing:1px; }
h1 > span.title { font-size:48px; }
h2 { font-size:26px; font-weight:400;
     font-family:'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     text-transform:uppercase; }

div.banner { 
    background-color: #fff;
    background-image: url('/images/products/banner-bg.jpg');
    /* box-shadow: 0px 2px 4px 0 #aaa; */
    border-bottom:solid 1px #aaa;
}
div.banner .inner {
    position:relative; margin:0 auto; max-width:900px; height:100%;
}
div.banner img.back {
    max-height:505px; display:block; position:relative; margin:0 auto;
}
@media (max-width: 560px) {
    h1 { position:static; width:auto; font-size:28pt; text-align:center; margin:0; padding:20px 15px; }
}
@media (min-width: 560px) {
    h1 { position:absolute; top:0px; right:20px; width:250px; z-index:10; font-size:30px; }
}
@media (min-width: 768px) {
    h1 { position:absolute; top:10px; right:20px; width:350px; z-index:10; font-size:40px; }
}
#buyit.affix { position:fixed !important; top:40px; }
#buyit.affix-bottom {  }
@media (max-width: 768px) {
    #buyit { display:none !important; }
}


.shortinfo {
    margin-bottom:14px;
    }
@media (min-width: 768px) {
    .shortinfo { display: table; }
    .shortinfo > div {
        float: none;
        display: table-cell;
        vertical-align: bottom;
     }
    .shortinfo .priceinfo-block,
    .shortinfo .description {
        background-color:rgba(255,255,255,0.5);
        border-radius:4px;
    }        
}
.shortinfo .description { 
    padding:2px 15px 8px; 
    }
img.product-icon { display:block; float:left; max-width:64px; }
.priceinfo { position:relative; margin:0 auto; max-width:600px; padding-bottom:15px; }
.price { padding:16px 0px 16px 24px; }
.price > span.amount { line-height:48px; font-size:38px; font-family: 'Libre Franklin', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.price > span.currency { font-size:32px; }
.btn-buynow { text-transform:uppercase; font-weight:700; font-size:150%; min-width:200px; }
.btn-buynow-top { float:right; min-width:50%; }
.buynow-info { padding:0; float:right; min-width:50%; text-transform:uppercase; font-size:75%; text-align:center; }

.preview a { display:block; position:relative; margin-bottom:20px; border:solid thin #fff; }
.preview a:hover:after { display:block; position:absolute; height:100%; width:100%; top:0; left:0;
    background-color:rgba(0,0,0,0.3); content:'Click to Enlarge'; color:#fff; z-index:1; 
    text-align:center; line-height:100px; text-transform:uppercase; }
.blueimp-gallery.blueimp-gallery-controls>.slides>.slide>.slide-content { padding:8px 44px 44px 44px; }
.blueimp-gallery { background-color: #fff; background-image: url('/images/products/banner-bg.jpg'); }

div.video {
    display:block; position:relative; margin:0 auto;
    border:8px solid #fff; 
    border-radius:40px; 
    background-color:#fff;
    width:480px; height:270px; 
}
#movie1 {
    background:#ccc;
    max-width:960px; width:100%; height:auto;
    border:solid thin #ccc;
    border-radius:4px; 
}

.howtouse > .row { background-color:#eee; margin-bottom:30px; border-radius:4px; }
.usage > div { text-align:center; }
.usage img.icon { display:inline-block; border-radius:200px; width:100%; height:auto; max-width:140px; }
.tags > span { display:inline-block; border-radius:2px; background-color:#fff; padding:0px 6px; margin:2px; }
.tags { margin-bottom:20px; }

#mi-order { font-size:125%; }
.block-order { position:relative; margin-top:40px; min-height:300px; overflow:hidden; }
.buynow { display:table; width:100%; min-height:300px; }
.buynow > div { float:none; display:table-cell; vertical-align:middle; }
.block-order .bg2 { position:absolute; z-index:-2; height:100%; width:100%; left:0; background-color:#D5D5D7; }
.block-order .bg1 { position:absolute; z-index:-1; height:100%; width:60%; left:0; background-color:#2E2E36; }
.block-order .bg1a { position:absolute; z-index:-1; height:0; width:0; left:60%; background-color:transparent;
  border-top: 150px solid transparent;
  border-bottom: 150px solid transparent;
  border-left: 70px solid #2E2E36;
}
.block-order, .block-order h2, .block-order h3 { color:#fff; }
.features { min-height:280px; }
.features .packtype { display:inline-block; font-size:70%; padding-left:15px; text-transform:lowercase; }
.features h2 { font-size:24pt; }
.features h3 { font-size:12pt; }
.pricing { text-align:center; color:#2E2E36; }
.pricing > span.amount { line-height:48px; font-size:64px; font-family: 'Libre Franklin', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.pricing > span.currency { font-size:32px;  }

.support { text-align:center; padding-bottom:30px; }

.block-related { background-color:#eee; text-align:center; }
.block-related h2 { margin-top:40px;text-align:center; }
.related { padding-bottom:20px; margin-bottom:40px; }
.related img { margin-bottom:20px; border:solid thin #999; }