body{
    box-sizing: border-box;
    margin:0;
    padding:0;
  
}

.maincontent_wrapper{
    padding-top:0;
}


.border{
   border:2px solid black;
   padding:20px 30px;
   margin-bottom:10px;
}

.shingle{
  text-align:center;
}
.row div{
    min-height:160px;
}
.worko-tabs {
 margin: 20px;
 width: 100%;
}
.worko-tabs .state {
 position: absolute;
 left: -10000px;
}
.worko-tabs .flex-tabs {
 display: -webkit-box;
 display: flex;
 -webkit-box-pack: justify;
         justify-content: space-between;
 flex-wrap: wrap;
}
.worko-tabs .flex-tabs .tab {
 -webkit-box-flex: 1;
         flex-grow: 1;
 max-height: 40px;
}
.worko-tabs .flex-tabs .panel {
 background-color: #fff;
 padding: 20px;
 min-height: 300px;
 display: none;
 width: 100%;
 flex-basis: auto;
}
.worko-tabs .tab {
 display: inline-block;
 padding: 10px;
 vertical-align: top;
 background-color: #eee;
 cursor: hand;
 cursor: pointer;
 border-left: 10px solid #ccc;
}
.worko-tabs .tab:hover {
 background-color: #fff;
}

#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label, 
#tab-five:checked ~ .tabs #tab-five-label{
 background-color: #fff;
 cursor: default;
 border-left-color: #69be28;
}

#frpCool-tab-one:checked ~ .tabs #frpCool-tab-one-panel,
#frpCool-tab-two:checked ~ .tabs #frpCool-tab-two-panel,
#frpPrem-tab-one:checked ~ .tabs #frpPrem-tab-one-panel,
#frpPrem-tab-two:checked ~ .tabs #frpPrem-tab-two-panel,
#frp-tab-one:checked ~ .tabs #frp-tab-one-panel,
#frp-tab-two:checked ~ .tabs #frp-tab-two-panel,
#gms-tab-one:checked ~ .tabs #gms-tab-one-panel,
#gms-tab-two:checked ~ .tabs #gms-tab-two-panel,
#base20t-tab-one:checked ~ .tabs #base20t-tab-one-panel,
#base20t-tab-two:checked ~ .tabs #base20t-tab-two-panel,
#base20-tab-one:checked ~ .tabs #base20-tab-one-panel,
#base20-tab-two:checked ~ .tabs #base20-tab-two-panel,
#ultraPolyBase-tab-one:checked ~ .tabs #ultraPolyBase-tab-one-panel,
#ultraPolyBase-tab-two:checked ~ .tabs #ultraPolyBase-tab-two-panel,
#polyBase-tab-one:checked ~ .tabs #polyBase-tab-one-panel,
#polyBase-tab-two:checked ~ .tabs #polyBase-tab-two-panel,
#glass-tab-one:checked ~ .tabs #glass-tab-one-panel,
#glass-tab-two:checked ~ .tabs #glass-tab-two-panel,
#gtaFrC-tab-one:checked ~ .tabs #gtaFrC-tab-one-panel,
#gtaFrC-tab-two:checked ~ .tabs #gtaFrC-tab-two-panel,
#gtaFr-tab-one:checked ~ .tabs #gtaFr-tab-one-panel,
#gtaFr-tab-two:checked ~ .tabs #gtaFr-tab-two-panel,
#gtaC-tab-one:checked ~ .tabs #gtaC-tab-one-panel,
#gtaC-tab-two:checked ~ .tabs #gtaC-tab-two-panel,
#gta-tab-one:checked ~ .tabs #gta-tab-one-panel,
#gta-tab-two:checked ~ .tabs #gta-tab-two-panel,
#sta-tab-one:checked ~ .tabs #sta-tab-one-panel,
#sta-tab-two:checked ~ .tabs #sta-tab-two-panel,
#staP-tab-one:checked ~ .tabs #staP-tab-one-panel,
#staP-tab-two:checked ~ .tabs #staP-tab-two-panel,
#app-tab-one:checked ~ .tabs #app-tab-one-panel,
#app-tab-two:checked ~ .tabs #app-tab-two-panel,
#saCapFrC-tab-one:checked ~ .tabs #saCapFrC-tab-one-panel,
#saCapFrC-tab-two:checked ~ .tabs #saCapFrC-tab-two-panel,
#saCapFr-tab-one:checked ~ .tabs #saCapFr-tab-one-panel,
#saCapFr-tab-two:checked ~ .tabs #saCapFr-tab-two-panel,
#saCapC-tab-one:checked ~ .tabs #saCapC-tab-one-panel,
#saCapC-tab-two:checked ~ .tabs #saCapC-tab-two-panel,
#saCap-tab-one:checked ~ .tabs #saCap-tab-one-panel,
#saCap-tab-two:checked ~ .tabs #saCap-tab-two-panel,
#saMid-tab-one:checked ~ .tabs #saMid-tab-one-panel,
#saMid-tab-two:checked ~ .tabs #saMid-tab-two-panel,
#saPly-tab-one:checked ~ .tabs #saPly-tab-one-panel,
#saPly-tab-two:checked ~ .tabs #saPly-tab-two-panel,
#saNail-tab-one:checked ~ .tabs #saNail-tab-one-panel,
#saNail-tab-two:checked ~ .tabs #saNail-tab-two-panel{
 display: block;
}



@media (max-width: 600px) {
 .flex-tabs {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column;
 }
 .flex-tabs .tab {
   background: #fff;
 }
 .flex-tabs .tab:last-of-type {
   border-bottom: none;
 }
 .flex-tabs #tab-one-label {
   -webkit-box-ordinal-group: 2;
           order: 1;
 }
 .flex-tabs #tab-two-label {
   -webkit-box-ordinal-group: 4;
           order: 3;
 }
 .flex-tabs #tab-three-label {
   -webkit-box-ordinal-group: 6;
           order: 5;
 }
 .flex-tabs #tab-four-label {
   -webkit-box-ordinal-group: 8;
           order: 7;
 }

.flex-tabs #tab-five-label {
   -webkit-box-ordinal-group: 10;
           order: 9;
 }


 .flex-tabs #tab-one-panel {
   -webkit-box-ordinal-group: 3;
           order: 2;
 }
 .flex-tabs #tab-two-panel {
   -webkit-box-ordinal-group: 5;
           order: 4;
 }
 .flex-tabs #tab-three-panel {
   -webkit-box-ordinal-group: 7;
           order: 6;
 }
 .flex-tabs #tab-four-panel {
   -webkit-box-ordinal-group: 9;
           order: 8;
 }
.flex-tabs #tab-five-panel {
   -webkit-box-ordinal-group: 11;
           order: 10;
 }


 #tab-one:checked ~ .tabs #tab-one-label,
 #tab-two:checked ~ .tabs #tab-two-label,
 #tab-three:checked ~ .tabs #tab-three-label,
 #tab-four:checked ~ .tabs #tab-four-label 
#tab-four:checked ~ .tabs #tab-four-label {
   border-bottom: none;
 }
}