.demo{box-sizing:border-box}
.demo *,.demo *:before,.demo *:after{box-sizing:inherit}
.demo{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
.demo .fa-2x{font-size: 1.5em;}
.demo button{font:inherit;margin:0;font-weight:bold;overflow:visible;text-transform:none;-webkit-appearance:button;margin-right: 10px;}
.demo button::-moz-focus-inner{border-style:none;padding:0}
.demo button:-moz-focusring{outline:1px dotted ButtonText}

.demo-block{display:block;width:100%}

.demo-container:after,.demo-container:before,.demo-panel:after,.demo-panel:before,.demo-row-padding:after,.demo-row-padding:before,.demo-row:after,.demo-row:before{
    content:"";display:table;clear:both;
}
.clear{clear: both;}
.demo .demo-view-feature-button{padding: 8px;}
.demo-col.description{float: right;}
.demo-row-padding,.demo-row-padding>.demo-col{padding:0 8px;}
.demo-row-padding>.demo-col.mobile-view{padding:0;}
.heading_and_buy_button{padding: 5% 0;}
.demo-col{float:left;width:100%}
.demo-col.s1{width:8.33333%}.demo-col.s2{width:16.66666%}.demo-col.s3{width:24.99999%}.demo-col.s4{width:33.33333%}
.demo-col.s5{width:41.66666%}.demo-col.s6{width:49.99999%}.demo-col.s7{width:58.33333%}.demo-col.s8{width:66.66666%}
.demo-col.s9{width:74.99999%}.demo-col.s10{width:83.33333%}.demo-col.s11{width:91.66666%}.demo-col.s12{width:99.99999%;}
@media (min-width:601px){.demo-col.m1{width:8.33333%}.demo-col.m2{width:16.66666%}.demo-col.m3,.demo-quarter{width:24.99999%}.demo-col.m4,.demo-third{width:33.33333%}
.demo-col.m5{width:41.66666%}.demo-col.m6,.demo-half{width:49.99999%;overflow: hidden;}.demo-col.m7{width:58.33333%}.demo-col.m8,.demo-twothird{width:66.66666%}
.demo-col.m9,.demo-threequarter{width:74.99999%}.demo-col.m10{width:83.33333%}.demo-col.m11{width:91.66666%}.demo-col.m12{width:99.99999%}}
@media (min-width:993px){.demo-col.l1{width:8.33333%}.demo-col.l2{width:16.66666%}.demo-col.l3{width:24.99999%}.demo-col.l4{width:33.33333%}
.demo-col.l5{width:41.66666%}.demo-col.l6{width:49.99999%}.demo-col.l7{width:58.33333%}.demo-col.l8{width:66.66666%}
.demo-col.l9{width:74.99999%}.demo-col.l10{width:83.33333%}.demo-col.l11{width:91.66666%}.demo-col.l12{width:99.99999%}}

/*.demo-card-4,.demo-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}*/

.demo-container,.demo-panel{padding:0.01em 16px}
/* .demo-panel{margin-top:16px;margin-bottom:16px} */

.demo-center{text-align:center!important}

/*.demo {font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}*/
html{overflow-x:hidden}
/*.demo h1{font-size:36px}
.demo h2{font-size:30px}
.demo h3{font-size:24px}
.demo h4{font-size:20px}
.demo h5{font-size:18px}
.demo h6{font-size:16px}*/
/*.demo h1,.demo h2,.demo h3,.demo h4,.demo h5,.demo h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}*/

.demo-circle{border-radius:50%}

.demo-btn, .demo-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;cursor:pointer;white-space:nowrap}
/*.demo-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}*/
.demo-btn, .demo-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.demo-button:hover{color:#000!important;background-color:#ccc!important}

.demo-large{font-size:18px!important}
.demo-xlarge{font-size:24px!important}

.demo-modal{z-index:10;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.demo-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}

@media (max-width:1090px){.demo-col.m10{width: 75%;}}
@media (min-width:993px){.demo-modal-content{width:900px}}
@media (max-width:768px){.demo-modal-content{width:500px}.demo-modal{padding-top:50px}.demo-col.m10{width: 70%;}}
@media (max-width:600px){.demo-modal-content{margin:0 10px;width:auto!important}.demo-modal{padding-top:30px}.demo-col.s6,.demo-col.s9{width: 100%;}}

.demo-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.demo-display-topright{position:absolute;right:0;top:0}

.demo-hover-red:hover{color:#fff!important;background-color:#f44336!important}