body { background: url("/National_Library/20170827070107oe_/https://static.secure.website/ws/1478897737/img2/bg-thin.png") repeat-x scroll 0 0 #BED5E7; font-family: "Helvetica", "Lucida Grande", sans-serif; text-shadow:0px 1px 0px rgba(255, 255, 255, 0.6); }

.event-image-desktop { position: absolute; z-index: 1; top: -5px; left: 155px; }
.event-image-tablet { position: absolute; z-index: 1; top: -5px; left: 155px; }
.event-image-phone { position: absolute; z-index: 1; top: 0; right: 60px; }

.clear { clear:both; }

.content-box { position:relative; background-color: #FFFFFF; border: 1px solid #CCC; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); margin-top:20px; margin-bottom:20px; }

.content-inner { margin:25px; }

.content-box h2 { font-size:24px; margin-bottom:20px; }
.content-box h5 { font-size:20px; margin-bottom:20px; }

.page-head { padding: 0; font-size: 36px; letter-spacing: -1px; color: #333; text-shadow: 1px 2px 0px rgba(255, 255, 255, 0.6); font-weight: 500; text-align:center; margin:30px 0; }
.page-sub { margin:0; padding:0; font-size:18px; color:#555; text-shadow:1px 2px 0px rgba(255, 255, 255, 0.6); font-weight:100; text-align:center; line-height:1.4em; margin-bottom:10px; }

#stt { position:fixed; top:20px; left:20px; cursor:pointer; color:#999; }
#stt img { margin-right:10px; }
#stt div { position:absolute; left: 80px; top:25px; width:110px; }

.fb-ls-cnt { max-height: 35px; overflow: hidden; margin-right: -40px; }

/** LOGIN BOX **/
.login-box { position:absolute; top:40px; right:0px; z-index:1000; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #aaa; -webkit-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px; background-color:#fefefe; box-shadow:0px 0px 15px rgba(0,0,0,0.2); height:250px; }
.login-box label { font-size:14px; font-weight:100; margin-bottom:3px; display:block; }
.login-box a { text-shadow: none; }

.login-box #login-form { margin-top: 25px; }

.login-row { margin: 10px 25px; position:relative; min-height:37px; }
.login-row input[type=text], .login-row input[type=password] { width:312px; margin:0; padding: 6px; font-size: 18px; line-height: 21px; height: 42px; }
.login-row:last-child { margin-top: 20px; }

.fb-login-row { border-top:1px solid #D6D6D6; margin:0 20px; }
#facebook-login { margin-top: 20px; color:#4D90FE; font-size: 16px; font-weight:100; text-decoration:underline; cursor: pointer; }
#facebook-login img { padding-right: 15px; }
#facebook-login span {  }

.forgot-password { position:absolute; left:0px; color:#4d90fe; font-size:13px; text-decoration:underline; }

.bookmark { color:#4D90FE; font-size: 13px; left: 0; bottom: 0; position: absolute; cursor: pointer; text-decoration: underline;}
/** END LOGIN BOX **/

/** HEADER **/
.header-phone,
.header-log { margin-top: 1.5px; }
.header-phone { text-align: right; padding-right: 15px; line-height: 32px; }
/** END HEADER **/

/** SIGNUP BOX **/
.input-row { margin-bottom: 10px; }

.signup-div, .content-div { background-color:#fafafa; border:1px solid rgb(187, 187, 187); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); }

.login-div .input-row, .new-user .input-row,
.signup-div .input-row, .new-user .input-row { margin:0px 25px 0 25px; position:relative; }

.login-div .alert, 
.signup-div .alert { margin: 25px; }

.login-div .input-row:first-child,
.signup-div .input-row:first-child { margin-top: 25px; }

.login-div .input-row input[type=text], 
.login-div .input-row input[type=password],
.signup-div .input-row input[type=text], 
.signup-div .input-row input[type=password] { font-size: 18px; height: 46px; margin-bottom: 10px; }
.signup-div .input-row input[type=password] { width: 70%; }

.signup-button-container { margin: 20px 0 25px 0; }
.btn.signup-button { width:70%; margin:0 auto; display:block !important; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); }
.signup-button small { display:block; font-size:14px; font-weight:100; margin-top:5px; line-height:14px; }

.norton-signup { position: relative; margin-top:0px; width:30%; text-align: center; }
.norton-signup img { margin-right: 5px; }
.norton-lightbox { cursor: pointer; }

.email-text { line-height: 29px; display: block; }
.email-text img { height: 16px; float: left; padding: 4px 5px 0 0 }
.email-text p { font-size: 12px; color: #888 }

#facebook-login-button-2 { height: 24px; width: 24px }
.fb-signin { margin-top:25px; }
#facebook-signup { font-size: 14px; font-weight:100; cursor:pointer; color:#1874CD; text-decoration:underline; margin-left:10px; }
/** END SIGNUP BOX **/

/** HOME PAGE BULLETS **/
.index-head { font-weight:500 !important; color:#333 !important; text-shadow:1px 2px 0 rgba(255, 255, 255, 0.6) !important; letter-spacing:-1px !important; font-size:36px !important; margin: 10px 0; }

.bullet-row { position:relative; margin: 25px 0px; }
.bullet-row:first-child { margin-top: -10px; }
.bullet-row img { float: left; margin-top:24px; width:58px; }

.shop-ul { margin: 0 0 10px 80px; padding: 0; position:relative; }
.shop-ul h3 { font-weight:500; font-size:22px; margin-bottom:0px; line-height: 40px; }
.shop-ul li { font-weight:100; font-size:16px; margin-left:15px; margin-top:3px; list-style:none; text-overflow:ellipsis; line-height:18px; }
.shop-ul a { color:#000; text-decoration:none; }
.shop-ul a:hover { text-decoration:none; }
/** END HOME PAGE BULLETS **/

/** BENEFITS **/
.benefits-outer { background-color:#fff; width:100%; text-shadow:0px 1px 0px rgba(255, 255, 255, 0.6); border-top: 1px solid #DDDDDD; margin-top: -55px; padding-top: 35px; }
.benefits-inner { margin-top:25px; }
.benefit { height:225px; border:1px solid rgb(187, 186, 186); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; background-color:#fff; display:block; cursor:pointer; position:relative; background-image:url('/National_Library/20170827070107oe_/https://static.secure.website/ws/1478897737/img2/feature-gradient.png'); background-repeat:repeat-x; background-position:bottom; -webkit-box-shadow: inset 0px -1px 0px 0px #ffffff; box-shadow: inset 0px -1px 0px 0px #ffffff; text-decoration:none; margin:0 0 25px 0;}
.benefit:hover { text-decoration: none; box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); }
.benefit h4 { margin:0; padding:15px 0; text-align:center; color:#444; font-weight:100; text-shadow:0px 1px 0px rgba(255, 255, 255, 0.6); border-bottom:1px solid rgb(187, 186, 186); box-shadow:0px 1px 0px #fff; }

#ft-designs-sm { height:169px; width:265px; background-position:0 0; margin:5px auto 0 auto; }
#ft-domain-sm { width:122px; height:134px; background-position:-349px -168px; margin:25px auto 0; }
#ft-discover-sm { width:160px; height:145px; background-position:-265px -0px; margin:15px auto 0; }
#ft-support-sm { width:251px; height:153px; background-position:-475px 0px; margin:22px auto 0; }
#ft-viral-sm { width:140px; height:149px; background-position:-208px -169px; margin:22px auto 0; }
#ft-easy-sm { width:256px; height:155px; background-position:-487px -179px; margin:20px auto 0; }

.ft-lg { background-image:url('/National_Library/20170827070107oe_/https://static.secure.website/ws/1478897737/img2/features-sprite.png'); display:block; }

#ft-designs-lg { width:420px; height:305px; position:absolute; bottom:166px; right:-5px; background-position:0 -588px; }
#ft-domain-lg { width:244px; height:244px; position:absolute; left:75px; top:0px; background-position:-722px 0;  }
#ft-discover-lg { width:350px; height:250px; right:30px; top:30px; position:absolute; background-position:-420px -589px;}
#support-img { width:32%; bottom:116px; left:20px; cursor:pointer; position:absolute; background-position:0 -344px; }
#ft-viral-lg { width:239px; height:239px; right:40px; top:0px; position:absolute; background-position:-727px -296px; }
#ft-easy-lg { width:331px; height:277px; left:40px; top:0px; position:absolute; background-position:-389px -296px; }

.expanded-benefits-outer { background-color:#fff; border:1px solid transparent; }

.exp-feature { background-image:url('/National_Library/20170827070107oe_/https://static.secure.website/ws/1478897737/img2/divider.jpg'); background-position:bottom center; background-repeat:no-repeat; padding-bottom:230px; position:relative; }
.exp-feature h3, .exp-feature h4, .exp-feature p { margin:0; }
.exp-feature h3 { font-size:28px; font-weight:100; }
.exp-feature h4 { font-size:28px; font-weight:100; color:#777; margin-top:5px; }
.exp-feature p { font-size:15px; line-height:1.4em; margin-top:20px; font-weight:100; }
/** END BENEFITS **/

/** TESTIMONIALS **/
.testimonials-excerpt { background-color:#fafafa; border: 1px solid #bbb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; cursor:pointer; margin: 20px 15px 0; }

.rating-stars{ height: 15px; vertical-align: top; margin: 1px 0 0 7px; }
.rotator { min-height:50px; }
.rotate { display:none; clear:both; }
.rotate p { margin: 0; padding: 15px; color: #555; float:left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 93%; max-width: calc(100% - 27px); }
.rotate div { height:30px; width:27px; float:left; margin: 10px 0 0 0; background-image:url(/National_Library/20170827070107oe_/https://static.secure.website/ws/1478897737/img2/testimonials-sprite.jpg); }

#rotate-img1 { background-position: 27px 0px; }
#rotate-img2 { background-position: 54px 0px; }
#rotate-img3 { background-position: 81px 0px; }
#rotate-img4 { background-position: 108px 0px; }
#rotate-img5 { background-position: 135px 0px; }
#rotate-img6 { background-position: 162px 0px; }
#rotate-img7 { background-position: 189px 0px; }
#rotate-img8 { background-position: 216px 0px; }
#rotate-img9 { background-position: 243px 0px; }
#rotate-img10 { background-position: 0px 0px; }

.video-placeholder { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; background-color: #000; overflow: hidden; margin: 0 auto; }
.video-placeholder iframe,
.video-placeholder img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.video-placeholder img { cursor: pointer; }

.testimonial-link { text-decoration:none; color: #1874CD; font-weight:100; }
.testimonial-link:hover { text-decoration: underline; }

.line { height:32px; border-bottom:1px solid #bbbbbb; margin:25px; }

.more-benefits-div { width:170px; margin:0 auto; background-color:#fff; padding:20px; text-align:center; }
.more-benefits-div-home { width:480px; height:45px; margin:0 auto; background-color:#fff; padding:10px; }
/** END TESTIMONIALS **/

/** BLOG **/
.blog-outer { background-color:#fff; padding:0 0 40px 0; }
.blog-container { padding:25px; border:1px solid #bbbbbb; background-color:#fafafa; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#555; font-weight:100; text-shadow:0px 1px 0px rgba(255, 255, 255, 0.6); }
.blog h3 { font-size:20px; color:#333; margin-bottom:5px; }
.blog h3 a { text-decoration:none; color:#333; }
.blog .date { font-size:14px; color:#888; display:block; }
.blog p { line-height:1.3em; margin:10px 0; font-size:15px;  }
.blog p a { color:#1874CD; }
.blog-img { float:left;max-width:200px;margin:10px 10px 10px 0 }
.blog-img img { max-width:100%; }
/** END BLOG **/

/** BOUNCING VIDEO **/
.bouncing-video { -moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; -ms-filter: “alpha(opacity=90)”; filter: alpha(opacity=90); -khtml-opacity: .90; -moz-opacity: .90; opacity: 0.9; background-color: #333333; position: fixed; width: 293px; bottom: 0px; text-align: center; z-index: 100; left: 50%; margin-left: -146.5px; cursor: pointer; }
.bouncing-video img { width: 42px; margin: 7px; -ms-filter: “alpha(opacity=90)”; filter: alpha(opacity=90); -khtml-opacity: .90; -moz-opacity: .90; opacity: 0.9; float: left; }
.bouncing-video a { margin: 18px 5px 18px 15px; float: left; font-size: 16px; font-weight: 100; text-shadow: none; }
.bouncing-video a,
.bouncing-video a:hover,
.bouncing-video a:active { color: #ffffff; text-decoration: none; }
/** END BOUNCING VIDEO **/

/** WEBSTARTS BUTTONS **/
.yellow-button { background-color: #FFEE58; background: -ms-linear-gradient(center top , #FFEE58 0%, #FFCD03) repeat scroll 0 0 transparent; background: -moz-linear-gradient(center top , #FFEE58 0%, #FFCD03) repeat scroll 0 0 transparent; background: -o-linear-gradient(center top , #FFEE58 0%, #FFCD03) repeat scroll 0 0 transparent; background: -webkit-gradient( linear, left top, left bottom, from(#FFEE58), to(#FFCD03)); background: -webkit-linear-gradient(center top , #FFEE58 0%, #FFCD03) repeat scroll 0 0 transparent; background: linear-gradient(center top , #FFEE58 0%, #FFCD03) repeat scroll 0 0 transparent; border: 1px solid #FFCD03; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px 8px 8px 8px; color: #333333; cursor: pointer; display: inline-block; font-size: 22px; font-weight: 900; letter-spacing: 0.01em; line-height: 14px; padding: 20px 25px; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3); line-height:22px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); }
a.yellow-button:hover, a.yellow-button:focus { color: inherit; text-decoration: inherit; }
/** END WEBSTARTS BUTTONS **/

/** FOOTER **/
.alt-footer {
  margin-top: 20px;
  padding: 30px 0 50px;
  background-color: #222;
  color: white;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  text-shadow: none;
}
.alt-footer h3 {
	margin-bottom: 20px;
}

.nav-footer-inner { margin:40px 0; }
.nav-footer-inner ul, .nav-footer-inner li { margin:0; padding:0; list-style-type: none; }
.nav-footer-inner > ul > li { vertical-align:top; }
.nav-footer-inner .c-head { display:block; border-bottom:1px solid rgb(169, 192, 209); box-shadow:0px 1px 0px rgb(212, 228, 240); color:#fff; font-size:14px; font-weight:900; padding:5px 0; margin-bottom:5px; }
.nav-footer-inner a { color:#555; text-decoration:none; font-size:12px; padding:4px 0; line-height:12px;  display:block;  }
.nav-footer-inner a:hover { text-decoration:underline; }

.logos { text-align: left; margin-top: 40px; }
.logos > img,
.logos > a > img { height: 25px; margin: 0 5px; }
.logos > a { display: inline; }

.norton { display: inline-block; margin: 0 20px; position: relative; }

.copyright { margin-top:25px; color:#555; }

iframe[name="google_conversion_frame"] { width:200px; }
/** END FOOTER **/

/** ERRORS AND MESSAGES **/
.soft-message { background-color:#eee; color:#1E416F; border:1px solid #BCD2EE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:15px; font-size: 13px; }
.message { background-color:#CCFFCC; color:#004F00; border:1px solid #71C671; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:15px; font-size: 13px; margin:20px 0; }
.error-message { background-color:#EEB4B4; color:#8E2323; border:1px solid #8E2323; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:15px; font-size: 15px; line-height:1.4em; margin:20px 0; }
.error-msg { font-size: 15px; color: #971919; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); margin-bottom: 15px; text-align: center}
/** END ERROS AND MESSAGES **/

/** BOOTSTRAP OVERRIDES **/
@media (min-width: 1200px) {
	/* This eliminates wide desktop view */
	.container { width: 970px; }
}

/* For chevrons on bootstrap accordions */
.panel-heading .panel-title > a .fa-chevron { float: right; }
.panel-heading .panel-title > a .fa-chevron:before { content: "\f078"; }
.panel-heading .panel-title > a.collapsed .fa-chevron:before { content: "\f077"; }

.navbar-ws { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; min-height: 35px; margin-bottom: 0; background-image: none; background-color: #555; border-color: #666; border-top: 1px solid; border-bottom: 1px solid; border-left: none; border-right: none; }
.navbar-ws .nav > li > a { padding:10px 18px; display: block; text-decoration:none; color:#fff!important; font-weight: normal; font-size:15px; text-shadow:0px 1px 0px rgba(51, 51, 51, 0.6); border-right: 1px solid transparent; border-left: 1px solid transparent; margin: 0 2px; line-height:15px; -webkit-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; -ms-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; transition: background 0.2s ease-in; }
.navbar-ws .nav > li > a:hover,
.navbar-ws .nav > li > a:focus,
.navbar-ws .nav > li > a:active { background-color: rgb(111, 111, 111)!important; }

.navbar-ws .navbar-toggle { border-color: #333; }
.navbar-ws .navbar-toggle:hover { background-color: #333; }
.navbar-ws .navbar-toggle .icon-bar { background-color: #fff; }

.navbar-inner { min-height: 0; min-width: 960px; }
.navbar-inner .container { width: 940px!important; }

.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none;    -moz-user-select: none;     -ms-user-select: none;      -o-user-select: none;         user-select: none; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31); }

.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover,
.btn:focus { color: #333333; text-decoration: none; }

.btn:active,
.btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.btn-default, .btn { color: #333333; background-color: #ffffff; border-color: #cccccc; }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn { color: #333333; background-color: #ebebeb; border-color: #adadad; }

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn { background-image: none; }

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active { background-color: #ffffff; border-color: #cccccc; }

.btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.25); }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3276b1; border-color: #285e8e; }

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { background-image: none; }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; }

.btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; }

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ed9c28; border-color: #d58512; }

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning { background-image: none; }

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; }

.btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d2322d; border-color: #ac2925; }

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger { background-image: none; }

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; }

.btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success { color: #ffffff; background-color: #47a447; border-color: #398439; }

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success { background-image: none; }

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; }

.btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; }

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info { color: #ffffff; background-color: #39b3d7; border-color: #269abc; }

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info { background-image: none; }

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; }

.btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; }

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none;         box-shadow: none; }

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active { border-color: transparent; }

.btn-link:hover,
.btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; }

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus { color: #999999; text-decoration: none; }

.btn-lg, .btn-large { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }

.btn-sm,
.btn-small,
.btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.btn-xs { padding: 1px 5px; }

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }

.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%; }

.btn-xl { padding: 22px 30px; font-size: 22.5px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.btn-secondary { color: #333; background-color: #FFE820; border-color: #E2CB01; -webkit-text-shadow: rgba(255, 255, 255, 0.247059) 0px -1px 0px; -moz-text-shadow: rgba(255, 255, 255, 0.247059) 0px -1px 0px; text-shadow: rgba(255, 255, 255, 0.247059) 0px -1px 0px; }

.btn-secondary:hover, 
.btn-secondary:focus, 
.btn-secondary:active, 
.btn-secondary.active, 
.btn-secondary.disabled, 
.btn-secondary[disabled] { background-color:#F8DF00; border-color: #C4B000; }

/* Share Buttons */
.sharebuttons .btn span { display: none; }
.sharebuttons.btn-group > .btn { -webkit-border-radius: 0; border-radius: 0; }
.sharebuttons .btn { color: #fff; -webkit-text-shadow: none; text-shadow: none; }
.sharebuttons .btn,
.sharebuttons .btn:hover,
.sharebuttons .btn.hover,
.sharebuttons .btn:active,
.sharebuttons .btn.active { border-color: transparent; }

.btn-facebook { background: #3b5998; }
.btn-twitter { background: #00acee; }
.btn-google { background: #dd4b39; }
.btn-phone { background: #27AE60; }
.btn-email { background: #777; }

.btn-facebook:hover,
.btn-facebook:active { background: #2f4679; }
.btn-twitter:hover,
.btn-twitter:active { background: #0089bd; }
.btn-google:hover,
.btn-google:active { background: #b03b2d; }
.btn-phone:hover,
.btn-phone:active { background: #1D8449; }
.btn-email:hover,
.btn-email:active { background: #505050; }

/*
.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container,
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container {
	width: 980px;
}
*/

.alert-error { color: #8E2323; border-color: #8E2323; background-color: #EEB4B4; }
/** END BOOTSTRAP OVERRIDES **/

.ws-head .ws-sec-1 {
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

.signup-outer .bg-head {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 767px) {
	body {
		padding-top: 52px;
		background-image: none;
		background-color: #fff;
	}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 300; }

	.navbar-ws { background-color: #fff; border-color: #fff; }
	.navbar-ws .nav > li > a { color: #000 !important; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; }
	.navbar-ws .nav > li > a:hover { background-color: #eee !important; }

	.navbar-ws .navbar-toggle { border-color: #fff; }
	.navbar-ws .navbar-toggle:hover { background-color: #fff; }
	.navbar-ws .navbar-toggle .icon-bar { background-color: #000; }

	.ws-head {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1001;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
	}

	.ws-head .ws-sec-1 {
		margin: 0;
	}

	.ws-head .header-log,
	.ws-head .header-phone {
		display: none;
	}

	.ws-head .ws-head-logo-container {
		position: absolute;
		top: 8px;
		left: 10px;
		z-index: 5;
	}

	.signup-outer .bg-head {
		background-color: #222;
		background-image: url(/National_Library/20170827070107oe_/https://static.secure.website/ws/1478897737/img2/build-a-website-cover.jpg);
		background-size: cover;
	}

	.signup-outer .bg-head .signup-button-container {
		margin-top: 220px;
		margin-bottom: 30px;
	}

	.index-head {
		font-weight: 200 !important;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) !important;
	}

	.page-head {
		font-weight: 200;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	}

	.bg-head .index-head {
		margin-top: 20px;
  		color: #fff !important;
  		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6) !important;
	}

	.home-vid-cont-row {
		background-color: #222;
		color: #fff;
		-moz-text-shadow: none;
		-webkit-text-shadow: none;
		text-shadow: none;
		padding: 30px 10px 50px;
		margin-bottom: 20px;
		margin-top: 0;
	}
  .home-vid-cont-row h3 {
    margin-bottom: 20px;
  }

  .testimonials-excerpt {
    margin-bottom: 20px;
  }
  .rating-stars { display: none; }


  .signup-div .input-row input[type=password] { width: 100%; }
  .signup-div, .signup-content-box, .content-div, .content-box { margin-top: 0; box-shadow: none; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  .login-div .input-row, .new-user .input-row, .signup-div .input-row, .new-user .input-row { margin-left: 0; margin-right: 0; }
  .btn.signup-button { width: 100%; }
  .login-div .alert, .signup-div .alert { margin: 20px 0; }
}

/** WSLOGO HEADER **/
.ws-head-logo { margin-top: 0px; height: 35px; width: auto; max-width: 300px; }

/* Image Loader CSS */
img:not([src]) {
  visibility: hidden;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -ms-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}
.fade.loaded,
.fade.in {
  opacity: 1;
}