.funcaptcha {
    width: 144px;
    overflow: hidden;
    float: left;
    margin-right: 15px
}

.funcaptcha a {
    display: inline-block;
    background: url(images/ticktack-boxes_03.gif);
    margin: 2px 2px 0 0;
    float: left
}

.funcaptcha a.circle {
    background-position: 0 -55px
}

.funcaptcha a.cross {
    background-position: -55px -155px
}

.funcaptcha a.empty {
    background-position: -px 0
}

.funcaptcha a.marked,.funcaptcha a:hover {
    background-position: -55px 0
}

.funcaptcha .box {
    display: block;
    cursor: pointer;
    overflow: hidden;
    width: 46px;
    height: 46px
}

.goog-te-banner-frame.skiptranslate {
    display: none!important
}

body {
    top: 0!important
}

.biggreenbutton {
    width: 300px;
    padding: 10px;
    background: green;
    color: #fff;
    font-size: 30px;
    border-radius: 10px
}

.viewhistory {
    background: #3D82E5;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 13px;
    padding: 8px;
    position: relative
}

.viewhistory:hover {
    border-radius: 5px 5px 5px 5px;
    color: #081134 !important;
    font-size: 13px;
    padding: 8px
}

.h1title {
    font-size: 18px
}

h1 {
    font-size: 9px;
    font-weight: none;
    margin: 0
}

h2 {
    font-size: 15px;
    margin: 0;
    line-height: 0
}

.servicesh2 {
    font-size: .9em;
    line-height: 14px
}

#services td {
    padding: 3px
}

#report,.report {
    color: maroon
}

.navi {
    color: #008693;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}

.navi:hover {
    color: #000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}

.indexlink {
    color: #4d6070;
    font-size: 14px
}

.indexlink:hover {
    color: #000;
    font-size: 14px
}

.number {
    color: #888
}

a {
    color: #488fef;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}

a:hover {
    color: #000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}

.logo,.logo:hover {
    color: #008693;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none
}

.navbar {
    background: #152255;
    padding: 4px
}

.navbarindex {
    background: #152255;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1000px
}

.navbar a,.navbarindex a {
    color: #fff
}

.navbar a:hover,.navbarindex a:hover {
    color: #ccc
}

.navibar {
    text-align: center;
    background-color: #fff
}

.mainbody {
    top-border: 0;
    padding-top: 70px;
    padding-bottom: 6px
}

.mainbodyloggedin {
    top-border: 0;
    padding-top: 140px;
    padding-bottom: 6px
}

html {
    margin: 0;
    padding: 0
}

body {
    background: #F7F8FC;
    font: 62.5% Helvetica,Arial,sans-serif;
    height: 100%;
    margin: 0
}

.main {
    background-color: #fff
}

.topbar {
    background: #fff;
    border-radius: 7px 15px 0 0
}

.mainfocusheader,.maintableheader {
    font-size: 24px;
    font-weight: 700
}

.mainfocus {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    z-index: 1;
     box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.05),
    0 10px 24px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.mainfocus:hover {
  box-shadow:
    0 6px 12px rgba(0, 0, 0, 0.06),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.mainfocusheader {
    padding-bottom: 12px;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #3D83E5
}

.mainfocusbody,.maintablebody {
    padding: 6px
}

.mainfocus td {
    border: 0
}

.mainfocus td a {
    font-size: 1em;
}
.mainfocus td a:hover {
    color: #444;
    font-size: 14px; 
}



.mainfocus td div {
    color: #444
}

.mainfocus .maintable td {
    color: #444
}

.maintableheader {
    padding-bottom: 12px;
    color: #152255;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.maintable {
    background: #fafafa;
    border-radius: 12px;
    padding: 20px;
    z-index: 1;
      box-shadow:
    0 1px 4px rgba(0, 0, 0, 0.03),
    0 6px 20px rgba(0, 0, 0, 0.05);
}

.maintable td {
    border: 0
}

table tr td {
    color: #444;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    text-decoration: none
}

.modern-button {
  display: inline-block;
  margin-top:10px;
  width: 100%;
  background: linear-gradient(135deg, #3D83E5, #488FF0);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 12px 0;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  cursor:pointer;
}

.modern-button:hover {
  background: linear-gradient(135deg, #2c6fd1, #3579ed);
  transform: translateY(-1px);
  font-size:16px !important;
  color:#eee !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.modern-button:active {
  transform: scale(0.98);
}


.footer {
    width: 100%;
    background-color: #0C1437;
    padding-top:6px;
    padding-bottom:6px;
}

.footer td {
    color: #d9daff
}

a:link img.follower {
    -moz-opacity: 1;
    opacity: 1;
    border-style: solid;
    border: none
}

a:link:hover img.follower,a:visited img.follower,a:visited:hover img.follower {
    -moz-opacity: .2;
    opacity: .2;
    border-style: dashed;
    border: none
}

.getpoints {
    text-align: center
}

.followbutton {
    cursor: pointer;
    display: block;
    width:fit-content;
    font-size: 16px;
    margin: 6px 0px 12px;
    padding: 10px 20px;
    text-align: center;
    background: #009c0c;
    border-radius: 12px;
    color: #fff;
    text-shadow: 0 -1px 1px #267934;
    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 4px 0 #267934;
}

/* Keep text consistent */
.followbutton:hover,
.followbutton:active {
    color: #fff;
    font-size: 16px;
    text-shadow: 0 -1px 1px #267934;
}

/* Hover */
.followbutton:hover {
    background: #00ba21;
}

/* Pressed */
.followbutton:active {
    background: #00880a;
    transform: translateY(2px);
    box-shadow: 0 2px 0 #1f5b29 inset;
}


.buybutton {
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin: 5px 0;
    padding: 4px 0;
    text-align: center;
    width: 200px;
    background: url(images/follow.jpg) repeat-x #009c0c;
    border: 1px solid #267934;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    text-shadow: 0 -1px 1px #267934
}

.buybutton:hover {
    color: #fff;
    font-size: 12px;
    background: url(images/followon.jpg) repeat-x #00ba21;
    text-shadow: 0 -1px 1px #267934
}

.greenbutton {
    cursor: pointer;
    display: inline;
    font-size: 12px;
    margin: 5px;
    padding: 8px;
    text-align: center;
    background: #009c0c;
    border: 1px solid #267934;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    text-shadow: 0 -1px 1px #267934
}

.greenbutton:hover {
    color: #fff;
    font-size: 12px;
    background: #00ba21;
    text-shadow: 0 -1px 1px #267934
}

.graybutton {
    cursor: pointer;
    display: inline;
    font-size: 12px;
    margin: 5px;
    padding: 8px;
    text-align: center;
    background: #666;
    border: 1px solid #999;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    text-shadow: 0 -1px 1px #267934
}

.graybutton:hover {
    color: #fff;
    font-size: 12px;
    background: #333;
    text-shadow: 0 -1px 1px #267934
}

.follow {
    position: static;
    float: left;
    width: 13.5%;
    border: 1px solid #ccc;
    background-color: #fff;
    margin: 3px;
    padding: 4px;
    text-align: center
}

.followp {
    position: static;
    float: left;
    width: 13.5%;
    border: 1px solid #447337;
    background-color: #c1ddb9;
    margin: 3px;
    padding: 4px;
    text-align: center
}

.followfooter {
    position: static;
    float: left;
    width: 100%;
    text-align: center
}

.cards,.cardsp,.follow,.followp {
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px
}

#diggdiv,#facebookdiv,#getstarteddiv,#googleplusdiv,#myspacediv,#plusonediv,#stumblediv,#twitterdiv,#websitediv,#youtubediv {
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

#content {
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.alert {
    background-color: #b10000;
    border: 2px solid red;
    color: #fff;
    font-size: 14
}

.alerttext,.alerttext:hover {
    color: #fff;
    font-size: 14
}

textarea {
    background-color: #fff;
    border: 1px solid #888;
    color: #333;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-style: normal
}

checkbox,input,select,submit {
    border: 1px solid #ddd;
    background-color: #fff;
    font-family: Helvetica,Arial,sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #444;
    padding: 6px;
    margin: 2px;
    border-radius: 4px
}

.searchsubmit {
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #090;
    padding: 5px;
    color: #fff;
    font-family: arial,serif;
    text-shadow: 0 0 2px #000;
    font-size: 16px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 #000;
    -moz-box-shadow: 0 0 0 #000;
    -webkit-box-shadow: 0 0 0 #000;
    background-color: #0c0;
    background-image: linear-gradient(-90deg,#0f0,#090);
    background-image: -webkit-gradient(linear,50% 0,50% 100%,from(#0f0),to(#090));
    background-image: -moz-linear-gradient(-90deg,#0f0,#090);
    font-weight: 900;
    width: 80px!important
}



input[type=submit] {
    cursor: pointer;
    text-decoration: none;
    padding: 7px;
    color: #fff;
    font-family: arial,serif;
    font-size: 16px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    background-color: #3d83e5;
    font-weight: 900;
    width: 100%
}

input[type=submit]:hover {
    cursor: pointer;
    text-decoration: none;
    padding: 7px;
    font-family: arial,serif;
    font-size: 16px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    background-color: #3d83e5;
    color: #152255 !important;
}

input[type=submit]:active {
    cursor: pointer;
    text-decoration: none;
    padding: 7px;
    color: #fff;
    font-family: arial,serif;
    font-size: 16px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    background-color: #3d83e5
}

.shareLink {
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    overflow: hidden;
    text-indent: -1000px;
    width: 150px
}

.shareLink:hover {
    background-position: 0 -24px
}

.shareLink:active {
    background-position: 0 -48px
}

#shareLinkFacebook {
    background-image: url(images/facebook_signin.png)
}

#shareLinkTwitter {
    background-image: url(images/twitter_signin.png)
}

#primary_nav_wrap {
    margin: 0
}

#primary_nav_wrap ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0
}

#primary_nav_wrap ul a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 38px;
    width: 142.5px;
    text-align: center;
    font-family: HelveticaNeue,helvetica neue,Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul ul a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    padding: 0 15px;
    text-align: left;
    width: 200px;
    font-family: HelveticaNeue,helvetica neue,Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul ul a {
    color: #fff
}

#primary_nav_wrap ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 14.2%
}

#primary_nav_wrap ul li.current-menu-item {
    background: #023a4a
}

#primary_nav_wrap ul li:hover {
    background: #152255
}

#primary_nav_wrap ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #060b24;
    padding: 0
}

#primary_nav_wrap ul ul li {
    float: none;
    width: 200px
}

#primary_nav_wrap ul ul a {
    line-height: 150%;
    padding: 10px 15px
}

#primary_nav_wrap ul ul ul {
    top: 0;
    left: 100%
}

#primary_nav_wrap ul li:hover>ul {
    display: block
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font: Helvetica,Arial,sans-serif;
    height: 100%;
    margin: 0
}

footer {
    margin-top: auto
}