/*
* BNE HTML Framework - Main CSS File
*
* WARNING: This file is a core part of the
* BNE HTML Framework. This framework is
* designed around this file NEVER being altered. It
* is advised that any edits to the way this file
* displays its content be done with the custom.css file
* already provided for you in /assets/css/custom.css
* then include that file into your page as the
* last css file.
*
* @author Kerry Kline
* @copyright Copyright (c) 2013, Kerry Kline
* @link http://www.bluenotesentertainment.com
* @package BNE HTML Framework
*
* @version: 1.6
* @updated: July 11, 2013
*
*/
/* Table of Content
1) Reset
2) Global Body Styles
3) General Typography
4) Alignments
5) Global Page & Template Styles
6) Header Only Styles
7) Main Content Only Styles
8) Blog Post Styles
9) Footer Only Styles
10) Sidebar / Widget Styles
11) Grid System Responsive
12) Main Navigation
13) Images
14) PrettyPhoto
15) Flexslider
16) Buttons
17) Form Styles
18) Tabs
19) Toggles & Accordions
20) Tables
21) Alert Boxes (Messages)
22) Tool Tips
23) Social Media Contact Bar
24) Font Awesome
25) Google Map Styles
26) Miscellaneous
* ============================================================ */
/* ============================================================
* 1) Reset & Basics (Inspired by E. Meyers)
* http://meyerweb.com/eric/tools/css/reset/
* v2.0 | 20110126
* License: none (public domain)
* ========================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none; }
table {border-collapse: collapse;border-spacing: 0; }
/* ============================================================
* 2) Global Body Styles
* ========================================================= */
body {
background: #fff url('../images/elements/page-bg.png') repeat;
font: 16px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #666;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
/* ============================================================
* 3) General Typography
* ========================================================= */
/* == Headings == */
h1, h2, h3, h4, h5, h6 { color:#333; font-weight: normal; text-shadow: 1px 1px 0 #ffffff; font-family: 'Yanone Kaffeesatz', sans-serif;}
h1 { font-size: 2.20em; line-height: 1.15em; margin: .5em 0 12px 0; color:#333333; font-weight:bold; }
h2 { font-size: 1.70em; line-height: 1.15em; margin: .5em 0 12px 0; color:#333333; }
h3 { font-size: 1.40em; line-height: 1.15em; margin: .5em 0 12px 0; color:#333333; font-weight:bold; }
h4 { font-size: 1.25em; line-height: 1.15em; margin: .5em 0 12px 0; color:#333333; }
h5 { font-size: 1em; line-height: 1.6em; margin: 0 0 12px 0; color:#333333; }
h6 { font-size: .75em; line-height: 1.6em; margin: 0 0 12px 0; color:#333333; }
.subheader { color: #777; }
.entry-title { text-align:center; border-bottom: 4px solid #EEE; }
.widget-title {}
/* == Paragraph text == */
p { margin: 0 0 20px 0; }
p img { margin: 0; }
em { font-style: italic; }
b, strong { font-weight: bold; }
small { font-size: .8em; }
/* == Blockquotes == */
blockquote, blockquote p { font-size: 12px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 0px 20px 0 19px; border-left: 5px solid #ccc; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
/* == Dividers == */
hr, .hr, .divider-solid, .divider-shadow { margin: 30px 0; }
hr, .hr, .divider-dashed, { margin: 0px 0; }
hr, .hr, .divider-solid { border-top: 1px solid #cccccc; }
.divider-solid-double {border-bottom: 3px double #CC3300; }
.divider-dashed { border-top: 1px dashed #CC3300; }
.divider-shadow { background: url('../images/elements/divider-shadow.png') center top no-repeat; height:8px; }
/* == Dropcaps == */
.dropcap { float: left; display: block; width: 48px; margin: 4px 10px 0 0; line-height: 48px; text-align: center; font-size: 2.8em; }
.dropcap.round, .dropcap.square { color: #ffffff; background-color: #4E83A1; }
.dropcap.round { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
/* == Links == */
a, a:visited { color: #012349; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #77be43; text-decoration: underline;}
a:visited img{ outline: none;}
a.nohover { color: #012349; }
/* == Lists == */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
ul.icons { list-style-type: none; margin-left: 2em; text-indent: -0.8em; }
ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .8em; }
/* == Text labels == */
.label, .badge { display:inline-block; padding:2px 5px; font-size:.9em; font-weight:bold; line-height:1em; color:#ffffff; vertical-align:baseline; white-space:nowrap; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#999999; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
li .label, li .badge { display:inline; }
a.label:hover, a.badge:hover { color:#ffffff; text-decoration:none; cursor:pointer; }
/* Red */
.label-important{ background-color:#b94a48; }
.label-important[href]{ background-color:#953b39; }
/* Orange */
.label-warning{ background-color:#f89406; }
.label-warning[href]{ background-color:#c67605; }
/* Green */
.label-success{ background-color:#468847; }
.label-success[href]{ background-color:#356635; }
/* Blue */
.label-info{ background-color:#3a87ad; }
.label-info[href]{ background-color:#2d6987; }
/* Dark / Black */
.label-inverse{ background-color:#333333; }
.label-inverse[href]{ background-color:#1a1a1a; }
/* == Breadcrumbs == */
#breadcrumb-container {margin-top:-5px; margin-bottom: 15px;}
#breadcrumb-container ul.breadcrumbs li {float:left; margin-bottom: 0px;}
#breadcrumb-container ul.breadcrumbs li a { color:inherit; font-size: .8em;}
#breadcrumb-container ul.breadcrumbs li a.home-link {color:inherit; text-decoration: none;}
#breadcrumb-container ul.breadcrumbs li a.current {font-weight: bold; text-decoration: none;}
/* Show link seperator */
#breadcrumb-container ul.breadcrumbs li:after { content: "/"; margin: 0 5px; display: inline-block; }
/* Remove the final seperator after the final breadcrumb */
#breadcrumb-container ul.breadcrumbs li:last-child:after { content: ""; }
/* == Pre/Code Styles == */
pre {
background: #f4f4f4;
font-size: 11px;
line-height: 1.5;
margin-bottom: 2.625em;
overflow: auto;
padding: 0.75em 1.625em;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
border: 1px solid #ddd;
box-shadow: inset 0px 0px 5px rgba(0,0,0,.1);
}
code, kbd {
font: 11px "Courier 10 Pitch",Courier,monospace;
background: #f7f7f7;
border: 1px solid #cdcdcd;
color: #666666;
padding: 2px 4px;
font-size:12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* ============================================================
* 4) Alignments
* ========================================================= */
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom:5px;
}
.alignleft { float: left; margin: 5px 20px 5px 0; }
.alignright { float: right; margin: 5px 0 5px 20px; }
.pull-left {float:left;}
.pull-right {float:right;}
.spacer10 { height: 10px; }
.spacer20 { height: 20px; }
.spacer40 { height: 40px; }
.spacer60 { height: 60px; }
.spacer80 { height: 80px; }
/* ============================================================
* 5) Global Page & Template Styles
* ========================================================= */
/* == Page/Browser Wrapper with max-width 100% == */
#wrapper { width: 100%; }
/* == Page Sections == */
#header-wrapper, #featured-wrapper, #main-content-wrapper, #footer-wrapper { padding: 0px; margin: 0 auto; }
/* Content Container for each section
*
* The width has an additional override in the responsive.css if making the
* site responsive. If not using responsive, simply adjust the width here, or
* specifically, in your child custom.css file and make sure not to include
* the responsive.css file on your pages.
*/
.container { position: relative; margin: 0 auto; padding: 0px; width: 980px; /* Orig 980px */ }
/* == Inner Content within container that provides padding == */
.inner-content { padding: 10px; }
/* == Content Canvas BG and Styles == */
.canvas {
padding:10px 10px;
background: #fff;
border-radius: 5px;
border: none;
}
/* Last row within the canvas lets remove the extra margin-bottom as we don't need it */
.canvas .row:last-child { margin-bottom:0; }
/* == Specific Page Template Styles == */
#left-sidebar-template {}
#right-sidebar-template {}
#double-sidebar-template {}
#full-width-template {}
/* ============================================================
* 6) Header Only Styles
* ========================================================= */
#header-wrapper .inner-content { padding-top:20px; }
#header-wrapper #logo img { max-width: 350px; }
#header-wrapper #logo h1 { margin:0; }
#header-widget, #header-widget h3 {text-align:right; color: #333; font-size: 1.2em; display:block;}
#header-wrapper #header-widget a { color: inherit; } /* Phone Numbers as Links in Mobile */
/* ============================================================
* 7) Main Content Only Styles
* ========================================================= */
#main-content-wrapper {}
/* ============================================================
* 8) Blog Post Styles
* ========================================================= */
/* == General Blog Post Styles == */
.blog-post { margin: 30px 0px; }
.blog-post:first-child { margin-top: 0px; }
/* == Blog Post Title Style == */
.blog-post .entry-title {}
.blog-post .entry-title a { color: inherit;}
.blog-post .entry-title a:hover { color: #000; text-decoration: none;}
/* == Blog Post Entry Meta Information == */
.entry-meta {
color: #999999;
font-size: .90em;
font-weight: bold;
margin: 5px 2px 15px 2px;
text-align:center;
}
.entry-meta [class^="icon-"] { padding-right: 5px; }
.entry-meta .meta-sep { color: #cccccc; font-weight: normal; padding: 0 7px; }
.entry-meta .meta-date {}
.entry-meta .meta-author {}
.entry-meta .meta-comments {}
/* == Blog Post Featured Image Styles == */
.post-featured-image {}
/* == Read More Button == */
.button.read-more:after { content: "\f061"; font-family: fontAwesome; padding: 0px 0px 0px 10px; }
/* == Comments == */
#comments li { margin: 5px 0; }
#comments-title { padding: 0 10px; }
#comments .commentlist { margin-bottom: 30px; }
#comments .comment-body {
border: 1px solid #dddddd;
padding: 15px;
padding-left: 83px;
position: relative;
}
#comments .comment-body .avatar {
position: absolute;
top: 15px;
left: 15px;
width: 45px;
height: 45px;
}
#comments .comment-author { line-height: 100%; }
#comments .comment-body .says { display: none; }
#comments .comment-body .comment-meta {
margin-bottom: 10px;
color: #9e9e9e;
font-size: .9em;
font-style: italic;
}
#comments .comment-body .fn {
display: block;
font-style: normal;
font-weight: bold;
margin-top: 5px;
}
#comments .comment-body p { margin-bottom: 30px; }
#comments .comment-body .reply a { position: absolute; right: 5px; bottom: 5px; }
/* Top Level */
#comments ol { list-style: none; margin: 0; }
/* Children */
#comments ul.children {
border-left: 1px solid #e9e9e9;
list-style: none;
margin: 10px 0 10px 15px;
padding: 10px 0 10px 20px;
}
/* Comment Form */
.comment-form-wrapper { margin-bottom: 30px; }
#reply-title { margin: 10px 0; }
#commentform input[type=text] { margin-right: 10px; width: 40%; }
#commentform textarea { width: 98%; }
#commentform .form-submit { margin: 10px 0; }
#commentform .form-allowed-tags { display: none; }
/* ============================================================
* 9) Footer Only Styles
* ========================================================= */
/* == Footer Copy Text == */
#footer-copy { font-size: 0.9em; }
#footer-copy .row p {margin-bottom: 0px;}
/* == Footer Menu == */
#footer-navigation ul { margin: 0; padding: 0; color: #0099ff; float: right; }
#footer-navigation li {
font-size: 0.9em;
list-style: none;
text-transform: normal;
position:relative;
z-index:98;
float:left;
padding:0 7px;
margin: 0px;
cursor:pointer;
}
#footer-navigation li a { color: #0099ff; }
#footer-navigation li a:hover { color: #0099ff; text-decoration: underline; }
/* ============================================================
* 10) Sidebar / Widget Styles
* ========================================================= */
.sidebar { padding: 2px 10px 10px 10px; }
.sidebar .widget, .widget { margin: 0px 0px 2em 0px;}
/* == Sidebar Menu == */
.sidebar .widget .menu ul { margin: 0;padding: 0; }
.sidebar .widget .menu ul li { display: block; margin:0; padding:0; border-bottom:1px dotted #ccc; }
.sidebar .widget .menu ul li a {
font-size: 13px;
font-weight: 300;
text-decoration: none;
line-height: 32px;
width: 100%;
color: #666;
}
.sidebar .widget .menu ul li a:hover { color: #0099ff; }
.sidebar .widget .menu ul li a.active { color: #0099ff; }
.sidebar .widget .menu ul li > a.active { font-weight: bold; }
.sidebar .widget .menu ul li ul { margin: 0px 0 5px 0px; }
.sidebar .widget .menu ul li ul li { border-bottom: 0px; padding-left: 10px; }
.sidebar .widget .menu ul li ul li a { line-height: 28px; }
/* ============================================================
* 11) Grid System (Responsive)
* ========================================================= */
/* == Setup the Column Row System == */
.row { zoom: 1; min-height: 5px; margin-bottom:20px;}
.row:before, .row:after {
display: table;
content: "";
zoom: 1;
}
.row:after { clear: both; }
[class*="span"] { display: inline; float: left; margin-left: 4%; }
/* == Mini Columns (12 Grid System) == */
.span-one { width: 4.333%; }
.span-two { width: 12.666%; }
.span-three { width: 20.999%; }
.span-four { width: 29.333%; }
.span-five { width: 37.666%; }
.span-six { width: 45.999%; }
.span-seven { width: 54.333%; }
.span-eight { width: 62.666%; }
.span-nine { width: 70.999%; }
.span-ten { width: 79.333%; }
.span-eleven { width: 87.6%; }
.span-twelve { width: 96%; }
/* == Main Section/Page Columns == */
.span-one-half { width: 46%; }
.span-one-third { width: 29.333%; }
.span-one-fourth { width: 21%; }
.span-one-fifth { width: 16%; }
.span-two-thirds,
.span-two-third { width: 62.666%; }
.span-three-fourths,
.span-three-fourth { width: 71%; }
/* == Page Template Layout Grid == */
/* Single Sidebar Template */
.span-sidebar { width: 24.999%; }
.span-content { width: 66.999%; }
/* Double Sidebar Template */
.span-sidebar-left,
.span-sidebar-right { width: 20.999%; }
.span-content-center { width: 45.999%; }
/* No Sidebars (optional to use for full width templates) */
.span-full-width { width: 96%; }
/* ============================================================
* 12) Main Navigation (Superfish JS)
* ========================================================= */
/* == SuperFish Menu Essential == */
.sf-menu,.sf-menu * { list-style:none;margin:0;padding:0; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute;top:-999em;width:10em; }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; }
.sf-menu li { float:left;position:relative; }
.sf-menu a { display:block;position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0;top:0;z-index:999; }
.sf-menu a.sf-with-ul { padding-right:2.25em;min-width:1px; }
.sf-sub-indicator { background-position:-10px -100px;background-repeat:no-repeat;position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden; }
a > .sf-sub-indicator { top:.8em;background-position:0 -100px; }
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
.sf-shadow ul.sf-shadow-off { background:transparent; }
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { left:10em;top:0; }
.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }
/* == Menu Background == */
#access {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-image: linear-gradient(top, #ffffff, #e8e8e8);
}
/* == All Level Link styles == */
#primary-menu li a { color: #666666; text-decoration: none; }
/* == Top level only == */
#primary-menu > li { border-right: solid 1px #dddddd; }
#primary-menu > li > a {
line-height: 40px; /* Shapes the HEIGHT of the 1st level anchors */
padding: 0 20px; /* Left/Right Padding of anchors */
}
/* Top level hover State */
#primary-menu > li > a:hover { background: #f2f2f2; }
/* Top Level Active State */
#primary-menu li a.active { background: #ffffff; }
/* First Top Level Active/Hover Link to match #access border radius on the left side */
#primary-menu > li:first-child a.active, #primary-menu > li:first-child a:hover {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
/* If a top level menu item has a dropdown, reduce its right padding and add the icon-* into HTML markup. */
#primary-menu > li > a.sf-with-ul { padding-right: 12px; }
#primary-menu > li > a.sf-with-ul:after { content: "\f078"; font-family: FontAwesome; margin-left:5px; }
/* == Level 2 and 3 == */
#primary-menu ul {
background: #ffffff;
border: 1px solid #dddddd;
width: 200px; /* Width of dropdown menus */
}
#primary-menu li li a { padding: 7px 10px; }
/* Child Hover State */
#primary-menu li li a:hover { background: #f2f2f2; }
/* Child Active State */
#primary-menu li li a.active { background: #f2f2f2; }
/* If a sub-level menu item has a dropdown, add the right icon-* into HTML markup. */
#primary-menu li li > a.sf-with-ul:after { content: "\f054"; font-family: FontAwesome; float:right; }
/* == Level 2 only == */
#primary-menu > li > ul { border-top: none; margin-left: -1px; margin-top: 41px; }
/* == Level 3 only == */
#primary-menu ul ul { left: 200px; /* Matches width of dropdown menus */ }
/* == Hide Mobile Select Navigation - This is activated on responsive.css == */
.selectnav { display: none; }
/* ============================================================
* 13) Images
* ========================================================= */
img { max-width: 100%; height: auto; }
.pretty, .gallery li img, .post-featured-image img, #comments .avatar {
border: 1px solid #D1D1D1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
max-width: 99%;
padding: 4px;
background: white;
text-align: center;
-webkit-box-shadow: 0px 0px 3px #CCC;
-moz-box-shadow: 0px 0px 3px #CCC;
box-shadow: 0px 0px 3px #CCC;
}
.row img.pretty {max-width: 98%;}
.caption { font-size: .8em; text-align:center; font-style: italic; color: #999;}
.thumb {width: 100px; height: auto; }
/* == Gallery Images Setup == */
.gallery { margin: 0; padding:0; display: inline-block; margin: 0 auto 20px auto; width: 100%; }
.gallery ul { display:block; list-style: none; margin:0; padding:0;}
.gallery ul:after { display: table; content: ""; zoom: 1; *display: inline; clear:both; }
/* 1 Column */
.gallery li.span1 { float: left; margin:5px 0 10px 0; width: 99.8%;}
.gallery li.span1 a[rel^="prettyPhoto"] .image-overlay .image-overlay-bg {width: 100.5%;}
.gallery li.span1 img { width: 100%;}
/* 2 Columns */
.gallery li.span2 { float: left; margin:5px 4% 10px 0%; width: 47.6%;}
.gallery li.span2 a[rel^="prettyPhoto"] .image-overlay .image-overlay-bg {width: 102%;}
.gallery li.span2 img { width: 100%; height: 165px; }
/* 3 Columns */
.gallery li.span3 { float: left; margin:5px 4% 10px 0%; width: 30.4%; }
.gallery li.span3 a[rel^="prettyPhoto"] .image-overlay .image-overlay-bg {width: 104%;}
.gallery li.span3 img { }
/* 4 Columns */
.gallery li.span4 { float: left; margin:5px 4% 10px 0%; width: 21.9%; }
.gallery li.span4 a[rel^="prettyPhoto"] .image-overlay .image-overlay-bg {width: 106%;}
.gallery li.span4 img { width: 97%; height: 90px; }
/* Remove margin of last li for each row (Added via jquery) */
.gallery .last {margin-right:0px !important;}
/* ============================================================
* 14) PrettyPhoto
* ========================================================= */
/* == PrettyPhoto Popup Overlays == */
a[rel^="prettyPhoto"] { position: relative; display: block; }
a[rel^="prettyPhoto"] .image-overlay .image-overlay-bg {
background: #fff;
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
display: block;
position: absolute;
top: 0;
right: 1px;
bottom: 5px; /* Allows frame padding */
left: 0;
z-index: 1;
}
a[rel^="prettyPhoto"] .image-overlay .image-overlay-icon {
background: url('../images/elements/image-overlay-icon.png') no-repeat;
cursor: pointer;
margin: -21px 0 0 -22px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
width: 44px;
height: 42px;
z-index: 2;
background-position: 0 -42px; /* Show default "+" symbol if not class is added */
}
/* Video Icon, add class="video" to anchor tag */
a[rel^="prettyPhoto"].video .image-overlay .image-overlay-icon { background-position: 0 0; }
/* Image "+" Icon, add class="thumbnail" or class="image" to anchor tag */
a[rel^="prettyPhoto"].thumbnail .image-overlay .image-overlay-icon,
a[rel^="prettyPhoto"].image .image-overlay .image-overlay-icon {
background-position: 0 -42px;
}
/* Post Icon, add class="post" to anchor tag */
a[rel^="prettyPhoto"].post .image-overlay .image-overlay-icon { background-position: 0 -84px; }
/* External Link Icon, add class="external" to anchor tag */
a[rel^="prettyPhoto"].external .image-overlay .image-overlay-icon { background-position: 0 -126px; }
/* Use 2x images for retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
a[rel^="prettyPhoto"] .image-overlay .image-overlay-icon {
background-image: url('../images/elements/image-overlay-icon_2x.png');
background-size: 44px 168px;
}
}
/* == prettyPhoto Frames Retina Version (Defaul Theme) == */
div.pp_default .pp_description { color: #666666 ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
/* Use 2x size images */
div.pp_default .pp_expand,
div.pp_default .pp_expand:hover,
div.pp_default .pp_contract,
div.pp_default .pp_contract:hover,
div.pp_default .pp_close,
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause,
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
background-image: url('../images/elements/prettyphoto_2x/sprite_2x.png') ;
background-size: 130px 147px ;
}
div.pp_default .pp_next:hover {
background-image: url('../images/elements/prettyphoto_2x/sprite_next_2x.png') ; background-size: 28px 30px ;
}
div.pp_default .pp_previous:hover {
background-image: url('../images/elements/prettyphoto_2x/sprite_prev_2x.png') ; background-size: 28px 30px ;
}
div.pp_default .pp_content,
div.light_rounded .pp_content {
background-color: #f8f8f8 ;
}
/**
* We'll integrate the following 2x images on the wrapping elements
* when more browsers provide better support for background scaling
* on retina. Currently the following only looks good in Safari.
*/
/* This version modfies the frame to not use images at all ... */
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
background-color: #f8f8f8 ;
background-image: none ;
}
div.pp_default .pp_top {
height: 16px ;
}
div.pp_default .pp_top .pp_left {
-webkit-border-top-left-radius: 10px ;
-moz-border-radius-topleft: 10px ;
border-top-left-radius: 10px ;
border-left: 5px solid #202020 ;
border-top: 5px solid #202020 ;
}
div.pp_default .pp_top .pp_right {
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px ;
border-top-right-radius: 10px ;
border-right: 5px solid #202020 ;
border-top: 5px solid #202020 ;
}
div.pp_default .pp_top .pp_middle {
border-top: 5px solid #202020 ;
}
div.pp_default .pp_content_container .pp_left {
border-left: 5px solid #202020 ;
padding-left: 11px ;
}
div.pp_default .pp_content_container .pp_right {
border-right: 5px solid #202020 ;
}
div.pp_default .pp_bottom .pp_left {
-webkit-border-bottom-left-radius: 10px ;
-moz-border-radius-pp_bottomleft: 10px ;
border-top-pp_bottom-radius: 10px ;
border-left: 5px solid #202020 ;
border-bottom: 5px solid #202020 ;
}
div.pp_default .pp_bottom .pp_right {
-webkit-border-bottom-right-radius: 10px ;
-moz-border-radius-bottomright: 10px ;
border-bottom-right-radius: 10px ;
border-right: 5px solid #202020 ;
border-bottom: 5px solid #202020 ;
}
div.pp_default .pp_bottom .pp_middle {
border-bottom: 5px solid #202020 ;
}
}
/* ============================================================
* 15) Flexslider
* ========================================================= */
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
* *** Original CSS found in flexslider-dev.css
* *** no need to include the default css file in the
* *** as it is now inlcuded below
*/
/* == Flexslider Browser Resets == */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider li {margin: 0;}
/* == FlexSlider Necessary Styles == */
.flexslider {margin: 0px; padding: 0;}
.flexslider .slides > li {
/* Hide the slides before the JS is loaded. Avoids image jumping */
display: none; -webkit-backface-visibility: hidden;
}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* == FlexSlider Default Theme == */
.flexslider {
margin: 0px 0px 30px 0px;
background: #fff;
padding:4px;
border: solid 1px #ccc;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
zoom: 1;
}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
/* == Flexslider Direction Nav == */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
padding:3px 5px 1px 5px;
line-height:30px;
cursor: pointer;
/* Direction Arrows are displayed with Font Awesome and called from bne-plugins.js */
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size:28px;
color:#999;
text-shadow: 1px 1px #fff;
text-indent: 0;
text-decoration: none;
text-align:center;
margin: -20px 0 0px;
display: block;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
opacity: 0;
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
left: 8px;
}
.flex-direction-nav .flex-next {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
right: 8px;
}
.flexslider:hover .flex-next {opacity: 0.8; right: 8px; text-decoration:none;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 8px; text-decoration:none;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
/* == Flexslider Control Nav == */
.flex-control-nav { position: absolute; bottom: 15px; left: 10px; text-align: center; width: 100%; height: 11px; z-index: 3; }
.flex-control-nav li { float: left; padding: 2px; margin:0; }
/* == Control Nav Background == */
.flex-control-nav li a {
background: url('../images/elements/flexslider/flexslider-nav.png') no-repeat;
cursor: pointer;
display: block;
outline: none;
text-indent: -9999px;
width: 10px;
height: 11px;
}
/* Control Nav Background - Use 2x image for retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
.flex-control-nav li a {
background-image: url('../images/elements/flexslider/flexslider-nav_2x.png');
background-size: 20px 11px;
}
}
.flex-control-nav li a.flex-active { background-position: -10px 0; }
/* == Thumbnail Nav Flexslider == */
.flex-control-nav.flex-control-thumbs {width: 100%; position: absolute; bottom: -40px; text-align: center; height: auto;}
.flex-control-nav.flex-control-thumbs li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; float:left; padding:0;}
.flex-control-nav.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-nav.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-nav.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-nav.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-nav.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/* == Flexslider Captions == */
.flex-caption {
padding: 1% 2%;
position: absolute;
right: 0;
bottom: 0px;
background: #000; /* Fall back */
background: rgba(0, 0, 0, .6);
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
font-size: 14px;
line-height: 18px;
font-style: italic;
font-weight: bold;
text-align: right;
}
/* == Content within a slide == */
.flex-content { padding: 2em; }
.flex-content .flex-content-heading {}
.flex-content .flex-content-description {}
/* == Flexslider Testimoinals == */
.testimonial-flexslider.flexslider { padding:4px; background-image:none; background-color: #fff; border: 1px solid #D1D1D1; }
.testimonial-flexslider.flexslider .flex-content { padding: .5em 2em 2.5em 1em; background: #eee; }
.testimonial-flexslider.flexslider .flex-content img.thumb {width:50px; height: 50px;}
/* == Flexslider within Featured-Wrapper == */
#featured-wrapper .flexslider { margin: 0px; }
/* ============================================================
* 16) Buttons
* ========================================================= */
/* == Default Buttons == */
.button, a.button, button, input[type=submit], input[type=reset], input[type=button] {
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
margin: 5px 10px 5px 0;
padding: 8px 15px;
background-color: whiteSmoke;
background-repeat: repeat-x;
color: #444;
text-shadow: 1px 1px 0 white;
text-decoration: none;
line-height: 1em;
font-size: 12px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
-webkit-font-smoothing: auto;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.button:hover, a.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
cursor: pointer;
color: #333;
text-decoration: none;
background-color: #E6E6E6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.button:active, .button.active, a.button:active, a.button.active, button:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
outline: 0;
background: #E6E6E6;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* If the button is in a aligncenter div, center it by removing the right/left margin */
.aligncenter .button, .button.aligncenter {margin:0px;}
/* == Button Sizes == */
.button.small { padding: 3px 7px; font-size: 11px; line-height: 14px; }
.button.default, .button.medium { padding: 8px 15px; font-size:12px; line-height: 1em; }
.button.large {
padding: 9px 14px;
font-size: 15px;
line-height: normal;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.button.xlarge { line-height: 1.25em; font-size: 1.5em; padding: 1em 2em; font-weight: bold; }
.button.full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
/* == Button Corner Radius Shapes == */
.button.square { -webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important; }
.button.pill { -webkit-border-radius: 30px!important;-moz-border-radius: 30px!important;border-radius: 30px!important; }
/* == Button Colors and Styles == */
/* Blue */
.button.blue {
background-color: #0074CC;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-image: linear-gradient(top, #08C, #05C);
}
.button.blue:hover, .button.blue.active, .button.blue:active { background-color: #05C; }
/* Teal */
.button.teal {
background-color: #49AFCD;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-image: linear-gradient(top, #5BC0DE, #2F96B4);
}
.button.teal:hover, .button.teal.active, .button.teal:active { background-color: #2F96B4; }
/* Green */
.button.green {
background-color: #5BB75B;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-image: linear-gradient(top, #62C462, #51A351);
}
.button.green:hover, .button.green.active, .button.green:active { background-color: #51A351;}
/* Orange */
.button.orange {
background-color: #FAA732;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-image: linear-gradient(top, #FBB450, #F89406);
}
.button.orange:hover, .button.orange.active, .button.orange:active {background-color: #F89406; }
/* Red */
.button.red {
background-color: #DA4F49;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-image: linear-gradient(top, #EE5F5B, #BD362F);
}
.button.red:hover, .button.red.active, .button.red:active { background-color: #BD362F; }
/* Dark / Black */
.button.dark, .button.black {
background-color: #012349;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-image: linear-gradient(top, #555, #222);
}
.button.dark:hover, .button.dark.active, .button.dark:active, .button.black:hover, .button.black.active, .button.black:active { background-color: 012349; }
/* White (Framework Default) */
.button.white {
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
background-color: whiteSmoke;
color: #333 !important;
text-shadow: 1px 1px 0 white !important;
background-image: -moz-linear-gradient(top, white, #E6E6E6);
}
.button.white:hover, .button.white.active, .button.white:active { background-color: #E6E6E6; }
/* Grey */
.button.grey {
background-color: #a8abaf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-image: linear-gradient(top, #a8abaf, #83858a);
}
.button.grey:hover, .button.grey.active, .button.grey:active { background-color: #83858a; }
/* Purple */
.button.purple {
background-color: #ad8ab9;
border-color: #876a9b #876a9b #614774;
background-image: linear-gradient(top, #ad8ab9, #876a9b);
}
.button.purple:hover, .button.purple.active, .button.purple:active { background-color: #876a9b; }
/* Baby Blue */
.button.baby_blue {
background-color: #64bbf5;
border-color: #4b9ff1 #4b9ff1 #2E6CBC;
background-image: linear-gradient(top, #64bbf5, #4b9ff1);
}
.button.baby_blue:hover, .button.baby_blue.active, .button.baby_blue:active { background-color: #4b9ff1; }
/* Pink */
.button.pink {
background-color: #fcabb8;
border-color: #fa828e #fa828e #D75E6E;
background-image: linear-gradient(top, #fcabb8, #fa828e);
}
.button.pink:hover, .button.pink.active, .button.pink:active { background-color: #fa828e; }
/* All Color Button Text */
.button.blue, .button.teal, .button.green, .button.orange, .button.red, .button.dark, .button.black, .button.grey, .button.purple, .button.baby_blue, .button.pink
{ color: white !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) !important; }
/* == Button Pagination (blog loop) == */
.pagination-wrap { margin:20px 0px; }
.button-group {
position: relative;
display: inline-block;
font-size: 0;
vertical-align: middle;
white-space: nowrap;
}
.button-group > .button:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.button-group .button { margin: 0px 0px 0px -1px }
.button-group > .button {
position: relative;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.button-group > .button:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
/* ============================================================
* 17) Form Styles
* ========================================================= */
form { margin: 0 0 20px; }
fieldset { padding: 0; margin: 0; border: 0; }
form .form-element { margin-bottom:15px;}
label, input, select, textarea { font-size: inherit; }
label { display: block; margin-bottom: 5px; font-weight: bold; }
label.checkbox, label.radio {font-weight: normal;}
select, textarea, input[type=text], input[type=password], input[type=email], input[type=url], input[type=search] {
display: inline-block;
min-height: 20px;
width: 40%;
padding: 4px 6px;
font-size: 1em;
line-height: 1.1em;
color: #555555;
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
textarea { height: auto; width: 60%;}
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus {
border-color: #aaa;
outline: 0;
outline: thin dotted \9; /* IE6-9 */
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow: 0 0 3px rgba(0,0,0,.2); }
}
input[type=radio], input[type=checkbox] {
margin: 4px 0 0;
margin-top: 1px \9; /* IE8-9 */
line-height: normal;
cursor: pointer;
}
input[type=file], input[type=submit], input[type=reset], input[type=button], input[type=radio], input[type=checkbox] {
width: auto;
}
select, input[type=file] { min-height: 20px; line-height: 1.1em; }
select { border: 1px solid #cccccc; background-color: #ffffff; }
select:focus, input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; margin-right:10px; vertical-align: middle; }
/* == Form Required Class == */
form span.required, form span.form-required, .required, span.required {color: red;}
/* == 3rd Party - Quform Embed Styles == */
.quform .loading { display: none; }
.quform span.form-checkbox-item label {color: white; font-weight: normal;}
.quform .form-multiple-column .form-checkbox-item {min-width: 150px; float:left;}
.quform .element-wrapper {margin-bottom:15px;}
/* ===========================================================
18) Tabs
=========================================================== */
/* == Setup up the Tabs == */
.bne-tabs { list-style-type:none; margin:0; padding:0; }
.bne-tabs .tab-nav ul { margin:0; padding:0; }
.bne-tabs .tab-nav ul li { float:left; list-style:none; margin:0; padding:0; }
.bne-tabs .tab-nav ul li a { display:block; line-height:100%; text-decoration:none; }
.bne-tabs .tab-nav ul li a:hover { text-decoration:none; }
.bne-tabs .tab-nav ul li.active a { cursor:default; }
/* == Framed Tabs == */
.bne-tabs-framed .tab-nav { border-bottom:1px solid #e5e5e5; height: 29px; }
.bne-tabs-framed .tab-nav ul li a { background:#fafafa; border:1px solid #e5e5e5; -moz-border-radius:4px 4px 0 0; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; border-radius:4px 4px 0 0; font-size: 12px; margin:0 2px 0 0; padding:8px 24px; color:#aaaaaa; }
.bne-tabs-framed .tab-nav ul li a:hover { background:#ffffff; color:#777777; }
.bne-tabs-framed .tab-nav ul li.active a { background:#ffffff; border-bottom:1px solid #ffffff; color:#333333; font-weight: bold;}
.bne-tabs-framed .tab-container { border:1px solid #e5e5e5; border-top:none; background:#ffffff; }
.bne-tabs-framed .tab-content { padding:1.2em; color:#333333; }
/* == Open Tabs == */
.bne-tabs-open .tab-nav { background:transparent url('../images/elements/tabs-nav-open.png') 0 bottom repeat-x; }
.bne-tabs-open .tab-nav ul li a { margin:0 2px 0 0; padding:8px 13px; color:#aaaaaa; }
.bne-tabs-open .tab-nav ul li a:hover { color:#777777; }
.bne-tabs-open .tab-nav ul li.active a { background:transparent url('../images/elements/tabs-nav-open-active.png') center bottom no-repeat; font-weight: bold; color:#333333; }
.bne-tabs-open .tab-container { border: 1px solid #e5e5e5; background: #ffffff; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0 0 5px #eee;-webkit-box-shadow: 0 0 5px #EEE;box-shadow: 0 0 5px #EEE; margin-top:-1px;}
.bne-tabs-open .tab-content { padding:1.2em; color:#333333;}
/* ============================================================
* 19) Toggles & Accordions
* ========================================================= */
.single-toggle, .accordion-toggle { margin-bottom: .5em; }
.toggle-trigger a {
display:block;
padding:1em;
position:relative;
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(top, #fff, #f6f6f6);
background-image: -moz-linear-gradient(top, #fff, #f6f6f6);
background-image: -ms-linear-gradient(top, #fff, #f6f6f6);
background-image: -o-linear-gradient(top, #fff, #f6f6f6);
background-image: linear-gradient(top, #fff, #f6f6f6);
color: #666;
font-style: normal;
font-size: 1.0em;
border: 1px solid #e5e5e5;
}
.toggle-trigger a:hover { text-decoration: none; color: #666;}
.toggle-trigger a.active {
text-decoration: none;
-webkit-box-shadow: 0 8px 6px -6px #ccc;
-moz-box-shadow: 0 8px 6px -6px #ccc;
box-shadow: 0 8px 6px -6px #ccc;
border-bottom: none;
color: #666;
}
/* Set the Font Awesome icon for the "Closed" trigger anchor */
.toggle-trigger a:before {
font-family: "FontAwesome";
content: "\f055";
margin-right: 10px;
font-size: inherit;
color: #666;
display: inline-block;
line-height: 1em;
font-weight: normal;
}
/* Set the Font Awesome icon for the "Open" trigger anchor */
.toggle-trigger a.active:before { content: "\f056"; }
.toggle-content { padding: 1em; border: 1px solid #e5e5e5;}
/* Adjust the bottom margin of and .row if there is only one */
.toggle-content p:last-child, .toggle-content .row:last-child { margin-bottom: 0px; }
/* ===========================================================
20) Tables
=========================================================== */
.table { width: 100%; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.table caption { margin-bottom: 10px; font-style: italic; }
.table th, .table td {
background-color: #fff;
padding: 5px;
text-align: center;
border: 1px solid #e5e5e5;
box-shadow: 0 1px rgba(255,255,255,0.75) inset;
}
.table td.top-left { text-align: left; vertical-align: top; }
.table tfoot td,
.table tbody th,
.table tr.odd th,
.table tr.odd td {
background-color: #f7f7f7;
}
.table thead th {
font-size: 14px;
border: 1px solid #d4d4d4;
font-weight: bold;
background-color: #fbfbfb;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb),to(#f3f3f3));
background-image: -webkit-linear-gradient(top, #fbfbfb, #f3f3f3);
background-image: -moz-linear-gradient(top, #fbfbfb, #f3f3f3);
background-image: -o-linear-gradient(top, #fbfbfb, #f3f3f3);
background-image: -ms-linear-gradient(top, #fbfbfb, #f3f3f3);
background-image: linear-gradient(top, #fbfbfb, #f3f3f3);
}
.table tfoot td { font-style: italic; font-size: 11px; }
.table tfoot .button { font-style: normal; font-size: 12px; margin: 5px 0; }
/* ===========================================================
21) Alert Boxes (Messages)
=========================================================== */
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert-heading { color: inherit; margin-top:5px;margin-bottom:0px;}
.alert p { margin:0px; }
.alert-warning { color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; }
.alert-success { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; }
.alert-error { color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7; }
.alert-info { color: #3a87ad; background-color: #d9edf7; border: 1px solid #bce8f1; }
/* == 3rd Party - JotForm Embedded Error Message == */
.form-error-message { color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7; padding: 8px 35px 8px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
/* == 3rd Party - QuForm Embedded Messages == */
.quform-success-inner, .quform-errors { padding: 5px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.quform-success-inner { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; }
.quform-errors { color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7; max-width: 200px;}
.quform-success-inner li, .quform-errors li {margin-bottom:0;}
/* ===========================================================
22) Tool Tips
=========================================================== */
span[rel^="tooltip"] { font-style: italic; text-decoration: underline;}
.tooltip {
position: absolute;
z-index: 100;
padding: 5px 10px;
max-width: 250px;
font-size: 1em;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5 );
line-height: 1.5;
color: #fff;
background: #333; /* Fallback */
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top: 1px solid #fff;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
}
.tooltip:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top-color: #333;
border-top: 10px solid rgba( 0, 0, 0, .7 );
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
.tooltip.top:after {
border-top-color: transparent;
border-bottom-color: #333;
border-bottom: 10px solid rgba( 0, 0, 0, .6 );
top: -20px;
bottom: auto;
}
.tooltip.left:after { left: 10px; margin: 0; }
.tooltip.right:after { right: 10px; left: auto; margin: 0; }
/* ============================================================
* 23) Social Media Contact Bar
* ========================================================= */
.bne-contact-bar ul { margin: 0; float:right; }
.bne-contact-bar li { float:left; list-style: none !important; padding: 1px; margin:0; -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; margin-right: 1px;}
.bne-contact-bar li:hover { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.bne-contact-bar li a { background-image: url('../images/elements/contact-bar/social-media-grey_24x24.png'); display: block; width: 24px; height: 24px; text-indent: -9999px; }
.bne-contact-bar ul.social-media-dark li a {background-image:url('../images/elements/contact-bar/social-media-dark_24x24.png');}
.bne-contact-bar ul.social-media-grey li a {background-image:url('../images/elements/contact-bar/social-media-grey_24x24.png');}
.bne-contact-bar ul.social-media-light li a {background-image:url('../images/elements/contact-bar/social-media-light_24x24.png');}
.bne-contact-bar ul.social-media-color li a {background-image:url('../images/elements/contact-bar/social-media-color_24x24.png');}
.bne-contact-bar li .amazon { background-position: 0 0; }
.bne-contact-bar li .delicious { background-position: 0 -24px; }
.bne-contact-bar li .deviantart { background-position: 0 -48px; }
.bne-contact-bar li .digg { background-position: 0 -72px; }
.bne-contact-bar li .dribbble { background-position: 0 -96px; }
.bne-contact-bar li .ebay { background-position: 0 -120px; }
.bne-contact-bar li .email { background-position: 0 -144px; }
.bne-contact-bar li .facebook { background-position: 0 -168px; }
.bne-contact-bar li .feedburner { background-position: 0 -192px; }
.bne-contact-bar li .flickr { background-position: 0 -216px; }
.bne-contact-bar li .forrst { background-position: 0 -240px; }
.bne-contact-bar li .foursquare { background-position: 0 -264px; }
.bne-contact-bar li .github { background-position: 0 -288px; }
.bne-contact-bar li .google { background-position: 0 -312px; }
.bne-contact-bar li .instagram { background-position: 0 -336px; }
.bne-contact-bar li .linkedin { background-position: 0 -360px; }
.bne-contact-bar li .myspace { background-position: 0 -384px; }
.bne-contact-bar li .paypal { background-position: 0 -408px; }
.bne-contact-bar li .picasa { background-position: 0 -432px; }
.bne-contact-bar li .pinterest { background-position: 0 -456px; }
.bne-contact-bar li .reddit { background-position: 0 -480px; }
.bne-contact-bar li .rss { background-position: 0 -504px; }
.bne-contact-bar li .scribd { background-position: 0 -528px; }
.bne-contact-bar li .squidoo { background-position: 0 -552px; }
.bne-contact-bar li .technorati { background-position: 0 -576px; }
.bne-contact-bar li .tumblr { background-position: 0 -600px; }
.bne-contact-bar li .twitter { background-position: 0 -624px; }
.bne-contact-bar li .vimeo { background-position: 0 -648px; }
.bne-contact-bar li .xbox { background-position: 0 -672px; }
.bne-contact-bar li .yahoo { background-position: 0 -696px; }
.bne-contact-bar li .youtube { background-position: 0 -720px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
/* Use 2x images for retina */
.bne-contact-bar li a {
background-image: url('../images/elements/contact-bar/social-media-grey_48x48.png');
background-size: 24px 744px;
}
.bne-contact-bar ul.social-media-dark li a {background-image:url('../images/elements/contact-bar/social-media-dark_48x48.png');}
.bne-contact-bar ul.social-media-grey li a {background-image:url('../images/elements/contact-bar/social-media-grey_48x48.png');}
.bne-contact-bar ul.social-media-light li a {background-image:url('../images/elements/contact-bar/social-media-light_48x48.png');}
.bne-contact-bar ul.social-media-color li a {background-image:url('../images/elements/contact-bar/social-media-color_48x48.png');}
}
/* ============================================================
* 24) Font Awesome
* ========================================================= */
/*
* Font Awesome 3.2.1
* the iconic font designed for Bootstrap
* ------------------------------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation can be
* found at http://fontawesome.io. Stay up to date on Twitter at
* http://twitter.com/fontawesome.
*
* License
* ------------------------------------------------------------------------------
* - The Font Awesome font is licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*
* Author - Dave Gandy
* ------------------------------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/davegandy
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
/* == Load up the font used for FontAwesome == */
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=3.2.1');
src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
font-weight: normal;
font-style: normal;
}
/* == Font Awesome styles == */
[class^=icon-],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;margin-right:.3em; width: 1.25em;text-align: center;display: inline-block;}
[class^=icon-]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{/*vertical-align:-10%;*/font-size:1.33333333333em;}
a [class^=icon-],a [class*=" icon-"]{display:inline;}
[class^=icon-].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.14285714286em;text-align:right;padding-right:.285714285714em;}
[class^=icon-].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.42857142857em;}
.icons-ul{margin-left:2.14285714286em;list-style-type:none;}
.icons-ul > li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.14285714286em;width:2.14285714286em;text-align:center;line-height:inherit;}
[class^=icon-].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:.2em .25em .15em;}
.icon-2x{font-size:2em;}
.icon-2x.icon-border{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-width:2px;}
.icon-3x{font-size:3em;}
.icon-3x.icon-border{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border-width:3px;}
.icon-4x{font-size:4em;}
.icon-4x.icon-border{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border-width:4px;}
.icon-5x{font-size:5em;}
.icon-5x.icon-border{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border-width:5px;}
[class^=icon-].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^=icon-].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
/* == Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons == */
.icon-glass:before{content:"\f000";}.icon-music:before{content:"\f001";}.icon-search:before{content:"\f002";}.icon-envelope-alt:before{content:"\f003";}.icon-heart:before{content:"\f004";}.icon-star:before{content:"\f005";}.icon-star-empty:before{content:"\f006";}.icon-user:before{content:"\f007";}.icon-film:before{content:"\f008";}.icon-th-large:before{content:"\f009";}.icon-th:before{content:"\f00a";}.icon-th-list:before{content:"\f00b";}.icon-ok:before{content:"\f00c";}.icon-remove:before{content:"\f00d";}.icon-zoom-in:before{content:"\f00e";}.icon-zoom-out:before{content:"\f010";}.icon-power-off:before,.icon-off:before{content:"\f011";}.icon-signal:before{content:"\f012";}.icon-gear:before,.icon-cog:before{content:"\f013";}.icon-trash:before{content:"\f014";}.icon-home:before{content:"\f015";}.icon-file-alt:before{content:"\f016";}.icon-time:before{content:"\f017";}.icon-road:before{content:"\f018";}.icon-download-alt:before{content:"\f019";}.icon-download:before{content:"\f01a";}.icon-upload:before{content:"\f01b";}.icon-inbox:before{content:"\f01c";}.icon-play-circle:before{content:"\f01d";}.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}.icon-refresh:before{content:"\f021";}.icon-list-alt:before{content:"\f022";}.icon-lock:before{content:"\f023";}.icon-flag:before{content:"\f024";}.icon-headphones:before{content:"\f025";}.icon-volume-off:before{content:"\f026";}.icon-volume-down:before{content:"\f027";}.icon-volume-up:before{content:"\f028";}.icon-qrcode:before{content:"\f029";}.icon-barcode:before{content:"\f02a";}.icon-tag:before{content:"\f02b";}.icon-tags:before{content:"\f02c";}.icon-book:before{content:"\f02d";}.icon-bookmark:before{content:"\f02e";}.icon-print:before{content:"\f02f";}.icon-camera:before{content:"\f030";}.icon-font:before{content:"\f031";}.icon-bold:before{content:"\f032";}.icon-italic:before{content:"\f033";}.icon-text-height:before{content:"\f034";}.icon-text-width:before{content:"\f035";}.icon-align-left:before{content:"\f036";}.icon-align-center:before{content:"\f037";}.icon-align-right:before{content:"\f038";}.icon-align-justify:before{content:"\f039";}.icon-list:before{content:"\f03a";}.icon-indent-left:before{content:"\f03b";}.icon-indent-right:before{content:"\f03c";}.icon-facetime-video:before{content:"\f03d";}.icon-picture:before{content:"\f03e";}.icon-pencil:before{content:"\f040";}.icon-map-marker:before{content:"\f041";}.icon-adjust:before{content:"\f042";}.icon-tint:before{content:"\f043";}.icon-edit:before{content:"\f044";}.icon-share:before{content:"\f045";}.icon-check:before{content:"\f046";}.icon-move:before{content:"\f047";}.icon-step-backward:before{content:"\f048";}.icon-fast-backward:before{content:"\f049";}.icon-backward:before{content:"\f04a";}.icon-play:before{content:"\f04b";}.icon-pause:before{content:"\f04c";}.icon-stop:before{content:"\f04d";}.icon-forward:before{content:"\f04e";}.icon-fast-forward:before{content:"\f050";}.icon-step-forward:before{content:"\f051";}.icon-eject:before{content:"\f052";}.icon-chevron-left:before{content:"\f053";}.icon-chevron-right:before{content:"\f054";}.icon-plus-sign:before{content:"\f055";}.icon-minus-sign:before{content:"\f056";}.icon-remove-sign:before{content:"\f057";}.icon-ok-sign:before{content:"\f058";}.icon-question-sign:before{content:"\f059";}.icon-info-sign:before{content:"\f05a";}.icon-screenshot:before{content:"\f05b";}.icon-remove-circle:before{content:"\f05c";}.icon-ok-circle:before{content:"\f05d";}.icon-ban-circle:before{content:"\f05e";}.icon-arrow-left:before{content:"\f060";}.icon-arrow-right:before{content:"\f061";}.icon-arrow-up:before{content:"\f062";}.icon-arrow-down:before{content:"\f063";}.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}.icon-resize-full:before{content:"\f065";}.icon-resize-small:before{content:"\f066";}.icon-plus:before{content:"\f067";}.icon-minus:before{content:"\f068";}.icon-asterisk:before{content:"\f069";}.icon-exclamation-sign:before{content:"\f06a";}.icon-gift:before{content:"\f06b";}.icon-leaf:before{content:"\f06c";}.icon-fire:before{content:"\f06d";}.icon-eye-open:before{content:"\f06e";}.icon-eye-close:before{content:"\f070";}.icon-warning-sign:before{content:"\f071";}.icon-plane:before{content:"\f072";}.icon-calendar:before{content:"\f073";}.icon-random:before{content:"\f074";}.icon-comment:before{content:"\f075";}.icon-magnet:before{content:"\f076";}.icon-chevron-up:before{content:"\f077";}.icon-chevron-down:before{content:"\f078";}.icon-retweet:before{content:"\f079";}.icon-shopping-cart:before{content:"\f07a";}.icon-folder-close:before{content:"\f07b";}.icon-folder-open:before{content:"\f07c";}.icon-resize-vertical:before{content:"\f07d";}.icon-resize-horizontal:before{content:"\f07e";}.icon-bar-chart:before{content:"\f080";}.icon-twitter-sign:before{content:"\f081";}.icon-facebook-sign:before{content:"\f082";}.icon-camera-retro:before{content:"\f083";}.icon-key:before{content:"\f084";}.icon-gears:before,.icon-cogs:before{content:"\f085";}.icon-comments:before{content:"\f086";}.icon-thumbs-up-alt:before{content:"\f087";}.icon-thumbs-down-alt:before{content:"\f088";}.icon-star-half:before{content:"\f089";}.icon-heart-empty:before{content:"\f08a";}.icon-signout:before{content:"\f08b";}.icon-linkedin-sign:before{content:"\f08c";}.icon-pushpin:before{content:"\f08d";}.icon-external-link:before{content:"\f08e";}.icon-signin:before{content:"\f090";}.icon-trophy:before{content:"\f091";}.icon-github-sign:before{content:"\f092";}.icon-upload-alt:before{content:"\f093";}.icon-lemon:before{content:"\f094";}.icon-phone:before{content:"\f095";}.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}.icon-bookmark-empty:before{content:"\f097";}.icon-phone-sign:before{content:"\f098";}.icon-twitter:before{content:"\f099";}.icon-facebook:before{content:"\f09a";}.icon-github:before{content:"\f09b";}.icon-unlock:before{content:"\f09c";}.icon-credit-card:before{content:"\f09d";}.icon-rss:before{content:"\f09e";}.icon-hdd:before{content:"\f0a0";}.icon-bullhorn:before{content:"\f0a1";}.icon-bell:before{content:"\f0a2";}.icon-certificate:before{content:"\f0a3";}.icon-hand-right:before{content:"\f0a4";}.icon-hand-left:before{content:"\f0a5";}.icon-hand-up:before{content:"\f0a6";}.icon-hand-down:before{content:"\f0a7";}.icon-circle-arrow-left:before{content:"\f0a8";}.icon-circle-arrow-right:before{content:"\f0a9";}.icon-circle-arrow-up:before{content:"\f0aa";}.icon-circle-arrow-down:before{content:"\f0ab";}.icon-globe:before{content:"\f0ac";}.icon-wrench:before{content:"\f0ad";}.icon-tasks:before{content:"\f0ae";}.icon-filter:before{content:"\f0b0";}.icon-briefcase:before{content:"\f0b1";}.icon-fullscreen:before{content:"\f0b2";}.icon-group:before{content:"\f0c0";}.icon-link:before{content:"\f0c1";}.icon-cloud:before{content:"\f0c2";}.icon-beaker:before{content:"\f0c3";}.icon-cut:before{content:"\f0c4";}.icon-copy:before{content:"\f0c5";}.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}.icon-save:before{content:"\f0c7";}.icon-sign-blank:before{content:"\f0c8";}.icon-reorder:before{content:"\f0c9";}.icon-list-ul:before{content:"\f0ca";}.icon-list-ol:before{content:"\f0cb";}.icon-strikethrough:before{content:"\f0cc";}.icon-underline:before{content:"\f0cd";}.icon-table:before{content:"\f0ce";}.icon-magic:before{content:"\f0d0";}.icon-truck:before{content:"\f0d1";}.icon-pinterest:before{content:"\f0d2";}.icon-pinterest-sign:before{content:"\f0d3";}.icon-google-plus-sign:before{content:"\f0d4";}.icon-google-plus:before{content:"\f0d5";}.icon-money:before{content:"\f0d6";}.icon-caret-down:before{content:"\f0d7";}.icon-caret-up:before{content:"\f0d8";}.icon-caret-left:before{content:"\f0d9";}.icon-caret-right:before{content:"\f0da";}.icon-columns:before{content:"\f0db";}.icon-sort:before{content:"\f0dc";}.icon-sort-down:before{content:"\f0dd";}.icon-sort-up:before{content:"\f0de";}.icon-envelope:before{content:"\f0e0";}.icon-linkedin:before{content:"\f0e1";}.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}.icon-legal:before{content:"\f0e3";}.icon-dashboard:before{content:"\f0e4";}.icon-comment-alt:before{content:"\f0e5";}.icon-comments-alt:before{content:"\f0e6";}.icon-bolt:before{content:"\f0e7";}.icon-sitemap:before{content:"\f0e8";}.icon-umbrella:before{content:"\f0e9";}.icon-paste:before{content:"\f0ea";}.icon-lightbulb:before{content:"\f0eb";}.icon-exchange:before{content:"\f0ec";}.icon-cloud-download:before{content:"\f0ed";}.icon-cloud-upload:before{content:"\f0ee";}.icon-user-md:before{content:"\f0f0";}.icon-stethoscope:before{content:"\f0f1";}.icon-suitcase:before{content:"\f0f2";}.icon-bell-alt:before{content:"\f0f3";}.icon-coffee:before{content:"\f0f4";}.icon-food:before{content:"\f0f5";}.icon-file-text-alt:before{content:"\f0f6";}.icon-building:before{content:"\f0f7";}.icon-hospital:before{content:"\f0f8";}.icon-ambulance:before{content:"\f0f9";}.icon-medkit:before{content:"\f0fa";}.icon-fighter-jet:before{content:"\f0fb";}.icon-beer:before{content:"\f0fc";}.icon-h-sign:before{content:"\f0fd";}.icon-plus-sign-alt:before{content:"\f0fe";}.icon-double-angle-left:before{content:"\f100";}.icon-double-angle-right:before{content:"\f101";}.icon-double-angle-up:before{content:"\f102";}.icon-double-angle-down:before{content:"\f103";}.icon-angle-left:before{content:"\f104";}.icon-angle-right:before{content:"\f105";}.icon-angle-up:before{content:"\f106";}.icon-angle-down:before{content:"\f107";}.icon-desktop:before{content:"\f108";}.icon-laptop:before{content:"\f109";}.icon-tablet:before{content:"\f10a";}.icon-mobile-phone:before{content:"\f10b";}.icon-circle-blank:before{content:"\f10c";}.icon-quote-left:before{content:"\f10d";}.icon-quote-right:before{content:"\f10e";}.icon-spinner:before{content:"\f110";}.icon-circle:before{content:"\f111";}.icon-mail-reply:before,.icon-reply:before{content:"\f112";}.icon-github-alt:before{content:"\f113";}.icon-folder-close-alt:before{content:"\f114";}.icon-folder-open-alt:before{content:"\f115";}.icon-expand-alt:before{content:"\f116";}.icon-collapse-alt:before{content:"\f117";}.icon-smile:before{content:"\f118";}.icon-frown:before{content:"\f119";}.icon-meh:before{content:"\f11a";}.icon-gamepad:before{content:"\f11b";}.icon-keyboard:before{content:"\f11c";}.icon-flag-alt:before{content:"\f11d";}.icon-flag-checkered:before{content:"\f11e";}.icon-terminal:before{content:"\f120";}.icon-code:before{content:"\f121";}.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}.icon-location-arrow:before{content:"\f124";}.icon-crop:before{content:"\f125";}.icon-code-fork:before{content:"\f126";}.icon-unlink:before{content:"\f127";}.icon-question:before{content:"\f128";}.icon-info:before{content:"\f129";}.icon-exclamation:before{content:"\f12a";}.icon-superscript:before{content:"\f12b";}.icon-subscript:before{content:"\f12c";}.icon-eraser:before{content:"\f12d";}.icon-puzzle-piece:before{content:"\f12e";}.icon-microphone:before{content:"\f130";}.icon-microphone-off:before{content:"\f131";}.icon-shield:before{content:"\f132";}.icon-calendar-empty:before{content:"\f133";}.icon-fire-extinguisher:before{content:"\f134";}.icon-rocket:before{content:"\f135";}.icon-maxcdn:before{content:"\f136";}.icon-chevron-sign-left:before{content:"\f137";}.icon-chevron-sign-right:before{content:"\f138";}.icon-chevron-sign-up:before{content:"\f139";}.icon-chevron-sign-down:before{content:"\f13a";}.icon-html5:before{content:"\f13b";}.icon-css3:before{content:"\f13c";}.icon-anchor:before{content:"\f13d";}.icon-unlock-alt:before{content:"\f13e";}.icon-bullseye:before{content:"\f140";}.icon-ellipsis-horizontal:before{content:"\f141";}.icon-ellipsis-vertical:before{content:"\f142";}.icon-rss-sign:before{content:"\f143";}.icon-play-sign:before{content:"\f144";}.icon-ticket:before{content:"\f145";}.icon-minus-sign-alt:before{content:"\f146";}.icon-check-minus:before{content:"\f147";}.icon-level-up:before{content:"\f148";}.icon-level-down:before{content:"\f149";}.icon-check-sign:before{content:"\f14a";}.icon-edit-sign:before{content:"\f14b";}.icon-external-link-sign:before{content:"\f14c";}.icon-share-sign:before{content:"\f14d";}.icon-compass:before{content:"\f14e";}.icon-collapse:before{content:"\f150";}.icon-collapse-top:before{content:"\f151";}.icon-expand:before{content:"\f152";}.icon-euro:before,.icon-eur:before{content:"\f153";}.icon-gbp:before{content:"\f154";}.icon-dollar:before,.icon-usd:before{content:"\f155";}.icon-rupee:before,.icon-inr:before{content:"\f156";}.icon-yen:before,.icon-jpy:before{content:"\f157";}.icon-renminbi:before,.icon-cny:before{content:"\f158";}.icon-won:before,.icon-krw:before{content:"\f159";}.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}.icon-file:before{content:"\f15b";}.icon-file-text:before{content:"\f15c";}.icon-sort-by-alphabet:before{content:"\f15d";}.icon-sort-by-alphabet-alt:before{content:"\f15e";}.icon-sort-by-attributes:before{content:"\f160";}.icon-sort-by-attributes-alt:before{content:"\f161";}.icon-sort-by-order:before{content:"\f162";}.icon-sort-by-order-alt:before{content:"\f163";}.icon-thumbs-up:before{content:"\f164";}.icon-thumbs-down:before{content:"\f165";}.icon-youtube-sign:before{content:"\f166";}.icon-youtube:before{content:"\f167";}.icon-xing:before{content:"\f168";}.icon-xing-sign:before{content:"\f169";}.icon-youtube-play:before{content:"\f16a";}.icon-dropbox:before{content:"\f16b";}.icon-stackexchange:before{content:"\f16c";}.icon-instagram:before{content:"\f16d";}.icon-flickr:before{content:"\f16e";}.icon-adn:before{content:"\f170";}.icon-bitbucket:before{content:"\f171";}.icon-bitbucket-sign:before{content:"\f172";}.icon-tumblr:before{content:"\f173";}.icon-tumblr-sign:before{content:"\f174";}.icon-long-arrow-down:before{content:"\f175";}.icon-long-arrow-up:before{content:"\f176";}.icon-long-arrow-left:before{content:"\f177";}.icon-long-arrow-right:before{content:"\f178";}.icon-apple:before{content:"\f179";}.icon-windows:before{content:"\f17a";}.icon-android:before{content:"\f17b";}.icon-linux:before{content:"\f17c";}.icon-dribbble:before{content:"\f17d";}.icon-skype:before{content:"\f17e";}.icon-foursquare:before{content:"\f180";}.icon-trello:before{content:"\f181";}.icon-female:before{content:"\f182";}.icon-male:before{content:"\f183";}.icon-gittip:before{content:"\f184";}.icon-sun:before{content:"\f185";}.icon-moon:before{content:"\f186";}.icon-archive:before{content:"\f187";}.icon-bug:before{content:"\f188";}.icon-vk:before{content:"\f189";}.icon-weibo:before{content:"\f18a";}.icon-renren:before{content:"\f18b";}.icon-reply-all:before,.icon-mail-reply-all:before{content:"\f122";}
/* ============================================================
* 25) Google Map Styles
* ========================================================= */
.gmap { margin-bottom:30px; min-height: 250px; }
.gmap img { max-width: inherit; }
.gmap .gmap_marker {color: #000;}
/* ============================================================
* 26) Miscellaneous
* ========================================================= */
/* == Clearfix == */
.clear:before, .clear:after, .clearfix:before, .clearfix:after {display: table;content: "";}
.clear:after, .clearfix:after {content: ".";visibility: hidden;display: block;height: 0;clear: both;}
/* == Show/Hide == */
.hide {display:none;}
.show {display:block;}
.invisible {visibility:hidden;}
/* == Video Wrapper == */
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
margin-bottom:2em;
}
/* == Video iframe Wrapper == */
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}