.row{box-sizing: border-box;width: 100%;display: block;height: auto;border: 0;margin: 0;padding: 0;}
.row::after { content: ""; clear: both; display: table;}
[class*="col-"] {float: left;box-sizing: border-box;}
.hide{ display: none; }
.f-right{float: right;}
.f-left{float: left;}
.f-center{ float: none !important;clear: both;margin: auto !important;display: table;}
.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}.col-4 {width: 33.333%;}.col-5 {width: 41.66%;}.col-6 {width: 50%;}.col-7 {width: 58.33%;}.col-8 {width: 66.66%;}.col-9 {width: 75%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}.col-12 {width: 100%;}

@media only screen  and (max-width : 1600px) {
.col-d-1 {width: 8.33%;}.col-d-2 {width: 16.66%;}.col-d-3 {width: 25%;}.col-d-4 {width: 33.33%;}.col-d-5 {width: 41.66%;}.col-d-6 {width: 50%;}.col-d-7 {width: 58.33%;}.col-d-8 {width: 66.66%;}.col-d-9 {width: 75%;}.col-d-10 {width: 83.33%;}.col-d-11 {width: 91.66%;}.col-d-12 {width: 100%;}
.hide-d{ display: none; }
.f-center-d{ float: none !important;clear: both;margin: auto !important;display: table;}
}
@media only screen  and (max-width : 1024px) {
.col-t-1 {width: 8.33%;}.col-t-2 {width: 16.66%;}.col-t-3 {width: 25%;}.col-t-4 {width: 33.33%;}.col-t-5 {width: 41.66%;}.col-t-6 {width: 50%;}.col-t-7 {width: 58.33%;}.col-t-8 {width: 66.66%;}.col-t-9 {width: 75%;}.col-t-10 {width: 83.33%;}.col-t-11 {width: 91.66%;}.col-t-12 {width: 100%;}
.hide-t{ display: none; }
.f-center-t{ float: none !important;clear: both;margin: auto !important;display: table;}
}
@media only screen  and (max-width : 768px) {
.col-pw-1 {width: 8.33%;}.col-pw-2 {width: 16.66%;}.col-pw-3 {width: 25%;}.col-pw-4 {width: 33.33%;}.col-pw-5 {width: 41.66%;}.col-pw-6 {width: 50%;}.col-pw-7 {width: 58.33%;}.col-pw-8 {width: 66.66%;}.col-pw-9 {width: 75%;}.col-pw-10 {width: 83.33%;}.col-pw-11 {width: 91.66%;}.col-pw-12 {width: 100%;}
.hide-pw{ display: none; }
.f-center-pw{ float: none !important;clear: both;margin: auto !important;display: table;}
}
@media only screen  and (max-width : 540px) {
.col-p-1 {width: 8.33%;}.col-p-2 {width: 16.66%;}.col-p-3 {width: 25%;}.col-p-4 {width: 33.33%;}.col-p-5 {width: 41.66%;}.col-p-6 {width: 50%;}.col-p-7 {width: 58.33%;}.col-p-8 {width: 66.66%;}.col-p-9 {width: 75%;}.col-p-10 {width: 83.33%;}.col-p-11 {width: 91.66%;}.col-p-12 {width: 100%;}
.hide-p{ display: none; }
.f-center-p{ float: none !important;clear: both;margin: auto !important;display: table;}
}

/* effects */
.card-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.card-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.card-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}