@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.wrapper {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.header-container {
  width: 100%;
  height: 49px;
  background: #fff;
  border-bottom: 2px #d7d7d7 solid;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.8);
  box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 99;

}

.header-container .logo {
  margin-top:0px;
}

.main-container {
  padding-top: 49px;
}

.getstarted {
  width: 100%;
  height: 23.4375vw;
  min-height: 450px;
  background: url("../img/thinking_2160.jpg") bottom left no-repeat;
  background-size: cover;
  border-bottom: 3px solid #7892c9;
  position: relative;
}

.gscontent {
  max-width: 980px;
  width: 68vw;
  position: relative;
  left: 8vw;
  text-align: center;
}

.whitelogo {
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.whitelogo img {
  margin: 2vh auto 0 auto;
}

.hrtop {
  height: 2px;
  width: 50%;
  background: url("../img/hr_top.png") center center repeat-x;
  margin: 15px auto 25px auto;
  position: relative;
}

.gsTitle {
  font-weight: 800;
  font-size: 58px;
  color: #c7e280;
  text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.2);
  line-height: 1;
  margin: 0;
}

.spacedtxt {
  letter-spacing: 3px;
}

.gsTagline {
  font-weight: 300;
  font-size: 29px;
  color: #fff;
  text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.2);
  line-height: 1;
  margin: 25px 0 40px 0;
}

.greenbutton {
  background: #cbe584; /* Old browsers */
  background: -moz-linear-gradient(top, #cbe584 0%, #9ec955 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #cbe584 0%,#9ec955 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #cbe584 0%,#9ec955 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe584', endColorstr='#9ec955',GradientType=0 ); /* IE6-9 */

  border: 1px solid #455314;

  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;

  padding: 10px 30px;

  font-size: 26px;
  font-weight: 800;
  text-transform: uppercase;

  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
  text-decoration: none;
  position: relative;

  color: #fff;
  z-index: 0;
}

.greenbutton:hover {
  background: #cbe584; /* Old browsers */
  background: -moz-linear-gradient(top, #9ec955 0%,#cbe584 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,#9ec955 0%, #cbe584 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,#9ec955 0%, #cbe584 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec955', endColorstr='#cbe584',GradientType=0 ); /* IE6-9 */
}
.greenbutton::before {
    content: "";
    position: absolute;
    display: block;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 4px solid rgba(0, 0, 0, 0.2);

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    z-index: -1;
  }

.howitwors {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
}

.hiwtitle {
  display: inline-block;
  font-weight: 700;
  font-size: 40px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  line-height: 1;
  padding: 0 0 4px 0;
  margin: 30px auto 40px auto;
  background: url("../img/bellowtitle.jpg") bottom left no-repeat
}

.hiwcolumn {
  display: inline-block;
  width: 160px;
  vertical-align: top;
}

.hiwcircle {
  background: url("../img/circle_bg.jpg") center center repeat-x;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  width: 154px;
  height: 154px;

  margin: 0 auto;

  border: solid 3px #e5e5e5;

  text-align: center;

  position: relative;
}

.hiwcnumber {
  background: #f99d30;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  width: 45px;
  height: 45px;

  text-align: center;
  position: absolute;
  left: -3px;
  bottom: -3px;
}

.hiwcninside {
  display: inline-block;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;

  color: #f8f8f8;
  margin-top: 4px;

}

.hiwtext {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  color: #000;

  margin-top: 20px;
}

.hiwseparator {
  display: inline-block;
  background: url("../img/arrow.png") center center no-repeat;
  width: 160px;
  height: 170px;
  vertical-align: top;
}




.earned {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89a6e3+38,6986c6+100 */
  background: #89a6e3; /* Old browsers */
  background: -moz-linear-gradient(top, #89a6e3 38%, #6986c6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #89a6e3 38%,#6986c6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #89a6e3 38%,#6986c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89a6e3', endColorstr='#6986c6',GradientType=0 ); /* IE6-9 */
  background: url("../img/earned_bg.jpg") bottom center no-repeat;
  background-size: cover;

  border-top: 3px solid #7892c9;
  border-bottom: 3px solid #7892c9;
}

.earnedcontent {

}

.earnedgirlimage {
  display: inline-block;
  vertical-align: bottom;
  background: url("../img/earned_girl.png") center center no-repeat;
  height: 421px;
  width: 609px;
  transform: scale(0.9,0.9);
  transform-origin: bottom;
}

.earnedinfo {
  display: inline-block;
  vertical-align: top;
  max-width: 660px;
  text-align: center;
}

.earnedtitle {
  font-size: 32px;
  font-weight: 300;
  text-transform: uppercase;
  color: #000;
  line-height: 1;
  margin: 0;
  margin-top: 35px;
  text-align: center;
}

.earnedamount {
  font-size: 48px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;

  text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.2);
  line-height: 1;
  margin: 0;
}

.earnednumber {
  font-weight: 800;
  letter-spacing: 3px;
}

.hrbottom {
  height: 2px;
  width: 90%;
  background: url("../img/hr_bottom.png") center center repeat-x;
  margin: 15px auto 15px auto;
  position: relative;
}

.earnedreviews {
  width: 100%;
  position: relative;
}

.earned .sssprev {
  display: inline-block;
  vertical-align: top;
  background: url("../img/earned_left.png") center center no-repeat;
  width: 23px;
  height: 75px;
  position: absolute;
  left: 0;
  top: 12px;
}

.earned .sssnext {
  display: inline-block;
  vertical-align: top;
  background: url("../img/earned_right.png") center center no-repeat;
  width: 23px;
  height: 75px;
  position: absolute;
  right: 0;
  top: 12px;
}

.ercontent {
  display: inline-block;
  vertical-align: top;
  padding: 0 0px;
  width: 100%;
}

.ercItem {
  width: 100%;
}

.ercProfilePic {
  display: inline-block;
  vertical-align: top;

  position: relative;
  background: #fff;
  width: 106px;
  height: 106px;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  border: 1px solid rgba(0,0,0,0.3);
  z-index: 0;
}

.ercProfilePic::before {
    content: "";
    position: absolute;
    display: block;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border: 3px solid rgba(255,255,255,0.4);

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    z-index: -1;
  }

.ercProfilePic img {
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

}

.ercText {
  display: inline-block;
  vertical-align: top;

  width: 80%;
  width: calc(100% - 125px);
  margin: 10px 0 0 10px;

  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  color: #fff;

  text-align: justify;
}

.ercName {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  margin: 5px 0 0 15px;
  color: #000;
}





.topsurveys {
  text-align: center;
  position: relative;
  padding-bottom: 65px;
}

.tstitle {
  display: inline-block;
  font-weight: 700;
  font-size: 40px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  line-height: 1;
  padding: 0 0 4px 0;
  margin: 30px auto 40px auto;
  background: url("../img/bellowtitle.jpg") bottom left no-repeat
}

.tsItem {
  display: inline-block;
  width: 30%;
  margin: 0 1%;
  vertical-align: top;
}

.tsItemNumber { width: 200px; height: 160px; text-align: center; margin: 0 auto -30px auto;}
.tsItemNumber img { width: 70%; text-align: center;}


.tswrapper {
  width: 96%;
  max-width: 400px;
  margin: 0 2%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+49,e7e7e7+100 */
  background: #f3f3f3; /* Old browsers */
  background: -moz-linear-gradient(top, #f3f3f3 49%, #e7e7e7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f3f3f3 49%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3f3f3 49%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  position: relative;
  z-index: 0;
}

.tswrapper::before {
    content: "";
    position: absolute;
    display: block;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 7px solid rgba(105,105,105,0.2);

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    z-index: -1;
  }

.tsiLogo {
  display: inline-block;
  margin: 5px 0;
	position: relative;
}

.tsiLogo img { max-width: 100%; }

.tsiSurveyName{
  font-size: 23px;
  font-weight: 800;
  text-transform: uppercase;
  width: calc(100% - 16px);
  text-align: left;
  margin: 0;
  margin-left: 8px;
}

.tsiSurveyText{
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  width: calc(100% - 16px);
  text-align: justify;
  margin: 0;
  margin-left: 8px;
  padding-bottom: 15px;
}

.tsButton {
  display: block;
  width: calc(100% - 4px);
  background: #cbe584; /* Old browsers */
  background: -moz-linear-gradient(top, #cbe584 0%, #9ec955 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #cbe584 0%,#9ec955 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #cbe584 0%,#9ec955 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe584', endColorstr='#9ec955',GradientType=0 ); /* IE6-9 */

  border: 1px solid rgba(69,83,20,0.3);

  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;

  padding: 0;
  margin-left: 1px;

  font-size: 25px;
  font-weight: 800;
  line-height: 1.4;
  text-transform: uppercase;

  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
  text-decoration: none;
  position: relative;

  color: #fff;
  z-index: 0;
}

.tsButton:hover {
  background: #cbe584; /* Old browsers */
  background: -moz-linear-gradient(top, #9ec955 0%,#cbe584 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,#9ec955 0%, #cbe584 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,#9ec955 0%, #cbe584 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec955', endColorstr='#cbe584',GradientType=0 ); /* IE6-9 */
}

.tsbIcon {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 5px;
  background: url("../img/btn_icon_play.png") top right no-repeat;
  width: 25px;
  height: 25px;

}

.tsiRating {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 22px;
  color: #606060;
  vertical-align: middle;
}

.tsrStars {

}

.tsrsFull { vertical-align: middle; display:inline-block; background: url("../img/rating/star_full.png") center center no-repeat; width: 22px; height: 22px; }
.tsrsHalf { vertical-align: middle; display:inline-block; background: url("../img/rating/star_half.png") center center no-repeat; width: 22px; height: 22px; }
.tsrsEmpty { vertical-align: middle; display:inline-block; background: url("../img/rating/star_empty.png") center center no-repeat; width: 22px; height: 22px; }





.smBuzz {
  padding-bottom: 20px;
  border-bottom: 3px solid #7892c9;
}

.smBuzzwrapper {
  background: #7892c9;
  height: 27px;
}

.smBuzzTitle {
  line-height: 25px;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 2px;
  color: #fff;
  text-align: center;
}

.smAllContent {
  position: relative;
  margin-top: 15px;
}

.sssprev {
  background: url("../img/buzz_left.png") center center no-repeat;
  width: 24px;
  height: 75px;

  display: block;
  vertical-align: top;
  position: absolute;
  left: 0;
  top: 0;
}

.sssnext {
  background: url("../img/buzz_right.png") center center no-repeat;
  width: 24px;
  height: 75px;

  display: block;
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 0;

}

.smcontent {
  display: block;
  vertical-align: top;
  width: 100%;
  margin: 0 0px;
}

.smItem {}

.ssslide { width: calc(100% - 60px); margin-left: 30px; }

.smiSocialIcon {
  display: inline-block;
  vertical-align: top;
  margin-top: 11px;
}

.smiVR {
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 93px;
  background: #e5e5e5;
  margin: 0 5px;
}

.smiProfilePic {
  display: inline-block;
  vertical-align: top;

  width: 91px;
  height: 91px;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  border: 1px solid rgba(105, 105, 105, 0.4);
  margin:0;
}

.smiProfilePic img {
  width: 100%;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin:0;
}

.smiInfo {
  display: inline-block;
  vertical-align: top;

  line-height: 1;
  font-size: 27px;
  font-weight: 600;
  color: #000;

  padding-top: 15px;

}

.smiiAccount {
  font-size: 26px;
  font-weight: 300;
  color: #a2a2a2;
}

.smText {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  color: #606060;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 1px;
  line-height: 1.2;
  text-align: center;
}




.footer-container {
  background: #292e34;
  border-bottom: solid 10px #171b1f;

}

footer .wrapper {
  height: 100px;
}

.footersocial {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  height: 51px;
  margin-top: 24px;
}

.footertext {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 270px);
  margin: 0 0 0 15px;
  color: #a1a6b2;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1.5;
}















/* ==========================================================================
   Media Queries
   ========================================================================== */

   @media only screen and (max-width: 1460px) {
     .gsTitle { font-size: 40px; }
     .gsTagline { font-size: 21px; margin: 10px 0px 40px; }
     .hiwseparator { background-size: 75%; width: 100px; height: 170px; }
     .earnedgirlimage { height: 27.65vw; width: 40vw; background-size: 100% 100%; }
     .earnedinfo { max-width: 47vw; }
     .earnedtitle { font-size: 32px; }
     .earnedamount { font-size: 48px; }
     .hrbottom { margin: 15px auto 10px; }
     .smText { width: 63%; }
   }

   @media only screen and (max-width: 1180px) {
     .wrapper { width: 96%; }
     .gscontent { left: 18vw; width: 60vw; }
     .gsTitle { font-size: 36px; }
     .spacedtxt { letter-spacing: 2px; }
     .gsTagline { font-size: 18px; margin: 10px 0px 40px; }
     .hiwseparator { background-size: 72%; width: 60px; height: 170px; }
     .earnedgirlimage { height: 27.65vw; width: 40vw; background-size: 100% 100%; }
     .earnedinfo { max-width: 53vw; }
     .earnedtitle { margin: 15px 0px 0px; font-size: 30px; }
     .earnedamount { font-size: 52px; }
     .hrbottom { margin: 15px auto 10px; }
     .smText { width: 62%; font-size: 18px; }
     .earned {
       background: #89a6e3; /* Old browsers */
       background: -moz-linear-gradient(top, #89a6e3 38%, #6986c6 100%); /* FF3.6-15 */
       background: -webkit-linear-gradient(top, #89a6e3 38%,#6986c6 100%); /* Chrome10-25,Safari5.1-6 */
       background: linear-gradient(to bottom, #89a6e3 38%,#6986c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89a6e3', endColorstr='#6986c6',GradientType=0 ); /* IE6-9 */
     }
     .smiProfilePic { width: 80px; height: 80px; }
     .smiVR { height: 80px; }
     .smiInfo { font-size: 22px; }
     .smiiAccount { font-size: 21px; }
     .footertext { width: calc(100% - 260px); margin: 0px 0px 0px 5px; font-size: 12px; letter-spacing: 0px; line-height: 1.3; }
   }

   @media only screen and (max-width: 1010px) {
     .earnedtitle { font-size: 40px; }
     .earnedamount { font-size: 51px; }
     .tsButton { font-size: 20px; }
     .tsbIcon { display: none;}
   }



   /* MOBILE PHONES CSS */
   @media only screen and (max-width: 767px) and (orientation: portrait)
   {
     .header-container { display:  none; }
     .main-container { padding-top: 0px; }
     .getstarted { height: 90vh; background: transparent url("../img/thinking_portrait.jpg") no-repeat scroll center bottom / cover; }
     .gscontent { left: 0vw; width: 100%; }
     .whitelogo { width: 70%; margin: 2vh auto 0 auto; text-align: center; }
     .whitelogo img { width: 100%; text-align: center; }
     .hrtop {  margin: 15px auto 15px; }
     .gsTitle { font-size: 20px; }
     .spacedtxt { letter-spacing: 1px; }
     .gsTagline { margin: 10px 0px 20px; }
     .greenbutton { padding: 4px 40px; font-size: 18px; }
     .hiwseparator { display: none; }
     .hiwcolumn { display: block; width: 160px; vertical-align: top; margin: 0 auto; padding-bottom:  25px; }
     .hiwtitle { font-size: 32px; }
     .tstitle { font-size: 36px; }
     .earnedgirlimage { display: none; }
     .earnedinfo { max-width: 100%; padding-bottom: 20px; }
     .earnedtitle { font-size: 26px; }
     .earnedamount { font-size: 31px; }
     .ercProfilePic { display: block; margin: 0 auto; }
     .ercText { display: block; width: 100%; }
     .tsItem { display: block; width: 100%; margin: 0px autp; vertical-align: top; padding-bottom: 40px; }
	 .tswrapper { max-width: 450px; margin: 0 auto;}
	 .tsiLogo img { width: 100%; }
	 .tsiLogo { width: 100%; }
     .smiVR { display: none; }
     .smItem { text-align: center; }
     .smiSocialIcon { display: none; }
     .smiProfilePic {  text-align: center; display: inline-block; margin: 0 auto; }
     .smiInfo {  text-align: center; display: inline-block; margin: 0 auto; }
     .smText { width: 100%; font-size: 16px; }
     .footersocial { display: block; width: 100%; margin: 0 auto; text-align: center; padding-top: 10px; }
     .footertext { width: 100%; }


   }

   @media only screen and (max-width: 767px) and (orientation: landscape)
   {
     .header-container { display:  none; }
     .main-container { padding-top: 0px; }
     .getstarted { background: transparent url("../img/thinking_1280.jpg") no-repeat scroll left bottom / cover; min-height: 290px; }
     .gscontent { left: 16vw; width: 60vw; }
     .whitelogo { width: 65%;  text-align: center; }
     .whitelogo img { width: 100%; text-align: center; margin: 3vh auto 0 auto;}
     .hrtop { margin: 15px auto 10px; }
     .gsTitle { font-size: 22px; }
     .spacedtxt { letter-spacing: 1px; }
     .gsTagline { font-size: 18px; margin: 10px 0px 15px; }
     .greenbutton { padding: 3px 30px; font-size: 22px; }
     .hiwseparator { display: none; }
     .hiwcolumn { width: 250px;  padding-bottom: 30px; }
     .earnedgirlimage { display: none; }
     .earnedinfo { max-width: 100%; padding-bottom: 20px; width: 100%; }
     .tsItem { display: block; width: 80%; margin: 0px auto; padding-bottom: 30px; text-align: center; }
     .tswrapper { margin: 0px auto; }
     .smiVR { display: none; }
     .smItem { text-align: center; }
     .smiSocialIcon { display: none; }
     .smiProfilePic {  text-align: center; display: inline-block; margin: 0 auto; }
     .smiInfo {  text-align: center; display: inline-block; margin: 0 auto; }
     .smText { width: 100%; font-size: 16px; }
     .footersocial { display: block; width: 100%; margin: 0 auto; text-align: center; padding-top: 10px; }
     .footertext { width: 100%; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}