:root {
   }
/*-- ==================================-=================================== --*/
/*-- ==  I N T E R E S T S                                               == --*/
/*-- ==================================-=================================== --*/
   #interests {
                                  width: 100%;
                                 height: 610px;
                                  clear: both;
                                  color: #F0F0F0;
                             background: #A88354;
   }
/*-- ==================================-=================================== --*/
   .sb_box {
                           padding-left: 20px;
                          padding-right: 20px;
   }
/*-- ==================================-=================================== --*/

   .sb_box h3 {
                                  color: #E0E0E0;
                       background-color: #826641;
                                 border: 1px solid #D0D0D0;
                          border-radius: 7px;
                                padding: 7px;
                            text-shadow: 2px 2px #333;
                             text-align: center;
   }
/*-- ==================================-=================================== --*/
   .ads_250x250 {
                          margin-bottom: 20px;
   }
/*-- ==================================-=================================== --*/
   #interests h3 {
                                  color: #E0E0E0;
                       background-color: #826641;
                                 border: 1px solid #000;
                          border-radius: 7px;
                                padding: 5px;
                            text-shadow: 1px 1px #333;
                             text-align: center;
   }
/*-- ==================================-=================================== --*/
/*-- --  Text                                                            -- --*/
/*-- ==================================-=================================== --*/
   .intr-text {
                            font-family: "Times New Roman";
                            text-indent: 20px;
                             text-align: justify;
                              font-size: 14px;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   .container {
                                 margin: 0 auto;
                             text-align: center;
                              transform: scale(0.9);
                            padding-top: 0px;
                                 border: 0px dashed #F00;
   }
/*-- ==================================-=================================== --*/
   #header {
                                   left: 25%;
                                  width: 50%;
                              font-size: 16px;
                                  color: #000000;
                               position: relative;
                                    top: 10%;   
                             text-align: center;
                                 border: 0px dashed #0F0;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu * {
                             box-sizing: border-box;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu {
                             box-sizing: border-box;
                               position: relative;
                                 margin: 10px auto 0;
                                  width: 100%;
                              max-width: 568px;
                                 height: 0;
                              transform: translate3d(0, 0, 0);
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu > div {
                                    top: -80px;
                               position: relative;
                         padding-bottom: 100%;
                              max-width: 100%;
                                 height: 0;
                                 border: 0px dashed #00F;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu .holder {
                               position: relative;
                         padding-bottom: 100%;
                              max-width: 100%;
                                 height: 0;
                               overflow: hidden;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu input {
                               position: absolute;
                                display: none;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu .segment {
                               position: absolute;
                                z-index: 100;
                                   left: 50%;
                                    top: 50%;
                            margin-left: -48%;
                             margin-top: -48%;
                                  width: 96%;
                                 height: 96%;
                          border-radius: 50%;
                               overflow: hidden;
                              transform: scale(0);
                             transition: 0.5s ease;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu .segment label {
                                display: block;
                               position: absolute;
                                   left: 50%;
                                    top: 50%;
                                  width: 50%;
                                 height: 50%;
                             background: #008080;
                                 border: 1px solid #fff;
                                 cursor: pointer;
                       transform-origin: left top;
                             transition: 0.25s ease;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu .segment label span {
                                display: block;
                               position: absolute;
                                   left: 0;
                                    top: 0;
                                  right: 15px;
                                 bottom: 25px;
                                 margin: auto;
                                  width: 35px;
                                 height: 35px;
                    background-position: center center;
                      background-repeat: no-repeat;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu .segment label:nth-of-type(1) {
                              transform: rotate(-140deg) skewY(50deg);
   }
   .cssplay-menu .segment label:nth-of-type(2) {
                              transform: rotate(-100deg) skewY(50deg);
   }
   .cssplay-menu .segment label:nth-of-type(3) {
                              transform: rotate(-60deg) skewY(50deg);
   }
   .cssplay-menu .segment label:nth-of-type(4) {
                              transform: rotate(-20deg) skewY(50deg);
   }
   .cssplay-menu .segment label:nth-of-type(5) {
                              transform: rotate(20deg) skewY(50deg);
   }
   .cssplay-menu .segment label:nth-of-type(6) {
                              transform: rotate(60deg) skewY(50deg);
   }
   .cssplay-menu .segment label:nth-of-type(7) {
                              transform: rotate(100deg) skewY(50deg);
   }
   .cssplay-menu .segment label:nth-of-type(8) {
                              transform: rotate(140deg) skewY(50deg);
   }
   .cssplay-menu .segment label:nth-of-type(9) {
                              transform: rotate(180deg) skewY(50deg);
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu .segment label:nth-of-type(1) span {
                              transform: skewY(-50deg) rotate(0deg);
   }
   .cssplay-menu .segment label:nth-of-type(2) span {
                              transform: skewY(-50deg) rotate(-40deg);
   }
   .cssplay-menu .segment label:nth-of-type(3) span {
                              transform: skewY(-50deg) rotate(-80deg);
   }
   .cssplay-menu .segment label:nth-of-type(4) span {
                              transform: skewY(-50deg) rotate(-120deg);
   }
   .cssplay-menu .segment label:nth-of-type(5) span {
                              transform: skewY(-50deg) rotate(-160deg);
   }
   .cssplay-menu .segment label:nth-of-type(6) span {
                              transform: skewY(-50deg) rotate(-200deg);
   }
   .cssplay-menu .segment label:nth-of-type(7) span {
                              transform: skewY(-50deg) rotate(-240deg);
   }
   .cssplay-menu .segment label:nth-of-type(8) span {
                              transform: skewY(-50deg) rotate(-280deg);
   }
   .cssplay-menu .segment label:nth-of-type(9) span {
                              transform: skewY(-50deg) rotate(-320deg);
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu .center {
                                display: block;
                               position: absolute;
                                z-index: 200;
                                   left: 50%;
                                    top: 50%;
                            margin-left: -20%;
                             margin-top: -20%;
                                  width: 40%;
                                 height: 40%;
                          border-radius: 50%;
                             background: #8b0000;
                               overflow: hidden;
                                 cursor: pointer;
                             box-shadow: 0 0 0 2px #fff;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu #toggle:checked + .holder .segment {
                             transition: 0.5s ease;
                              transform: scale(1.0);
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu #toggle:checked + .holder .center {
                             transition: 0.5s ease;
/*--                              transform: scale(1.0); --*/
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #label1, #label2, #label3,
   #label4, #label5, #label6,
   #label7, #label8, #label9 {
                           background-color: #04202C
/*-- EDE8D0; --*/
   }
/*-- ==================================-=================================== --*/
   #span1, #span2, #span3,
   #span4, #span5, #span6,
   #span7, #span8, #span9 {
                               position: relative;
                                    top: -30px;
                                 margin: 10px;
                              transform: skewY(-50deg) rotate(-40deg);
   }
/*-- ==================================-=================================== --*/
   #seg1, #seg2, #seg3,
   #seg4, #seg5, #seg6,
   #seg7, #seg8, #seg9 {
                               position: relative;
                                  width: 100px;
                                 height: 90px;
                    font-size: 16px;
                                    top: 130px;
                                   left: -110px;
                              transform: rotate(200deg);
                                  color: #F0F0F0;
                             text-align: center;
   }
/*-- ==================================-=================================== --*/
   #centre {
                           background-image: url("../images/Author2.png");
                        background-position: center center;
                          background-repeat: no-repeat;
                           background-color: #5e0000;
   }
/*-- ==================================-=================================== --*/
   .cssplay-menu #c1:hover ~ .holder .segment label:nth-of-type(1),
   .cssplay-menu #c2:hover ~ .holder .segment label:nth-of-type(2),
   .cssplay-menu #c3:hover ~ .holder .segment label:nth-of-type(3),
   .cssplay-menu #c4:hover ~ .holder .segment label:nth-of-type(4),
   .cssplay-menu #c5:hover ~ .holder .segment label:nth-of-type(5),
   .cssplay-menu #c6:hover ~ .holder .segment label:nth-of-type(6),
   .cssplay-menu #c7:hover ~ .holder .segment label:nth-of-type(7),
   .cssplay-menu #c8:hover ~ .holder .segment label:nth-of-type(8),
   .cssplay-menu #c9:hover ~ .holder .segment label:nth-of-type(9) {
                             background: #1078A3;
   }
/*-- ==================================-=================================== --*/