/**************************************************************************************/
/*----------------------------------- LigaTure Symbols ------------------------------*/
/************************************************************************************/

/* CSS */

@font-face {
    font-family: 'LigatureSymbols';
    src: url('/assets/shared/fonts/ligature-symbols/LigatureSymbols-2.05.eot');
    src: url('/assets/shared/fonts/ligature-symbols/LigatureSymbols-2.05.eot?#iefix') format('embedded-opentype'),
         url('/assets/shared/fonts/ligature-symbols/LigatureSymbols-2.05.woff') format('woff'),
         url('/assets/shared/fonts/ligature-symbols/LigatureSymbols-2.05.ttf') format('truetype'),
         url('/assets/shared/fonts/ligature-symbols/LigatureSymbols-2.05.svg#LigatureSymbols') format('svg');
    src: url('/assets/shared/fonts/ligature-symbols/LigatureSymbols-2.05.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon:before {
  content:attr(data-icon);
  margin-right:0.1em;
  font-size:40px;
  line-height: 23px;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon-dropcap:before {
  content:attr(data-icon);
  margin-right:0.1em;
  font-size:40px;
  line-height: 23px;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

p {color: #333}

h1,h2,h3,h4 {font-family:'Open Sans Condensed',sans-serif; font-weight: normal; color: #333; margin: 20px 0}

/* sections */
.section_light {background: #FFF; padding: 20px 0; clear:both}
.section_light h1 {text-align: center; border-bottom: 1px dotted #999; padding-bottom: 20px; margin: 0 0 20px 0}

.section_dark {background: #262626; padding: 20px 0}
.section_dark h2 {color: #999999; margin: 0 0 20px 0; font-size: 1.4rem; text-align: center}

.section_main {padding: 20px 0}
.section_main h2 {padding: 0 0 20px}

body { background:#eee}
table { width:100%}
h1,h2,h3,h4 { font-family:'Open Sans Condensed',sans-serif; font-weight:normal; color:#333; margin:20px 0}
p { font-family:'Open Sans Condensed', sans-serif }
button, .button { margin-bottom:0 }
.print-only { display:none }
.icon-bar { background:none; display:block }
.icon-bar > a.active { color:#ffffff }
.pricing-table .cta-button { margin-bottom:1.25rem }
.pricing-table .cta-button .loading { margin:0 auto;line-height:3.06rem }
input.error, textarea.error, select.error { margin-bottom:1rem }
.required { color:#F06B48 }
.th:hover, .th:focus { box-shadow:0px 0px 6px 1px rgba(239, 71, 113, 0.5) }
.th.no-glow:hover, .th.no-glow:focus { box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.2) }
.has-tip { font-weight:normal; border-color:#000 }
hr { 
	-moz-border-bottom-colors:none; 
	-moz-border-left-colors:none; 
	-moz-border-right-colors:none; 
	-moz-border-top-colors:none; 
	border-color:#999; 
	border-image:none; 
	border-style:dotted; 
	border-width:1px 0 0; 
	clear:both; 
	height:0; 
	margin:22px 0 21px;
}

/* Header */
.header_nav { background:#eeeeee; padding:15px 0; z-index:999 }
.header-nav-fullwidth { background:#eeeeee; padding:10px 0 2px; margin-bottom:25px; box-shadow:0 1px 3px rgba(34, 25, 25, 0.4)}
.header_nav .left a.lsf-icon span { display:none }
.bundle-nav > ul { margin-bottom:0 }
.bundle-nav > ul > li { margin-left:0 }
.bundle-nav > ul > li > a { display:block; margin-left:0; padding:1rem 1.25rem .5rem; font-size:.9rem; color:#666; border-radius:5px 5px 0 0 }
.bundle-nav > ul > li.active > a { background-color:#fff }
/* header { background-color:#fff; clear:both; padding:2.5rem 0 2rem 0; margin-bottom:0px} */
header { background: #e1e1e1; clear:both; padding: 20px 0; margin-bottom: 0px; border-top: 1px dotted #999; border-bottom: 1px dotted #999 }
header h1 { font-size: 1.75rem }
header h2 { font-weight:bold; color:#000 }
header p { color:#000 }
header #site-callout { padding-top:3rem }

/* Footer */
footer { background:#eee; padding:1rem 0 1.5rem 0 }
footer a { color:#666666 !important; font-size:.9rem }
footer a.lsf-icon:before { font-size:1.1rem; margin-right:.7rem }

/* Panel */
.panel { }
.panel.callout { background:#FE563B; border:1px solid #CCC}
.panel.callout p, .panel.callout h4 { color:#fff}

/* Accordion */
ul.accordion > li.active { border-top:3px solid #f34c31 }
dl.tabs dd.active { border-top:3px solid #f34c31; margin-top:-3px }
dl.tabs dd.active a { background:#fff }

/* Top bar */
.top-bar ul.right span.lsf-icon:before { font-size:1.2rem; padding-right:.3rem }
.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) { background:none; color:#4d4d4d }
.top-bar { margin-top:0; background:none}
.top-bar-section ul li:hover:not(.has-form) > a { }
.top-bar li:hover, .top-bar-section ul li:hover:not(.has-form) > a { background:#eeeeee; color:#000 }
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a { color:#666 }
.top-bar li a { color:#4d4d4d }
.top-bar li a > img { opacity:.65 }
.top-bar li a:hover { color:#333 }
.top-bar li a:hover > img { opacity:.9 }
.active a { background:#F06B48; color:#FFF}
.top-bar > li.has-dropdown > a:first-child:after { content:""; display:block; width:0; height:0; border:solid 5px; border-color:#e0e0e0 transparent transparent transparent; position:absolute; right:20px; top:17px }
.top-bar > li.has-dropdown > a:hover:first-child:after { content:""; display:block; width:0; height:0; border:solid 5px; border-color:#e0e0e0 transparent transparent transparent; position:absolute; right:20px; top:17px }
.top-bar.expanded .title-area { background-color:#eeeeee}
.top-bar .toggle-topbar.menu-icon a, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button), .top-bar .toggle-topbar a { font-family:"Open Sans Condensed",sans-serif; color:#666666; font-weight:normal; font-size:.9rem }
.top-bar .right .toggle-topbar.menu-icon a, .top-bar-section .right ul li, .top-bar-section .right li:not(.has-form) a:not(.button), .top-bar .right .toggle-topbar a { color:#666666 }
.top-bar .toggle-topbar.menu-icon a.lsf-icon, .top-bar-section li a.lsf-icon, .top-bar .toggle-topbar a.lsf-icon { font-size:.4rem}
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a{ color:#666666}
.top-bar .toggle-topbar.menu-icon a span::after { box-shadow:0px 0px 0px 1px #666666, 0px 7px 0px 1px #666666, 0px 14px 0px 1px #666666}
.top-bar-section li:not(.has-form) a:hover:not(.button) { background-color:#eeeeee; color:#333}
.top-bar-section .has-dropdown > a::after { border-color:rgba(0, 0, 0, 0.4) transparent transparent}
.top-bar a.lsf-icon:before, .top-bar .toggle-topbar a.lsf-icon:before { font-size:2rem; line-height:3rem }

/* Right side menu */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background-color:#eeeeee; color:#666666 }
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) { background-color:#eeeeee; color:#333 }

.flyout { background:#FAFAFA; border-radius:5px; border:0; margin-top:-1px; box-shadow:0 3px 10px rgba(0, 0, 0, 0.7) }

ul.dropdown li, .top-bar li ul li { border-left:0}
ul.dropdown li a, .top-bar li ul li a { background:#FAFAFA; color:#666; border:0; font-size:1.5rem }
ul.dropdown li a:hover, .top-bar li ul li a:hover { background:#151515; color:#fff; border:0 }
		
/* Nav bar vertical */
.top-bar.vertical > li { border:0 }
.top-bar.vertical > li:last-child { border:0}
		
/* Footer */

.footer { text-align:center; padding:15px 0 }
.footer .inline-list{ display:table; margin:0 auto }

/* Media Queries */

@media only screen and (max-width: 64em) { 
	.top-bar ul.right span.lsf-icon:before { font-size:2rem }
	section#social-share { display:none }
}

@media screen and (max-width:55rem) { 
	header #pay { padding-top:1rem }
	section#bundle-purchase .pricing-table > li .inline-list li.opt-label { font-size:1.3rem; text-align:center }
	section#bundle-purchase .pricing-table > li .inline-list li { margin-bottom:.5rem; float:none }
	section#bundle-purchase .pricing-table > li .inline-list li input[type="text"] { max-width:100% }
}

@media screen and (max-width: 40em) {
	.header_nav .left a.lsf-icon span { display:inline }
	.lsf-icon-dropcap::before { font-size:1.8rem}
	.top-bar a.lsf-icon:before, .top-bar .toggle-topbar a.lsf-icon:before { font-size:2rem; line-height:1rem }
	.icon-bar > * { padding:1.25rem .75rem }
	footer .inline-list { margin-bottom:1.5rem }
}