@charset "utf-8";
/* CSS Document for www.wavconsulting.com */
/* Copyright 2015 WAV Consulting, LLC. All rights reserved. */

/* PAGE *********************************************** */
*{
margin:0;padding:0; position: relative;
}
html {
height:100%; width:100%; text-align: center;

font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
/*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*font-family: 'Ubuntu', sans-serif; */
/*font-family: 'Source Sans Pro', sans-serif;*/
font-family: 'Open Sans', sans-serif;

text-align:center;
font-size: 14px;
line-height: 1.42857143;
height:100%;	width: 100%;
background-color: #ffffff;
}


/* STRUCTURE *********************************************** */
.container {
width: 100%;
}
.wrapper {
margin: auto auto;
width: 960px;
padding: 60px 0px;
}
#thanks .wrapper {padding:90px 5% 30px 5%; line-height: 30px; font-size: 20px; text-align: center; color: #333;}
#header .wrapper, #header-splash .wrapper {
padding: 0;
}
.box {
float: left;
margin: 0.5%;
padding: 0.5%;
}
.box2 {
width: 48%;
}
.box3 {
width: 31.33%;
}
.box4 {
width: 22.7%;/* -0.3 for border */
}
.box5 {
width: 17.8%; /* -0.2 for border */
text-align: left;
}
#why .box5 {
width: 17.7%; /* -0.2 for border */
text-align: center;
}
.box6 {
width: 14.46%; /* -0.2 for border */
}
.box6, #why .box5 {
background: rgb(149, 149, 149);
background: rgba(149, 149, 149, 0.07);
}

.heading {
width: 100%;
font-weight: bold;
text-transform: uppercase;
text-align: left;
font-size: 40px;
font-family:"Arial Black", Gadget, sans-serif;
color:#333;
padding: 10px 0px;
}

#how #title {
/*margin-top:30px;*/
text-align: center;
font-size: 50px;
text-transform: none;
color:#333;
}
#how #title, #how h2 {
color:#333;
}
#splash #title, #splash h2 {
color:#ffffff;
text-align: center;
}
#how .heading {
color: #ffffff;
}
#how h2 {
font-weight: bold;
font-family:"Arial Black", Gadget, sans-serif;
text-transform: uppercase;
}
.splash-overlay {
display:inline;
padding: 10px;
background-color: rgba(0, 0, 0, 0.3);
}
#how .desc, #splash .desc {
font-size: 15px;
background: rgb(149, 149, 149);
background: rgba(255,255,255, 0.10);
display: inline;
padding: 0px 5px;
line-height: 22px;
color: #000000;
width: 300px;
}
.box3 .heading {
text-transform: uppercase;
text-align: center;
font-size: 26px;
}
.box6 .heading, #why .box5 .heading {
text-transform: none;
text-align: center;
font-size: 20px;
}
.desc {
font-size: 12px;
}
.box3 img {
height: 160px;
border: 0px;
margin: 20px 0px;
}
.box6 img, #why .box5 img {
height: 100px;
border: 0px;
margin-bottom:20px;
}
.box6 .desc, #why .box5 .desc {
height: 100px;
}


/* HEADER *********************************************** */
#header, #header-splash {
position: fixed;/**/
height:60px;
top:0px;	left:0px;
z-index:999;
}
#header #logo img, #header-splash #logo img {
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
#header {
background: rgb(149, 149, 149);
background: rgba(0, 0, 0, 0.7);
}
#header-splash {
background: rgb(149, 149, 149);
background: rgba(0, 0, 0, 0);
}
.sticky-splash {
background: rgba(0, 0, 0, 0.7) !important;
}
#logo {
float: left;
width: 33%;
text-align: left;
padding: 5px 0px; margin: 0px;
}
#logo img {
height: 50px;
}
.logo-link, .logo-link:hover {
text-decoration:none;
border:none;
}
.logo-link:hover {
cursor:pointer;
}
#menu {
float: right;
width: 62%;
text-align: right;
padding: 5px 0px; margin: 0px;
font-size: 13px;
text-transform: uppercase;
}


/* MODULES *********************************************** */
#how {
background: url(../images/main-bg2.png) no-repeat center center fixed;
}
#splash {
background: url(../images/main-bg1.png) no-repeat center center fixed;
}
/*#features{
background: url(../images/main-bg1.png) no-repeat center center fixed;
}*/
#how, #splash, #features {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #000000;
}
#pricing-label {
font-weight: bold;
display: inline-block;
font-family:"Arial Black", Gadget, sans-serif;
line-height: 30px;
padding: 14px 10px 0px 10px;
font-size: 20px;
margin:0px;
}
.question {
background-image:url(../images/question.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
height: 22px;
text-align: left;
margin: 8px 0px;
padding: 7px 0px 5px 48px;
font-size: 16px;
}
.answer {
background-image:url(../images/answer.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
height: 22px;
text-align: left;
margin: 8px 0px;
padding: 7px 0px 5px 48px;
font-size: 16px;
font-weight: bold;
}
#options .heading, #help .heading {
text-align: center;
}

#options .box4, #help .box4 {
background: rgb(149, 149, 149);
background: rgba(149, 149, 149, 0.1);
font-size: 1.5em;
color:#333;
overflow: hidden;
padding-bottom: 100px;
}

#options .pricing {
color: #3399cc;
font-weight: bold;
font-size: 20px;
}
#help .pricing {
font-size: 14px;
}
#answers-on-demand-signup div { font-size: 1.6em; text-transform: none; font-weight: bold; padding: 10px 0px; color: #333}
#answers-on-demand-signup h2 { font-size: 1.2em;color: #333}
#answers-on-demand-signup {
background: rgb(149, 149, 149);
background: rgba(149, 149, 149, 0.2);
padding: 30px 0px;
color: #959595;
}


/* FOOTER *********************************************** */
#footer{
background-color: #2c2c2c;
/*background-image:url(../images/background/footer.png);
background-repeat: repeat-x;*/
color:#959595;

}
#footer .box4 {
text-align: left;
}
#copyright {
background-image:url(../images/United-States.png);
background-repeat: no-repeat;
background-position: left center;
height: 42px;
}
#copytext {
display: inline-block;
margin: 12px 0px 0px 37px;
height: 30px;
}
#footer .links a {
display: block;
}
.footer-link {
width: 36px; height: 36px;
margin: 0px 6px 0px 6px;
display: inline-block;
}
.footer-link a {display: block; height: 100%; width: 100%;}
#footer .heading {
font-size: 1.1em;
color: #3399cc;
}
#contact {
text-align: left;
margin: 20px 0px -20px 0px;
}
#contact h2 {
color: #ffffff;
font-size: 2em;
margin-left: 20px;
}
#sub-footer {
border-top: #959595 1px solid;
padding-top: 10px;
margin-top: 20px;
}
#footer .wrapper {
padding-bottom: 10px;
}
.contact-info {
line-height: 2.1em;
font-size: 1.0em;
}
.contact-info span {
margin-right: 6px;
}
.contact-info a {
display: inline;
}
#copyright {text-align: left;}
#newsletter-label {text-align: right; font-size: 1.7em; color:#ffffff; padding-top: 10px;}
#newsletter {text-align: left;}
#newsletter input {width: 80%;margin:0px; height: 20px; border:0px;}
#newsletter a {margin-left: 0px; font-weight: bold; color: #ffffff;}



/* SOCIAL MEDIA *********************************************** */
#social-media { text-align: right; height: 42px;}
.facebook {
background-image:url(../images/social-media/footer-facebook.png);
background-repeat:no-repeat;
background-size: contain;
}
.linkedin {
background-image:url(../images/social-media/footer-linkedin.png);
background-repeat:no-repeat;
background-size: contain;
}
.twitter {
background-image:url(../images/social-media/footer-twitter.png);
background-repeat:no-repeat;
background-size: contain;
}
.google {
background-image:url(../images/social-media/footer-google.png);
background-repeat:no-repeat;
background-size: contain;
}
.search {
background-image:url(../images/social-media/footer-search.svg);
background-repeat:no-repeat;
background-size: contain;
width: 32px; height: 32px;
border: #959595 2px solid;
border-radius: 17px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
-o-border-radius: 17px;
-khtml-border-radius: 17px;
}
.up {
background-image:url(../images/social-media/footer-up.svg);
background-repeat:no-repeat;
background-size: contain;
}
.facebook:hover {
background-image:url(../images/social-media/footer-facebook-hover.png);
background-repeat:no-repeat;
cursor: pointer;
}
.linkedin:hover {
background-image:url(../images/social-media/footer-linkedin-hover.png);
background-repeat:no-repeat;
cursor: pointer;
}
.twitter:hover {
background-image:url(../images/social-media/footer-twitter-hover.png);
background-repeat:no-repeat;
cursor: pointer;
}
.google:hover {
background-image:url(../images/social-media/footer-google-hover.png);
background-repeat:no-repeat;
cursor: pointer;
}
.search:hover {
background-image:url(../images/social-media/footer-search-hover.svg);
background-repeat:no-repeat;
cursor: pointer;
border: #3399cc 2px solid;
width: 150px;
background-position: right middle;
}
.up:hover {
background-image:url(../images/social-media/footer-up-hover.svg);
background-repeat:no-repeat;
cursor: pointer;
}


/* MISC *********************************************** */
.clearAll {
clear:both;
display:block;
height:0px;
visibility:hidden;
}
.hide {
display: none;
visibility: hidden;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 10px auto;
border: 0;
border-top: 1px solid #959595;
}
ul,ol {
    list-style-position: inside;
	padding: 6px 12px;
	text-align:left;
}
textarea:focus, input:focus{
outline: 0;
}
.btn {
margin: 5px;
padding: 10px;
text-decoration:none;
display: inline-block;
color: #959595;
}
.border0 {
border: 1px solid #959595;
}
.border1 {
border: 1px solid #3399cc;
}
.border5 {
border: 1px solid #959595;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
}
.border64 {
border: 3px solid #3399cc;
border-radius: 64px;
-webkit-border-radius: 64px;
-moz-border-radius: 64px;
-o-border-radius: 64px;
-khtml-border-radius: 64px;
}
.borderTab {
border: 1px solid #959595;
border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-o-border-radius: 5px 5px 0px 0px;
-khtml-border-radius: 5px 5px 0px 0px;
}
.border10 {
border: 1px solid #959595;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}
.border30 {
border: 30px solid #ffffff;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
-khtml-border-radius: 30px;
}
#why .border5, #options .border5, #about .border5, #help .border5 {
border-color: rgba(149, 149, 149, 0.1);
}

.btn-main {
color: #ffffff;
background-color: #3399cc;
}
#how .btn-main, #splash .btn-main, #answers-on-demand-signup .btn-main {
border-color: rgba(149, 149, 149, 0);
}
#how .btn-main, #splash .btn-main {
margin-top: 20px;
font-size: 1.5em;
padding: 12px 24px;
text-transform: uppercase;
}
.btn-info {
color: #000000
}
.btn:hover {
background-color: #959595;
cursor: pointer;
color: #000000;
border-color: rgba(149, 149, 149, 0);
}
input, textarea, button {
margin: 5px;
padding: 10px;
}
p a {
text-decoration: none;
color: #3399cc;
}
a {
text-decoration: none;
color: #959595;
}
.overlay {
background: rgb(149, 149, 149);
background: rgba(0, 0, 0, 0.7);
color: #3399cc;
font-weight: bold;
font-size: 20px;
text-align: left;
position: absolute;
bottom: 0px;
left: 0px;
padding: 10px 20px;
width: 100%;
}
h2 {
text-align: center;
font-size: 22px;
font-weight: normal;
margin-bottom: 20px;
}
.tombstone {
width: 99%;
margin:1% 0;
padding: 1%;
background: rgb(149, 149, 149);
background: rgba(255, 255, 255, 1);
}
.block {
width: 96%;
margin:1%;
padding: 1%;
background: rgb(149, 149, 149);
background: rgba(0, 0, 0, 0.2);
}
#toolbar.fixed {display: inline-block; visibility: visible;}
#toolbar { display: none; visibility: hidden;}

.expand {	min-height:100vh !important; width: 100% !important;display: table !important;}
.expand .wrapper {
display: table-cell !important;
vertical-align: middle !important;
min-width: 960px;
padding: 0 5% !important;
}
.expand #title {margin-top:30px;}
.focus {border-color: #3399cc !important;}
.negative {color: #df3320;border: 1px solid rgba(223, 51, 32,0.6); background-color:rgba(223, 51, 32,0.2);}
.neutral {color: #333;border: 1px solid #959595; background-color:rgba(149, 149, 149,0.2);}
.positive {color: #339900;border: 1px solid rgba(51, 153, 0, 0.6); background-color:rgba(51, 153, 0, 0.2);}
.negative, .neutral, .positive {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
}
#msg {
position: fixed;
width:97.5%;
left:0px;
bottom:0px;
padding:2% 1%;
z-index:1;
}
#thanks #msg {
position: fixed;
width:98%;
bottom:0px;
left:0px;
padding:2% 1%;
z-index:1;
}
#thanks {
min-height: 60%;
}


/* GET HELP */
#get-help {
border: 1px solid #959595;
background: rgb(149, 149, 149);
background: rgba(255, 255, 255, 0.5);
margin-top: -10px;
text-align: left;
}
#get-help input, #get-help textarea, #contact input, #contact textarea {
line-height: 28px;
border: 1px solid #959595;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
font-size: 14px;
}
#get-help textarea, #contact textarea {
height: 50px;
width: 90%;
text-align: left;
font-size: 12px;
}

#why .heading {
text-align: center;
}

#why {

}
#why img {
fill: blue;
}
#faq {
background-color: #3399cc;
}
#about .box4 {
text-align: center;
background: rgb(149, 149, 149);
background: rgba(149, 149, 149, 0.2);
}

#about {
text-align: left;
background-color: #959595;
padding: 90px 0px 30px 0px;
}
#about .wrapper {
background-color: #ffffff;
padding:0px;
}

#help #help-about {
background-image:url(../images/help/about.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 96px 96px;
}
#help #help-about:hover { cursor: pointer;
background-color: rgba(149, 149, 149, 0.05);
}
#help #help-faq {
background-image:url(../images/help/faq.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 96px 96px;
}
#help #help-faq:hover { cursor: pointer;
background-color: rgba(149, 149, 149, 0.05);
}
#help #help-privacy {
background-image:url(../images/help/privacy.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 96px 96px;
}
#help #help-privacy:hover { cursor: pointer;
background-color: rgba(149, 149, 149, 0.05);
}
#help #help-terms {
background-image:url(../images/help/terms.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 96px 96px;
}
#help #help-terms:hover { cursor: pointer;
background-color: rgba(149, 149, 149, 0.05);
}
#help #help-guarantee {
background-image:url(../images/help/guarantee.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 96px 96px;
}
#help #help-guarantee:hover { cursor: pointer;
background-color: rgba(149, 149, 149, 0.05);
}
#help #help-services {
background-image:url(../images/help/services.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 96px 96px;
}
#help #help-services:hover { cursor: pointer;
background-color: rgba(149, 149, 149, 0.05);
}
#help #help-contact {
background-image:url(../images/help/contact.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 96px 96px;
}
#help #help-contact:hover { cursor: pointer;
background-color: rgba(149, 149, 149, 0.05);
}
#help #help-resources {
background-image:url(../images/help/resources.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 96px 96px;
}
#help #help-resources:hover { cursor: pointer;
background-color: rgba(149, 149, 149, 0.05);
}


#services .wrapper, #services .heading, #services .box5, #services h3 {text-align: center;}
#services h3 {
font-size: 1.2em;
margin: 0px 0px 20px 0px;
}
#services .box5 div { margin: 20px auto;}
#services .box5 div {height: 128px; width: 128px;}
#services .box5 .border64 {height: 122px; width: 122px;}


#services #services-strategy {
background-image:url(../images/services/strategy.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 64px 64px;
}
#services #services-design {
background-image:url(../images/services/design.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 64px 64px;
}
#services #services-product {
background-image:url(../images/services/product.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 128px 128px;
}
#services #services-idea {
background-image:url(../images/services/idea.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 128px 128px;
}
#services #services-more {
background-image:url(../images/services/more.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 128px 128px;
}

#services .box5 div:hover {
cursor: pointer;
margin-top: 15px;
margin-bottom: 25px;
}

/*
#services #services-idea:hover { cursor: pointer;
background-image:url(../images/services/idea-hover.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 128px 128px;
}*/

#features {text-align: center}
#features .heading {text-align: center;text-transform: none;	color:#333;}
.feature {
border: 3px solid #3399cc;
border-radius: 44px;
-webkit-border-radius: 44px;
-moz-border-radius: 44px;
-o-border-radius: 44px;
-khtml-border-radius: 44px;

color: #3399cc;
font-weight: bold;
font-size: 3em;
text-align: center;
line-height: 82px;

height: 82px;
width: 82px;
float: left;

margin: 20px 0px 20px 20px;
}
.feature-desc {float:left;height: 88px; text-align: left; margin:20px; width: 740px; }
.feature-desc h3 {font-weight: bold; font-size: 2em; line-height: 44px;}
.feature-desc p {font-size: 1em; line-height: 22px;}
#features span {margin-right: 10px;}

#benefits {
background: rgb(149, 149, 149);
background: rgba(149, 149, 149, .4);
}
.benefit {
background-image:url(../images/star.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
height: 22px;
text-align: left;
margin: 8px 0px;
padding: 7px 0px 5px 48px;
font-size: 16px;
}

#guarantee .heading {
font-size: 1.6em;
text-align: center;
}

.guarantee {
background-image:url(../images/guarantee.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
height: 32px;
text-align: left;
margin: 12px 15%;
line-height: 32px;
padding-left: 42px;
font-size: 1.3em;
}
#tab {
background: rgb(149, 149, 149);
background: rgba(149, 149, 149, .6);
padding-top: 60px;
padding-bottom: 60px;
}
#tab .wrapper {
background-color: #ffffff;
padding:0px;
}
#tab h2 {text-align: left;}
#tab .box, #tab-bar {
width: 95.5%;
text-align: left;
}
#tab .box {
height: 110px;
}

#tab .box .desc {
padding: 6px;
margin-left: 98px;
margin-right:110px;
font-size: 14px;
color: #333;
}
.step {
background-color: #3399cc;
width:80px;
font-weight: bold;
text-align: center;
font-family:"Arial Black", Gadget, sans-serif;
color: #ffffff;
}
.step, .step-title {
display: inline-block;
line-height: 1.5em;
padding: 6px;
font-size: 18px;
}
#how-it-works .wrapper {
padding: 60px 0px 0px 0px;
}
#how-it-works h2 {
font-size: 40px;
text-align: left;
padding-top: 30px;
font-weight: regular;
}
#how-it-works .btn {
margin: 0px;
}

#tab .box {padding:10px;}
#tab .border5 {border-color: #3399cc;}

.secure {	min-height:100vh !important;}
.secure, .secure .heading, .secure .form {
font-family: 'Ubuntu', sans-serif !important;
text-transform: none !important;
text-align: center !important;
color: #333 !important;
}

.secure .wrapper {
margin-top: 60px;
}

.secure {
background: rgb(149, 149, 149);
background: rgba(149, 149, 149, 0.1);
}

.secure-stamp {
color: #959595;
font-size: 1.6em;
line-height: 40px;
}

#menu-secure {
border-left: 1px solid #959595;
text-align: left;
margin-left: 15px;
padding-left: 15px;
}

#secure-checkout .tombstone {
background: rgb(149, 149, 149);
background: rgba(149, 149, 149, 0.1);
width: 86%;
margin: 20px auto;
padding: 2%;
text-align: left;
border: 1px solid #959595;
border-color: rgb(149, 149, 149);
border-color: rgba(149, 149, 149, 0.3);
}

.inset {
background-color: #ffffff;
padding: 2%;
border: 1px outset #959595;
border-color: rgb(149, 149, 149);
border-color: rgba(149, 149, 149, 0.3);
margin: 10px;
}
.secure input {
color: #959595 !important;
}
.secure input, #secure-service .box3 {
border: 1px solid #959595;
border-color: rgb(149, 149, 149);
border-color: rgba(149, 149, 149, 0.3);
}
.secure input, #secure-signup button {
padding: 12px 6px;
line-height: 20px;
margin: 5px;
width: 98%;
}
.secure input, #secure-signup, #secure-service .box3, #secure-checkout .box3 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
}
#secure-signup button {border: none; text-transform: uppercase; font-weight: bold; font-size: .9em;}
.secure #location input {width: auto !important;}
.secure label {
padding: 0px 6px;
margin: 10px 5px 0px 5px;
display: block;
font-weight: bold;
}
.secure fieldset {
display: inline;
width: 47%;
padding: 0px;
margin: 1%;
border: none;
text-align: left;
}
.secure form {text-align: center;}
/*SERVICE*/
#secure-service .box3, #secure-checkout .box3 {
padding: 2%;
width:28.1%;
margin:.5%;
}
#secure-service .box3 {
min-height: 200px;

-ms-transition: all 0.5s ease 0;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease 0;
-o-transition: all 0.5s ease 0;
transition: all 0.5s ease 0;
}
#secure-service .box3 .heading {margin-bottom: auto;}
#secure-service .box3 h3 {margin-bottom: 0px; color: #339900; margin-top: 10px;}
#secure-service p {margin-top: auto;}
#secure-service .box3:hover {
background-color:#ffffff;
border: 1px solid #339900;
border-color: rgb(51, 153, 0);
border-color: rgba(51, 153, 0, 0.3);
cursor:pointer;
}
#secure-service hr {margin: 1.5%; width: 97%;}
/*CHECKOUT*/
.checkout-step {
background-color: rgb(51, 153, 0);
background-color: rgba(51, 153, 0, 0.6);
color: #ffffff;
font-weight: bold; padding: 0; font-size: 1.1em;
line-height:28px; height: 28px; width: 28px;
margin-right: 10px;
display:inline-block;text-align: center;

border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-khtml-border-radius: 50%;
}
#secure-checkout .box3 {
border: 1px solid #339900;
border-color: rgb(51, 153, 0);
border-color: rgba(51, 153, 0, 0.6);
min-height:120px;
}
#secure-checkout .heading {
padding:0;margin:0;line-height:32px;
width:100%;

}
#secure-checkout #phase3 {
background-color: rgb(51, 153, 0);
background-color: rgba(51, 153, 0, 0.6);
}
#secure-checkout #phase1, #secure-checkout #phase2 {
background-color: rgb(51, 153, 0);
background-color: rgba(51, 153, 0, 0.2);
}
#secure-checkout .glyphicon-ok {margin-right:10px; height:30px !Important; color: #339900 !important;}
#secure-checkout .checkout-cart {
background-image:url(../images/cart.svg);
background-repeat:no-repeat;
background-size:contain;
background-position: center center;
width:100%; height:80px;
}
.bill-left, .bill-right {padding:2%;width:45%; }
.bill-sub {line-height:20px;font-size:1.2em;}
.bill-total {line-height:30px; font-weight: bold; font-size:1.6em;}
.bill-left {float:left;text-align:left; }
.bill-right {float:right; text-align:right;}
.checkout-step-title, #inner-faq-title {
text-align: left;
font-size: 18px;
font-weight: bold;
margin: 10px 0px 0px 10px;
line-height: 28px;
}
#secure-checkout .pmt-img {
width:34% !important;
float:right;
padding-top:5px;
}
#secure-checkout .pmt-btn {text-align:left;}
#secure-checkout #faq {background:none !important; margin-top:0px; text-align:left;padding-top:0;}
#secure-checkout #faq .tombstone {border: none !important; background:none !important;}
#secure-checkout #faq .heading {display:none; visibility: hidden; height:0; line-height:0;margin:0;padding:0;}
#faq .container, #faq .wrapper {margin-top:0;padding-top:0;}
#secure-checkout #inner-faq-icon {margin-left:12px;}
#inner-faq-title:hover {
cursor:pointer;
}
.secure-stamp-complete {
color: rgba(51, 153, 0, 0.6);
font-size: 1.6em;
line-height: 30px;
margin-top:10px;
}
.secure-stamp-complete span {
display: inline-block;
margin-right: 20px;
border: 1px solid rgba(51, 153, 0, 0.6);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-khtml-border-radius: 50%;
padding:10px !important;
text-align:center !important;
line-height:20px !important;
height:20px !important;
width: 20px !important;
}
#secure-checkout ul {
text-align:left;
padding:6px 12px;
font-size: 1.2em;
line-height: 2em;
margin-left:10px;
}

#options .box4, #help .box4 {min-height:96px;}
#options #review {
background-image:url(../images/social-media/footer-search.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 80px 80px;
}
#options #review:hover { cursor: pointer;
background-image:url(../images/social-media/footer-search-hover.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 80px 80px;
}
#options #advisor {
background-image:url(../images/options/phone.png);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 64px 64px;
}
#options #advisor:hover { cursor: pointer;
background-image:url(../images/options/phone-hover.png);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 64px 64px;
}
#options #consulting {
background-image:url(../images/options/consulting.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 64px 64px;
}
#options #consulting:hover { cursor: pointer;
background-image:url(../images/options/consulting-hover.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 64px 64px;
}
#options #hourly {
background-image:url(../images/options/hourly.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 64px 64px;
}
#options #hourly:hover { cursor: pointer;
background-image:url(../images/options/hourly-hover.svg);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 64px 64px;
}
#options #free {
background-image:url(../images/options/gift.png);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 64px 64px;
}
#options #free:hover { cursor: pointer;
background-image:url(../images/options/gift-hover.png);
background-repeat: no-repeat;
background-position: 50% 85%;
background-size: 64px 64px;
}

.full-video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
}
.full-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}