/* CSS Document */

/*--------------- row layout ---------------------*/
.p-row::after {
content: "";
clear: both;
display: block;
width: 100%;
margin: 0;
padding: 0;
}

.c-row::after {
content: "";
clear: both;
display: block;
width: 100%;
margin: 0;
padding: 0;
}

.f-row::after {
content: "";
clear: both;
display: flex;
width: 100%;
margin: 0;
padding: 0;
}

/* -------------------------for computers */
/* Any width change here must be updated in functions.js */
/* -------------------------for computers */
@media only screen and (min-width: 1025px) {
.w0c{width: 0 !important; margin: 0 !important; display: none !important;}
.w1c{width: 1%; margin:0px; float: left;}
.w2c{width: 2%; margin:0px; float: left;}
.w2-5c{width: 2.5%; margin:0px; float: left;}
.w3c{width: 3%; margin:0px; float: left;}
.w4c{width: 4%; margin:0px; float: left;}
.w5c{width: 5%; margin:0px; float: left;}
.w6c{width: 6%; margin:0px; float: left;}
.w7c{width: 7%; margin:0px; float: left;}
.w8c{width: 8%; margin:0px; float: left;}
.w9c{width: 9%; margin:0px; float: left;}
.w10c{width: 10%; margin:0px; float: left;}
.w11c{width: 11%; margin:0px; float: left;}
.w12c{width: 12%; margin:0px; float: left;}
.w13c{width: 13%; margin:0px; float: left;}
.w14c{width: 14%; margin:0px; float: left;}
.w15c{width: 15%; margin:0px; float: left;}
.w16c{width: 16%; margin:0px; float: left;}
.w17c{width: 17%; margin:0px; float: left;}
.w18c{width: 18%; margin:0px; float: left;}
.w19c{width: 19%; margin:0px; float: left;}
.w20c{width: 20%; margin:0px; float: left;}
.w21c{width: 21%; margin:0px; float: left;}
.w22c{width: 22%; margin:0px; float: left;}
.w23c{width: 23%; margin:0px; float: left;}
.w24c{width: 24%; margin:0px; float: left;}
.w25c{width: 25%; margin:0px; float: left;}
.w26c{width: 26%; margin:0px; float: left;}
.w27c{width: 27%; margin:0px; float: left;}
.w28c{width: 28%; margin:0px; float: left;}
.w29c{width: 29%; margin:0px; float: left;}
.w30c{width: 30%; margin:0px; float: left;}
.w31c{width: 31%; margin:0px; float: left;}
.w32c{width: 32%; margin:0px; float: left;}
.w33c{width: 33%; margin:0px; float: left;}
.w34c{width: 34%; margin:0px; float: left;}
.w35c{width: 35%; margin:0px; float: left;}
.w36c{width: 36%; margin:0px; float: left;}
.w37c{width: 37%; margin:0px; float: left;}
.w38c{width: 38%; margin:0px; float: left;}
.w39c{width: 39%; margin:0px; float: left;}
.w40c{width: 40%; margin:0px; float: left;}
.w41c{width: 41%; margin:0px; float: left;}
.w42c{width: 42%; margin:0px; float: left;}
.w43c{width: 43%; margin:0px; float: left;}
.w44c{width: 44%; margin:0px; float: left;}
.w45c{width: 45%; margin:0px; float: left;}
.w46c{width: 46%; margin:0px; float: left;}
.w47c{width: 47%; margin:0px; float: left;}
.w48c{width: 48%; margin:0px; float: left;}
.w49c{width: 49%; margin:0px; float: left;}
.w50c{width: 50%; margin:0px; float: left;}
.w51c{width: 51%; margin:0px; float: left;}
.w52c{width: 52%; margin:0px; float: left;}
.w53c{width: 53%; margin:0px; float: left;}
.w54c{width: 54%; margin:0px; float: left;}
.w55c{width: 55%; margin:0px; float: left;}
.w56c{width: 56%; margin:0px; float: left;}
.w57c{width: 57%; margin:0px; float: left;}
.w58c{width: 58%; margin:0px; float: left;}
.w59c{width: 59%; margin:0px; float: left;}
.w60c{width: 60%; margin:0px; float: left;}
.w61c{width: 61%; margin:0px; float: left;}
.w62c{width: 62%; margin:0px; float: left;}
.w63c{width: 63%; margin:0px; float: left;}
.w64c{width: 64%; margin:0px; float: left;}
.w65c{width: 65%; margin:0px; float: left;}
.w66c{width: 66%; margin:0px; float: left;}
.w67c{width: 67%; margin:0px; float: left;}
.w68c{width: 68%; margin:0px; float: left;}
.w69c{width: 69%; margin:0px; float: left;}
.w70c{width: 70%; margin:0px; float: left;}
.w71c{width: 71%; margin:0px; float: left;}
.w72c{width: 72%; margin:0px; float: left;}
.w73c{width: 73%; margin:0px; float: left;}
.w74c{width: 74%; margin:0px; float: left;}
.w75c{width: 75%; margin:0px; float: left;}
.w76c{width: 76%; margin:0px; float: left;}
.w77c{width: 77%; margin:0px; float: left;}
.w78c{width: 78%; margin:0px; float: left;}
.w79c{width: 79%; margin:0px; float: left;}
.w80c{width: 80%; margin:0px; float: left;}
.w81c{width: 81%; margin:0px; float: left;}
.w82c{width: 82%; margin:0px; float: left;}
.w83c{width: 83%; margin:0px; float: left;}
.w84c{width: 84%; margin:0px; float: left;}
.w85c{width: 85%; margin:0px; float: left;}
.w86c{width: 86%; margin:0px; float: left;}
.w87c{width: 87%; margin:0px; float: left;}
.w88c{width: 88%; margin:0px; float: left;}
.w89c{width: 89%; margin:0px; float: left;}
.w90c{width: 90%; margin:0px; float: left;}
.w91c{width: 91%; margin:0px; float: left;}
.w92c{width: 92%; margin:0px; float: left;}
.w93c{width: 93%; margin:0px; float: left;}
.w94c{width: 94%; margin:0px; float: left;}
.w95c{width: 95%; margin:0px; float: left;}
.w96c{width: 96%; margin:0px; float: left;}
.w97c{width: 97%; margin:0px; float: left;}
.w98c{width: 98%; margin:0px; float: left;}
.w99c{width: 99%; margin:0px; float: left;}
.w100c{width: 100%; margin:0px; float: left;}
}


/* -------------------------for Tablet BIG */
/* Any width change here must be updated in functions.js */
/* -------------------------for Tablet BIG */
@media only screen and (min-width: 812px) and (max-width: 1024px){
.w0tb{width: 0 !important; margin: 0 !important; display: none !important;}
.w1tb{width: 1%; margin:0px; float: left;}
.w2tb{width: 2%; margin:0px; float: left;}
.w3tb{width: 3%; margin:0px; float: left;}
.w4tb{width: 4%; margin:0px; float: left;}
.w5tb{width: 5%; margin:0px; float: left;}
.w6tb{width: 6%; margin:0px; float: left;}
.w7tb{width: 7%; margin:0px; float: left;}
.w8tb{width: 8%; margin:0px; float: left;}
.w9tb{width: 9%; margin:0px; float: left;}
.w10tb{width: 10%; margin:0px; float: left;}
.w11tb{width: 11%; margin:0px; float: left;}
.w12tb{width: 12%; margin:0px; float: left;}
.w13tb{width: 13%; margin:0px; float: left;}
.w14tb{width: 14%; margin:0px; float: left;}
.w15tb{width: 15%; margin:0px; float: left;}
.w16tb{width: 16%; margin:0px; float: left;}
.w17tb{width: 17%; margin:0px; float: left;}
.w18tb{width: 18%; margin:0px; float: left;}
.w19tb{width: 19%; margin:0px; float: left;}
.w20tb{width: 20%; margin:0px; float: left;}
.w21tb{width: 21%; margin:0px; float: left;}
.w22tb{width: 22%; margin:0px; float: left;}
.w23tb{width: 23%; margin:0px; float: left;}
.w24tb{width: 24%; margin:0px; float: left;}
.w25tb{width: 25%; margin:0px; float: left;}
.w26tb{width: 26%; margin:0px; float: left;}
.w27tb{width: 27%; margin:0px; float: left;}
.w28tb{width: 28%; margin:0px; float: left;}
.w29tb{width: 29%; margin:0px; float: left;}
.w30tb{width: 30%; margin:0px; float: left;}
.w31tb{width: 31%; margin:0px; float: left;}
.w32tb{width: 32%; margin:0px; float: left;}
.w33tb{width: 33%; margin:0px; float: left;}
.w34tb{width: 34%; margin:0px; float: left;}
.w35tb{width: 35%; margin:0px; float: left;}
.w36tb{width: 36%; margin:0px; float: left;}
.w37tb{width: 37%; margin:0px; float: left;}
.w38tb{width: 38%; margin:0px; float: left;}
.w39tb{width: 39%; margin:0px; float: left;}
.w40tb{width: 40%; margin:0px; float: left;}
.w41tb{width: 41%; margin:0px; float: left;}
.w42tb{width: 42%; margin:0px; float: left;}
.w43tb{width: 43%; margin:0px; float: left;}
.w44tb{width: 44%; margin:0px; float: left;}
.w45tb{width: 45%; margin:0px; float: left;}
.w46tb{width: 46%; margin:0px; float: left;}
.w47tb{width: 47%; margin:0px; float: left;}
.w48tb{width: 48%; margin:0px; float: left;}
.w49tb{width: 49%; margin:0px; float: left;}
.w50tb{width: 50%; margin:0px; float: left;}
.w51tb{width: 51%; margin:0px; float: left;}
.w52tb{width: 52%; margin:0px; float: left;}
.w53tb{width: 53%; margin:0px; float: left;}
.w54tb{width: 54%; margin:0px; float: left;}
.w55tb{width: 55%; margin:0px; float: left;}
.w56tb{width: 56%; margin:0px; float: left;}
.w57tb{width: 57%; margin:0px; float: left;}
.w58tb{width: 58%; margin:0px; float: left;}
.w59tb{width: 59%; margin:0px; float: left;}
.w60tb{width: 60%; margin:0px; float: left;}
.w61tb{width: 61%; margin:0px; float: left;}
.w62tb{width: 62%; margin:0px; float: left;}
.w63tb{width: 63%; margin:0px; float: left;}
.w64tb{width: 64%; margin:0px; float: left;}
.w65tb{width: 65%; margin:0px; float: left;}
.w66tb{width: 66%; margin:0px; float: left;}
.w67tb{width: 67%; margin:0px; float: left;}
.w68tb{width: 68%; margin:0px; float: left;}
.w69tb{width: 69%; margin:0px; float: left;}
.w70tb{width: 70%; margin:0px; float: left;}
.w71tb{width: 71%; margin:0px; float: left;}
.w72tb{width: 72%; margin:0px; float: left;}
.w73tb{width: 73%; margin:0px; float: left;}
.w74tb{width: 74%; margin:0px; float: left;}
.w75tb{width: 75%; margin:0px; float: left;}
.w76tb{width: 76%; margin:0px; float: left;}
.w77tb{width: 77%; margin:0px; float: left;}
.w78tb{width: 78%; margin:0px; float: left;}
.w79tb{width: 79%; margin:0px; float: left;}
.w80tb{width: 80%; margin:0px; float: left;}
.w81tb{width: 81%; margin:0px; float: left;}
.w82tb{width: 82%; margin:0px; float: left;}
.w83tb{width: 83%; margin:0px; float: left;}
.w84tb{width: 84%; margin:0px; float: left;}
.w85tb{width: 85%; margin:0px; float: left;}
.w86tb{width: 86%; margin:0px; float: left;}
.w87tb{width: 87%; margin:0px; float: left;}
.w88tb{width: 88%; margin:0px; float: left;}
.w89tb{width: 89%; margin:0px; float: left;}
.w90tb{width: 90%; margin:0px; float: left;}
.w91tb{width: 91%; margin:0px; float: left;}
.w92tb{width: 92%; margin:0px; float: left;}
.w93tb{width: 93%; margin:0px; float: left;}
.w94tb{width: 94%; margin:0px; float: left;}
.w95tb{width: 95%; margin:0px; float: left;}
.w96tb{width: 96%; margin:0px; float: left;}
.w97tb{width: 97%; margin:0px; float: left;}
.w98tb{width: 98%; margin:0px; float: left;}
.w99tb{width: 99%; margin:0px; float: left;}
.w100tb{width: 100%; margin:0px; float: left;}
}

/* -------------------------for Tablets */
/* Any width change here must be updated in functions.js */
/* -------------------------for Tablets */
@media only screen and (min-width: 600px) and (max-width: 811px){
.w0t{width: 0 !important; margin: 0 !important; display: none !important;}
.w1t{width: 1%; margin:0px; float: left;}
.w2t{width: 2%; margin:0px; float: left;}
.w3t{width: 3%; margin:0px; float: left;}
.w4t{width: 4%; margin:0px; float: left;}
.w5t{width: 5%; margin:0px; float: left;}
.w6t{width: 6%; margin:0px; float: left;}
.w7t{width: 7%; margin:0px; float: left;}
.w8t{width: 8%; margin:0px; float: left;}
.w9t{width: 9%; margin:0px; float: left;}
.w10t{width: 10%; margin:0px; float: left;}
.w11t{width: 11%; margin:0px; float: left;}
.w12t{width: 12%; margin:0px; float: left;}
.w13t{width: 13%; margin:0px; float: left;}
.w14t{width: 14%; margin:0px; float: left;}
.w15t{width: 15%; margin:0px; float: left;}
.w16t{width: 16%; margin:0px; float: left;}
.w17t{width: 17%; margin:0px; float: left;}
.w18t{width: 18%; margin:0px; float: left;}
.w19t{width: 19%; margin:0px; float: left;}
.w20t{width: 20%; margin:0px; float: left;}
.w21t{width: 21%; margin:0px; float: left;}
.w22t{width: 22%; margin:0px; float: left;}
.w23t{width: 23%; margin:0px; float: left;}
.w24t{width: 24%; margin:0px; float: left;}
.w25t{width: 25%; margin:0px; float: left;}
.w26t{width: 26%; margin:0px; float: left;}
.w27t{width: 27%; margin:0px; float: left;}
.w28t{width: 28%; margin:0px; float: left;}
.w29t{width: 29%; margin:0px; float: left;}
.w30t{width: 30%; margin:0px; float: left;}
.w31t{width: 31%; margin:0px; float: left;}
.w32t{width: 32%; margin:0px; float: left;}
.w33t{width: 33%; margin:0px; float: left;}
.w34t{width: 34%; margin:0px; float: left;}
.w35t{width: 35%; margin:0px; float: left;}
.w36t{width: 36%; margin:0px; float: left;}
.w37t{width: 37%; margin:0px; float: left;}
.w38t{width: 38%; margin:0px; float: left;}
.w39t{width: 39%; margin:0px; float: left;}
.w40t{width: 40%; margin:0px; float: left;}
.w41t{width: 41%; margin:0px; float: left;}
.w42t{width: 42%; margin:0px; float: left;}
.w43t{width: 43%; margin:0px; float: left;}
.w44t{width: 44%; margin:0px; float: left;}
.w45t{width: 45%; margin:0px; float: left;}
.w46t{width: 46%; margin:0px; float: left;}
.w47t{width: 47%; margin:0px; float: left;}
.w48t{width: 48%; margin:0px; float: left;}
.w49t{width: 49%; margin:0px; float: left;}
.w50t{width: 50%; margin:0px; float: left;}
.w51t{width: 51%; margin:0px; float: left;}
.w52t{width: 52%; margin:0px; float: left;}
.w53t{width: 53%; margin:0px; float: left;}
.w54t{width: 54%; margin:0px; float: left;}
.w55t{width: 55%; margin:0px; float: left;}
.w56t{width: 56%; margin:0px; float: left;}
.w57t{width: 57%; margin:0px; float: left;}
.w58t{width: 58%; margin:0px; float: left;}
.w59t{width: 59%; margin:0px; float: left;}
.w60t{width: 60%; margin:0px; float: left;}
.w61t{width: 61%; margin:0px; float: left;}
.w62t{width: 62%; margin:0px; float: left;}
.w63t{width: 63%; margin:0px; float: left;}
.w64t{width: 64%; margin:0px; float: left;}
.w65t{width: 65%; margin:0px; float: left;}
.w66t{width: 66%; margin:0px; float: left;}
.w67t{width: 67%; margin:0px; float: left;}
.w68t{width: 68%; margin:0px; float: left;}
.w69t{width: 69%; margin:0px; float: left;}
.w70t{width: 70%; margin:0px; float: left;}
.w71t{width: 71%; margin:0px; float: left;}
.w72t{width: 72%; margin:0px; float: left;}
.w73t{width: 73%; margin:0px; float: left;}
.w74t{width: 74%; margin:0px; float: left;}
.w75t{width: 75%; margin:0px; float: left;}
.w76t{width: 76%; margin:0px; float: left;}
.w77t{width: 77%; margin:0px; float: left;}
.w78t{width: 78%; margin:0px; float: left;}
.w79t{width: 79%; margin:0px; float: left;}
.w80t{width: 80%; margin:0px; float: left;}
.w81t{width: 81%; margin:0px; float: left;}
.w82t{width: 82%; margin:0px; float: left;}
.w83t{width: 83%; margin:0px; float: left;}
.w84t{width: 84%; margin:0px; float: left;}
.w85t{width: 85%; margin:0px; float: left;}
.w86t{width: 86%; margin:0px; float: left;}
.w87t{width: 87%; margin:0px; float: left;}
.w88t{width: 88%; margin:0px; float: left;}
.w89t{width: 89%; margin:0px; float: left;}
.w90t{width: 90%; margin:0px; float: left;}
.w91t{width: 91%; margin:0px; float: left;}
.w92t{width: 92%; margin:0px; float: left;}
.w93t{width: 93%; margin:0px; float: left;}
.w94t{width: 94%; margin:0px; float: left;}
.w95t{width: 95%; margin:0px; float: left;}
.w96t{width: 96%; margin:0px; float: left;}
.w97t{width: 97%; margin:0px; float: left;}
.w98t{width: 98%; margin:0px; float: left;}
.w99t{width: 99%; margin:0px; float: left;}
.w100t{width: 100%; margin:0px; float: left;}
}


/* -------------------------for mobile */
/* Any width change here must be updated in functions.js */
/* -------------------------for mobile*/
@media only screen and (max-width: 599px){
.w0m{width: 0 !important; margin: 0 !important; display: none !important;}
.w1m{width: 1%; margin:0px; float: left;}
.w2m{width: 2%; margin:0px; float: left;}
.w3m{width: 3%; margin:0px; float: left;}
.w4m{width: 4%; margin:0px; float: left;}
.w5m{width: 5%; margin:0px; float: left;}
.w6m{width: 6%; margin:0px; float: left;}
.w7m{width: 7%; margin:0px; float: left;}
.w8m{width: 8%; margin:0px; float: left;}
.w9m{width: 9%; margin:0px; float: left;}
.w10m{width: 10%; margin:0px; float: left;}
.w11m{width: 11%; margin:0px; float: left;}
.w12m{width: 12%; margin:0px; float: left;}
.w13m{width: 13%; margin:0px; float: left;}
.w14m{width: 14%; margin:0px; float: left;}
.w15m{width: 15%; margin:0px; float: left;}
.w16m{width: 16%; margin:0px; float: left;}
.w17m{width: 17%; margin:0px; float: left;}
.w18m{width: 18%; margin:0px; float: left;}
.w19m{width: 19%; margin:0px; float: left;}
.w20m{width: 20%; margin:0px; float: left;}
.w21m{width: 21%; margin:0px; float: left;}
.w22m{width: 22%; margin:0px; float: left;}
.w23m{width: 23%; margin:0px; float: left;}
.w24m{width: 24%; margin:0px; float: left;}
.w25m{width: 25%; margin:0px; float: left;}
.w26m{width: 26%; margin:0px; float: left;}
.w27m{width: 27%; margin:0px; float: left;}
.w28m{width: 28%; margin:0px; float: left;}
.w29m{width: 29%; margin:0px; float: left;}
.w30m{width: 30%; margin:0px; float: left;}
.w31m{width: 31%; margin:0px; float: left;}
.w32m{width: 32%; margin:0px; float: left;}
.w33m{width: 33%; margin:0px; float: left;}
.w34m{width: 34%; margin:0px; float: left;}
.w35m{width: 35%; margin:0px; float: left;}
.w36m{width: 36%; margin:0px; float: left;}
.w37m{width: 37%; margin:0px; float: left;}
.w38m{width: 38%; margin:0px; float: left;}
.w39m{width: 39%; margin:0px; float: left;}
.w40m{width: 40%; margin:0px; float: left;}
.w41m{width: 41%; margin:0px; float: left;}
.w42m{width: 42%; margin:0px; float: left;}
.w43m{width: 43%; margin:0px; float: left;}
.w44m{width: 44%; margin:0px; float: left;}
.w45m{width: 45%; margin:0px; float: left;}
.w46m{width: 46%; margin:0px; float: left;}
.w47m{width: 47%; margin:0px; float: left;}
.w48m{width: 48%; margin:0px; float: left;}
.w49m{width: 49%; margin:0px; float: left;}
.w50m{width: 50%; margin:0px; float: left;}
.w51m{width: 51%; margin:0px; float: left;}
.w52m{width: 52%; margin:0px; float: left;}
.w53m{width: 53%; margin:0px; float: left;}
.w54m{width: 54%; margin:0px; float: left;}
.w55m{width: 55%; margin:0px; float: left;}
.w56m{width: 56%; margin:0px; float: left;}
.w57m{width: 57%; margin:0px; float: left;}
.w58m{width: 58%; margin:0px; float: left;}
.w59m{width: 59%; margin:0px; float: left;}
.w60m{width: 60%; margin:0px; float: left;}
.w61m{width: 61%; margin:0px; float: left;}
.w62m{width: 62%; margin:0px; float: left;}
.w63m{width: 63%; margin:0px; float: left;}
.w64m{width: 64%; margin:0px; float: left;}
.w65m{width: 65%; margin:0px; float: left;}
.w66m{width: 66%; margin:0px; float: left;}
.w67m{width: 67%; margin:0px; float: left;}
.w68m{width: 68%; margin:0px; float: left;}
.w69m{width: 69%; margin:0px; float: left;}
.w70m{width: 70%; margin:0px; float: left;}
.w71m{width: 71%; margin:0px; float: left;}
.w72m{width: 72%; margin:0px; float: left;}
.w73m{width: 73%; margin:0px; float: left;}
.w74m{width: 74%; margin:0px; float: left;}
.w75m{width: 75%; margin:0px; float: left;}
.w76m{width: 76%; margin:0px; float: left;}
.w77m{width: 77%; margin:0px; float: left;}
.w78m{width: 78%; margin:0px; float: left;}
.w79m{width: 79%; margin:0px; float: left;}
.w80m{width: 80%; margin:0px; float: left;}
.w81m{width: 81%; margin:0px; float: left;}
.w82m{width: 82%; margin:0px; float: left;}
.w83m{width: 83%; margin:0px; float: left;}
.w84m{width: 84%; margin:0px; float: left;}
.w85m{width: 85%; margin:0px; float: left;}
.w86m{width: 86%; margin:0px; float: left;}
.w87m{width: 87%; margin:0px; float: left;}
.w88m{width: 88%; margin:0px; float: left;}
.w89m{width: 89%; margin:0px; float: left;}
.w90m{width: 90%; margin:0px; float: left;}
.w91m{width: 91%; margin:0px; float: left;}
.w92m{width: 92%; margin:0px; float: left;}
.w93m{width: 93%; margin:0px; float: left;}
.w94m{width: 94%; margin:0px; float: left;}
.w95m{width: 95%; margin:0px; float: left;}
.w96m{width: 96%; margin:0px; float: left;}
.w97m{width: 97%; margin:0px; float: left;}
.w98m{width: 98%; margin:0px; float: left;}
.w99m{width: 99%; margin:0px; float: left;}
.w100m{width: 100%; margin:0px; float: left;}
}