body {
  margin: 0 0 185px;
}


/*----------  Fonts ----------*/
.blue   { color: #0070b9;}
.green  { color: #53934f;}
.purple { color: #592C82;}
.red    { color: #dd0006;}
.teal   { color: #00aac6;}
.white  { color: #fff;}
    
/* Grays */
.dark-gray  { color: #6d6e70;}
.light-gray { color: #f1f1f1;}
.med-gray   { color: #d1d2d4;}

p { font-family: museo-sans, Arial, sans-serif; color: #6f6a74;}



/*---------- Background colors ---------- */
.bg-blue    { background-color: #0070b9; color: #fff;}
.bg-green   { background-color: #53934f; color: #fff; }
.bg-purple  { background-color: #592c82; color: #fff;}
.bg-teal    { background-color: #00aac6; color: #fff;}
.bg-white   { background-color: #fff;} 

.bg-light-gray { background-color: #f8f8f8; }


.bg-nav { background-color: #6F6A74; color: #fff; }


/*---------- Buttons ---------- */
.btn { font-family: oswald, arial, sans-serif; text-transform: uppercase; letter-spacing: .5px;}
 
a.btn-purple, .btn-purple { 
    background-color: #592c82;
    border: none;
    color: #fff; padding: 8px 10px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
a.btn-purple:hover, .btn-purple:active, .btn-purple.active, .btn-purple:hover, .btn-purple:focus, .btn-purple.focus {
    background-color: #00aac6;
    /*border: 1px solid #00aac6;*/
    color: #fff; text-decoration: none;
}

a.btn-teal, .btn-teal { 
    background-color: #00aac6;
    border: none;
    color: #fff; padding: 8px 10px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
a.btn-teal:hover, .btn-teal:hover, .btn-teal:focus, .btn-teal.focus, .btn-teal:active, .btn-teal.active {
    background-color: #0070b9;
    border: none;
    color: #fff;
}

a.btn-teal-lg, .btn-teal-lg { 
    background-color: #00aac6;
    border: none;
    color: #fff; padding: 8px 20px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
a.btn-teal-lg:hover, .btn-teal-lg:hover, .btn-teal-lg:focus, .btn-teal-lg.focus, .btn-teal-lg:active, .btn-teal-lg.active {
    background-color: #0070b9;
    border: none;
    color: #fff;
}

.btn-blue-lg, .btn-blue-lg, a.btn-blue-lg { 
    background-color: #0070b9;
    border: none;
    color: #fff; padding: 12px 17px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
 a.btn-blue-lg:hover, .btn-blue-lg:focus, .btn-blue-lg.focus, .btn-blue-lg:active, .btn-blue-lg.active {
    background-color: #00aac6;
    border: none;
    color: #fff;
}

 .btn-blue, .btn-blue, a.btn-blue { 
    background-color: #0070b9;
    border: none;
    color: #fff; padding: 8px 10px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
 a.btn-blue:hover, .btn-blue:focus, .btn-blue.focus, .btn-blue:active, .btn-blue.active {
    background-color: #00aac6;
    border: none;
    color: #fff;
}

.btn-green, .btn-green { 
    background-color: #53934f;
    border: none;
    color: #fff; padding: 8px 10px;
    text-decoration: none;
	font-family: oswald, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
 a.btn-green:hover, .btn-green:hover, .btn-green:focus, .btn-green.focus, .btn-green:active, .btn-green.active {
    background-color: #0070b9;
    border: none;
    color: #fff;
}


a.btn-header, .btn-header, a.btn-header:focus, .btn-header:focus { padding: 8px 18px; color: #fff; background-color: transparent; border-color: #a7a9ab;}
a.btn-header:hover, .btn-header:hover { color: #fff; background-color: #00aac6; border-color: #00aac6;}

/*---------- Validation ---------- */
.field-validation-error { background: #00aac6; color: #fff; padding: 5px 8px; }
.input-validation-valid { color: red;}
.input-validation-error{
  color:red;
  font-weight:bold;
  background-color:pink;
}


/*---------- Tabs ---------- */
.nav-tabs { font-weight: 500; font-size: 14px; /*margin-top: 20px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;*/ text-transform: uppercase;  }
    .nav-tabs > li { float: left; margin-left: -1px; margin-bottom: -2px; }
        .nav-tabs > li > a { color: #6f6a74; padding: 10px 18px; text-decoration: none; }
            .nav-tabs > li > a:hover { background-color: #f1f1f1; border-top: 1px solid #d1d2d4; border-bottom: 1px solid #d1d2d4; margin-top: -1px; border-radius: 0; border-left: none; border-right: none; text-decoration: none; }
            .nav-tabs > li > a > i { padding-right: 3px; }
        .nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active > a:focus { color: #592c82; background: #fff; border-top: 2px solid #592c82; border-bottom: 2px solid #592c82; margin-top: -2px; text-decoration: none; border-radius: 0; }

/* --Tab content-- */
.tab-pane { padding-right: 20px; }
    /*.hsa-guide-content .tab-pane h3 { text-transform: uppercase; font-size: 15px; font-weight: 500; color: #592c82; padding-bottom: 9px;}*/
    .tab-pane ol li { font-family: sanchez, Arial, sans-serif; font-size: 18px; color: #00aac6; padding-bottom: 10px; }
    .tab-pane li p { font-family: museo-sans, Arial, sans-serif; font-size: 14px; color: #6f6a74; padding-top: 3px; }

.tab-pane ul.instructions, ul.instructions { list-style: none; padding-left: 0; }
    .tab-pane ul.instructions li, ul.instructions li { padding: 10px 0; border-bottom: 1px solid #dcddde;}
    .tab-pane ul.instructions li span, ul.instructions li span { font-weight: 700; color: #592c82;}


/*---------- Headings ---------- */
h1 { font-family: Oswald, Arial, sans-serif; }

section { padding: 20px 0;}

h2.cancel-order { margin-bottom: 5px; font-family: sanchez, Arial, sans-serif; font-size: 14px; line-height: 18px;}
#recaptcha, #hiddenGoogle {transform: scale(0.86); -webkit-transform: scale(0.86); transform-origin: 0 0; -webkit-transform-origin: 0 0;}
#hiddenGoogle { display: none; }
.verify-bot { padding-bottom: 10px;}
.verify-bot p { padding-top: 25px; margin-bottom: 3px; font-family: sanchez, Arial, sans-serif; font-size: 14px;}

.form-group.verify-bot .help-block.with-errors { margin-top: -12px;}


#sendBtn { display: block; position: absolute; left: 40%; bottom: 0; position: fixed;  margin:auto; z-index: 20; /*bottom: 300px;*/}


/*---------- Footer ---------- */
.generic-footer { background: #e7e7e7; padding: 40px 0 50px; position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 130px;}

.copyright { font-size: .9em; text-align: right;}
.follow { font-size: 1.1em; font-family: sanchez-semibold, sans-serif; color: #6d6e70;  margin-top: -10px; padding-bottom: 5px; }

.social a.btn { font-size: 15px; line-height: 21px; height: 35px; width: 35px; padding: 5px; border-right: 1px solid transparent; border-radius:25px; margin-left: 0px; background: rgba(255, 255, 255, 0.9);}

    .social a.btn:hover { color: #fff; background: #592c82;}

.facebook { color: #3A5795;}
.facebook:hover { color: #592c82;}
.twitter { color: #55ACEE;}
.linkedin { color: #3692C3;}
.youtube { color: #CC181E;}


@media (max-width: 767px) {
     .generic-footer { height: 185px;}
 .copyright { text-align: left; padding-top: 20px; }
        .copyright span { display: block;}

}



@media (max-width: 485px) {
    .nav-tabs { margin: 0 -15px; }
      .nav-tabs > li { width: 100%; text-align: center;} 
      
}


@media (max-width: 414px) {

    body { margin: 0 0 185px;}
    .nav-tabs { margin: 0 -25px; }
   
}