/*-- ==================================-=================================== --*/
/*-- ==                    D O C U M E N T   R O O T                     == --*/
/*-- ==================================-=================================== --*/
   :root
      {
                                 --imgw: 192.5px;
                                 --imgh: 297.5px;
                                 --imgd: 308px;

                                 --durn: 30s;
                                 --dirn: reverse;
                                 --inft: infinite;
                                 --anim: rotate360h;
                                 --strt: 0deg;
                                 --fnsh: 360deg;

                                 --ltpg: 0deg;

                                --durnR: 30s;
                                --strtR: 0deg;
                                --fnshR: 360deg;

                                --crslX: 602px; 
                                --crslY: 164px;

                                --backX: 10px; 
                                --backY: 60px;

                               --topNow: 150px; 
                              --leftNow: -160px;
/*-- ----------------------------------=----------------------------------- --*/
                            --page_width: 400px;
                           --page_height: 600px;
/*-- ----------------------------------=----------------------------------- --*/
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==               G L O B A L   D E F I N I T I O N S                == --*/
/*-- ==================================-=================================== --*/
   * {
                             box-sizing: border-box;
                                 margin: 0;
                                padding: 0;
                             list-style: none;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==                    B O D Y   S E T T I N G S                     == --*/
/*-- ==================================-=================================== --*/
   body {
                               position: relative;
                                 margin: 0 auto;
                             text-align: center;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/



/*-- ==================================-=================================== --*/
/*-- ==                    M A I N   S E T T I N G S                     == --*/
/*-- ==================================-=================================== --*/
   #ogr-biss-wrapper {
                               position: relative;
                                    top: 0px;
                                  width: 1200px;
                             min-height: 710px;
                                 margin: 0 auto;
                          margin-bottom: 0px;

                            font-family: "Times New Roman",
                                          Tahoma,
                                          Geneva,
                                          sans-serif;
                                  color: #000080;

                       background-image: url('../images/backg30.png');
                      background-repeat: repeat;
                       background-color: #F0F0F0;
                                 filter: drop-shadow(#000 10px 10px 10px);
                          border-radius: 15px;
                                 border: 1px solid red;
                                z-index: 1;
display: none;
   }
/*-- ==================================-=================================== --*/
   #ogr-main-wrapper {
                                  clear: both;

                               position: relative;
/*--                                  width: 1200px; --*/
                                  width: 940px;
                             min-height: 500px;
                                 margin: 0 auto;
                          margin-bottom: 0px;

                            font-family: "Times New Roman",
                                          Tahoma,
                                          Geneva,
                                          sans-serif;
                                  color: #F0F0F0;

/*--                       background-image: url('../images/backg30.png'); --*/
/*--                      background-repeat: repeat; --*/
                       background-color: #826641;
                                 filter: drop-shadow(#000 10px 10px 10px);
                          border-radius: 15px;
                                 border: 1px solid gray;
                                z-index: 2;
/*-- display: none; --*/
   }
/*-- ==================================-=================================== --*/
   #ogr-main {
                                  width: 934px;
                                 margin: 0 auto;
                             background: #826641;
                          border-radius: 15px;
                                 border: 0px solid pink;
   }
/*-- ==================================-=================================== --*/
   #ogr-content-wrapper {
                                  width: 942px;
                            padding-top: 25px;
                           padding-left: 7px;
                          padding-right: 7px;
                             min-height: 500px;
                                 border: 0px solid pink;
   }
/*-- ==================================-=================================== --*/
   #ogr-content {
                               position: relative;
                                  width: 600px;
                             min-height: 400px;
                                  float: left;
                                 margin: 0 auto;
                            margin-left: 10px;
                           margin-right: 7px;
                                padding: 10px 10px 15px 10px;
                       background-color: #413320;
                          border-radius: 15px;
                                 border: 0px solid blue;
   }
/*-- ==================================-=================================== --*/
   #ogr-content-box {
                             min-height: 400px;
                                 margin: 0 auto;
                            margin-left: 10px;
                           margin-right: 10px;
                             margin-top: 20px;
                          margin-bottom: 15px;
                            padding-top: 20px;
                         padding-bottom: 20px;
                             background: #A88354;
                          border-radius: 15px;
                                 border: 0px solid yellow;
   }
/*-- ==================================-=================================== --*/



/*-- ==================================-=================================== --*/
   #ogr_sidebar_wrapper {
                               position: relative;
                                  float: right;
                                  width: 280px;
                            margin-left: 5px;
                           margin-right: 17px;
                          margin-bottom: 15px;
                             background: #413320;
                          border-radius: 15px;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #ogr_sidebar {
                                  width: 280px;
                                 margin: 0 auto;
                            padding-top: 15px;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   .ads_250x250 {
                                  width: 250px;
                                 height: 260px;
                                 margin: 0 auto;
                                padding: 0;
                             background: url(../images/sb_divider.jpg)
                                         bottom
                                         repeat-x;

   }
/*-- ==================================-=================================== --*/
   .sb_box {
                                  width: 240px;
                                 margin: 0 auto;
                                padding: 0 20px 20px;
                          margin-bottom: 30px;
                             background: url(../images/sb_divider.jpg)
                                         bottom
                                         repeat-x;
   }
/*-- ==================================-=================================== --*/
   .ogr_list {
                                 margin: 0 0 0 10px;
                                padding: 0;
                             list-style: none;
   }
/*-- ==================================-=================================== --*/
  .ogr_list li {
                                 height: 180px;
                                 margin: -80px 0 80px 0px;
                                padding: 0 0 10px;
                             background: none;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/



/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #displayArea {
                                display: block;
                                 margin: 0 auto;
                                  width: 90%;
                             min-height: 650px;
                                padding: 0px 0 20px 0;
                       background-color: #A88354;
                                 border: 0px solid #E0E0E0;
                          border-radius: 15px;
   }
/*-- ==================================-=================================== --*/
   #displayArea h4 {
                                  color: #E0E0E0;
                       background-color: #826641;
                                 border: 1px solid #000;
                          border-radius: 7px;
                                 margin: 10px;
                                padding: 5px;
                            text-shadow: 1px 1px #333;
                             text-align: center;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/



/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   .crh_holdall {
                               position: relative;
                                    top: -50px;
                                   left: 0; 
                                  width: var(--page_width);
                                 height: 400px;
                                 margin: 0 auto;

/*-- color: #000080; --*/
                             text-align: center;

                             margin-top: 50px;

                            perspective: 1000px;
                                 border: 0px solid #F00;
                              transform: scale(1);
/*--                         pointer-events: none; --*/
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==                B O O K M E C H A N I S M   C S S                 == --*/
/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- --    R O C K   F O R   E N T I R E   B O O K M E C H A N I S M     -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_rock {
                               position: absolute;
                                    top: 20px;
                                   left: 0px;

                                  width: var(--page_width);
                                 height: var(--page_height);

                            font-family: "Times New Roman", 
                                         Geneva, 
                                         sans-serif;
                              font-size: 12px;
                            line-height: 1.5em; 
                                  color: #58412a;
                             text-align: center;

                             transition: transform 1s ease;
                                 border: 0px solid #0FF;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --   H O L D  -  I N S I D E   F R O N T   W H E N   O P E N E D    -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_hold {
                               position: absolute;
                                    top: 0px;
                                   left: 0px;

                                  width: var(--page_width);
                                 height: var(--page_height);
                            font-weight: 500;

                           border-right: 1px solid #000;
                             background: #F0F0F0;
                            perspective: 2000px;
                             visibility: hidden;
                             transition: transform 1s ease-in-out;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --   F I X E D   P A G E  ( I N S I D E   B A C K   O P E N E D )   -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_fxed {
                               position: absolute;
                                    top: 0px;
                                   left: 0px;

                                  width: var(--page_width);
                                 height: var(--page_height);
                            font-weight: 500;

                            border-left: 0px solid #000;
                             background: #F0F0F0;
                            perspective: 2000px;
                             visibility: hidden;
                             transition: transform 1s ease-in-out;

   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --    K E E P   P A G E   ( S A V E   F R O N T   C O N T E N T )   -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_keep {
                               position: absolute;
                                    top: 0px;
                                   left: 0px;

                                  width: var(--page_width);
                                 height: var(--page_height);

                            border-left: 0px solid #000;
                             background: #F0F0F0;
                            perspective: 2000px;
                             visibility: hidden;

   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --                 M E C H A N I S M    A N C H O R                 -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_anch {
                               position: absolute;
                                  width: var(--page_width);
                                 height: var(--page_height);

                                 border: 0px solid #F0F;
                    backface-visibility: hidden;
                            perspective: 2000px;
                             transition: transform 1s ease-in-out;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --               P A G E - T U R N I N G   F R A M E                -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_frme {
                               position: relative;
                                  width: 100%;
                                 height: 100%;
                                 cursor: pointer;
                                 border: 0px solid #000;
                        transform-style: preserve-3d;
                       transform-origin: left center;
                             transition: transform 1s;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --              P A G E - M O U N T I N G   P L A N E               -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_plne {
                               position: absolute;
                                  width: 100%;
                                 height: 100%;
                            line-height: 160px;
                                  color: white;
                             text-align: center;
                            font-weight: bold;
                              font-size: 40px;
                                 border: 0px solid #000;
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;

   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --              F R O N T   F A C E   O F   P L A N E               -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_frnt {
                            font-weight: 100;
                             background: #F0F0F0;
                            border-left: 1px solid #000;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --               B A C K   F A C E   O F   P L A N E                -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_back {
                            font-weight: 100;
                             background: #F0F0F0;
                              transform: rotateY(180deg);
                           border-right: 1px solid #000;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --         C O N T E N T   A F T E R   F R O N T   P A G E          -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_cntn {
                               position: absolute;
                                    top: 30px;
                                   left: 408px;
                                  width: 900px;
                                 height: 600px;
                                 border: 0px solid #000;
                                 margin: 40px 0;
                                  color: #3010F0;
                             visibility: hidden;
                             background: #F0F0F0;
                            perspective: 2000px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --                   P A G I N G   B U T T O N S                    -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_prev {
                                display: flex;
                            align-items: center;
                        justify-content: center;
                              font-size: 8px;
                                  width: 40px;
                                 height: 12px;
                                 border: 1px solid #000;
                          border-radius: 15%;
                       background-color: #F0F0F0;
                                  color: #000080;
                                 cursor: pointer;
                         pointer-events: auto;
                                z-index: 1000;
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bm_next {
                                display: flex;
                            align-items: center;
                        justify-content: center;
                              font-size: 8px;
                                  width: 40px;
                                 height: 12px;
                                 border: 1px solid #000;
                          border-radius: 15%;
                       background-color: #F0F0F0;
                                  color: #000080;
                                 cursor: pointer;
                         pointer-events: auto;
                                  float: right;
                                z-index: 1000;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #bm_mbar {
                               position: relative;
                                 bottom: 10px;
                                 margin: 0 auto;
                                  width: 400px;
                                 height: 30px;
                                  color: #000;
                       background-color: #F0F0F0;
                             text-align: center;
                            line-height: 28px;
                             visibility: hidden;
                                 border: 0px solid #FF0;
                          border-radius: 50%;
                        pointer-events: auto;
                                cursor: pointer;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/








/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- --          P A G E   B O D Y   D E F I N I T I O N - 9 6 %         -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_pg_body {
                                  width: 96%;
                                 height: var(--page_height);
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --         P A G E   M A R G I N   D E F I N I T I O N - 2 %        -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_pg_margin {
                                  width: 2%;
                                 height: var(--page_height);
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --      F R O N T   P A G E   H E A D E R   D E F I N I T I O N     -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_fr_pg_hdr {
                                 height: 15%;
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
                                 border: 0px dashed #F00;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --     F R O N T   P A G E   C O N T E N T   D E F I N I T I O N    -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_fr_pg_cntn {
                                 height: 81%;
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
                                 border: 0px dashed #F00;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            P A G E   H E A D E R   D E F I N I T I O N           -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_pg_hdr {
                                 height: 5%;
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
                                 border: 0px dashed #F00;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --         P A G E   H E A D E R  -  P A G E   N U M B E R          -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_pg_no {
                                  width: 10%;
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --          P A G E   H E A D E R  -  P A G E   T I T L E           -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_pg_ttl {
                                  width: 80%;
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
                             text-align: center;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --           P A G E   H E A D E R  -  P A G E   D A T E            -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_pg_dt {
                                  width: 10%;
                            align-items: top;
                          padding-right: 5px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --     O T H E R   P A G E   C O N T E N T   D E F I N I T I O N    -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_pg_cntn {
                                 height: 91%;
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
                                 border: 0px solid #F00;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/





/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **              N E W S P A P E R   S T R U C T U R E               ** --*/
/*-- **                 R O W S   A N D   C O L U M N S                  ** --*/
/*-- **********************************=*********************************** --*/
/*-- --                             R O W S                              -- --*/
/*-- ----------------------------------=----------------------------------- --*/
/* Define an external row as a container for flexboxes                        */
/*-- ----------------------------------=----------------------------------- --*/
   .np_ex_row {
                                display: flex;
                              flex-wrap: wrap;
                                 margin: auto;
                          padding-right: 0.4vw;
                           padding-left: 0.4vw;
                                 border: 0px solid #F00;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* Define an internal row as a container for flexboxes                        */
/*-- ----------------------------------=----------------------------------- --*/
   .np_in_row {
                                display: flex;
                              flex-wrap: wrap;
                                 margin: auto;
                                 border: 0px solid #00F;
   }
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- --                          C O L U M N S                           -- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- --           C O L U M N   D E F I N I T I O N - 1 0 0 %            -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col100 {
                                   flex: 100%;
                          padding-right: .25vw;
                           padding-left: .25vw;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 9 8 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col92 {
                                  width: 90%;
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 7 5 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col75 {
                                   flex: 75%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                 border: 0px solid;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 7 0 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col70 {
                                   flex: 70%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                 border: 0px solid;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 6 6 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col66 {
                                   flex: 66%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                 border: 0px solid;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 5 0 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col50 {
                                   flex: 50%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                 border: 0px solid;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 3 3 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col33 {
                                   flex: 33%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                 border: 0px solid;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 2 5 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col25 {
                                   flex: 25%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                 border: 0px solid;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 1 0 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col10 {
                                   flex: 10%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                 border: 0px solid;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --             C O L U M N   D E F I N I T I O N - 2 %              -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_col02 {
                                  width: 2%;
                                 height: var(--page_height);
                            align-items: top;
                          padding-right: 0px;
                           padding-left: 0px;
                              font-size: 20px;
                            line-height: 20px;
   }
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/



/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **              C O N T E N T   D E F I N I T I O N S               ** --*/
/*-- **********************************=*********************************** --*/
/*-- **                           I M A G E S                            ** --*/
/*-- ----------------------------------=----------------------------------- --*/
   img {
                                 border: 1px solid #ddd;
                          border-radius: 4px;
                                padding: 5px;
   }
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/



/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **              C O N T E N T   D E F I N I T I O N S               ** --*/
/*-- **********************************=*********************************** --*/
/*-- **                            F O N T S                             ** --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            M o T t o  -  T i n y   J u s t i f i e d             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .mt_tj {
                              font-size: 8px;
                            line-height: 10px;
                             text-align: justify;
                                  color: #000080;
                                 margin: 0px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --             M o T t o  -  T i n y   C e n t e r e d              -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .mt_tc {
                              font-size: 8px;
                            line-height: 10px;
                             text-align: center;
                                  color: #000080;
                                 margin: 0px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --         N e w s P a p e r   T i t l e   C e n t e r e d          -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .np_tc {
                              font-size: 20px;
                            line-height: 20px;
                             text-align: center;
                                  color: #000080;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --             M a i N   A r t i c l e   H e a d i n g              -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .mn_ah {
                              font-size: 14px;
                            line-height: 16px;
                             font-style: italic;
                            font-weight: bold;
                             text-align: center;
                                  color: #000080;
                        text-decoration: underline;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --                      P a g e   H e a d e r                       -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .pg_hd {
                              font-size: 12px;
                            line-height: 14px;
                             font-style: italic;
                            font-weight: bold;
                             text-align: center;
                                  color: #000080;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --  Body Text - Small Justified                                     -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bt_sj {
                              font-size: 9px;
                            line-height: 10px;
                             text-align: justify;
                                  color: #000080;
                                 margin: 0px;
                            text-indent: 10px each-line;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --  Body Text - Small Centered                                      -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bt_sc {
                              font-size: 9px;
                            line-height: 10px;
                             text-align: center;
                                  color: #000080;
                                 margin: 0px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --  GeNeral Article Headings                                        -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .gn_ah {
                              font-size: 12px;
                            line-height: 13px;
                             font-style: italic;
                            font-weight: bold;
                             text-align: center;
                                  color: #000080;
                        text-decoration: underline;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* Medium Font Justified                                                      */
/*-- ----------------------------------=----------------------------------- --*/
   .np_mj {
                              font-size: 11px;
                            line-height: 12px;
                             text-align: justify;
                                  color: #000080;
                                 margin: 0px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* Medium Font Centered                                                       */
/*-- ----------------------------------=----------------------------------- --*/
   .np_mc {
                              font-size: 12px;
                            line-height: 14px;
                             text-align: center;
                                  color: #000080;
                                 margin: 0px;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* Index Heading                                                              */
/*-- ----------------------------------=----------------------------------- --*/
   .np_ix {
                              font-size: 24px;
                            line-height: 48px;
                             font-style: italic;
                            font-weight: bold;
                             text-align: center;
                                  color: #000080;
                        text-decoration: underline;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*--* DIVISON RELATED CSS                                                  *--*/
/*-- ----------------------------------=----------------------------------- --*/
/* Justified Plain Text                                                       */
/*-- ----------------------------------=----------------------------------- --*/
   .np_jp {
                              font-size: 18px;
                             text-align: justify;
                                  color: #000080;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* Justified Italicised Text                                                  */
/*-- ----------------------------------=----------------------------------- --*/
   .np_ji {
                              font-size: 18px;
                             font-style: italic;
                             text-align: justify;
                                  color: #000080;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* Centered Plain Text                                                        */
/*-- ----------------------------------=----------------------------------- --*/
   .np_cp {
                              font-size: 18px;
                             text-align: center;
                                  color: #000080;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* Centered Italicisied Text                                                  */
/*-- ----------------------------------=----------------------------------- --*/
   .np_ci {
                              font-size: 18px;
                             font-style: italic;
                             text-align: center;
                                  color: #000080;
                        text-decoration: italic;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* HASHTAG Centered Plain Text                                                */
/*-- ----------------------------------=----------------------------------- --*/
   .ht_cp {
                              font-size: 16px;
                            line-height: 16px;
                             text-align: center;
                                  color: #000080;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* HASHTAG Centered Italicisied Text                                          */
/*-- ----------------------------------=----------------------------------- --*/
   .ht_ci {
                              font-size: 16px;
                            line-height: 16px;
                             font-style: italic;
                             text-align: center;
                                  color: #000080;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* HASHTAG Justified Plain Text                                               */
/*-- ----------------------------------=----------------------------------- --*/
   .ht_jp {
                              font-size: 16px;
                            line-height: 16px;
                             text-align: justify;
                                  color: #000080;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* HASHTAG JUstified Italicisied Text                                         */
/*-- ----------------------------------=----------------------------------- --*/
   .ht_ji {
                              font-size: 16px;
                            line-height: 16px;
                             font-style: italic;
                             text-align: justify;
                                  color: #000080;
   }
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/



/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **              C A R O U S E L   P A R A M E T E R S               ** --*/
/*-- **********************************=*********************************** --*/
/*-- ==================================-=================================== --*/
/*-- ==  Move the carousel box, but scale the carousel (C01)             == --*/
/*-- ==================================-=================================== --*/
   .carousel_box {
                               position: relative;
                                 margin: 0 auto;
                                  width: 400px;
                                 height: 310px;
                                   left: -110px;
                                    top: -30px:
                             text-align: center; 
                             background: #000040;
                                 border: 2px solid #E0E0E0;
                          border-radius: 15px;
                              transform: scale(.5);
                                 border: 2px solid #FFF;
   }
/*-- ==================================-=================================== --*/
/*-- ==  Only scale the carousel, move the carousel box instead          == --*/
/*-- ==================================-=================================== --*/
   .crh_container {
                               position: relative;
                                display: block;
                                  width: var(--imgw);
                                 height: var(--imgh);
                                    top: -34px;
                                   left: 0px;
                                 margin: 0 auto;
                            perspective: 1000px;
                                 border: 0px solid #678;
                              transform: scale(.5);
}
/*-- ==================================-=================================== --*/
   #C01, #C02, #C03 {
                                display: block;
                                  color: #C0D0B0;
                             transition: 2s ease-in-out;
   }
/*-- ==================================-=================================== --*/
   #cover1, #cover2, #cover3 {
                               position: absolute;
                                    top: 0px;
                                   left: 0px;

                                  width: 400px;
                                 height: 310px;

                       background-color: transparent;
                                opacity: 1;
                            line-height: 14px;
                              font-size: 24px;
                                  color: #F0F0F0;
                                 border: 0px solid #F00;
                          border-radius: 15px;
                             transition: 2s ease-in-out;
   }
/*-- ==================================-=================================== --*/
   .crh_carousel {
                               position: absolute;
                                   left: -12px;
                                  width: var(--imgw);
                                 height: var(--imgh);
                                 margin: auto;
                        transform-style: preserve-3d;
                       transform-origin: 106px center;
   }
/*-- ==================================-=================================== --*/
   .crh_face { 
                               position: absolute;
                                  width: var(--imgw);
                                 height: var(--imgh);
                                    top: 20px;
                                  right: 10px;
                                   left: 10px;

                             background: #E0E0E0;
                        background-size: contain;

                        transform-style: preserve-3d;
                              transform: scale(0.5);

                         pointer-events: none;
   }
/*-- ==================================-=================================== --*/
   .crh_face--front, .crh_face--back { 
                               position: absolute;
                                  width: var(--imgw);
                                 height: var(--imgh);
                                 cursor: pointer;
                    backface-visibility: hidden;
                        background-size: contain;
                  background-attachment: fixed;
                      background-repeat: no-repeat;
   }
/*-- ==================================-=================================== --*/
   .crh_face--back { 
                              transform: rotateY( 180deg );
   }
/*-- ==================================-=================================== --*/
   .image {
                                  width: var(--imgw);
                                 height: var(--imgh);
   }
/*-- ==================================-=================================== --*/
   .crh_face:nth-child(1) {
                              transform: rotateY(  0deg) translateZ(var(--imgd)); }
/*-- ----------------------------------=----------------------------------- --*/
   .crh_face:nth-child(2) { 
                              transform: rotateY( 40deg) translateZ(var(--imgd)); }
/*-- ----------------------------------=----------------------------------- --*/
   .crh_face:nth-child(3) {
                              transform: rotateY( 80deg) translateZ(var(--imgd)); }
/*-- ----------------------------------=----------------------------------- --*/
   .crh_face:nth-child(4) {
                              transform: rotateY(120deg) translateZ(var(--imgd)); }
/*-- ----------------------------------=----------------------------------- --*/
   .crh_face:nth-child(5) { 
                              transform: rotateY(160deg) translateZ(var(--imgd)); }
/*-- ----------------------------------=----------------------------------- --*/
   .crh_face:nth-child(6) { 
                              transform: rotateY(200deg) translateZ(var(--imgd)); }
/*-- ----------------------------------=----------------------------------- --*/
   .crh_face:nth-child(7) { 
                              transform: rotateY(240deg) translateZ(var(--imgd)); }
/*-- ----------------------------------=----------------------------------- --*/
   .crh_face:nth-child(8) {
                              transform: rotateY(280deg) translateZ(var(--imgd)); }
/*-- ----------------------------------=----------------------------------- --*/
   .crh_face:nth-child(9) {
                              transform: rotateY(320deg) translateZ(var(--imgd)); }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/



/*-- ********************************************************************** --*/
/*-- ********************************************************************** --*/
/*-- ********************************************************************** --*/
/*-- **   C A R O U S E L   A N I M A T I O N   C O D E   F O L L O W S  ** --*/
/*-- ********************************************************************** --*/
/*-- ==================================-=================================== --*/
/*-- --             R O T A T E   C A R O U S E L   3 6 0 º              -- --*/
/*-- ==================================-=================================== --*/
   @keyframes turn360 {
      from {
                              transform: rotateY(   0deg);
           }
        to {
                              transform: rotateY( 360deg);
           }
   }
/*-- ==================================-=================================== --*/
   .turn360 {
                              animation: turn360;
                     animation-duration: 30s;
              animation-iteration-count: 1;
/*--              animation-iteration-count: infinite; --*/
                   animation-direction : reverse;
              animation-timing-function: linear;
                    animation-fill-mode: none;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   .windFrwd {
                              animation: windFrwd;
              animation-iteration-count: var(--inft);
                     animation-duration: var(--durn);
                    animation-direction: var(--dirn);
                    animation-fill-mode: linear;
   }
/*-- ==================================-=================================== --*/
   @keyframes windFrwd {
        0% {
                              transform: rotateY(var(--strt));
           }
      100% {
                              transform: rotateY(var(--fnsh));
           }
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   .windBkwd {
                              animation: windFrwd;
              animation-iteration-count: var(--inft);
                     animation-duration: var(--durn);
                    animation-direction: var(--dirn);
                    animation-fill-mode: linear;
   }
/*-- ==================================-=================================== --*/
   @keyframes windBkwd {
        0% {
                              transform: rotateY(var(--strt));
           }
      100% {
                              transform: rotateY(var(--fnsh));
           }
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/









/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==    M O V E   C A R O U S E L   T O   C E N T R E  O F   D I V    == --*/
/*-- ==================================-=================================== --*/
   @keyframes moveCrsl {
      0% {
                       transform-origin: center;
                              transform: scale(.5);
         }
    100% {
                       transform-origin: center;
                              transform: translateX(var(--crslX))
                                         translateY(var(--crslY))
                                         scale(1.4);
         }
   }
/*-- ==================================-=================================== --*/
   .cntrCrsl {
                              animation: moveCrsl ease-in-out 2s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
                    animation-direction: var(--crslDirn);
   }
/*-- ==================================-=================================== --*/
   .cntrCrs2 {
                              animation: moveCrsl 0s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
                    animation-direction: var(--crslDirn);
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==    M O V E   C A R O U S E L   T O   H O M E   P O S I T I O N   == --*/
/*-- ==================================-=================================== --*/
   @keyframes backCrsl {
      0% {
                       transform-origin: center;
                              transform: translateX(var(--backX))
                                         translateY(var(--backY))
                                         scale(1.4);
         }
    100% {
                       transform-origin: center;
                              transform: scale(.5);
         }
   }
/*-- ==================================-=================================== --*/
   .homeCrsl {
                              animation: backCrsl ease-in-out 2s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- --             R O T A T E   C A R O U S E L   3 6 0 º              -- --*/
/*-- ==================================-=================================== --*/
   @keyframes rotate360h {
      from {
                              transform: rotateY(var(--strt));
           }
        to {
                              transform: rotateY(var(--fnsh));
           }
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==      A N I M A T E   C A R O U S E L   A S   R E Q U I R E D     == --*/
/*-- ==================================-=================================== --*/
   .animCrsl {
                              animation: var(--anim);
                     animation-duration: var(--durn);
              animation-iteration-count: var(--inft);
                   animation-direction : var(--dirn);
              animation-timing-function: linear;
                    animation-fill-mode: none;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/



/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==              F A D E   S C R E E N   T O   W H I T E             == --*/
/*-- ==================================-=================================== --*/
   @keyframes fadeBwrd {
      0% {
         opacity: 1;
         }
    100% {
         opacity: 0;
         }
   }
/*-- ==================================-=================================== --*/
   .fadeBack {
                              animation: fadeBwrd ease-in-out 2s;
              animation-iteration-count: 1;
                    animation-fill-mode: forward;
   }
/*-- ==================================-=================================== --*/
/*-- ==         R E S T O R E   S C R E E N   F R O M   W H I T E        == --*/
/*-- ==================================-=================================== --*/
   @keyframes fadeFrwd {
      0% {
         opacity: 0;
         }
    100% {
         opacity: 1;
         }
   }
/*-- ==================================-=================================== --*/
   .fadeAway {
                              animation: fadeFrwd ease-in-out 2s;
              animation-iteration-count: 1;
                    animation-fill-mode: forward;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/







/*-- **********************************=*********************************** --*/
/*-- **                B O O K M E C H A N I S M   C S S                 ** --*/
/*-- **********************************=*********************************** --*/
/*-- --                       A N I M A T I O N S                        -- --*/
/*-- **********************************=*********************************** --*/
/*-- **                B O O K M E C H A N I S M   C S S                 ** --*/
/*-- **********************************=*********************************** --*/
/*-- ==================================-=================================== --*/
/*-- --                            M O V E S                             -- --*/
/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_hold_left {
                              transform: translateX(-200px);
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bm_fxed_rght {
                              transform: translateX(200px);
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_anch_left {
                              transform: translateX(-400px);
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bm_anch_lft2 {
                              transform: translateX(-200px);
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_anch_rght {
                              transform: translateX(400px);
   }
/*-- ----------------------------------=----------------------------------- --*/
   .bm_anch_rgh2 {
                              transform: translateX(200px);
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==================================-=================================== --*/
/*-- --                            F L I P S                             -- --*/
/*-- --                            F L I P S                             -- --*/
/*-- --                            F L I P S                             -- --*/
/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- --                           A N C H O R                            -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_anch_clse {
                              animation: anchclse ease-in-out 1s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes anchclse {
      0% {
                              transform: translateX(200px);
         }
    100% {
                              transform: translateX(400px);
         }
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_anch_open {
                              animation: anchopen ease-in-out 1s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes anchopen {
      0% {
                              transform: translateX(400px);
         }
    100% {
                              transform: translateX(200px);
         }
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- --                            F R A M E                             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_frme_flip_over {
                              animation: frmeover ease-in-out 1s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes frmeover {
      0% {
                              transform: rotateY(   0deg);

         }
    100% {
                              transform: rotateY(-180deg);
         }
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_frme_flip_back {
                              animation: frmeback ease-in-out 1s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes frmeback {
      0% {
                              transform: rotateY( -180deg);

         }
    100% {
                              transform: rotateY(  0deg);
         }
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_frme_flip {
                    transition-duration: 3s;
                              transform: rotateY(-180deg);
   }


/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_frme_frwd {
                              animation: frmefrwd;
                     animation-duration: 2s;
              animation-timing-function: ease-in-out;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes frmefrwd {
      0% {
                              transform: rotateY(   0deg);

         }
    100% {
                              transform: rotateY(-180deg);
         }
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_frme_frwd_flip {
                              animation: frwdflip ease-in-out;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes frwdflip {
      0% {
                              transform: rotateY(    0deg);
         }
    100% {
                              transform: rotateY(-180deg);
         }
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_frme_bkwd {
                              animation: frmebkwd ease-in-out 2s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes frmebkwd {
      0% {
                              transform: rotateY(-180deg); 
         }

    100% {
                              transform: rotateY(  0deg);
         }
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bm_frme_bkwd_flip {
                              animation: bkwdflip ease-in-out;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes bkwdflip {
      0% {
                              transform: rotateY(-180deg);
         }
    100% {
                              transform: rotateY(   0deg);
         }
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==================================-=================================== --*/
/*-- **********************************=*********************************** --*/
/*-- **                B O O K M E C H A N I S M   C S S                 ** --*/
/*-- **********************************=*********************************** --*/
/*-- **                E N D   O F   A N I M A T I O N S                 ** --*/
/*-- **********************************=*********************************** --*/


/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes fadePper {
      0% {
                             transform: scale(1);
                               opacity: 1;
         }
    100% {
                             transform: scale(.001);
                               opacity: 0;
         }
   }
/*-- ==================================-=================================== --*/
   .fadeLtst {
                              animation: fadePper ease-out 1.5s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/



/*-- ==================================-=================================== --*/
/*-- ----------------------------------=----------------------------------- --*/
   @keyframes showPper {
      0% {
                             transform: scale(.1);
                               opacity: 0;
         }
    100% {
                             transform: scale(1);
                               opacity: 1;
         }
   }
/*-- ----------------------------------=----------------------------------- --*/
   .showLtst {
                              animation: showPper ease-out 2s;
              animation-iteration-count: 1;
                    animation-fill-mode: forwards;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ==================================-=================================== --*/



/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **********************************=*********************************** --*/
/*-- **                        B A C K I S S U E                         ** --*/
/*-- **              N E W S P A P E R   S T R U C T U R E               ** --*/
/*-- **********************************=*********************************** --*/
/*-- --                             R O W S                              -- --*/
/*-- **********************************=*********************************** --*/
/*-- ----------------------------------=----------------------------------- --*/
/* Define an external row as a container for flexboxes                        */
/*-- ----------------------------------=----------------------------------- --*/
   .bis_ex_row {
                                display: flex;
                              flex-wrap: wrap;
                             max-height: 100%;
                                 margin: auto;
                          padding-right: 1%;
                           padding-left: 1%;
                                 border: 0px solid #000;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* Define an internal row as a container for flexboxes                        */
/*-- ----------------------------------=----------------------------------- --*/
   .bis_in_row {
                                display: flex;
                              flex-wrap: wrap;
                                 margin: auto;
                                 border: 0px solid #F00;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- ----------------------------------=----------------------------------- --*/



/*-- **********************************=*********************************** --*/
/*-- **         N E W S P A P E R   P A G E   S T R U C T U R E          ** --*/
/*-- **********************************=*********************************** --*/
/*-- --          P A G E   B O D Y   D E F I N I T I O N - 9 6 %         -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_pg_body {
                               position: relative;
                                  width: 98%;
                             min-height: 100%;
                            align-items: top;
                              font-size: 20px;
                            line-height: 20px;
                                  float: left;
                                 border: 0px solid #00F;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --         P A G E   M A R G I N   D E F I N I T I O N - 1 %        -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_pg_margin {
                                  width: 1%;
                             min-height: 100%;
                            align-items: top;
                              font-size: 20px;
                            line-height: 20px;
                                  float: left;
                             border-top: 1px solid #000;
                          border-bottom: 1px solid #000;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            P A G E   H E A D E R   D E F I N I T I O N           -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_pg_hdr {
                                 height: 150px;
                            align-items: top;
                              font-size: 20px;
                            line-height: 20px;
                                 border: 0px dashed #F0F;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/



/*-- **********************************=*********************************** --*/
/*-- **              N E W S P A P E R   S T R U C T U R E               ** --*/
/*-- **********************************=*********************************** --*/
/*-- --                          C O L U M N S                           -- --*/
/*-- **********************************=*********************************** --*/
/*-- ----------------------------------=----------------------------------- --*/
/*-- --           C O L U M N   D E F I N I T I O N - 1 0 0 %            -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_col100 {
                              max-width: 100%;
                              min-width: 100%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                  float: left;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 7 5 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_col75 {
                              max-width: 75%;
                              min-width: 75%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                  float: left;
                                 border: 0px solid #0FF;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 6 6 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_col66 {
                              max-width: 66%;
                              min-width: 66%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                  float: left;
                                 border: 0px solid;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 7 5 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_col50 {
                              max-width: 50%;
                              min-width: 50%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                  float: left;
                                 border: 0px solid #00F;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 3 3 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_col33 {
                              max-width: 33%;
                              min-width: 33%;
                          padding-right: .4vw;
                           padding-left: .4vw;
                                  float: left;
                                 border: 0px solid #F0F;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --            C O L U M N   D E F I N I T I O N - 7 5 %             -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_col25 {
                              max-width: 25%;
                              min-width: 25%;
                          padding-right: .25vw;
                           padding-left: .25vw;
                                  float: left;
                                 border: 0px solid #FF0;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --                   C O L U M N   C L E A N E R                    -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   .bis_cleaner {
                                  clear: both;
   }
/*-- ----------------------------------=----------------------------------- --*/
/* Justified Plain Text                                                       */
/*-- ----------------------------------=----------------------------------- --*/
   .bis_body_text {
                              font-size: 17px;
                             text-align: justify;
                            text-indent: 15px each-line;
                           padding-left: 5px;
                          padding-right: 5px;
                                  color: #000080;
   }
/*-- ----------------------------------=----------------------------------- --*/
/*-- --                    R E T U R N   B U T T O N                     -- --*/
/*-- ----------------------------------=----------------------------------- --*/
   #clickMe {
                                  width: 150px;
                                 margin: 10px 0px;
                                padding: 5px 14px;
                       background-color: #000080;
                                  color: #F0F0F0;
                                 border: 1px solid #B0B0B0;
                          border-radius: 15px;
                                 filter: drop-shadow(#000 5px 5px 5px);
                                 cursor: pointer;
                             visibility: visible;
   }
/*-- ==================================-=================================== --*/
   #clickMe:hover {
                       background-color: #0000C0;
                                  color: #D0D0D0;
                                 filter: drop-shadow(#000 3px 3px 3px);
   }
/*-- ==================================-=================================== --*/