html,
      body {
        height: 100%;
    }
    
    #wrap {
      min-height: 100%;
      height: auto !important;
      height: 100%;
      /* Negative indent footer by it's height */
      margin: 0 auto -450px;
    }
    
    /* Set the fixed height of the footer here */
    	
	#push,
    #footer {
      height: 450px;
	  
    }
	
    #footer {
      background-color: #f5f5f5;
    }
      
    body {
      font-family: 'proxima';
      background: #f8f8f8;
      background-image: url('../img/bg.gif');
    }
    
    .home {
      position: relative;
      margin-bottom: 20px;
    }
    
    #logo {
      width: 322px;
      display: block;
    }
    
    .login {
	  position:absolute;
	  font-size: 14px;
      color:#333C8A;
	  margin-left:750px;
	  margin-top:30px;
	  
    }
    .mascot-container {
      width: 326px;
      display: block;
      position: absolute;
      top: 110px;
      left: 0px;
      padding: 0px;
      margin: 0px;
    }
    
    .question-home {
      padding-top: 44px;
    }
    
    .date {
      font-size: 14px;
      color: #6e7275;
    }
    
    .question-of-the-day {
      display: block;
    }
    
    h1.question {
      font-size: 27px;
      line-height: 34px;
      font-family: 'proxima-bold';
      color: #31adfb;
      padding-top: 8px;
      padding-bottom: 8px;
    }
    
     h1.SignUpTitle {
      font-size: 26px;
      line-height: 30px;
      font-family: 'proxima-bold';
      color: #31adfb;
      padding-top: 5px;
      padding-bottom: -18px;
      border:solid 0px red;
      margin-bottom: 0px; 
      
    }

    .qotd,.qotd-reg,.progress-container {
      height: 230px;
    }
    
    .qotd label {
      padding-bottom: 8px;
    }
    
    .qotd .radio {
      font-size: 18px;
      color: #5c5e5e;
      font-family: 'proxima-semibold';
    }
    
    .btn-answer {
      margin-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background: #8cdc61;
      border-color: #62be68;
      color: #fff;
      text-shadow: -1px -1px 0px #71bd49;
      -moz-box-shadow:    inset 0 0 1px #bcf589;
      -webkit-box-shadow: inset 0 0 1px #bcf589;
      box-shadow:         inset 1px 1px 0px #bcf589;
    }
    
    .btn-answer:hover {
      background: #77ca4a;
      color: #fff;
    }
    
    .optin-info {
      font-family: 'proxima-semibold';
    }
    
    #footer {
      background: #0082f0;
      color: #fff;
    }
    
    #footer h2 {
      font-family: 'proxima-bold';
      text-align: center;
      padding-top: 30px;
      font-size: 38px;
    }
    
    .about {
      text-align: center;
      display: block;
      font-family: 'proxima';
      font-weight: 400;
      font-size: 18px;
      line-height: 24px;
      margin: 0 auto;
      width: 90%;
    }
    
    #footer .span4 {
      width: 27%;
      padding: 20px;
      font-size: 16px;
      line-height: 27px;
    }
	
	#footer .span48 {
      width: 8px;
      padding: 0px;
      font-size: 16px;
      line-height: 27px;
    }
	
	#footer .span44 {
      width: 250px;
      padding: 10px;
      font-size: 16px;
      line-height: 27px;
	  
	  
	  
    }
	#footer .span45 {
      width: 2%;
      padding: 0px;
      font-size: 16px;
      line-height: 27px;
    }
    
	
	#footer h7 {
      font-family: 'Savoye LET';
      font-size: 33px;
      font-weight:600;
      padding-top: 20px;
    }
	
		
    #footer h3 {
      font-family: 'pacifico';
      font-size: 35px;
      font-weight: 400;
      padding-top: 20px;
    }
	
	#footer h6 {
      font-family: 'pacifico';
      font-size: 25px;
      font-weight:200;
      padding-top: 20px;
    }
    
    #footer h3 b {
      font-family: 'emoji';
      font-size: 40px;
      font-weight: normal;
      color: #a4dcff;
    }
    
    .footer-links {
      font-size: 12px;
      padding-top: 38px;
      text-align: center;
    }
	
	.footer-links1 {
      font-size: 12px;
      padding-top: 38px;
      text-align: center;
    }
    
    .footer-links a {
      color: #0082f0;
    }
	
	.footer-links1 a {
      color: #fff;
    }
    
    .footer-links a:after {
      content: " \0000a0 | \0000a0 ";
    } 
	
	.footer-links1 a:after {
      content: "";
    } 
    
    .footer-links a.last-link:after {
      content: "";
    }
	
	.footer-links1 a.last-link:after {
      content: "";
    }
    
    .footer-links a:hover {
      text-decoration: none;
      color: #bfe6ff;
    }
	
	.footer-links1 a:hover {
      text-decoration: none;
      color: #bfe6ff;
    }
    
    .mascot-bubble {
      display: none;
      position: absolute;
      top: 55px;
      left: -25px;
    }
    .mascot-bubble1 {
      display: block;
      position: absolute;
      top: 55px;
      left: -25px;
    }
    
    .form-horizontal .control-label {
      width: 60px;
    }
    
    .form-horizontal .controls {
      margin-left: 80px;
    }
    
    .email-group {
      padding-bottom: 10px !important;
      margin-bottom: 0px !important;
    }
    
    .qotd-reg p {
      font-size: 13px;
      color: #4f5254;
    }
    
    .qotd-reg p img {
      display: block;
      padding-top: 10px;
    }
    
    #email-field {
      background-image: url('../img/lock.png');
      background-position: right center;
      background-repeat: no-repeat;
    }
    
    @media (max-width: 480px) {   
      html,body {
        width: 100%;
        padding: 0px;
        margin: 0px;
      }
      
      .container,.row {
        width: 100%;
      }
	  
	  
      #wrap {
        margin: 0 auto;
        width: 100%;
        display: inline;
      }
      
      #push,#footer {
        display: none;
      }
      
      .logo-home {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 0px;
        padding-left: 20px;
      }
      
      .logo-home img {
        width: 60%;
        margin: 0 auto;
      }
      
      .question-home {
        padding-top: 15px;
      }
      
      .question-home .date {
        text-align: center;
      }
      
      .question-of-the-day {
        margin: 0 auto;
        width: 80%;
      }
      
      .question-home {
        width: 100%;
        text-align: center;
      }
      
      .question-home h1 {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        display: block;
        line-height: 26px;
        padding-top: 10px;
        padding-bottom: 20px;
      }
      
      .question-home form {
        text-align: left;
        width: 86%;
        margin: 0 auto;
        margin-bottom: 30px;
      }
      
      .mascot-container {
        display: none;
      }
      
      #footer .span4 {
        width: 90%;
        margin: 0 auto;
      }
    }
	
	   body {
      font-family: 'proxima';
      /*background: #f8f8f8;
      background-image: url('../img/bg.gif');*/
    }
    
    .header {
      width: 100%;
      background: #0082f0;
      height: 100px;
      color: #fff;
	  
	  
    }
    
    .member-controls {
      padding-top: 12px;
      font-size: 16px;
    }
    
    .member-controls h5 {
      font-weight: normal;
      font-size: 13px;
    }
    
    .member-controls h5 b {
      font-weight: normal;
      font-family: 'emoji';
      color: #fff;
    }
    
    .member-controls a {
      color: #fff;
    }
    
    .members-logo-container {
      position: absolute;
      top: 0px;
      left: 46%;
      width: 330px;
      margin-left: -140px;
    }
    
    .mascot-members {
      position: absolute;
      z-index: 5;
      margin-left: -80px;
      margin-top: 10px;
    }
    
    .logo-members {
      position: absolute;
    }
    
    .page {
      background-image: url('../img/members1-bg.png');
      border-bottom: 1px solid #e7e9ea;
    }
    
    #nav {
      width: 200px;
      margin: 0px;
      margin-top: 55px;
      position: relative;
	  
    }
    
    .nav-top,.nav-bottom,.nav-top img,.nav-bottom img {
      margin: 0px;
      padding: 0px;
      line-height: 0px;
    }
    
    .nav-middle {
      background: #fffcd0;
    }
    
    .nav-middle .orange-nav {
      background-color: #a7e796;
      color: #fff;
	  height:30px;
    }
    
    .nav-middle ul {
      margin: 0px;
      list-style-type: none;
      padding: 0px;
    }
    
    .nav-middle li {
      margin: 0px;
      padding: 0px;
      color: #403d3d;
      font-size: 18px;
      font-family: 'proxima-semibold';
      line-height: 20px;
      padding-left: 82px;
      height: 50px;
      border-bottom: 1px solid #f1edb2;
      padding-top: 20px;
      cursor: pointer;
    }
    
    .nav-middle li:hover {
      background-color: #fffee8;
    }
    
    .nav-middle .orange-nav:hover {
      background-color: #a7e796;
    }
    
    .last-nav {
      border: none !important;
    }
    
    .nav-challenge {
      background-image: url('../img/nav-challenge.png');
      background-repeat: no-repeat;
      background-position: 20px 20px;
    }
    
    .nav-fb {
      background-image: url('../img/nav-fb.png');
      background-repeat: no-repeat;
      background-position: 24px 20px;
    }
	.nav-brain {
      background-image: url('../img/brain1.png');
      background-repeat: no-repeat;
      background-position: 24px 20px;
    }
    
    .nav-twitter {
      background-image: url('../img/nav-twitter.png');
      background-repeat: no-repeat;
      background-position: 24px 20px;
    }
    
    .nav-profile {
      background-image: url('../img/nav-profile.png');
      background-repeat: no-repeat;
      background-position: 24px 20px;
    }
    
    
    .nav-challenge-friend {
      background-image: url('../img/nav-friend1.png');
      background-repeat: no-repeat;
      background-position: 24px 20px;
    }
    
    .nav-refer {
      background-image: url('../img/nav-refer.png');
      background-repeat: no-repeat;
      background-position: 24px 19px;
    }
    
    .nav-challenge-stats {
      background-image: url('../img/nav-stats.png');
      background-repeat: no-repeat;
      background-position: 24px 20px;
    }
    
    .nav-mail {
      background-image: url('../img/nav-mail.png');
      background-repeat: no-repeat;
      background-position: 24px 20px;
    }
	
	.nav-blog {
      background-image: url('../img/blog1.png');
      background-repeat: no-repeat;
      background-position: 24px 20px;
    }
    
    li.orange-nav {
      padding-top: 0px;
      padding-left: 0px;
      height: 110px;
    }
    
    .nav-score b {
      font-size: 22px;
      display: block;
      padding-left: 80px;
      padding-top: 10px;
      line-height: 22px;
    }
    
    .nav-score div {
      font-size: 13px;
      width: 180px;
      margin: 0 auto;
      line-height: 17px;
      padding-top: 8px;
    }
    
    .sub-nav {
      background: #fff88f;
      position: absolute;
      top: 129px;
      left: 220px;
      width: 220px;
      border-left: 5px solid #f9f06f;
      z-index: 50;
    }
    
    .sub-nav ul {
      margin: 0px;
      list-style-type: none;
      padding: 0px;
    }
    
    .sub-nav li {
      margin: 0px;
      padding: 0px;
      color: #403d3d;
      font-size: 18px;
      font-family: 'proxima-semibold';
      line-height: 20px;
      padding-left: 92px;
      height: 60px;
      border-bottom: 1px solid #f1edb2;
      padding-top: 20px;
      cursor: pointer;
    }
    
    .sub-nav li:hover {
      background-color: #fffbbf;
    }
    
    .member-content {
      padding-top: 50px;
    }
    
    .member-content h1 {
      color: #0082f0;
      font-size: 25px;
      font-family: 'proxima-bold';
      line-height: 31px;
      height: 32px;
      display: block;
    }
    
    .member-content h1.results-header {
      color: #5cc026;
      background-image: url('../img/big-check.png');
      background-repeat: no-repeat;
      padding-left: 38px;
    }
	
	.member-content h1.resultsWrong-header {
      color: #C00;
      background-image: url('../img/big-wrong.png');
      background-repeat: no-repeat;
      padding-left: 38px;
    }
	
	.member-content h1.resultsPlayed-header {
      color:#666;
      background-image: url('../img/big-answered.png');
      background-repeat: no-repeat;
      padding-left: 38px;
    }
    
    p.answer {
      font-size: 14px;
      color: #444648;
    }
	
	p.bot {
      font-size: 14px;
	  font-family:Tahoma, Geneva, sans-serif;
      color: #ffffff;
	  line-height:18px;
	  font-weight:400;
    }
    
    .banner {
      width: 160px;
      display: block;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 20px;
    }
    
    .results-table {
      border: 0px;
      font-size: 13px;
      margin-top: 20px;
    }
    
    .results-table tr {
      border-bottom: 2px solid #fff;
    }
    
    .results-td-icon {
      width: 30px;
      text-align: center;
    }
    
    .results-td-percent {
      width: 30px;
      text-align: center;
      color: #4f5050;
    }
    
    .results-td-bar {
      background: #f4f5f5;
      text-align: left;
	  height:28px;
    }
    
    .results-bar {
      width: 100%;
      padding: 0px;
      position: relative;
    }
    
    .results-bar span {
      display: block;
      position: absolute;
      top: 0px;
      right: 10px;
      text-align: right;
    }
    
    .results-inner-bar {
      background: #e3e4e5;
	  height:26px;
    }
    
    .correct-answer {
      color: #66bd52;
      font-weight: bold;
    }
    
    .correct-answer .results-inner-bar {
      background: #c5f1bb;
    }
    
    .note {
      border: 2px solid #e4e5e5;
      padding: 10px;
      color: #444648;
      font-size: 13px;
      line-height: 19px;
      background-image: url('../img/note-check.png');
      background-repeat: no-repeat;
      background-position: 14px 11px;
      margin-top: 20px;
    }
    
    .note p {
      padding: 0px;
      margin: 0px;
      padding-left: 60px;
    }
    
    .btn-challenge {
      margin-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background: #8cdc61;
      border-color: #62be68;
      color: #fff;
      text-shadow: -1px -1px 0px #71bd49;
      -moz-box-shadow:    inset 0 0 1px #bcf589;
      -webkit-box-shadow: inset 0 0 1px #bcf589;
      box-shadow:         inset 1px 1px 0px #bcf589;
    }
    
    .btn-challenge:hover {
      background: #77ca4a;
      color: #fff;
    }
    
    .results-challenge {
      margin-top: 20px;
    }
    
    .color-box {
      width: 323px;
      margin: 0 auto;
      color: #fff;
      margin-bottom: 30px;
    }
    
    .color-box img {
      padding: 0px;
      margin: 0px;
      line-height: 0px;
      display: block;
    }
    
    .color-box-inner,.color-box-inner h3,.color-box-inner p {
      padding: 0px;
      margin: 0px;
    }
    
    .color-box h3 {
      font-size: 19px;
      padding-top: 10px;
      padding-bottom: 0px;
      line-height: 30px;
    }
    
    .color-box p {
      font-size: 12px;
      line-height: 16px;
      padding-right: 10px;
      padding-top: 0px;
    }
    
    .color-box ul {
      padding: 0px;
      margin: 0px;
      list-style-type: none;
      margin-left: 46px;
      padding-bottom: 10px;
    }
    
    .color-box li {
      display: inline-block;
      color: #fff;
      font-size: 11px;
      height: 24px;
      line-height: 24px;
    }
    
    .color-box li a {
      color: #fff;
    }
    
    .color-box .fb-share {
      background-image: url('../img/fb-icon.png');
      background-repeat: no-repeat;
      padding-left: 30px;
      padding-right: 10px;
    }
    
    .color-box .twitter-share {
      background-image: url('../img/twitter-icon.png');
      background-repeat: no-repeat;
      padding-left: 30px;
    }
    
    .pink-box {
      min-height: 200px;
	  background-image: url('../img/pink.png');
	  background-repeat:no-repeat;
	  padding-top:15px;
	 
	  
    }
    
    .orange-box {
     min-height: 200px;
	  background-image: url('../img/purple.png');
	  background-repeat:no-repeat;
	  padding-top:15px;
    }
    
    .orange-box p,.orange-box h3 {
      padding-left: 25px;
      padding-right: 25px;
    }
    
    .orange-box p {
      padding-bottom: 25px;
    }
    
    .mascot-teacher {
      display: block;
      float: left;
      margin: 10px 10px 20px 15px !important;
    }
    
    .color-box-left {
      margin-left: 50px;
    }
    
    .color-box-right {
      margin-right: 50px;
    }
    
    .results-challenge ul {
      padding: 0px;
      margin: 0px;
      list-style-type: none;
      margin-left: 0px;
      padding-bottom: 20px;
    }
    
    .results-challenge li {
      display: inline-block;
      color: #6a7073;
      font-size: 12px;
      height: 30px;
      line-height: 30px;
    }
    
    .results-challenge li a {
      color: #6a7073;
    }
    
    .results-challenge .fb-share {
      background-image: url('../img/fb-icon-dark.png');
      background-repeat: no-repeat;
      padding-left: 36px;
      padding-right: 10px;
    }
    
    .results-challenge .twitter-share {
      background-image: url('../img/twitter-icon-dark.png');
      background-repeat: no-repeat;
      padding-left: 36px;
      padding-right: 10px;
    }
    
    .score-page .fb-share {
      margin-left: 55px;
    }
    
    .results-challenge .email-share {
      background-image: url('../img/email-icon-dark.png');
      background-repeat: no-repeat;
      padding-left: 36px;
    }
    
    #gaugeValue {
	        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #f3f3f3));
	        background-image: -webkit-linear-gradient(#fafafa, #f3f3f3);
	        background-image: -moz-linear-gradient(#fafafa, #f3f3f3);
	        background-image: -o-linear-gradient(#fafafa, #f3f3f3);
	        background-image: -ms-linear-gradient(#fafafa, #f3f3f3);
	        background-image: linear-gradient(#fafafa, #f3f3f3);
	        -webkit-border-radius: 3px;
	        -moz-border-radius: 3px;
	        -ms-border-radius: 3px;
	        -o-border-radius: 3px;
	        border-radius: 3px;
	        -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	        -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	        padding: 10px;
	    }
	    
	    #Widget {
  	    margin: 0 auto;
  	    width: 350px;
  	    margin-top: 20px;
	    }
	    
	 .how-smart h3 {
  	 text-align: center;
  	 font-size: 15px;
  	 background: #d4f6d3;
  	 padding: 8px;
	 line-height:18px
	 }
	 
	 .gauge-value {
  	 position: absolute; 
  	 top: 265px; 
  	 left: 132px; 
  	 font-family: Sans-Serif; 
  	 text-align: center; 
  	 font-size: 20px; 
  	 width: 70px;
  	 font-weight: bold;
	 }
	 
	 .gauge-chart {
  	 font-size: 14px;
  	 margin-top: 20px;
  	 margin-bottom: 20px;
	 }
	 
	 .score-td {
  	 font-weight: bold;
	 }

	 .mascot-in-gauge {
  	 position: absolute; 
  	 top: 160px;
  	 left: 100px;
	 }
	 
	 .centered {
  	 display: block;
  	 text-align: center;
	 }
	 
	 .btn-long {
  	 width:360px;
  	 margin: 0 auto;
  	 display: block;
	 }
	 
	 .question-home {
      padding-top: 44px;
    }
    
    .date {
      font-size: 14px;
      color: #6e7275;
    }
    
    .question-of-the-day {
      display: block;
    }
    
    h1.question {
      font-size: 25px;
      line-height: 30px;
      font-family: 'proxima-bold';
      color: #31adfb;
      padding-top: 8px;
      padding-bottom: 8px;
    }
    
    .qotd,.qotd-reg,.progress-container {
      height: 230px;
    }
    
    .qotd label {
      padding-bottom: 8px;
    }
    
    .qotd .radio {
      font-size: 18px;
      color: #5c5e5e;
      font-family: 'proxima-semibold';
    }
    
    .btn-answer {
      margin-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background: #8cdc61;
      border-color: #62be68;
      color: #fff;
      text-shadow: -1px -1px 0px #71bd49;
      -moz-box-shadow:    inset 0 0 1px #bcf589;
      -webkit-box-shadow: inset 0 0 1px #bcf589;
      box-shadow:         inset 1px 1px 0px #bcf589;
    }
    
    .btn-answer:hover {
      background: #77ca4a;
      color: #fff;
    }
    
    .optin-info {
      font-family: 'proxima-semibold';
    }
    
    .left-padding {
      padding-left: 10px;
    }
    
    .mascot-question {
      width: auto;
      position: absolute;
      left: 50%;
      margin-left: -490px;
      top: 110px;
    }
    
    .logo-question {
      margin-left: -70px;
    }
    
    .question-brain-score {
      width: 600px;
      margin: 0 auto;
      overflow: hidden;
      margin-bottom: 20px;
    }
    
    .question-brain-score h2 {
      font-weight: bold;
      font-family: 'proxima-bold';
      font-size: 24px;
      padding-top: 0px;
      padding-bottom: 0px;
      margin-bottom: 5px;
      margin-top: 0px;
    }
    
    .question-brain-score img {
      width: 91px;
      float: left;
      padding-right: 20px;
      padding-bottom: 40px;
    }
	.birthday select {
  	 width: 30%;
	 }
	 
	 .challenged {
  	 text-align: center;
	 }
	 
	 .challenged h2 {
  	 color: #e71e25;
  	 font-family: 'proxima-bold';
  	 text-align: center;
	 }
	 
	 .challenged > p {
  	 display: block;
  	 width: 350px;
  	 margin: 0 auto;
  	 margin-bottom: 20px;
  	 text-align: left;
  	 background: #d4f6d3;
  	 padding: 20px;
	 }
	 
	 .challenged b {
  	 font-weight: bold;
  	 font-family: 'proxima-bold';
	 }

       
        .ordiv {
            height: 1px;
            border-top: 1px solid #999;
            text-align: center;
            position: relative;
            margin-left: 10px;
            margin-top: 8px;
            height: 10px;
        }

        .fbSignup {
            width: 240px;
            border: solid 0px red;
            margin-left: 30px;
            padding: 7px;
            height: 28px;
            margin-top: -3px;
            background:#3d6fbb;
            -webkit-border-top-left-radius: 3px;
            -moz-border-radius-topleft: 3px;
            border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topright: 3px;
            border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-bottom-left-radius: 3px;
            /* IE10 Consumer Preview */
            background-image: -ms-linear-gradient(bottom, #3c56a1 0%, #4a66b6 100%);
            /* Mozilla Firefox */
            background-image: -moz-linear-gradient(bottom, #3c56a1 0%, #4a66b6 100%);
            /* Opera */
            background-image: -o-linear-gradient(bottom, #3c56a1 0%, #4a66b6 100%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c56a1), color-stop(1, #4a66b6));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-linear-gradient(bottom, #3c56a1 0%, #4a66b6 100%);
            /* W3C Markup, IE10 Release Preview */
            background-image: linear-gradient(to top, #3c56a1 0%, #4a66b6 100%);
        }

            .fbSignup:hover {
                background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5778d1), color-stop(1, #4965b4) );
                background: -moz-linear-gradient( center top, #5778d1 5%, #4965b4 100% );
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c56a1', endColorstr='#4965b4');
                background-color: #5778d1;
            }
  
              .stc-featuredvideo-items 
                    {
                        position: relative; display: block; width: 90%; padding: 0; margin: 3% auto 3% auto; 
                        background-color: #fff; border: solid 1px #e8e8e8;
                        clear: both; z-index: 1; overflow: hidden;
                    }
                    .stc-featuredvideo-frame
                    {
                        position: relative; width: 100%; max-height: 150px; padding: 0; margin: 0 auto 3% auto;
                        vertical-align: top; border: solid 0px blue; z-index: 1;
                        overflow: hidden;
                    }

                    .stc-featuredvideo-frame iframe
                    {
                        height: 180px;
                    }

                    .stc-featuredvideo-timelbl
                    {
                        position: absolute; width: 50px; height: 25px; color: #fff; line-height: 25px;
                        font-size: 14px; letter-spacing: 1px; font-weight: normal; font-family: 'Source Sans Pro', tahoma;
                        right: 0; bottom: 1.5%; background-color: #343434;
                        border: solid 0px lightgray; z-index: 10;
                    }


                    .stc-featuredvideo-caption 
                    {
                        position: relative; width: 90%; min-height: 30px; padding: 0 0 1% 2%; margin: 0 auto 0 auto;
                        font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; vertical-align: top;
                        font-size: 18px; font-weight: bold; text-align: left; color: #308DD8;
                        border: solid 0px lightgray;
                    }


                    .stc-featuredvideo-countlbl
                    {
                        position: relative; width: 90%; min-height: 25px; max-height: 50px; padding: 0 0 0 3%; margin: 0 auto 0 auto;
                        font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; font-weight: normal;
                        text-align: left; color: #555; vertical-align: top; border: solid 0px lightgray;
                    }

                    .stc-featuredvideo-countlbl span.fa
                    {
                        position: relative; display: inline-block; width: 20px; height: 2px; padding: 0 5px 0 5px; margin: -6px 0 0 0;
                        vertical-align: middle; font-size: 7px; text-align: center; border: solid 0px blue;
                    }
               
                .bubble span
                        {
                          font-size:18px;
                          font-weight:bold;
                        }
                     

                            .bubble 
                            {
                            position: absolute;
                            top:315px;
                            width: 255px;
                            height: 40px;
                            font-size:15px;
                            padding:10px;
                             background: #FF1F21;
                            -webkit-border-radius: 7px;
                            -moz-border-radius: 7px;
                            border-radius: 7px;
                            z-index:9999;
                            text-align:center;
                            color:#fff;
                            font-weight:normal;
                            letter-spacing:.5px;
                            display:none;
                            font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif;
                             
                            
                            }

                            .bubble:after 
                            {
                            content: '';
                            position: absolute;
                            border-style: solid;
                            border-width: 0 12px 10px;
                            border-color: #FF1F21 transparent;
                            display: block;
                            width: 0;
                            z-index: 1;
                            top: -10px;
                            left: 42px;
                            }
     .trv-signupbtn-wrapper
        {
            position: relative; width: 94%; height: 52px; padding: 0; margin: 1% auto 2% auto; text-align: center; 
            font-family: 'Oswald', 'proximanova-regular'; font-size: 16px; font-weight: normal;
            border: solid 0px red;
        }
        
        .trv-signupfb-btn
        {
            position: relative; width: 90%; height: 34px; padding: 0; margin: 5px auto 0 auto;
            background: #3b5998;
            cursor: pointer;
            border: solid 1px rgba(0,0,0,0.5); border-radius: 4px; /* box-shadow: 1px 1px 1px #797979; */ clear: both;
        }
        
        .trv-signupfb-btn:hover
        {
            background: #2d4373;
        }

        .sbtn-fbicon-container 
        {
            position: relative; display: inline-block; float: left; width: 15%; height: 34px; 
            padding: 0; margin: 0; line-height: 32px;
            background: none; border: solid 0px #fff; border-right: solid 1px rgba(0,0,0,0.2); z-index: 20;
        }

        .sbtn-fb-icon 
        {
            position: relative; display: inline-block; width: 22px; padding: 0; margin: 0;
            line-height: 36px; color: #fff; text-indent: 1px; z-index: 20; /* line-height: 25px; font-size: 1.05em; */
        }

        .sbtn-fbtxt-container 
        {
            position: relative; display: inline-block; float: left; width: 84%; height: 34px;
            line-height: 18px; margin: 8px 0 0 0; 
            border: solid 0px lightgray; background-color: transparent; z-index: 20;
            overflow: hidden; text-wrap: none;
        }

        .sbtn-fb-text 
        {
            position: relative; display: inline-block; float: left; padding: 0; margin: 0 0 0 4%;
            font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-weight: bold;
            font-size: 13px; text-indent: 0px; letter-spacing: .20px;
            background-color: transparent; z-index: 20;  text-shadow: 1px 1px 1px #5f5f5f;
            border: solid 0px #444; overflow: hidden;
        }
          .btnCont {
          -webkit-border-radius: 21;
          -moz-border-radius: 21;
          border-radius: 21px;
          -webkit-box-shadow: 0px 1px 3px #787778;
          -moz-box-shadow: 0px 1px 3px #787778;
          box-shadow: 0px 1px 3px #787778;
          font-family: Arial;
          color: #ffffff;
          font-size: 24px;
          background: #84cf5b;
          padding: 11px 35px 11px 35px;
          border: solid #abdeb7 1px;
          text-decoration: none;
        }
       

        .btnCont:hover {
        background: #84cf5b;
        text-decoration: none;
        }

        .btnAns {
         -webkit-border-radius: 21;
          -moz-border-radius: 21;
          border-radius: 21px;
          -webkit-box-shadow: 0px 1px 3px #787778;
          -moz-box-shadow: 0px 1px 3px #787778;
          box-shadow: 0px 1px 3px #787778;
          font-family: Arial;
          color: #ffffff;
          font-size: 19px;
          background: #8cdc61;
          padding: 12px 30px 12px 30px;
          border: solid #abdeb7 1px;
          text-decoration: none;
          text-shadow: -1px -1px 0px #b4b3b3;
          margin-top:12px;
        }
       

        .btnAns:hover {
        background: #84cf5b;
        text-decoration: none;
        }



/*  Begin Question Pg New Css */

        .span6.question-home
        {
            min-width: 500px; min-height: 450px;
        }

        form.qotd
        {
            position: relative; float: left; display: inline-block; max-width: 250px; 
            padding: 0 0 2% 0; margin: 2% 0 0 4%;
            border: solid 0px lightblue;
        }

        form.qotd label
        {
            position: relative; display: block; padding-top: 1.5%;
            border: solid 0px lightgray;
        }


        .qotd-image-wrapper
        {
            position: relative; float: left; max-width: 280px; min-height: 140px; vertical-align: top;
            padding: 0; margin: 0;
            border: solid 1px lightgray;
        } 

/*  End Question Pg New Css */