body{background-color:#f5f5f5}.banner{width:100%;height:200px;background-position:bottom;background-size:cover;background-repeat:no-repeat;display:table}.banner>.layer{height:100%;width:100%;background-color:#0a9dbe;text-align:center;display:table-cell;vertical-align:middle}.banner>.layer>.title{font-size:50px;font-weight:bold;color:#fff}.product-view{padding:10px 50px;max-width:1000px;margin-left:auto;margin-right:auto;display:flex}.product-view>.first-col{flex:50;width:50%;padding:0 10px}.product-view>.first-col>.body{width:100%;height:100%;background-color:#fff;box-shadow:0 0 7px rgba(0,0,0,.05);padding:10px}.product-view>.first-col>.body>img{width:100%}.product-view>.first-col>.body>.small-img{margin-top:10px}.product-view>.first-col>.body>.small-img>table{margin-left:auto;margin-right:auto}.product-view>.first-col>.body>.small-img td{padding:5px}.product-view>.first-col>.body>.small-img img{cursor:pointer;max-height:60px}.product-view>.second-col{flex:50;vertical-align:top;width:50%;padding:0 10px}.product-view>.second-col>.body{background-color:#fff;box-shadow:0 0 7px rgba(0,0,0,.05);width:100%;height:100%;padding:10px}.product-view>.second-col>.body>.name{font-family:'Roboto',sans-serif;font-weight:500;font-size:20px;line-height:25px;padding-bottom:10px;text-transform:uppercase}.product-view>.second-col>.body>.price{font-size:30px;line-height:30px;font-weight:bold;padding-bottom:10px;font-family:'Changa',sans-serif}.product-view>.second-col>.body>.key-title{font-size:15px;padding-bottom:5px;font-weight:500}.product-view>.second-col>.body>.key-features{display:table;width:100%;color:gray;padding:4px 0;font-size:13px}.product-view>.second-col>.body>.key-features>.title{display:table-cell;width:100px;text-align:left;vertical-align:top;font-weight:bold}.product-view>.second-col>.body>.key-features>.title>i{font-size:4px;padding-right:3px;vertical-align:middle;color:#999}.product-view>.second-col>.body>.key-features>span{display:table-cell;width:10px}.product-view>.second-col>.body>.key-features>.details{display:table-cell;text-align:left}.product-view>.second-col>.body>.description{max-height:150px;overflow:auto;font-size:13px;padding-top:10px;margin-bottom:20px}.product-view>.second-col>.body>button{border-style:none;background-color:#ea0000;border-radius:3px;padding:9px;color:#fff;font-size:17px;font-weight:500;width:100%}.product-view>.second-col>.body>button:hover{background-color:#d70009;box-shadow:3px 3px 10px rgba(0,0,0,.1)}.product-list{padding:50px}.product-list>.item-body{position:relative;float:left;width:20%;padding:0 10px}.product-list>.item-body>.layer{background-color:rgba(51,51,51,0);color:rgba(255,255,255,0);position:absolute;top:0;left:10px;right:10px;bottom:40px;font-size:25px;font-weight:500;display:table-cell;vertical-align:middle;text-align:center;cursor:pointer;padding-top:100px;transition:all 500ms;font-family:'Roboto Condensed',sans-serif;font-weight:bold}.product-list>.item-body:hover .layer{transition:all 500ms;background-color:rgba(40,40,40,.75);color:#fff}.product-list>.item-body>.body-context{padding:0;background-color:#fff}.product-list>.item-body>.body-context>img{width:100%}.product-list>.item-body>.body-context>.name{color:#004a7d;height:42px;overflow:hidden;line-height:16px;padding:10px 10px 0 10px;font-family:'Roboto',sans-serif;font-weight:500}.product-list>.item-body>.body-context>.price{color:#333;font-size:20px;font-family:'Krona One',sans-serif;font-weight:bold;padding:0 10px}.product-list>.item-body>.body-context>.button{background-color:#fff;color:#2dbc85;border-style:none;border:1px solid #ddd;font-weight:bold;padding:10px 15px;margin-top:10px;width:100%}.product-list>.item-body>.body-context>.button:hover{background-color:#d70009;color:#fff;border:1px solid #d70009}.product-list>.item-body>.body-context>.disable-button{pointer-events:none;background-color:#a5a5a5;color:#fff;cursor:not-allowed}.order{max-width:1000px;margin-left:auto;margin-right:auto;display:flex;padding:10px}.order>.left-context{flex:60;width:60%;padding:10px}.order>.left-context>.body{width:100%;height:100%;padding:10px;background-color:#fff;box-shadow:0 0 7px rgba(0,0,0,.1)}.order>.left-context>.body>table{width:100%;font-size:16px;font-weight:bold;border-bottom:10px solid #f1f1f1;margin-bottom:10px}.order>.left-context>.body>table .qty{width:30px}.order>.left-context>.body>table .amount{width:100px;text-align:center}.order>.left-context>.body>table input{width:100%;border:none;text-align:right;outline:none}.order>.left-context>.body>table .qty>input{text-align:center;padding-top:7px}.order>.left-context>.body>table .qty>button{border:none;font-size:12px;color:#ccc;background-color:#fff;width:100%;padding:0}.order>.left-context>.body>table .qty>button:hover{color:#4e4e4e}.order>.left-context>.body>.form-group{margin-bottom:5px}.order>.left-context>.body>.form-group .form-control{height:45px}.order>.right-context{flex:60;width:60%;padding:10px}.order>.right-context>.body{width:100%;height:100%;padding:10px;background-color:#fff;box-shadow:0 0 7px rgba(0,0,0,.1)}.order>.right-context>.body>.title{font-size:25px;padding-bottom:10px}.order>.right-context>.body .shipping-item{border:1px solid #eee;padding:15px 10px;background-color:#f5f5f5}.order>.right-context>.body .shipping-item:hover{background-color:#eee}.order>.right-context>.body .shipping-item span{color:#a94442}.order>.right-context>.body>.payment-accept{font-size:14px;padding:20px 0;font-family:'Roboto',sans-serif;font-weight:500}.order>.right-context>.body>.payment-accept>img{height:40px;margin-top:5px}.order>.right-context>.body>.payment-accept>.ssl-logo{font-size:12px;color:#40455b;display:inline-block;margin-top:5px}.order>.right-context>.body>.payment-accept>.ssl-logo>img{height:25px}.order>.right-context>.body>.net-total{font-size:25px;border:none;outline:none;text-align:right;margin-top:30px;width:100%;font-weight:bold;font-family:'Krona One',sans-serif}.order>.right-context>.body>button{background-color:#ea0000;padding:7px 10px;width:100%;color:#fff;font-size:16px;border:none;font-weight:bold;margin-top:50px}.order>.right-context>.body>button:hover{background-color:#d70009}.checkout{max-width:600px;margin-left:auto;margin-right:auto;padding:20px 10px;border:1px solid #eee;margin-top:50px;background-color:#fff;box-shadow:0 0 7px rgba(0,0,0,.1);border-radius:4px}.checkout>.chassisno{font-size:20px;text-transform:uppercase;padding:5px;font-weight:bold}.checkout>.title{font-size:16px;font-weight:bold;position:relative;float:left;width:25%;padding:5px}.checkout>.details{font-size:16px;position:relative;float:left;width:75%;padding:5px}.checkout>.amount{font-size:25px;color:red;font-weight:bold;padding:5px;text-align:right}.checkout>.pay-button{background-color:#fff;border:none;border:1px solid red;padding:5px 10px;float:right;font-weight:bold}.checkout>.pay-button>img{height:20px}@media(max-width:991px){.banner{height:300px}.banner>.layer>.title{font-size:40px}.product-view{display:block}.product-view>.first-col{flex:unset;width:100%}.product-view>.second-col{flex:unset;width:100%;margin-top:10px}.product-list>.item-body{width:33.33%;padding:0 5px}.product-list{padding:20px 5px}}@media(max-width:767px){.banner{height:250px}.banner>.layer>.title{font-size:35px}.product-view>.second-col>.body>.price{font-size:25px}}@media(max-width:600px){.banner{height:200px}.banner>.layer>.title{font-size:30px}.product-list>.item-body{width:50%;padding:0 2px}.product-list{padding:10px 2px}}@media(max-width:500px){.banner{height:180px}.banner>.layer>.title{font-size:25px}.product-view{padding:10px 0}.product-view>.second-col>.body>.name{font-size:16px}.product-view>.second-col>.body>.price{font-size:20px}.product-view>.second-col>.body>button{padding:5px}}@media(max-width:400px){.banner{height:150px}.banner>.layer>.title{font-size:20px}.product-list>.item-body>.body-context>.name{height:40px;line-height:15px;font-size:13px}.product-list>.item-body>.body-context>.price{font-size:16px}.product-list>.item-body>.body-context>.button{font-size:13px;padding:5px 15px;margin-top:5px}}@media(max-width:360px){.product-list>.item-body>.body-context>.name{height:38px;line-height:15px}.product-list>.item-body>.body-context>.button{font-size:12px;margin-top:5px}}.message{padding:150px 10px;background-image:linear-gradient(to bottom right,#d3ca93,#88e690);text-align:center;height:100%;width:100%;position:absolute;color:#0abe78}.message-failed{background-image:linear-gradient(to bottom right,#d70009,#d70009);color:red}.message>.message-context{max-width:400px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:10px;box-shadow:0 0 7px rgba(59,80,96,.2);padding-top:20px}.message>.message-context>.icon{height:70px;width:70px;border-radius:50%;border:1px solid #0abe78;background-color:#fff;margin-left:auto;margin-right:auto;padding:13px;font-size:30px}.message>.message-context>.title{font-size:30px;font-weight:bold}.message>.message-context>.message-details{height:100px;padding:10px;color:#888}.message>.message-context>.button-context{position:relative;float:left;width:100%;border-top:1px solid #e5eaee;padding:10px 0}.message>.message-context>.button-context>button{border-style:none;background-color:transparent;font-size:14px;outline:none}