* {box-sizing:border-box;}
body {margin:0;background-color:#F8F8F8}

.header1 {width:100%;height:160px;background-color:#4680ff;position:fixed;left:0;top:0;z-index:2;}

.header2 {width:100%;height:30px;background-color:#4680ff;position:fixed;left:0;top:160px;z-index:0;}

.logospot {color:white;position:fixed;left:30px;top:20px;}

.loginspot {color:white;position:fixed;right:30px;top:20px;}

.logo, .logomenu, .logio, .mymess {display:inline-block;cursor:pointer;}

.logo {font-size:26px;}

.logo:after, .mymess:after {content: "\00a0";margin-left: 30px;}

.leftmenu {min-width:150px;width:12vw;height:calc(100vh - 64px);position:fixed;
           left:0;top:64px;border-radius:0 6px 6px 0;
           background-color:white;z-index:3;padding-top:20px;
           box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.26), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}

.admin {position:relative;margin:0 auto;width:90%;height:38px;background-color:;border-radius:4px;
               padding-left:20px;text-align:center;color:black;font-size:15px;font-family: "Garamond", Times, serif;}
.nav {position:relative;margin:0 auto;width:90%;height:38px;background-color:;border-radius:4px;
               padding-left:20px;text-align:left;color:#4680ff;font-size:15px;font-family: "Garamond", Times, serif;}
.leftmenuitem {position:relative;margin:0 auto;width:90%;height:38px;background-color:;border-radius:4px;
               padding-left:20px;text-align:center;color:black;font-size:18px;font-family: "Garamond", Times, serif;}
.leftmenuitem:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);height:37px;
                     cursor:pointer;font-size:21px;}
.lmi {padding-top:7px;}
.lmi:hover {padding-top:6px;}

.more:hover {box-shadow: -2px 6px 8px 2px rgba(0, 0, 0, 0.26), 0 -4px 4px 0 rgba(0, 0, 0, 0.1), 4px 6px 20px 4px rgba(0, 0, 0, 0.19);}

.topcards {float:left;position:relative;top:142px;width: calc(100% - 16vw);left:14vw;
           height:auto;text-align:justify;z-index:1;}

.bigcard {height:270px;width:25%;border-radius:6px;background-color:white;float:left;margin:0 0 20px 20px;
          text-align:center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.26), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.actgroup {height:auto;width:40%;border-radius:6px;float:right;margin:0 20px 20px 0;}

.actgroup1 {width:44%;height:134px;float:left;margin:0 20px 20px 0 ;border-radius:5px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.26), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.cardtop1 {background-color:white;height:200px;width:100%;border-radius:5px 5px 0 0;padding:10px;
          display: flex;justify-content:center;align-items: center;}
.cardname1 {background-color:#4680ff;height:70px;width:100%;border-radius:0 0 5px 5px;padding:10px;
           display: flex;justify-content:center;align-items: center;}

.cardtop2 {background-color:white;height:200px;width:100%;border-radius:5px 5px 0 0;padding:10px;
          display: flex;justify-content:center;align-items: center;}
.cardname2 {background-color:#9ccc65;height:70px;width:100%;border-radius:0 0 5px 5px;padding:10px;
           display: flex;justify-content:center;align-items: center;}

.scardtop1 {background-color:white;height:100px;width:100%;border-radius:5px 5px 0 0;padding:10px;
           display: flex;justify-content:center;align-items: center;}
.scardname1 {background-color:#fd7e14;height:35px;width:100%;border-radius:0 0 5px 5px;padding:5px;
            display: flex;justify-content:center;align-items: center;}
.scardtop2 {background-color:white;height:100px;width:100%;border-radius:5px 5px 0 0;padding:10px;
           display: flex;justify-content:center;align-items: center;}
.scardname2 {background-color:#9ccc65;height:35px;width:100%;border-radius:0 0 5px 5px;padding:5px;
            display: flex;justify-content:center;align-items: center;}
.scardtop3 {background-color:white;height:100px;width:100%;border-radius:5px 5px 0 0;padding:10px;
           display: flex;justify-content:center;align-items: center;}
.scardname3 {background-color:#ff5252;height:35px;width:100%;border-radius:0 0 5px 5px;padding:5px;
            display: flex;justify-content:center;align-items: center;}
.scardtop4 {background-color:white;height:100px;width:100%;border-radius:5px 5px 0 0;padding:10px;
           display: flex;justify-content:center;align-items: center;}
.scardname4 {background-color:#4680ff;height:35px;width:100%;border-radius:0 0 5px 5px;padding:5px;
            display: flex;justify-content:center;align-items: center;}

.clearfix::after {content: "";clear:both;display:table;}

.card_spots {width:33%;text-align:center;padding-top:4px;float:left;}

.secondcards {float:left;position:relative;width: calc(100% - 15vw);left:14vw;
              height:auto;text-align:justify;z-index:1;margin-top:170px;}

.lastcompleted, .lastmessages {float:left;height:350px;margin:0 20px 20px 20px;border-radius:6px;background-color:white;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.26), 0 -2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.lastcompleted {width:50%;} .lastmessages {width:40%;}

.thirdcards {float:left;position:relative;width: calc(100% - 15vw);left:14vw;
              height:auto;text-align:justify;z-index:1;margin-top:30px;}
.visitorcount, .monthlyearnings, .yearlyearnings {float:left;height:110px;width:29%;margin:0 20px 20px 20px;
             border-radius:6px;background-color:white;
             box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.26), 0 -2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.forthcards {float:left;position:relative;width: calc(100% - 15vw);left:14vw;
              height:auto;text-align:justify;z-index:1;margin-top:30px;}

.four1 {float:left;height:600px;width:62%;margin:0 20px 20px 20px;border-radius:6px;background-color:white;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.26), 0 -2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.four2 {float:left;height:600px;width:29%;margin:0 20px 20px 20px;border-radius:6px;}

.four2a {width:100%;height:400px;border-radius:6px;background-color:white;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.26), 0 -2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.four2b {width:100%;height:180px;border-radius:6px;background-color:white;margin-top:20px;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.26), 0 -2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.extra {margin-top:30px;width:10px;height:10px;}

.footer {float:left;position:relative;width:100%;min-height:70px;max-height:auto;background-color:#6699ff;color:white;
         z-index:4;padding:4px 20px;margin-top:30;}

.fsitename {float:left;}

.corplink {margin:0;position:absolute;top:50%;left:50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.corplink > a:link {text-decoration:none;color:powderblue;}