/* ===========================================================
   Default 2026 Pages
   =========================================================== */

#hero_outer{
    height:460px;
    margin-bottom:0;
    position:relative;
	background-size:cover;
	background-position:center;
}

#hero_inner{
    width:1150px;
    height:420px;
    padding:10px;
    margin:0 auto;
    overflow:hidden;
}

#hero_product{
    position:relative;
    top:45px;
    left:500px;
}

#hero_product h1{
    color:#fff;
    font-size:45px;
    font-weight:bold;
    position:relative;
    top:-10px;
}

#hero_product img.keyvisual{
    height:45px;
    position:relative;
    top:-5px;
    padding-right:5px;
}

#hero_features{
    color:#fff;
    font-size:24px;
    position:relative;
    top:-20px;
    left:13px;
}

#hero_features span{
    color:#e4001f;
    font-weight:bold;
    padding-right:25px;
}

#hero_price_outer{
    position:relative;
    top:50px;
    left:370px;
    text-align:center;
}

#hero_price_outer > div{
    font-size:40px;
    position:relative;
    left:-30px;
}

#hero_price{
    font-weight:bold;
}

#hero_price_outer > div#hero_price > s{
    color:#fff;
    font-size:24px;
    font-weight:normal;
    opacity: 0.7;
}

#hero_price_outer > #hero_buybutton{
    display:block;
    position:relative;
    top:30px;
    left:15px;
}

#hero_price_outer > #hero_buybutton > span{
    position:relative;
    top:-50px;
    left:-40px;
    padding:10px 20px;
    color:#fff;
    background:#e4001f;
    font-size:20px;
    font-weight:bold;
    border-radius:20px;
}

a.headerbutton{
    box-shadow:0 0 25px rgba(255,255,255,0.75);
    padding:15px 45px;
    color:#ffffff;
    background:#14a733;
    transition:background-color 0.5s ease;
    border-radius:20px;
    text-decoration:none;
    text-align:center;
    font-size:32px;
    position:relative;
    bottom:20px;
}

a.button_hover:hover{
    background:#14883d;
}

div#hero_30days{
    position:relative;
    top:30px;
    left:-25px;
    font-size:20px;
    color:#e8e8e8;
}

#hero_30days > span:nth-child(1){
    background:#fff;
    padding:1px 5px 2px 5px;
    font-weight:normal;
    margin:0 5px 0 0;
    border-radius:5px;
    color:#000;
}

    #hero_packshots{
        position:relative;
        top:45px;
        left:-580px;
        float:right;
        width:520px;
        height:300px;
    }

#hero_packshots img.shot{
    position:absolute;
    height:260px;
    border-radius:8px;
    box-shadow:0 0 25px rgba(255,255,255,0.75);
    image-rendering:auto;
    transform:translateZ(0);
    transition:transform 0.3s ease;
}

#hero_packshots img.shot1{
    left:-25px;
    top:80px;
    transform:rotate(-2deg);
    transform-origin: bottom left;
    z-index:1;
}

#hero_packshots img.shot1:hover{
    transform:rotate(0deg) scale(1.2);
    z-index:5;
}

#hero_packshots img.shot2{
    left:70px;
    top:0;
    transform:rotate(1.5deg);
    transform-origin:top right;
    z-index:2;
}

#hero_packshots img.shot2:hover{
    transform:rotate(0deg) scale(1.2);
    z-index:5;
}

#hero_packshots img.shot3{
    height:200px;
    left:210px;
    top:160px;
    transform:rotate(2deg);
    transform-origin:bottom right;
    z-index:3;
}

#hero_packshots img.shot3:hover{
    transform:rotate(0deg) scale(1.65);
    z-index:5;
}

#hero_windows{
    position:relative !important;
    top:-92px;
    left:79px !important;
  	pointer-events:none;
}

#hero_windows img{
    height:85px;
    margin-left:8px;
	border-radius: 8px;
}