.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #253a46;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#253a46 transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.center{text-align:center}.responsive-table{width:100%;margin-bottom:1.5em;border-spacing:0}.responsive-table thead th{color:#2c2c2c;background-color:#0000001f;border:1px solid rgba(0,0,0,.12);text-align:center}.responsive-table tbody td{border:1px solid rgba(0,0,0,.12);font-weight:400}.responsive-table th,.responsive-table td{padding:.3em;vertical-align:middle}.responsive-table caption{margin-bottom:1em;font-size:1em;font-weight:700;text-align:center}@media (min-width: 48em){.responsive-table caption{font-size:1.5em}}.responsive-table tfoot{font-size:.8em;font-style:italic}@media (min-width: 62em){.responsive-table tfoot{font-size:.9em}}@media (min-width: 48em){.responsive-table tbody{display:table-row-group}}.responsive-table tbody tr{margin-bottom:1em}.responsive-table tbody td{text-align:center}.container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:.9fr .7fr .7fr .5fr .5fr .7fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:". . . cloud_internet . cloud_iotecha ." ". PCS ac_meter VectorStat sunspec IoTecha ." ". PCS ciu_miu VectorStat sunspec IoTecha ." ". pcs_canbus . vectorstat_cabus . iotecha_canbus ." ". canbus canbus canbus canbus canbus ." ". . . . . . ."}.PCS{grid-area:PCS}.VectorStat{grid-area:VectorStat}.IoTecha{grid-area:IoTecha}.ac_meter{grid-area:ac_meter}.ciu_miu{grid-area:ciu_miu}.sunspec{grid-area:sunspec}.canbus{grid-area:canbus}.pcs_canbus{grid-area:pcs_canbus}.vectorstat_cabus{grid-area:vectorstat_cabus}.iotecha_canbus{grid-area:iotecha_canbus}.cloud_internet{grid-area:cloud_internet}.cloud_iotecha{grid-area:cloud_iotecha}.wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:20px;scroll-padding-left:10px}.wrapper h1{text-align:center;width:100%}.gm-style{font-size:1rem}.ribbon{position:absolute;top:400px;right:100px;z-index:1;overflow:hidden;width:1100px;height:300px;text-align:right}.ribbon span{font-size:70px;font-weight:700;color:#e98007;text-align:center;line-height:20px;transform:rotate(-15deg);-webkit-transform:rotate(-15deg);width:1000px;display:block;position:absolute;top:100px}.ribbon span:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-right:3px solid transparent;border-bottom:3px solid transparent}.ribbon span:after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-bottom:3px solid transparent}@media screen and (max-width: 1025px){.ribbon{position:absolute;top:400px;right:170px;z-index:1;overflow:hidden;width:840px;height:300px;text-align:right}}@media screen and (max-width: 768px){.ribbon{position:absolute;top:400px;right:10px;z-index:1;overflow:hidden;width:840px;height:300px;text-align:right}}