API tools faq
paste
Advertisement
BakerMan

Karma current CSS

BakerMan
May 5th, 2014
404
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 213.24 KB | None | 0 0
raw download clone embed print report
  1. /*-----------------------------------------------------------------------------------
  2.  
  3. Theme Name:Karma
  4. Theme URI:http://themeforest.net/user/TrueThemes/portfolio?ref=TrueThemes
  5. Description:Karma is a Responsive Wordpress Theme with a multitude of amazing CMS features.
  6. Author:TrueThemes
  7. Author URI:http://www.truethemes.net
  8. Version:4.0.3
  9. License:GNU General Public License
  10. License URI:license.txt
  11. Tags:TrueThemes, Responsive, HTML5, Clean, Modern, Corporate, Business
  12.  
  13. ---------------------------------- Stylesheet Guide ---------------------------------
  14.  
  15. - Global
  16.  
  17. - Layout
  18.     - General Layout
  19.     - Top Toolbar
  20.     - Header
  21.     - Content
  22.     - Parallax Banner
  23.     - Sidebar
  24.     - Footer
  25.     - Gallery
  26.     - Columns
  27.     - Sitemap
  28.     - Sliders
  29.     - jQuery 1 Slider
  30.     - jQuery 2 Slider
  31.     - jQuery 3 Slider
  32.     - 3D CU3ER Slider
  33.     - Revolution Slider
  34.     - Testimonials Slider
  35.     - Homepage Video
  36.     - Sitemap
  37.     - Video + 3D Thumbs
  38.     - Filterable Gallery
  39.  
  40. - Navigation
  41.     - Main Menu
  42.     - Vertical Sub Menu
  43.     - Horizontal Sub Menu
  44.     - Top Toolbar Superfish
  45.     - Breadcrumbs
  46.  
  47. - Links
  48.     - General Links
  49.     - Top Link
  50.     - Custom Buttons
  51.  
  52. - Lists
  53.     - General Lists
  54.     - Custom List Bullets
  55.     - Accordion
  56.     - Tabs
  57.  
  58. - Typography
  59.     - General Typography
  60.     - @font-Face
  61.     - Message Boxes
  62.     - Footer
  63.     - Callouts
  64.  
  65. - Blog
  66. - Forms
  67.  
  68. - Images
  69.     - General
  70.     - Modern Frame
  71.     - Shadow Frame
  72.  
  73. - Miscellaneous
  74.  
  75. - Wordpress
  76.     - Karma Pagenavi
  77.     - Mailchimp
  78.     - Defaults
  79.     - 404 Error Page
  80.     - Constant Contact
  81.  
  82. - Widgets + Shortcodes
  83.     - Default Styles
  84.     - Blogroll - Footer
  85.     - Calendar
  86.     - Recent Posts - Sidebar
  87.     - Blogroll - Sidebar
  88.     - Search - Sidebar
  89.     - Social Media
  90.     - Latest Tweets
  91.     - Blog Posts Shortcode
  92.     - Pricing Tables
  93.  
  94. - PrettyPhoto
  95. - PrettySociable
  96. - Attachment.php
  97. - Responsive Design
  98. - Internet Explorer
  99. - WPML
  100. - Content Area - Custom Color Variations
  101.  
  102. -----------------------------------------------------------------------------------*/
  103.  
  104. /*----------------------------*/
  105. /* Global
  106. /*----------------------------*/
  107. 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,font,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 {
  108.     border: 0;
  109.     /* outline: 0; */
  110.     font-size: 100%;
  111.     vertical-align: baseline;
  112.     background: transparent;
  113.     margin: 0;
  114.     padding: 0;
  115. }
  116.  
  117. html {font-size: 62.5%;}
  118.  
  119. body {
  120.     background: #f4f4f2;
  121.     font: 1.2em/20px "helvetica neue",Helvetica,Arial,Verdana,sans-serif;
  122.     margin: 0;
  123.     min-width: 1003px;
  124.     -webkit-text-size-adjust:100%;
  125. }
  126.  
  127. header, nav, section, article, aside, footer {display:block;}
  128. video,
  129. iframe,
  130. object,
  131. img {
  132.     max-width: 100%;
  133. }
  134. #main img {height: auto;}
  135. #main .tt-blog-featured img{height: 218px;}
  136. blockquote,q {quotes: none;}
  137. blockquote:before,
  138. blockquote:after,
  139. q:before,
  140. q:after {content: none;}
  141. ins {text-decoration: none;}
  142. del {text-decoration: line-through;}
  143. table {border-collapse: collapse;border-spacing: 0;}
  144. /* :focus {outline: 0;} */
  145. ::selection {background: rgba(255, 255, 255, 0.2); /* Safari */}
  146. ::-moz-selection {background: rgba(255, 255, 255, 0.2); /* FireFox */}
  147. #content ::selection, #sidebar ::selection {background: rgba(0, 0, 0, 0.2);}
  148. #content ::-moz-selection, #sidebar ::-moz-selection {background: rgba(0, 0, 0, 0.2);}
  149.  
  150. body,
  151. #sub_nav ul a,
  152. #main .sitemap_with_child a,
  153. #main .sitemap_without_child a,
  154. .content-style-default p,
  155. .content-style-default ul,
  156. .content-style-default ol,
  157. .content-style-default #horizontal_nav ul a,
  158. .karma-pages a,
  159. .karma-pages span,
  160. .wp-pagenavi a,
  161. .wp-pagenavi span,
  162. .karma-pages a:active,
  163. .wp-pagenavi a:active,
  164. .woocommerce-pagination a,
  165. .woocommerce-pagination span,
  166. #sidebar .blogroll li,
  167. ul.twitterList li:before,
  168. #sidebar ul.twitterList li:before,
  169. #footer ul.twitterList li:before,
  170. #sidebar ul.twitterList li,
  171. #content ul.twitterList li,
  172. #content.content_full_width ul.twitterList li,
  173. #footer ul.twitterList li,
  174. #wrapper .tabset a,
  175. .ui-state-active a,
  176. .contact-form label,
  177. #footer div.karma_notify p {
  178.     color: #444;
  179. }
  180.  
  181. /* clearfix */
  182. .top-block .top-holder:after,
  183. #header .header-area:after,
  184. nav:after,
  185. .main-area:after,
  186. .tools .frame:after,
  187. .blog_wrap:after,
  188. .single_blog_wrap:after,
  189. .testimonials.flexslider:after,
  190. #about-author-wrap:after,
  191. ul.social_icons:after,
  192. .comment-content:after,
  193. .comment-tab-wrap:after,
  194. div.woocommerce:after,
  195. .footer-content:after,
  196. #header .header-holder.tt-logo-center #megaMenu:after {
  197.     clear: both;
  198.     display: block;
  199.     content: "";
  200. }
  201.  
  202. ul.list1 li:before,
  203. ul.list2 li:before,
  204. ul.list3 li:before,
  205. ul.list4 li:before,
  206. ul.list5 li:before,
  207. ul.list6 li:before,
  208. ul.list7 li:before,
  209. ul.list8 li:before,
  210. #sidebar ul li:before,
  211. #sub_nav .sub_nav_sidebar .textwidget ul li:before,
  212. #sub_nav ul li .sub-menu li:before,
  213. #sub_nav ul li .sub-menu li .sub-menu li:before,
  214. .post_comments span:after,
  215. .tools .breadcrumb a:after,
  216. .tools .breadcrumb .current_crumb:after,
  217. a.link-top:before,
  218. .search-form .text:before,
  219. .lightbox-zoom:before,
  220. .tt-blog-placeholder:before,
  221. .flex-direction-nav .flex-prev span:before,
  222. .flex-direction-nav .flex-next span:before,
  223. #tt-mobile-menu-button span:after,
  224. .top-block ul.sf-menu a.sf-with-ul:after,
  225. table.cart a.remove,
  226. .woocommerce-page .tt-woocommerce .breadcrumb span:last-child:after,
  227. ul.social_icons.tt_vector_social_icons a:after,
  228. .comment-name:after,
  229. .comment-email:after,
  230. .comment-website:after,
  231. #menu-main-nav .sub-menu li.parent a:after,
  232. .karma_notify p:before,
  233. .tt-social-sharing a:after,
  234. .post_footer p:after,
  235. #mc_signup .mc_input:after,
  236. #footer #footer-callout-content a.footer-callout-link:after,
  237. ul.tt-business-contact a:after,
  238. a.comment-reply-link:before,
  239. a.comment-edit-link:before,
  240. .comments-rss-link a:after {
  241.     font-family: FontAwesome;
  242.     display: inline-block;
  243. }
  244.  
  245. #menu-main-nav li:before,
  246. ul.social_icons a,
  247. ul.twitterList li:before,
  248. #sidebar ul.twitterList li:before,
  249. #footer ul.twitterList li:before,
  250. .post_cats span:before,
  251. .post_tags span:before,
  252. .sharelink_small,
  253. .sharelink_big,
  254. .post_thumb,
  255. .comments-rss a:before,
  256. .search-form .text,
  257. .modern_img_frame.modern_three_col_large,
  258. .modern_img_frame.modern_three_col_small,
  259. .modern_img_frame.modern_four_col_large,
  260. .modern_img_frame.modern_four_col_small,
  261. .modern_img_frame.tt-blog-featured,
  262. .shadow_img_frame.tt-blog-featured,
  263. .accordion .opener strong:before,
  264. .testimonials:after,
  265. .testimonials_static:after,
  266. .jquery2-slider-wrap .slider-content-sub {
  267.     background: url(images/_global/global-sprite.png) 0 0 no-repeat;
  268. }
  269.  
  270. .top-block .top-holder,
  271. #header .header-area,
  272. .main-area,
  273. .footer-content,
  274. .info,
  275. .jquery3-slider-wrap.flexslider {
  276.     width: 980px;
  277.     margin: 0 auto;
  278. }
  279.  
  280. #post-comments,
  281. #post-comments li ul,
  282. form,
  283. fieldset,
  284. html,
  285. .jquery2-slider-wrap ul,
  286. .jquery1-slider-wrap ul,
  287. .jquery1-slider-wrap .slider-content-sub-full-width,
  288. .jquery1-slider-wrap .slider-content-sub-full-width p,
  289. #menu-main-nav,
  290. #sub_nav ul,
  291. #sub_nav .sub-menu li .sub-menu a,
  292. #sub_nav.nav_right_sub_nav .sub-menu li .sub-menu a,
  293. .top-block .toolbar-left,
  294. .top-block .toolbar-right,
  295. .top-block .toolbar-left ul,
  296. .top-block .toolbar-right ul,
  297. #footer_bottom ul,
  298. .footer-content ul,
  299. .top-block p,
  300. .related_posts ul,
  301. .karma_notify p,
  302. ul.accordion,
  303. .flexslider,
  304. .slides,
  305. #content .testimonials.flexslider ol.flex-control-paging,
  306. .content_full_width .testimonials.flexslider ol.flex-control-paging,
  307. p.top-block-title,
  308. ul.tt-recent-posts,
  309. #content ul#tt-gallery-nav,
  310. .content_full_width ul#tt-gallery-nav {
  311.     margin: 0;
  312.     padding: 0;
  313. }
  314.  
  315. ul.list,
  316. .slides,
  317. .flex-control-nav,
  318. .flex-direction-nav,
  319. #main .sitemap_with_child ul,
  320. #main .sitemap_without_child ul,
  321. #menu-main-nav,
  322. #menu-main-nav .drop ul,
  323. #sub_nav ul,
  324. #horizontal_nav ul,
  325. .top-block .toolbar-left ul,
  326. .top-block .toolbar-right ul,
  327. #footer_bottom ul,
  328. .footer-content ul,
  329. .sitemap-list .sub-menu,
  330. .sitemap-list .sub-menu li .sub-menu,
  331. .accordion,
  332. #wrapper .tabset,
  333. #post-comments,
  334. .blog-tab-box .children,
  335. #sidebar ul,
  336. #sidebar .blogroll,
  337. .social_icons,
  338. #content ul.twitterList,
  339. .content_full_width ul.twitterList,
  340. #ps_websites ul,
  341. ul.tt-recent-posts {
  342.     list-style: none;  
  343. }
  344.  
  345. .tools,
  346. #menu-main-nav .drop,
  347. #menu-main-nav ul.sub-menu,
  348. #menu-main-nav .drop .c,
  349. .message_green,
  350. .message_red,
  351. .message_blue,
  352. .message_yellow,
  353. .opener,
  354. .callout_button,
  355. .testimonials,
  356. .colored_box {
  357.     -webkit-border-radius: 5px;
  358.        -moz-border-radius: 5px;
  359.             border-radius: 5px;
  360. }
  361.  
  362. #menu-main-nav .drop ul a,
  363. .post_date,
  364. .post_comments,
  365. .search-form .text,
  366. ul.tt-recent-posts li,
  367. ul.tt-recent-posts li a,
  368. #sidebar div.tagcloud a,
  369. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a,
  370. div.comment-content,
  371. .comments-rss-link a:after,
  372. #footer #mc_signup #mc_signup_submit,
  373. .jquery3-slider-wrap .flex-direction-nav .flex-prev span:before,
  374. .jquery3-slider-wrap .flex-direction-nav .flex-next span:before {
  375.     -webkit-border-radius: 2px;
  376.        -moz-border-radius: 2px;
  377.             border-radius: 2px;
  378. }
  379.  
  380. #content ul.tt-recent-posts li,
  381. .colored_box,
  382. #footer-callout-content,
  383. #footer #footer-callout-content a,
  384. #mc_signup .mc_input,
  385. .comment-content,
  386. .tt-icon-box,
  387. .tt-column,
  388. .woocommerce-page #sidebar .sidebar-widget {
  389.     -webkit-box-sizing: border-box;
  390.        -moz-box-sizing: border-box;
  391.             box-sizing: border-box;
  392. }
  393.  
  394. .callout-wrap,
  395. .post_footer {
  396.     border-top: 1px solid #FEFEFC;
  397.     border-bottom: 1px solid #FEFEFC;
  398. }
  399.  
  400. .callout-wrap:before,
  401. .post_footer:before,
  402. .hr:before,
  403. .hr_top_link:before {
  404.    content: " ";
  405.    position: absolute;
  406.    left:0px;
  407.    top:-2px;
  408.    width:100%;
  409.    height:1px;
  410.    border-top: 1px solid #D8D8D6;
  411. }
  412.  
  413. .callout-wrap:after,
  414. .post_footer:after,
  415. #horizontal_nav:after,
  416. .member-wrap:after {
  417.    content: " ";
  418.    position: absolute;
  419.    left:0px;
  420.    bottom:0;
  421.    width:100%;
  422.    height:1px;
  423.    border-bottom: 1px solid #D8D8D6;
  424. }
  425.  
  426. /*----------------------------*/
  427. /* General Layout
  428. /*----------------------------*/
  429. #wrapper {
  430.     width: 100%;
  431.     /* display: table; */
  432.     display: block;
  433.     background: #F4F4F2;
  434. }
  435.  
  436. #tt-boxed-layout {
  437.     width: 90%;
  438.     margin: 0 auto;
  439.     max-width: 1400px;
  440.     -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  441.        -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  442.             box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  443. }
  444.  
  445. /* requires larger width */
  446. @media only screen and (min-width : 1024px) and (max-width : 1200px){
  447. #tt-boxed-layout {width: 96%;}
  448. }
  449.  
  450. /*----------------------------*/
  451. /* Top toolbar
  452. /*----------------------------*/
  453. .top-block .top-holder {
  454.     font-size: 10px;
  455.     min-height: 5px;
  456.     height: auto;
  457.     padding: 5px 0;
  458. }
  459.  
  460. .top-block .toolbar-left {
  461.     float: left;
  462. }
  463.  
  464. .top-block .toolbar-right {
  465.     float: right;
  466. }
  467.  
  468. .top-block .toolbar-left ul,
  469. .top-block .toolbar-right ul,
  470. #footer_bottom ul {
  471.     float: left;
  472.     overflow: hidden;
  473. }
  474.  
  475. .top-block .toolbar-left ul li,
  476. .top-block .toolbar-right ul li {
  477.     float: left;
  478.     padding-left: 7px;
  479. }
  480.  
  481. .top-block .toolbar-left a,
  482. .top-block .toolbar-right a {
  483.     padding-right: 10px;
  484.     border-right: 1px solid rgba(255, 255, 255, 0.2);
  485. }
  486.  
  487. .top-block .toolbar-left li:last-child a,
  488. .top-block .toolbar-right li:last-child a {
  489.     padding-right: 0;
  490.     border-right: 0;
  491. }
  492.  
  493. .top-block .toolbar-right ul,
  494. #footer_bottom #foot_right ul {
  495.     float: right;
  496. }
  497.  
  498. /* font-awesome "drop arrow" */
  499. .top-block ul.sf-menu a.sf-with-ul  {
  500.     position: relative;
  501.     padding: 3px 20px 3px 3px;
  502. }
  503.  
  504. .top-block ul.sf-menu a.sf-with-ul:after {
  505.     content: "\f107";
  506.     font-size: 12px;
  507.     position: absolute;
  508.     right: 7px;
  509.     top: 0;
  510. }
  511.  
  512. /* sub-menu styles */
  513. .top-block ul.sf-menu li ul {
  514.     padding: 6px;
  515.     float: none;
  516.     width: 120px;
  517.     z-index: 999;
  518.     position: absolute;
  519.     margin-left: -8px;
  520. }
  521.  
  522. .top-block ul.sf-menu li ul {
  523.     -webkit-border-radius: 0px 0px 3px 3px;
  524.        -moz-border-radius: 0px 0px 3px 3px;
  525.             border-radius: 0px 0px 3px 3px;
  526. }
  527.  
  528. .top-block ul.sf-menu li ul li {
  529.     width: 100%;
  530.     margin: 0;
  531.     padding: 0;
  532. }
  533.  
  534. .top-block ul.sf-menu a.sf-with-ul + ul li a {
  535.     border: 0;
  536.     text-decoration: none;
  537.     padding: 3px 7px;
  538.     display: block;
  539.     -webkit-border-radius: 2px;
  540.        -moz-border-radius: 2px;
  541.             border-radius: 2px;
  542. }
  543.  
  544. .top-block ul.sf-menu li.sf-with-ul ul a:after {
  545.     display:none;
  546. }
  547.  
  548. .top-block .top-holder ul.sf-menu li .sub-menu li a:hover {
  549.     color:#FFF !important;
  550. }
  551.  
  552. .top-block ul li ul.sub-menu {
  553.     display:none; /* hide dropdown on page load to prevent FUOC */
  554. }
  555.  
  556. /*----------------------------*/
  557. /* Header
  558. /*----------------------------*/
  559. #wrapper #header {
  560.     display: block;
  561. }
  562.  
  563. #header .header-area {
  564.     padding: 35px 0;
  565. }
  566.  
  567. #header .logo {
  568.     float: left;
  569.     /* margin-left: 22px; */
  570. }
  571.  
  572. #header .custom-logo {
  573.     float: left;
  574.     margin-left: 12px;
  575.     text-decoration: none;
  576. }
  577.  
  578. #header .custom-logo .logo-text {
  579.     font-weight: 700;
  580.     font-size: 2em;
  581.     letter-spacing: -.5px;
  582.     color: #FFF;
  583.     padding-left: 7px;
  584.     word-spacing: 4px;
  585. }
  586.  
  587. #header .custom-logo img {
  588.     margin-bottom: -17px;
  589. }
  590.  
  591. /* centered logo */
  592. #header .header-holder.tt-logo-center {
  593.     height: auto;
  594. }
  595.  
  596. #header .header-holder.tt-logo-center .logo,
  597. #header .header-holder.tt-logo-center .custom-logo {
  598.     float: none;
  599.     margin: 0 0 10px;
  600. }
  601.  
  602. #header .header-holder.tt-logo-center .logo img,
  603. #header .header-holder.tt-logo-center .custom-logo {
  604.     display: block;
  605.     margin: 0 auto 10px;   
  606. }
  607.  
  608. #header .header-holder.tt-logo-center .custom-logo {
  609.     text-align: center;
  610.     padding-bottom: 8px;   
  611. }
  612.  
  613. #header .header-holder.tt-logo-center nav {
  614.     padding-top:15px;
  615. }
  616.  
  617. #header .header-holder.tt-logo-center #menu-main-nav,
  618. #header .header-holder.tt-logo-center #megaMenu ul.megaMenu {
  619.     margin: 0; 
  620. }
  621.  
  622. #header .header-holder.tt-logo-center #menu-main-nav,
  623. #header .header-holder.tt-logo-center #megaMenu {
  624.     float: none;
  625.     text-align: center;
  626. }
  627.  
  628. #header .header-holder.tt-logo-center #menu-main-nav:after,
  629. #header .header-holder.tt-logo-center #megaMenu ul.megaMenu:after {
  630.     clear: both;
  631.     content: "";
  632.     display: block;
  633. }
  634.  
  635. #header .header-holder.tt-logo-center #menu-main-nav li,
  636. #header .header-holder.tt-logo-center #megaMenu ul.megaMenu li {
  637.     display: inline-block;
  638.     float: none;
  639. }
  640.  
  641. #header .header-holder.tt-logo-center #megaMenu ul.megaMenu li ul.sub-menu li {
  642.     float: left;
  643. }
  644.  
  645. .tt-logo-center #menu-main-nav li:first-child,
  646. .tt-logo-center #megaMenu ul.megaMenu li:first-child {
  647.     background: none;
  648. }
  649. /* end centered logo */
  650.  
  651.  
  652. /* right logo */
  653. #header .tt-logo-right .logo {
  654.     float: right;
  655. }
  656.  
  657. #header .tt-logo-right .custom-logo {
  658.     float: right;
  659.     margin-right: 12px;
  660.     text-decoration: none;
  661. }
  662. #header .tt-logo-right #menu-main-nav,
  663. #header .header-holder.tt-logo-right #megaMenu  {
  664.     float:left;
  665. }
  666. /* end right logo */
  667.  
  668. /*----------------------------*/
  669. /* Content
  670. /*----------------------------*/
  671. #main {
  672.     width: 100%;
  673.     background: url(images/_global/bg-div-main.png) 0 0 repeat-x;
  674. }
  675.  
  676. #main.tt-splash-page {
  677.     padding: 60px 0;   
  678. }
  679.  
  680. #main.tt-slider-karma-custom-jquery-2 {
  681.     margin-top: -189px;
  682. }
  683.  
  684. .main-area {
  685.     padding: 45px 0 25px 0;
  686. }
  687.  
  688. #main.tt-slider-karma-custom-jquery-2 .main-area {
  689.     padding-top: 175px;
  690. }
  691.  
  692. #content,
  693. #content.content_left_sidebar.content_no_subnav {
  694.     float: left;
  695.     margin-left: 20px;
  696.     width: 720px;
  697. }
  698.  
  699. #content.content_left_sidebar.content_no_subnav {
  700.     float: right;
  701. }
  702.  
  703. #content.content_sidebar {
  704.     float: right;
  705.     margin: 0 5px 0 0;
  706.     width: 510px;
  707. }
  708.  
  709. #content.content_sidebar.content_right_sidebar {
  710.     float: left;
  711.     margin-left: 20px;
  712.     width: 510px;
  713. }
  714.  
  715. #content.content_full_width {
  716.     width: 940px;
  717.     margin-left: 0;
  718.     padding: 0 20px;
  719. }
  720.  
  721. #content.portfolio_full_width {
  722.     margin-left: 0;
  723.     width: 980px;
  724. }
  725.  
  726. /* ----- Contact - Google Map ----- */
  727. #google-map-wrap {
  728.     position: relative;
  729.     padding-bottom: 30.25%; /* increase % for taller map */
  730.     padding-top: 30px;
  731.     height: 0;
  732.     overflow: hidden;
  733.     border-bottom: 1px solid #CCC;
  734. }
  735.  
  736. #google-map-wrap iframe,  
  737. #google-map-wrap object,  
  738. #google-map-wrap embed {
  739.     position: absolute;
  740.     top: 0;
  741.     left: 0;
  742.     width: 100%;
  743.     height: 100%;
  744. }
  745.  
  746. #google-map-wrap p.no-google-map {
  747.     width: auto;
  748.     text-align: center;
  749.     padding: 15% 0;
  750.     font-size: 16px;
  751. }
  752.  
  753.  
  754. /* ----- Utility Panel / Breadcrumbs ----- */
  755. .tools {
  756.     color: #FFF;
  757.     margin-bottom: 45px;
  758. }
  759.  
  760. .tools .frame {
  761.     padding: 18px 22px 0 20px;
  762. }
  763.  
  764. .tools .place {
  765.     float: right;
  766. }
  767.  
  768. .tools .breadcrumb {
  769.     margin: 0;
  770.     padding: 4px 0 19px 0;
  771.     float: right;
  772.     font-size: .9em;
  773.     color: #FFF;
  774. }
  775.  
  776. .tools .breadcrumb a {
  777.     padding: 0 15px 0 7px;
  778.     position:relative;
  779.     color: #FFF;
  780. }
  781.  
  782. .tools .breadcrumb a:after {
  783.     /* content:"\f101"; double arrow */
  784.     /* content:"\f0da"; caret */
  785.     content:"\f105";
  786.     position: absolute;
  787.     right: 0;
  788.     top: -3px;
  789. }
  790.  
  791. .tools .breadcrumb a:hover {
  792.     color: #CCC;
  793. }
  794.  
  795. .tools .breadcrumb a:hover:after {
  796.     color: #FFF;
  797. }
  798.  
  799. .tools .breadcrumb .current_crumb,
  800. .woocommerce-page .tt-woocommerce .breadcrumb span:last-child {
  801.     padding: 0 6px 23px 6px;
  802.     font-weight: bold;
  803.     position:relative;
  804. }
  805.  
  806. .tools .breadcrumb .current_crumb:after,
  807. .woocommerce-page .tt-woocommerce .breadcrumb span:last-child:after {
  808.     bottom: -6px;
  809.     color: #F4F4F2;
  810.     content:"\f0d8";
  811.     font-weight: normal;
  812.     font-size: 20px;
  813.     left: 50%;
  814.     margin-left: -7px;
  815.     position: absolute;
  816. }
  817.  
  818. .ie8 .tools .breadcrumb a {
  819.     text-decoration: none; 
  820. }
  821.  
  822.  
  823. /*----------------------------*/
  824. /* Parallax Banner
  825. /*----------------------------*/
  826. #tt-parallax-banner {
  827.     text-align: center;
  828.     width: 100%;
  829.     background-position: 50% 0;
  830.     background-repeat: repeat;
  831.     background-attachment: fixed;
  832. }
  833.  
  834. #tt-parallax-banner p,
  835. #tt-parallax-banner ul,
  836. #tt-parallax-banner ol,
  837. #tt-parallax-banner h1,
  838. #tt-parallax-banner h2,
  839. #tt-parallax-banner h3,
  840. #tt-parallax-banner h4,
  841. #tt-parallax-banner h5,
  842. #tt-parallax-banner h6 {
  843.     color: #FFF;
  844.     text-shadow: none;
  845.     /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); easy drop shadow */
  846. }
  847.  
  848. #tt-parallax-banner p,
  849. #tt-parallax-banner ul,
  850. #tt-parallax-banner ol {
  851.     font-size: 13px;
  852. }
  853.    
  854. #tt-parallax-banner p:last-child {
  855.     margin-bottom: 0;
  856. }
  857.  
  858.  
  859. /*----------------------------*/
  860. /* Sidebar
  861. /*----------------------------*/
  862. #sidebar {
  863.     border-left: 1px solid #D8D8D6;
  864.     float: right;
  865.     padding: 0 0 0 25px;
  866.     position: relative;
  867.     width: 173px;
  868. }
  869.  
  870. #sidebar:before {
  871.    content: " ";
  872.    position: absolute;
  873.    left:0;
  874.    top:0;
  875.    width:1px;
  876.    height:100%;
  877.    border-left: 1px solid #FEFEFC;
  878. }
  879.  
  880. #sidebar.left_sidebar,
  881. #sidebar.left_sidebar:before {
  882.     border-left: none; 
  883. }
  884.  
  885. #sidebar.left_sidebar {
  886.     border-right: 1px solid #FEFEFC;
  887.     padding: 0 25px 0 0;
  888.     float: left;
  889.     margin: 0 0 0 25px;
  890.    
  891. }
  892.  
  893. #sidebar.left_sidebar:after {
  894.    content: " ";
  895.    position: absolute;
  896.    right:0px;
  897.    top:0;
  898.    width:1px;
  899.    height:100%;
  900.    border-right: 1px solid #D8D8D6;
  901. }
  902.  
  903. #sidebar h3 {
  904.     color: #222;
  905.     font-size: 1.7em;
  906.     margin-bottom: 15px;
  907. }
  908.  
  909. #sidebar ul {
  910.     margin: -7px 0 0 0;
  911.     padding: 0;
  912. }
  913.  
  914. #sidebar a {
  915.     text-decoration: none;
  916. }
  917.  
  918. #sidebar a:hover {
  919.     text-decoration: underline;
  920. }
  921.  
  922. #sidebar li {
  923.     padding-bottom: 2px;
  924. }
  925.  
  926. .contact_smartphone {
  927.     background: url(images/_global/bg-smartphone.png) 100% 0 no-repeat;
  928.     height: 594px;
  929.     position: relative;
  930. }
  931.  
  932. .smartphone-wrap {
  933.     background: none !important;
  934.     padding-top: 5px;
  935.     margin: 110px 0 0 75px;
  936. }
  937.  
  938. .sidebar-smartphone ul.social_icons {
  939.     float: none !important;
  940.     margin: 0 !important;
  941.     padding: 3px 0 0;
  942. }
  943.  
  944. .contact_smartphone .sidebar-widget {
  945.     width: 180px;
  946.     padding-bottom: 15px;
  947.     margin-bottom: 15px;
  948. }
  949.  
  950. .sidebar-smartphone.sidebar-widget:last-child,
  951. .sidebar-smartphone.sidebar-widget:last-child:after {
  952.     border-bottom: 0;  
  953. }
  954.  
  955. #main .contact_smartphone .smartphone-header {
  956.     padding-bottom: 10px;
  957.     color: #000;
  958.     font-weight: 400 !important;
  959. }
  960.  
  961. #main .contact_smartphone p {
  962.     color: #444;
  963. }
  964.  
  965. .smartphone-header {
  966.     margin-bottom: 3px;
  967. }
  968.  
  969. #content .sidebar-smartphone ul,
  970. .content_full_width .sidebar-smartphone ul {
  971.     margin-left: 0px;
  972. }
  973.  
  974. /*----------------------------*/
  975. /* Footer
  976. /*----------------------------*/
  977. footer {
  978.     width: 100%;
  979.     position: relative;
  980.     border: none !important;
  981. }
  982.  
  983. #footer-callout,
  984. .footer-overlay {
  985.     width: 100%;   
  986. }
  987.  
  988. .footer-content {
  989.     /* padding: 55px 0 35px 0; */
  990.     padding: 70px 0;
  991.     position: relative;
  992. }
  993.  
  994. #footer-callout {
  995.     padding: 28px 0;
  996.     box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;  
  997. }
  998.  
  999. #footer-callout.default-callout-link {
  1000.     padding: 0;
  1001. }
  1002.  
  1003. #footer-callout-content {
  1004.     text-align: center;
  1005. }
  1006.  
  1007. #footer p.footer-callout-heading {
  1008.     color: #FFF;
  1009.     font-size: 14px;
  1010.     margin-bottom: 7px;
  1011. }
  1012.  
  1013. #footer p.footer-callout-text {
  1014.     color: rgba(255, 255, 255, 0.65);
  1015.     font-size: 15px;
  1016.     line-height: 24px;
  1017.     padding:0 20px;
  1018. }
  1019.  
  1020. #footer #footer-callout-content a.footer-callout-link {
  1021.     text-decoration: none;
  1022.     display: block;
  1023.     width: 100%;
  1024.     height: 100%;
  1025.     padding: 32px 10px;
  1026.     position: relative;
  1027.     -webkit-transition: background .5s ease;
  1028.        -moz-transition: background .5s ease;
  1029.         -ms-transition: background .5s ease;
  1030.             transition: background .5s ease;
  1031. }
  1032.  
  1033. #footer #footer-callout-content a.footer-callout-link:hover {
  1034.     background: rgba(0,0,0,0.15);
  1035. }
  1036.  
  1037. #footer #footer-callout-content a.footer-callout-link:after {
  1038.     font-size: 30px;
  1039.     position: absolute;
  1040.     top:50%;
  1041.     right:2%;
  1042.     content:"\f105";
  1043.     color: rgba(255, 255, 255, 0.45);
  1044.     font-weight:100;
  1045. }
  1046.  
  1047. #footer #footer-callout-content a.footer-callout-link:hover:after {
  1048.     color: rgba(255, 255, 255, 0.95);
  1049. }
  1050.  
  1051. #footer .box {
  1052.     width: 333px;
  1053.     float: left;
  1054. }
  1055.  
  1056. #footer-top {
  1057.     width: 100%;
  1058.     height: 36px;
  1059.     background:url(images/_global/bg-div-footer-top.png) 0 0 repeat-x;
  1060. }
  1061.  
  1062. #footer_bottom {
  1063.     width: 100%;
  1064.     min-height: 89px;
  1065.     height: auto;
  1066. }
  1067.  
  1068. #foot_left {
  1069.     float: left;
  1070.     width: 440px;
  1071. }
  1072.  
  1073. #foot_left .textwidget {
  1074.     margin-top: -18px;
  1075. }
  1076.  
  1077. #foot_right {
  1078.     float: right;
  1079.     width: 520px;
  1080.     text-align: right;
  1081. }
  1082.  
  1083. .info {
  1084.     font-size: 11px;
  1085.     overflow: hidden;
  1086.     position: relative;
  1087.     padding: 34px 0 0 8px;
  1088. }
  1089.  
  1090. #footer .footer_post {
  1091.     padding: 2px 0 16px;
  1092. }
  1093.  
  1094. /*----------------------------*/
  1095. /* Columns
  1096. /*----------------------------*/
  1097. .clear {
  1098.     clear: both;
  1099. }
  1100.  
  1101. .one_half,
  1102. .one_third,
  1103. .one_fourth,
  1104. .one_fifth,
  1105. .one_sixth,
  1106. .three_fourth,
  1107. .two_thirds {
  1108.     float: left;
  1109.     margin-right: 30px;
  1110. }
  1111.  
  1112. .one_half_last,
  1113. .one_third_last,
  1114. .one_fourth_last,
  1115. .one_fifth_last,
  1116. .one_sixth_last,
  1117. .three_fourth_last,
  1118. .two_thirds_last {
  1119.     float: right;
  1120.     margin: 0; 
  1121. }
  1122.  
  1123. /*------------*/
  1124. /* one_half
  1125. /*------------*/
  1126. #content .one_half,
  1127. #content .one_half_last {
  1128.     width: 342px;
  1129. }
  1130.  
  1131. #content.content_full_width .one_half,
  1132. #content.content_full_width .one_half_last,
  1133. #footer .one_half,
  1134. #footer .one_half_last {
  1135.     width: 455px;
  1136. }
  1137.  
  1138. #content.content_sidebar .one_half,
  1139. #content.content_sidebar .one_half_last {
  1140.     width: 235px;
  1141. }
  1142.  
  1143. #content .tabs-area .one_half,
  1144. #content .slide .one_half,
  1145. #content .tabs-area .one_half_last,
  1146. #content .slide .one_half_last {
  1147.     width: 310px;
  1148. }
  1149.  
  1150. #content.content_full_width .tabs-area .one_half,
  1151. #content.content_full_width .slide .one_half,
  1152. #content.content_full_width .tabs-area .one_half_last,
  1153. #content.content_full_width .slide .one_half_last {
  1154.     width: 420px;
  1155. }
  1156.  
  1157. #content.content_sidebar .tabs-area .one_half,
  1158. #content.content_sidebar .slide .one_half,
  1159. #content.content_sidebar .tabs-area .one_half_last,
  1160. #content.content_sidebar .slide .one_half_last {
  1161.     width: 205px;
  1162. }
  1163.  
  1164. #content.contact_smartphone_content .two_thirds .one_half,
  1165. #content.contact_smartphone_content .two_thirds .one_half_last {
  1166.     width: 280px;
  1167. }
  1168.  
  1169. /*------------*/
  1170. /* one_third
  1171. /*------------*/
  1172. #content .one_third,
  1173. #content .one_third_last {
  1174.     width: 220px;  
  1175. }
  1176.  
  1177. #content.content_full_width .one_third,
  1178. #content.content_full_width .one_third_last {
  1179.     width: 293px;
  1180. }
  1181.  
  1182. #footer .one_third,
  1183. #footer .one_third_last {
  1184.     width: 305px;
  1185. }
  1186.  
  1187. #content.content_sidebar .one_third,
  1188. #content.content_sidebar .one_third_last {
  1189.     width: 145px;
  1190. }
  1191.  
  1192. #content .tabs-area .one_third,
  1193. #content .slide .one_third,
  1194. #content .tabs-area .one_third_last,
  1195. #content .slide .one_third_last {
  1196.     width: 194px;
  1197.     margin-right: 35px;
  1198. }
  1199.  
  1200. #content.content_full_width .tabs-area .one_third,
  1201. #content.content_full_width .slide .one_third,
  1202. #content.content_full_width .tabs-area .one_third_last,
  1203. #content.content_full_width .slide .one_third_last {
  1204.     width: 267px;
  1205. }
  1206.  
  1207. #content.content_sidebar .tabs-area .one_third,
  1208. #content.content_sidebar .slide .one_third,
  1209. #content.content_sidebar .tabs-area .one_third_last,
  1210. #content.content_sidebar .slide .one_third_last {
  1211.     width: 125px;
  1212. }
  1213.  
  1214. #content.contact_smartphone_content .two_thirds .one_third,
  1215. #content.contact_smartphone_content .two_thirds .one_third_last {
  1216.     width: 175px;
  1217. }
  1218.  
  1219. /*------------*/
  1220. /* one_fourth
  1221. /*------------*/
  1222. .one_fourth {
  1223.     margin-right: 36px;
  1224. }
  1225.  
  1226. #content .one_fourth,
  1227. #content .one_fourth_last {
  1228.     width: 152px;  
  1229. }
  1230.  
  1231. #content.content_full_width .one_fourth,
  1232. #content.content_full_width .one_fourth_last {
  1233.     width: 208px;
  1234. }
  1235.  
  1236. #footer .one_fourth,
  1237. #footer .one_fourth_last {
  1238.     width: 227px;
  1239.     margin-right: 23px;
  1240. }
  1241.  
  1242. #content.content_sidebar .one_fourth,
  1243. #content.content_sidebar .one_fourth_last {
  1244.     width: 105px;
  1245. }
  1246.  
  1247. #content .tabs-area .one_fourth,
  1248. #content .slide .one_fourth,
  1249. #content .tabs-area .one_fourth_last,
  1250. #content .slide .one_fourth_last {
  1251.     width: 141px;
  1252.     margin-right: 30px;
  1253. }
  1254.  
  1255. #content.content_full_width .tabs-area .one_fourth,
  1256. #content.content_full_width .slide .one_fourth,
  1257. #content.content_full_width .tabs-area .one_fourth_last,
  1258. #content.content_full_width .slide .one_fourth_last {
  1259.     width: 190px;
  1260. }
  1261.  
  1262.  
  1263. #content.content_sidebar .tabs-area .one_fourth,
  1264. #content.content_sidebar .slide .one_fourth,
  1265. #content.content_sidebar .tabs-area .one_fourth_last,
  1266. #content.content_sidebar .slide .one_fourth_last {
  1267.     width: 88px;
  1268.     margin-right: 28px;
  1269. }
  1270.  
  1271. #content.contact_smartphone_content .two_thirds .one_fourth,
  1272. #content.contact_smartphone_content .two_thirds .one_fourth_last {
  1273.     width: 121px ;
  1274. }
  1275.  
  1276. /*------------*/
  1277. /* one_fifth
  1278. /*------------*/
  1279. .one_fifth {
  1280.     margin-right: 23px;
  1281. }
  1282.  
  1283. #content .one_fifth,
  1284. #content .one_fifth_last {
  1285.     width: 124px;
  1286. }
  1287.  
  1288. #content.content_full_width .one_fifth,
  1289. #content.content_full_width .one_fifth_last {
  1290.     width: 168px;  
  1291. }
  1292.  
  1293. #footer .one_fifth,
  1294. #footer .one_fifth_last {
  1295.     width: 177px;
  1296. }
  1297.  
  1298. #content .tabs-area .one_fifth,
  1299. #content .slide .one_fifth,
  1300. #content .tabs-area .one_fifth_last,
  1301. #content .slide .one_fifth_last {
  1302.     width: 108px;
  1303.     margin-right: 28px;
  1304. }
  1305.  
  1306. #content.content_full_width .tabs-area .one_fifth,
  1307. #content.content_full_width .slide .one_fifth,
  1308. #content.content_full_width .tabs-area .one_fifth_last,
  1309. #content.content_full_width .slide .one_fifth_last {
  1310.     width: 155px;
  1311.     margin-right: 23px;
  1312. }
  1313.  
  1314. #content.content_sidebar .tabs-area .one_fifth,
  1315. #content.content_sidebar .slide .one_fifth,
  1316. #content.content_sidebar .tabs-area .one_fifth_last,
  1317. #content.content_sidebar .slide .one_fifth_last {
  1318.     width: 66px;
  1319. }
  1320.  
  1321. /*------------*/
  1322. /* one_sixth
  1323. /*------------*/
  1324. .one_sixth {
  1325.     margin-right: 20px;
  1326. }
  1327.  
  1328. #content .one_sixth,
  1329. #content .one_sixth_last {
  1330.     width: 100px;
  1331. }
  1332.  
  1333. #content.content_full_width .one_sixth,
  1334. #content.content_full_width .one_sixth_last {
  1335.     width: 140px;
  1336. }
  1337.  
  1338. #footer .one_sixth,
  1339. #footer .one_sixth_last {
  1340.     width: 146px;
  1341. }
  1342.  
  1343. #content .tabs-area .one_sixth,
  1344. #content .slide .one_sixth,
  1345. #content .tabs-area .one_sixth_last,
  1346. #content .slide .one_sixth_last {
  1347.     width: 92px;
  1348. }
  1349.  
  1350. #content.content_full_width .tabs-area .one_sixth,
  1351. #content.content_full_width .slide .one_sixth,
  1352. #content.content_full_width .tabs-area .one_sixth_last,
  1353. #content.content_full_width .slide .one_sixth_last {
  1354.     width: 127px;
  1355. }
  1356.  
  1357. #content.content_sidebar .tabs-area .one_sixth,
  1358. #content.content_sidebar .slide .one_sixth,
  1359. #content.content_sidebar .tabs-area .one_sixth_last,
  1360. #content.content_sidebar .slide .one_sixth_last {
  1361.     width: 56px;
  1362. }
  1363.  
  1364. /*------------*/
  1365. /* two_thirds
  1366. /*------------*/
  1367. #content .two_thirds,
  1368. #content .two_thirds_last {
  1369.     width: 470px;
  1370. }
  1371.  
  1372. #content.content_full_width .two_thirds,
  1373. #content.content_full_width .two_thirds_last {
  1374.     width: 605px;
  1375. }
  1376.  
  1377. #content.content_sidebar .two_thirds,
  1378. #content.content_sidebar .two_thirds_last {
  1379.     width: 325px;
  1380. }
  1381.  
  1382. #content .tabs-area .two_thirds,
  1383. #content .slide .two_thirds,
  1384. #content .tabs-area .two_thirds_last,
  1385. #content .slide .two_thirds_last {
  1386.     width: 425px;
  1387. }
  1388.  
  1389. #content.content_full_width .tabs-area .two_thirds,
  1390. #content.content_full_width .slide .two_thirds,
  1391. #content.content_full_width .tabs-area .two_thirds_last,
  1392. #content.content_full_width .slide .two_thirds_last {
  1393.     width: 575px;
  1394. }
  1395.  
  1396. #content.content_sidebar .tabs-area .two_thirds,
  1397. #content.content_sidebar .slide .two_thirds,
  1398. #content.content_sidebar .tabs-area .two_thirds_last,
  1399. #content.content_sidebar .slide .two_thirds_last {
  1400.     width: 280px;
  1401. }
  1402.  
  1403. #content.contact_smartphone_content .two_thirds .two_thirds,
  1404. #content.contact_smartphone_content .two_thirds .two_thirds_last {
  1405.     width: 376px;
  1406. }
  1407.  
  1408. /*---------------*/
  1409. /* three_fourth
  1410. /*---------------*/
  1411. #content .three_fourth {
  1412.     width: 550px;
  1413. }
  1414.  
  1415. #content .three_fourth_last {
  1416.     width: 530px;
  1417. }
  1418.  
  1419. #content.content_full_width .three_fourth {
  1420.     width: 690px;
  1421. }
  1422.  
  1423. #content.content_full_width .three_fourth_last {
  1424.     width: 685px;
  1425. }
  1426.  
  1427. #content .tabs-area .three_fourth,
  1428. #content .slide .three_fourth,
  1429. #content .tabs-area .three_fourth_last,
  1430. #content .slide .three_fourth_last {
  1431.     width: 485px;
  1432. }
  1433.  
  1434. #content.content_full_width .tabs-area .three_fourth,
  1435. #content.content_full_width .slide .three_fourth,
  1436. #content.content_full_width .tabs-area .three_fourth_last,
  1437. #content.content_full_width .slide .three_fourth_last {
  1438.     width: 650px;
  1439. }
  1440.  
  1441. #content.content_sidebar .tabs-area .three_fourth,
  1442. #content.content_sidebar .slide .three_fourth,
  1443. #content.content_sidebar .tabs-area .three_fourth_last,
  1444. #content.content_sidebar .slide .three_fourth_last {
  1445.     width: 320px;
  1446. }
  1447.  
  1448. #content.contact_smartphone_content .two_thirds .three_fourth,
  1449. #content.contact_smartphone_content .two_thirds .three_fourth_last {
  1450.     width: 417px;
  1451. }
  1452.  
  1453. /*---------------*/
  1454. /* reset
  1455. /*---------------*/
  1456. #content .tabs-area .one_third_last,
  1457. #content .slide .one_third_last,
  1458. #footer .one_fourth_last,
  1459. #content .tabs-area .one_fourth_last,
  1460. #content .slide .one_fourth_last,
  1461. #content.content_sidebar .tabs-area .one_fourth_last,
  1462. #content.content_sidebar .slide .one_fourth_last,
  1463. #content .tabs-area .one_fifth_last,
  1464. #content .slide .one_fifth_last,
  1465. #content.content_full_width .tabs-area .one_fifth_last,
  1466. #content.content_full_width .slide .one_fifth_last,
  1467. #content.content_full_width .two_thirds,
  1468. #content.content_full_width .three_fourth {
  1469.     margin: 0;
  1470. }
  1471.  
  1472. #content.content_full_width .two_thirds_last .one_third,
  1473. #content.content_full_width .two_thirds_last .one_third_last,
  1474. #content.content_full_width .two_thirds .one_third,
  1475. #content.content_full_width .two_thirds .one_third_last {
  1476.     width: 280px;
  1477. }
  1478.  
  1479. /*----------------------------*/
  1480. /* Sliders
  1481. /*----------------------------*/
  1482. /* .flex-container a:active,
  1483. .flexslider a:active,
  1484. .flex-container a:focus,
  1485. .flexslider a:focus {
  1486.     outline: none;
  1487. } */
  1488.  
  1489. .flexslider .slides > li {
  1490.     display: none;
  1491.     -webkit-backface-visibility: hidden;
  1492. }
  1493.  
  1494. .flex-pauseplay span {
  1495.     text-transform: capitalize;
  1496. }
  1497.  
  1498. /* Clearfix for the .slides element */
  1499. .slides:after {
  1500.     content: ".";
  1501.     display: block;
  1502.     clear: both;
  1503.     visibility: hidden;
  1504.     line-height: 0;
  1505.     height: 0;
  1506. }
  1507.  
  1508. html[xmlns] .slides {
  1509.     display: block;
  1510. }
  1511.  
  1512. * html .slides {
  1513.     height: 1%;
  1514. }
  1515.  
  1516. #content.content_full_width .slides,
  1517. #content .slides {
  1518.     margin: 0; 
  1519. }
  1520.  
  1521. /* No JavaScript Fallback */
  1522. /* If you are not using another script, such as Modernizr, make sure you
  1523.  * include js that eliminates this class on page load */
  1524. .no-js .slides > li:first-child {
  1525.     display: block;
  1526. }
  1527.  
  1528. .flexslider {
  1529.     margin: 0 0 60px;
  1530.     position: relative;
  1531.     zoom: 1;
  1532. }
  1533.  
  1534. .flex-viewport {
  1535.     max-height: 2000px;
  1536.     -webkit-transition: all 1s ease;
  1537.     -moz-transition: all 1s ease;
  1538.     transition: all 1s ease;
  1539. }
  1540.  
  1541. .loading .flex-viewport {
  1542.     max-height: 300px;
  1543. }
  1544.  
  1545. .flexslider .slides {
  1546.     zoom: 1;
  1547. }
  1548.  
  1549. .carousel li {
  1550.     margin-right: 5px
  1551. }
  1552.  
  1553.  
  1554. /* Direction Arrow Nav */
  1555. .flex-direction-nav {
  1556.     *height: 0;
  1557. }
  1558.  
  1559. .flex-direction-nav a {
  1560.     /* margin: -20px 0 0; */
  1561.      margin: -10px 0 0;
  1562.     display: block;
  1563.     position: absolute;
  1564.     top: 50%;
  1565.     z-index: 10;
  1566.     cursor: pointer;
  1567.     opacity: 0;
  1568.     -webkit-transition: all .3s ease;
  1569. }
  1570.  
  1571. .flex-direction-nav a,
  1572. .flex-direction-nav a:hover {
  1573.     text-decoration: none; 
  1574. }
  1575.  
  1576. .flex-direction-nav .flex-prev span,
  1577. .flex-direction-nav .flex-next span {
  1578.     position: relative;
  1579.     color: #000;
  1580. }
  1581.  
  1582. .flex-direction-nav .flex-prev span:before,
  1583. .flex-direction-nav .flex-next span:before {
  1584.     position: absolute;
  1585.     top:0;
  1586.     left:0;
  1587.     content:"\f053";
  1588.     font-size:28px;
  1589. }
  1590.  
  1591. .flex-direction-nav .flex-next span:before {
  1592.     content:"\f054";
  1593. }
  1594.  
  1595. .flex-direction-nav .flex-next {
  1596.     right: -21px;
  1597. }
  1598.  
  1599. .flex-direction-nav .flex-prev {
  1600.     left: -35px;
  1601. }
  1602.  
  1603. .flexslider:hover .flex-next,
  1604. .flexslider:hover .flex-prev {
  1605.     opacity: 0.15;
  1606. }
  1607.  
  1608. .jquery2-slider-wrap.flexslider:hover .flex-next,
  1609. .jquery2-slider-wrap.flexslider:hover .flex-prev {
  1610.     opacity: 0.2;
  1611. }
  1612.  
  1613. .flexslider:hover .flex-next:hover,
  1614. .flexslider:hover .flex-prev:hover,
  1615. .jquery2-slider-wrap.flexslider:hover .flex-next:hover,
  1616. .jquery2-slider-wrap.flexslider:hover .flex-prev:hover {
  1617.     opacity: 0.5;
  1618. }
  1619.  
  1620. .flex-direction-nav .flex-disabled {
  1621.     opacity: .3!important;
  1622.     cursor: default;
  1623.     display: none;
  1624.     filter: alpha(opacity=30);
  1625. }
  1626.  
  1627. /* Circle Pagination Nav */
  1628. .flex-control-nav {
  1629.     width: 100%;
  1630.     position: absolute;
  1631.     bottom: -40px;
  1632.     text-align: center;
  1633. }
  1634.  
  1635. .testimonials.flexslider .flex-control-nav {
  1636.     bottom: -40px;
  1637. }
  1638.  
  1639. .flex-control-nav li {
  1640.     margin: 0 6px;
  1641.     display: inline-block;
  1642.     zoom: 1;
  1643.     *display: inline;
  1644. }
  1645.  
  1646. .flex-control-paging li a {
  1647.     width: 12px;
  1648.     height: 12px;
  1649.     display: block;
  1650.     cursor: pointer;
  1651.     text-indent: -9999px;
  1652.     -webkit-border-radius: 20px;
  1653.     -moz-border-radius: 20px;
  1654.     -o-border-radius: 20px;
  1655.     border-radius: 20px;
  1656. }
  1657.  
  1658. .flex-control-paging li a,
  1659. .flex-control-paging li a:hover,
  1660. .flex-control-paging li a.flex-active {
  1661.     background: #D7D8D6;
  1662.     -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);
  1663.        -moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);
  1664.             box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);
  1665. }
  1666.  
  1667. .flex-control-paging li a:hover,
  1668. .flex-control-paging li a.flex-active {
  1669.     background: #A9AAA8;
  1670. }
  1671.  
  1672. .flex-control-paging li a.flex-active {
  1673.     cursor: default;
  1674. }
  1675.  
  1676. .flex-control-thumbs {
  1677.     margin: 5px 0 0;
  1678.     position: static;
  1679.     overflow: hidden;
  1680. }
  1681.  
  1682. .flex-control-thumbs li {
  1683.     width: 25%;
  1684.     float: left;
  1685.     margin: 0;
  1686. }
  1687.  
  1688. .flex-control-thumbs img {
  1689.     width: 100%;
  1690.     display: block;
  1691.     opacity: .7;
  1692.     cursor: pointer;
  1693. }
  1694.  
  1695. .flex-control-thumbs img:hover {
  1696.     opacity: 1;
  1697. }
  1698.  
  1699. .flex-control-thumbs .flex-active {
  1700.     opacity: 1;
  1701.     cursor: default;
  1702. }
  1703.  
  1704. /*----------------------------*/
  1705. /* jQuery 1 Slider
  1706. /*----------------------------*/
  1707. .jquery1-slider-wrap {
  1708.     position: relative;
  1709.     width: 940px;
  1710.     height: 283px;
  1711.     margin: 0 auto 51px auto;
  1712. -webkit-border-radius: 6px;
  1713.    -moz-border-radius: 6px;
  1714.         border-radius: 6px;
  1715.     -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
  1716.        -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
  1717.             box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
  1718. }
  1719.  
  1720. .jquery1-slider-wrap .slider-content-main {
  1721.     color: #FFF;
  1722.     float: left;
  1723.     margin: 40px 0 0 45px;
  1724.     width: 375px;
  1725. }
  1726.  
  1727. .jquery1-slider-wrap .slider-content-sub,
  1728. .slider-content-video {
  1729.     float: right;
  1730.     width: 432px;
  1731.     height: 270px;
  1732.     margin: 13px 25px 0 0;
  1733. }
  1734.  
  1735. .jquery1-slider-wrap .slider-content-video {
  1736.     margin-top: 0px;
  1737.     padding: 20px 0 14px 0;
  1738.     /* height: 250px; */
  1739. }
  1740.  
  1741. .jquery1-slider-wrap .slider-content-video iframe {
  1742.     height: 264px; 
  1743. }
  1744.  
  1745. .jquery1-slider-wrap .slider-content-sub img,
  1746. .jquery1-slider-wrap .slider-content-video iframe {
  1747.     -webkit-box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3);
  1748.        -moz-box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3);
  1749.             box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3);
  1750. }
  1751.  
  1752. .jquery1-slider-wrap .slider-content-sub img {
  1753.     margin: 14px 0 0 14px;
  1754. }
  1755.  
  1756. .jquery1-slider-wrap .slider-content-sub-full-width {
  1757.     width: 940px;
  1758.     height: 283px;
  1759. }
  1760.  
  1761. /*----------------------------*/
  1762. /* jQuery 2 Slider
  1763. /*----------------------------*/
  1764. .jquery2-slider-bg {
  1765.     background: #E7E9E6;
  1766.     float: left;
  1767.     width: 918px;
  1768.     height: 358px !important; /* (!important) needed to "disable" flexslider() smooth_height */
  1769.     margin: 11px 0 0 11px;
  1770.     -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  1771.        -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  1772.             box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  1773. }
  1774.  
  1775. .jquery2-slider-wrap.flexslider {
  1776.     background: url(images/_global/bg-slider-jquery-2.png) 0 0 no-repeat;
  1777.     height: 419px !important;
  1778.     margin: 20px auto 0 auto;
  1779.     width: 940px;
  1780.     position: relative;
  1781. }
  1782.  
  1783. .jquery2-slider-wrap .flex-direction-nav a {
  1784.     top: 190px;
  1785. }
  1786.  
  1787. .jquery2-slider-wrap .slider-content-main {
  1788.     float: left;
  1789.     margin: 45px 0 0 45px;
  1790.     width: 350px;
  1791. }
  1792.  
  1793. .jquery2-slider-wrap .slider-content-sub {
  1794.     background-position: -566px -329px;
  1795.     float: right;
  1796.     margin: 40px 40px 0 0;
  1797.     width: 456px;
  1798.     height: 309px;
  1799. }
  1800.  
  1801. .jquery2-slider-wrap .slider-content-sub img,
  1802. .jquery2-slider-wrap .slider-content-sub-full-width img {
  1803.     margin: 10px 0 0 10px;
  1804. }
  1805.  
  1806. .jquery2-slider-wrap .slider-content-video {
  1807.     padding: 10px;
  1808.     background: #FFF;
  1809.     float: right;
  1810.     margin: 40px 40px 0 0;
  1811.     border: 1px solid #D7D7D7;
  1812. }
  1813.  
  1814. .jquery2-slider-wrap .slider-content-video iframe {
  1815.     height: 270px; 
  1816. }
  1817.  
  1818. .jquery2-slider-wrap .slider-content-sub-full-width {
  1819.     width: 860px;
  1820.     height: 304px;
  1821.     background: url(images/_global/shadowBG-full.jpg) 0 0 no-repeat;
  1822.     margin: 40px 0 0 40px;
  1823. }
  1824.  
  1825. .jquery2-slider-wrap .flex-control-nav {
  1826.     bottom: -12px; 
  1827. }
  1828.  
  1829. /*----------------------------*/
  1830. /* jQuery 3 Slider
  1831. /*----------------------------*/
  1832. #tt-slider-full-width {
  1833.     width: 100%;
  1834.     -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08) inset;
  1835.        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08) inset;
  1836.             box-shadow: 0 0 15px rgba(0, 0, 0, 0.08) inset;
  1837. }
  1838.  
  1839. .jquery3-slider-wrap {
  1840.     padding: 50px 0;
  1841. }
  1842.  
  1843. .jquery3-slider-wrap .slider-content-main {
  1844.     color: #FFF;
  1845.     float: left;
  1846.     /* margin: 45px 0 0 10px; */
  1847.     width: 450px;
  1848. }
  1849.  
  1850. /* .jquery3-slider-wrap .slider-content-sub {
  1851.     float: right;
  1852.     margin: 40px 40px 0 0;
  1853.     width: 456px;
  1854.     height: 309px;
  1855. } */
  1856.  
  1857. /* .jquery3-slider-wrap .slider-content-sub img,
  1858. .jquery3-slider-wrap .slider-content-sub-full-width img {
  1859.     margin: 10px 0 0 10px;
  1860. } */
  1861.  
  1862. .jquery3-slider-wrap .slider-content-sub,
  1863. .jquery3-slider-wrap .slider-content-video {
  1864.     background: #FFF;
  1865.     float: right;
  1866.     margin: 0;
  1867.     padding: 8px;
  1868. }
  1869.  
  1870. .jquery3-slider-wrap .slider-content-video iframe {
  1871.     height: 270px; 
  1872. }
  1873.  
  1874. .jquery3-slider-wrap .slider-content-sub-full-width {
  1875.     width: 100%;
  1876.     text-align: center;
  1877.     /* width: 860px;
  1878.     height: 304px;
  1879.      margin: 40px 0 0 40px; */
  1880. }
  1881.  
  1882. .jquery3-slider-wrap .slider-content-sub-full-width img {
  1883.     -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  1884.        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  1885.             box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  1886. }
  1887.  
  1888. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas img {
  1889.             box-shadow: none;
  1890. }
  1891.  
  1892. .jquery3-slider-wrap .flex-direction-nav .flex-next {
  1893.     right: -19px;
  1894. }
  1895.  
  1896. .jquery3-slider-wrap .flex-direction-nav .flex-prev {
  1897.     left: -38px;
  1898. }
  1899.  
  1900. .jquery3-slider-wrap .flex-direction-nav .flex-prev span:before,
  1901. .jquery3-slider-wrap .flex-direction-nav .flex-next span:before {
  1902.     color: #FFF;
  1903. }
  1904.  
  1905. .jquery3-slider-wrap .slider-content-sub img {display: table;}
  1906.  
  1907. /*----------------------------*/
  1908. /* 3D CU3ER Slider
  1909. /*----------------------------*/
  1910. #main.tt-slider-karma-3d-slider {
  1911.     margin-top: -150px;
  1912. }
  1913.  
  1914. .flash_wrap {
  1915.     min-height: 400px;
  1916.     height: auto;
  1917. }
  1918.  
  1919. .port-wrap {
  1920.     height: 650px;
  1921. }
  1922.  
  1923. .cu3er-slider-wrap {
  1924.     width: 940px;
  1925.     height: 400px;
  1926.     margin: 30px auto 0;
  1927. }
  1928.  
  1929. #main.tt-slider-karma-3d-slider #content,
  1930. .page-template-template_rightsidebar_horizontalnav-php #main.tt-slider-karma-3d-slider .main-area,
  1931. .page-template-template_leftsidebar_horizontalnav-php #main.tt-slider-karma-3d-slider .main-area,
  1932. .page-template-template_leftnav-php #main.tt-slider-karma-3d-slider .main-area,
  1933. .page-template-template_rightnav-php #main.tt-slider-karma-3d-slider .main-area,
  1934. .page-template-template_leftnav_sidebar-php #main.tt-slider-karma-3d-slider .main-area,
  1935. .page-template-template_rightnav_sidebar-php #main.tt-slider-karma-3d-slider .main-area {
  1936.     padding-top: 65px; 
  1937. }
  1938.  
  1939. #main.tt-slider-karma-3d-slider #sidebar,
  1940. #main.tt-slider-karma-3d-slider #sub_nav {
  1941.     margin-top: 65px;  
  1942. }
  1943.  
  1944. /*----------------------------*/
  1945. /* Revolution Slider
  1946. /*----------------------------*/
  1947. #main.tt-slider-karma-custom-shortcode-slider .main-area {
  1948.     padding-top: 25px;
  1949. }
  1950.  
  1951. #main.tt-slider-karma-custom-shortcode-slider .rev_slider_wrapper {
  1952.     margin-bottom: 16px !important;
  1953. }
  1954.  
  1955. /*----------------------------*/
  1956. /* Testimonials Slider
  1957. /*----------------------------*/
  1958. .testimonials {
  1959.     margin-bottom: 50px;
  1960. }
  1961.  
  1962. .testimonials,
  1963. .testimonials_static {
  1964.     background: #E7E9E6;
  1965.     border: 1px solid #D8D9D6;
  1966.     padding-bottom: 20px;
  1967.     margin: 15px 0;
  1968.     width: 100%;
  1969. }
  1970.  
  1971. .testimonials:after,
  1972. .testimonials_static:after {
  1973.     content:"";
  1974.     position:absolute;
  1975.     left: 25px;
  1976.     top: 25px;
  1977.     background-position: -28px -99px;
  1978.     width: 51px;
  1979.     height: 35px;
  1980. }
  1981.  
  1982. .testimonials blockquote,
  1983. .testimonials_static blockquote {
  1984.     padding: 35px 25px 0 95px;
  1985.     font-family: Georgia, "Times New Roman", Times, serif;
  1986.     font-size: 14px;
  1987.     color: #808080;
  1988.     font-style: italic;
  1989.     display: block;
  1990. }
  1991.  
  1992. .testimonials blockquote p,
  1993. .testimonials_static p {
  1994.     margin: 0;
  1995.     padding: 0 0 5px 0;
  1996.     line-height: 22px;
  1997. }
  1998.  
  1999. .testimonials blockquote cite,
  2000. .testimonials_static blockquote cite {
  2001.     font-style: normal;
  2002.     display: block;
  2003.     text-align: right;
  2004.     text-transform: uppercase;
  2005.     font-size: 10px;
  2006.     font-weight: bold;
  2007.     letter-spacing: 1px;
  2008.     color: #444;
  2009.     padding-right: 6px;
  2010.     font-family: Arial, Helvetica, sans-serif;
  2011. }
  2012.  
  2013. .tt-testimonial-wrapper {
  2014.     padding-bottom: 20px;
  2015.     height: auto;
  2016. }
  2017.  
  2018. /*----------------------------*/
  2019. /* Homepage Video
  2020. /*----------------------------*/
  2021. .home_video_preload {
  2022.     width: 100%;
  2023.     height: 100%;
  2024.     background: url(images/_global/preload-white.gif) center center no-repeat;
  2025. }
  2026.  
  2027. .big-banner .content_home_video {
  2028.     padding-top: 80px !important;
  2029. }
  2030.  
  2031. /*----------------------------*/
  2032. /* Sitemap
  2033. /*----------------------------*/
  2034. #main .sitemap_with_child, #main .sitemap_without_child {
  2035.     float: left;
  2036.     width: 200px;
  2037.     margin-right: 20px;
  2038. }
  2039.  
  2040. #main .sitemap_with_child a,
  2041. #main .sitemap_without_child a {
  2042.     font-weight: bold;
  2043.     text-decoration: none;
  2044. }
  2045.  
  2046. #main .sitemap_with_child .page_item a, #main .sitemap_without_child .page_item a {
  2047.     font-weight: normal;
  2048.     text-decoration: underline;
  2049. }
  2050.  
  2051. #main .sitemap_with_child ul,
  2052. #main .sitemap_without_child ul {
  2053.     margin: 0;
  2054.     padding: 8px 0 0 0;
  2055. }
  2056.  
  2057. #main .sitemap_with_child ul {
  2058.     padding: 0;
  2059. }
  2060.  
  2061. #main .sitemap_with_child ul a {
  2062.     text-decoration: none !important;
  2063. }
  2064.  
  2065. #main .sitemap_with_child a:hover, #main .sitemap_without_child a:hover {
  2066.     text-decoration: underline !important;
  2067. }
  2068.  
  2069. /*----------------------------*/
  2070. /* Video + 3D Thumbs
  2071. /*----------------------------*/
  2072. .video-main {
  2073.     width: 592px;
  2074.     height: 371px;
  2075.     float: left;
  2076.     background: url(images/_global/bg-video.png) 0 0 no-repeat;
  2077.     position: relative;
  2078. }
  2079.  
  2080. .video-frame {
  2081.     width: 572px;
  2082.     height: 312px;
  2083.     position: absolute;
  2084.     top: 10px;
  2085.     left: 10px;
  2086.     background: url(images/_global/preload-white.gif) center center no-repeat;
  2087. }
  2088.  
  2089. .video-sub {
  2090.     width: 305px;
  2091.     float: right;
  2092.     padding-top: 15px;
  2093. }
  2094.  
  2095. .three-d-main {
  2096.     width: 527px;
  2097.     height: 475px;
  2098.     float: left;
  2099. }
  2100.  
  2101. .three-d-sub {
  2102.     width: 380px;
  2103.     float: right;
  2104.     padding-top: 15px;
  2105. }
  2106.  
  2107. .three-d-wrap {
  2108.     padding-bottom: 12px;
  2109. }
  2110.  
  2111. .video_right .video-main, .video_right .two-d-main, .video_right .three-d-main {
  2112.     float: right !important;
  2113. }
  2114.  
  2115. .video_right .video-sub, .video_right .two-d-sub, .video_right .three-d-sub {
  2116.     float: left !important;
  2117. }
  2118.  
  2119. /*----------------------------*/
  2120. /* Filterable Gallery
  2121. /*----------------------------*/
  2122. #horizontal_nav.tt-gallery-nav-wrap,
  2123. #horizontal_nav.tt-gallery-nav-wrap ul#tt-gallery-nav {
  2124.     float: none;
  2125. }
  2126.  
  2127. #horizontal_nav.tt-gallery-nav-wrap {
  2128.     text-align: center;
  2129. }
  2130.  
  2131. #horizontal_nav.tt-gallery-nav-wrap ul#tt-gallery-nav {
  2132.     margin-left: -18px;
  2133. }
  2134.  
  2135. #horizontal_nav.tt-gallery-nav-wrap ul#tt-gallery-nav li {
  2136.     float: none;
  2137.     display: inline-block; 
  2138. }
  2139.  
  2140. #tt-gallery-iso-wrap,
  2141. div.port-1-wrap,
  2142. #content.content_full_width.portfolio_layout {
  2143.     width: 100%;   
  2144.     padding: 0;
  2145. }
  2146.  
  2147. /* custom margins to center the columns within isotope gallery layout */
  2148. #content.content_full_width.portfolio_layout .one_half,
  2149. #content.content_full_width.portfolio_layout .one_third {
  2150.     margin: 0 16px 0 16px; 
  2151. }
  2152.  
  2153. #content.content_full_width.portfolio_layout .one_fourth {
  2154.     margin: 0 18px 0 18px;
  2155. }
  2156.  
  2157.  
  2158. #horizontal_nav.tt-gallery-nav-wrap {
  2159.     margin-top: -16px;
  2160. }
  2161.  
  2162. /* reset so when user adds custom slider on a gallery page */
  2163. .tt-slider-karma-custom-shortcode-slider #horizontal_nav.tt-gallery-nav-wrap {
  2164.     margin-top: 0;
  2165. }
  2166.  
  2167. .portfolio_wrap {
  2168.     width: 100%;
  2169.     float: left;
  2170.     padding-bottom: 30px;
  2171. }
  2172.  
  2173. .portfolio_content {
  2174.     clear: left;
  2175.     padding-top: 8px;
  2176.     padding-bottom: 20px;
  2177. }
  2178.  
  2179. .port_sep {
  2180.     width: 100%;
  2181.     margin: 30px 0;
  2182.     float: left;
  2183. }
  2184.  
  2185. .portfolio_one_column {
  2186.     width: 270px;
  2187.     float: left;
  2188. }
  2189.  
  2190. .portfolio_one_column.gallery_single {
  2191.     width: 190px;
  2192. }
  2193.  
  2194. .portfolio_one_column_last {
  2195.     float: right;
  2196.     width: 722px;
  2197.     height: 602px;
  2198. }
  2199.  
  2200. .portfolio_portrait_full_last {
  2201.     float: right;
  2202.     width: 630px;
  2203.     height: 836px;
  2204.     position: relative;
  2205. }
  2206.  
  2207.  
  2208. /**** Isotope Filtering ****/
  2209.  
  2210. .isotope-item {
  2211.   z-index: 2;
  2212. }
  2213.  
  2214. .isotope-hidden.isotope-item {
  2215.   pointer-events: none;
  2216.   z-index: 1;
  2217. }
  2218.  
  2219. /**** Isotope CSS3 transitions ****/
  2220.  
  2221. .isotope,
  2222. .isotope .isotope-item {
  2223.   -webkit-transition-duration: 0.8s;
  2224.      -moz-transition-duration: 0.8s;
  2225.       -ms-transition-duration: 0.8s;
  2226.        -o-transition-duration: 0.8s;
  2227.           transition-duration: 0.8s;
  2228. }
  2229.  
  2230. .isotope {
  2231.   -webkit-transition-property: height, width;
  2232.      -moz-transition-property: height, width;
  2233.       -ms-transition-property: height, width;
  2234.        -o-transition-property: height, width;
  2235.           transition-property: height, width;
  2236. }
  2237.  
  2238. .isotope .isotope-item {
  2239.   -webkit-transition-property: -webkit-transform, opacity;
  2240.      -moz-transition-property:    -moz-transform, opacity;
  2241.       -ms-transition-property:     -ms-transform, opacity;
  2242.        -o-transition-property:      -o-transform, opacity;
  2243.           transition-property:         transform, opacity;
  2244. }
  2245.  
  2246. /**** disabling Isotope CSS3 transitions ****/
  2247.  
  2248. .isotope.no-transition,
  2249. .isotope.no-transition .isotope-item,
  2250. .isotope .isotope-item.no-transition {
  2251.   -webkit-transition-duration: 0s;
  2252.      -moz-transition-duration: 0s;
  2253.       -ms-transition-duration: 0s;
  2254.        -o-transition-duration: 0s;
  2255.           transition-duration: 0s;
  2256. }
  2257.  
  2258. /* End: Recommended Isotope styles */
  2259.  
  2260. /*----------------------------*/
  2261. /* Main Menu
  2262. /*----------------------------*/
  2263. /*
  2264. UberMenu notes:
  2265. - #megaMenu is the wrapping div
  2266. - ul.megaMenu is the main ul
  2267. - sometimes ".header-area" is needed to overwrite pre-existing UberMenu styles
  2268. */
  2269. #menu-main-nav,
  2270. #megaMenu ul.megaMenu,
  2271. .header-area #megaMenu {
  2272.     float: right;
  2273. }
  2274.  
  2275. #menu-main-nav {
  2276.     margin: 2px -33px 0 0;
  2277. }
  2278.  
  2279. #menu-main-nav a,
  2280. #megaMenu ul.megaMenu a {
  2281.     text-decoration: none;
  2282. }
  2283.  
  2284. #menu-main-nav a,
  2285. #menu-main-nav .drop ul li.current-menu-ancestor ul a,
  2286. #menu-main-nav a:hover span.navi-description,
  2287. /* top-level active navi-description color */
  2288. #menu-main-nav li.current_page_item a span.navi-description,
  2289. #menu-main-nav li.current_page_parent a span.navi-description,
  2290. #menu-main-nav li.current_page_ancestor a span.navi-description,
  2291. /* reset sub-sub-level non-active link color */
  2292. #menu-main-nav .drop ul li.current-menu-item ul li a,
  2293. #menu-main-nav .drop ul li.current-menu-ancestor ul li.current-menu-item ul li a {
  2294.     color: #FFF;   
  2295. }
  2296.  
  2297. #menu-main-nav li {
  2298.     float: left;
  2299.     height: 1%;
  2300.     margin-right: 2px;
  2301.     padding: 5px 31px 5px 13px;
  2302.     position: relative;
  2303.     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.03);
  2304.     vertical-align: top;
  2305.     white-space:nowrap;
  2306. }
  2307.  
  2308. #menu-main-nav .sub-menu {
  2309.     white-space:normal;
  2310. }
  2311.  
  2312. #menu-main-nav li:before {
  2313.     content:"";
  2314.     position:absolute;
  2315.     left: 0px;
  2316.     top: 9px;
  2317.     background-position: -387px -82px;
  2318.     width: 1px;
  2319.     height: 40px;
  2320. }
  2321.  
  2322. .tt-logo-center #menu-main-nav li:first-child:before,
  2323. .tt-logo-right #menu-main-nav li:first-child:before {
  2324.     display: none;
  2325. }
  2326.  
  2327. #menu-main-nav li.parent:hover:before,
  2328. #menu-main-nav li li:before {
  2329.     background: none;
  2330. }
  2331.  
  2332. #menu-main-nav li.parent:hover {
  2333.     position: relative;
  2334. }
  2335.  
  2336. #menu-main-nav li strong {
  2337.     text-transform: uppercase;
  2338.     display: block;
  2339.     font-size: 13px;
  2340.     letter-spacing: 0.6px;
  2341.     font-weight: 800;
  2342.     color:#FFF;
  2343. }
  2344.  
  2345. #menu-main-nav a,
  2346. #menu-main-nav li:hover .drop,
  2347. #menu-main-nav li.hover .drop,
  2348. #menu-main-nav li:hover .drop ul li:hover .drop,
  2349. #menu-main-nav li.hover .drop ul li.hover .drop {
  2350.     display: block;
  2351. }
  2352.  
  2353. #menu-main-nav .drop {
  2354.     width: 236px;
  2355.     padding: 0 1px 0 1px;
  2356.     position: absolute;
  2357.     left: -1px;
  2358.     top: 46px;
  2359.     display: none;
  2360.     z-index: 999;
  2361. }
  2362.  
  2363. /* lower the dropdown a bit on tt-logo-center option */
  2364. .tt-logo-center #menu-main-nav .drop {
  2365.     top: 51px;
  2366. }
  2367.  
  2368. .tt-logo-center #menu-main-nav li {
  2369.     padding-bottom: 10px;
  2370. }
  2371.  
  2372. #menu-main-nav .sub-menu,
  2373. #menu-main-nav li:hover .drop ul .drop,
  2374. #menu-main-nav li.hover .drop ul .drop {
  2375.     display: none;
  2376. }
  2377.  
  2378. #menu-main-nav .drop li.current-menu-item,
  2379. #menu-main-nav .drop li.current_page_ancestor,
  2380. #menu-main-nav .drop li.hover {
  2381.     z-index: 10;
  2382. }
  2383.  
  2384. #menu-main-nav .drop .c {
  2385.     width: 100%;
  2386.     padding: 10px 0;
  2387. }
  2388.  
  2389. #menu-main-nav .drop ul {
  2390.     margin: 0;
  2391.     padding: 5px 0 8px;
  2392.     width: 236px;
  2393. }
  2394.  
  2395. #menu-main-nav .drop ul li {
  2396.     float: none;
  2397.     padding: 0;
  2398.     position: relative;
  2399.     height: 1%;
  2400.     padding: 0 8px;
  2401.     background: none;
  2402. }
  2403.  
  2404. #menu-main-nav .drop ul a {
  2405.     display: block;
  2406.     height: 1%;
  2407.     width: 220px;
  2408. }
  2409.  
  2410. #menu-main-nav .drop ul a span {
  2411.     display: block;
  2412.     padding: 7px 13px;
  2413.     height: 1%;
  2414.     cursor: pointer;
  2415. }
  2416.  
  2417. #menu-main-nav .drop ul .drop {
  2418.     top: 0;
  2419.     left: 236px;
  2420. }
  2421.  
  2422. #menu-main-nav li.current-menu-parent li a span,
  2423. #menu-main-nav li.current-menu-item li a span,
  2424. #menu-main-nav li.current_page_ancestor li a span {
  2425.     text-decoration: none;
  2426. }
  2427.  
  2428. #menu-main-nav li.parent:hover {
  2429.     -webkit-border-radius: 5px 5px 0px 0px;
  2430.        -moz-border-radius: 5px 5px 0px 0px;
  2431.             border-radius: 5px 5px 0px 0px;
  2432. }
  2433.  
  2434. #menu-main-nav li,
  2435. #menu-main-nav .sub-menu li {
  2436.     text-align:left;   
  2437. }
  2438.  
  2439. #menu-main-nav .sub-menu li.parent a {
  2440.     position: relative;
  2441. }
  2442.  
  2443. #menu-main-nav .sub-menu li.parent .sub-menu a:after,
  2444. #menu-main-nav .sub-menu li.parent .sub-menu li.parent .sub-menu a:after {
  2445.     content: "";   
  2446. }
  2447.  
  2448. #menu-main-nav .sub-menu li.parent a:after,
  2449. #menu-main-nav .sub-menu li.parent .sub-menu li.parent a:after {
  2450.     content: "\f105";
  2451.     font-size: 12px;
  2452.     position: absolute;
  2453.     right: 12px;
  2454.     top: 7px;
  2455. }
  2456.  
  2457. /* UberMenu - mobile menu */
  2458. .header-area #megaMenu #megaMenuToggle {
  2459.     padding: 12px 45px;
  2460.     font-size: 12px;
  2461.     color: #FFF;
  2462.     font-weight: bold; 
  2463. }
  2464.  
  2465.  
  2466. /*----------------------------*/
  2467. /* Vertical Sub Menu
  2468. /*----------------------------*/
  2469. #sub_nav select {
  2470.     display: none; /* hide mobile dropdown */  
  2471. }
  2472.  
  2473. #sub_nav,
  2474. #sub_nav.nav_right_sub_nav {
  2475. background-image: url(images/_global/bg-sidebar.gif);
  2476. background-repeat: repeat-y;   
  2477. }
  2478.  
  2479. #sub_nav {
  2480.     float: left;
  2481.     width: 220px;
  2482.     float: left;
  2483.     background-position: 206px 0;
  2484.     padding-bottom: 65px;
  2485.     overflow: hidden;
  2486. }
  2487.  
  2488. #sub_nav ul a {
  2489.     border-bottom: 1px solid #FEFEFC;
  2490.     display: block;
  2491.     height: 1%;
  2492.     margin: 0 13px 0 0;
  2493.     padding: 4px 0 8px 20px;
  2494.     position: relative;
  2495. }
  2496.  
  2497. #sub_nav ul a:after {
  2498.    content: " ";
  2499.    position: absolute;
  2500.    left:0;
  2501.    bottom:0;
  2502.    width:100%;
  2503.    height:1px;
  2504.    border-bottom: 1px solid #D8D8D6;
  2505. }
  2506.  
  2507. #sub_nav ul a:hover,
  2508. #sub_nav ul a:hover:after,
  2509. #sub_nav ul li.current_page_item a,
  2510. #sub_nav ul li.current_page_item a:after,
  2511. #sub_nav ul li ul a,
  2512. #sub_nav ul li ul a:after {
  2513.     margin-right: 0;
  2514.     color: #fff;
  2515.     text-decoration: none;
  2516.     border-color: transparent;
  2517. }
  2518.  
  2519. #sub_nav .sub-menu li .sub-menu a,
  2520. #sub_nav .sub-menu li .sub-menu a:after {
  2521.     border-color: transparent;
  2522. }
  2523.  
  2524. #sub_nav ul li {
  2525.     vertical-align: top;
  2526.     height: 1%;
  2527. }
  2528.  
  2529. /* right sub menu layout */
  2530. #sub_nav.nav_right_sub_nav {
  2531.     float: right;
  2532.     background-position: 12px 0;
  2533. }
  2534.  
  2535. #sub_nav.nav_right_sub_nav ul a {
  2536.     margin: 0 0 0 13px;
  2537. }
  2538.  
  2539. #sub_nav.nav_right_sub_nav ul a:hover,
  2540. #sub_nav.nav_right_sub_nav ul li.current_page_item a {
  2541.     margin-left: 0;
  2542.     padding-left: 33px;
  2543. }
  2544.  
  2545. #sub_nav.nav_right_sub_nav ul a:hover,
  2546. #sub_nav.nav_right_sub_nav ul li.current_page_item a {
  2547.     background-position: 0px -39px !important;
  2548. }
  2549.  
  2550. /* sub-sub menu */
  2551. #sub_nav .sub-menu li .sub-menu {
  2552.     padding-left: 1.4em;
  2553.     margin: 15px 0 15px 30px;
  2554. }
  2555.  
  2556. #sub_nav.nav_right_sub_nav .sub-menu li .sub-menu {
  2557.     margin-left: 40px;
  2558. }
  2559.  
  2560. #sub_nav .sub-menu li .sub-menu a,
  2561. #sub_nav.nav_right_sub_nav .sub-menu li .sub-menu a {
  2562.     background: none;
  2563.     display:inline-block;
  2564. }
  2565.  
  2566. #sub_nav .sub-menu li .sub-menu a:hover,
  2567. #sub_nav.nav_right_sub_nav .sub-menu li .sub-menu a:hover {
  2568.     text-decoration: underline;
  2569. }
  2570.  
  2571. /* #sub_nav ul li.current_page_item a {
  2572.     font-weight: bold;
  2573. } */
  2574.  
  2575. #sub_nav ul li.current_page_item .sub-menu a {
  2576.     background: none;
  2577.     font-weight: normal;
  2578. }
  2579.  
  2580. #sub_nav .sub-menu li .sub-menu li {
  2581.     margin-bottom: 4px;
  2582. }
  2583.  
  2584.  
  2585. /* sub-sub-sub menu */
  2586. #sub_nav .sub-menu li .sub-menu li .sub-menu {
  2587.     margin: 8px 0 15px 10px;
  2588. }
  2589.  
  2590. /*----------------------------*/
  2591. /* Sub-Menu + Custom Sidebar
  2592. /*----------------------------*/
  2593. .sub_nav_sidebar {
  2594.     padding-top: 34px;
  2595. }
  2596.  
  2597. .sub_nav_sidebar .sidebar-widget {
  2598.     width: 88%;
  2599. }
  2600.  
  2601. #sub_nav .sub_nav_sidebar ul a {
  2602.     border: none;
  2603.     padding: 0;
  2604.     display: inline-block;
  2605. }
  2606.  
  2607. #sub_nav .sub_nav_sidebar .textwidget ul a:hover {
  2608.     background: none;
  2609.     color: inherit;
  2610.     text-decoration: underline;
  2611. }
  2612.  
  2613. #sub_nav .sub_nav_sidebar ul a,
  2614. #sub_nav .sub_nav_sidebar ul a:after {
  2615.     border: none !important;   
  2616. }
  2617.  
  2618. /*----------------------------*/
  2619. /* Horizontal Sub Menu
  2620. /*----------------------------*/
  2621. #horizontal_nav {
  2622.     border-bottom: 1px solid #FEFEFC;
  2623.     float: left;
  2624.     margin-bottom: 30px;
  2625.     padding-bottom: 20px;
  2626.     position: relative;
  2627.     width: 100%;
  2628. }
  2629.  
  2630. #horizontal_nav ul {
  2631.     float: left;
  2632.     margin: 0 0 0 -18px;
  2633.     padding: 0;
  2634.     height: 1%;
  2635.     overflow: hidden;
  2636. }
  2637.  
  2638. #horizontal_nav ul li {
  2639.     float: left;
  2640.     margin-left: 18px;
  2641. }
  2642.  
  2643. #horizontal_nav ul a {
  2644.     color: #474747;
  2645.     cursor: pointer;
  2646.     float: left;
  2647.     padding: 0 11px 0 0;
  2648.     padding: 4px 13px;
  2649.     text-decoration: none;
  2650.    
  2651. }
  2652.  
  2653. #horizontal_nav ul li,
  2654. #horizontal_nav ul a,
  2655. /* tabs */
  2656. .tabset .ui-state-active,
  2657. .tabset .active,
  2658. .tabset a:hover,
  2659. /* wp-page-navi */
  2660. .karma-pages a,
  2661. .karma-pages span,
  2662. .wp-pagenavi a,
  2663. .wp-pagenavi span,
  2664. .woocommerce-pagination a,
  2665. .woocommerce-pagination span {
  2666. position:relative; /* required for IE (CSSpie)  */
  2667. -webkit-border-radius: 4px;
  2668.    -moz-border-radius: 4px;
  2669.         border-radius: 4px;
  2670. }
  2671.  
  2672. #horizontal_nav ul a:hover,
  2673. #horizontal_nav ul .current_page_item a,
  2674. #horizontal_nav.tt-gallery-nav-wrap .active a,
  2675. .content-style-default #horizontal_nav ul a:hover,
  2676. .content-style-default #horizontal_nav ul .current_page_item a,
  2677. .content-style-default #horizontal_nav.tt-gallery-nav-wrap .active a,
  2678. .content-style-steel #horizontal_nav ul a:hover,
  2679. .content-style-steel #horizontal_nav ul .current_page_item a,
  2680. .content-style-steel #horizontal_nav.tt-gallery-nav-wrap .active a,
  2681. .content-style-white #horizontal_nav ul a:hover,
  2682. .content-style-white #horizontal_nav ul .current_page_item a,
  2683. .content-style-white #horizontal_nav.tt-gallery-nav-wrap .active a,
  2684. .content-style-tan #horizontal_nav ul a:hover,
  2685. .content-style-tan #horizontal_nav ul .current_page_item a,
  2686. .content-style-tan #horizontal_nav.tt-gallery-nav-wrap .active a,
  2687. .content-style-grey #horizontal_nav ul a:hover,
  2688. .content-style-grey #horizontal_nav ul .current_page_item a,
  2689. .content-style-grey #horizontal_nav.tt-gallery-nav-wrap .active a,
  2690. .content-custom-bg #horizontal_nav ul a:hover,
  2691. .content-custom-bg #horizontal_nav ul .current_page_item a,
  2692. .content-custom-bg #horizontal_nav.tt-gallery-nav-wrap .active a,
  2693. /* tabs */
  2694. .tabset .ui-state-active,
  2695. .tabset .active,
  2696. .tabset a:hover,
  2697. /* wp-page-navi */
  2698. .karma-pages span.current,
  2699. .wp-pagenavi span.current {
  2700.     color: #FFF;
  2701.     -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  2702.        -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  2703.             box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  2704. }
  2705.  
  2706. .tools + #horizontal_nav {
  2707.     margin-top: -26px; 
  2708. }
  2709.  
  2710. /*----------------------------*/
  2711. /* Links
  2712. /*----------------------------*/
  2713. /* remove for fully accessibile links */
  2714. *:active,
  2715. *:focus {
  2716.     outline: none;
  2717. }
  2718.  
  2719. header *:active.non-keyboard-outline,
  2720. header *:focus.non-keyboard-outline,
  2721. footer *:active.non-keyboard-outline,
  2722. footer *:focus.non-keyboard-outline {
  2723.     outline: #FFF auto 5px;
  2724. }
  2725.  
  2726. #main *:active.non-keyboard-outline,
  2727. #main *:focus.non-keyboard-outline {
  2728.     outline: #000 auto 5px;
  2729. }
  2730.  
  2731. #main .post_comments a:focus {
  2732.     outline-color: #FFF;   
  2733. }
  2734.  
  2735. #header .toolbar-left a,
  2736. #header .toolbar-right a {
  2737.     text-decoration: none;
  2738. }
  2739.  
  2740. #header .toolbar-left li,
  2741. #header .toolbar-right li {
  2742.     color: #575C60;
  2743. }
  2744.  
  2745. .callout_button {
  2746.     cursor: pointer;
  2747.     letter-spacing: .8px;
  2748.     color: #333;
  2749.     border: 1px solid #999;
  2750.     display: inline-block;
  2751.     font-size: 12px !important;
  2752.     text-decoration: none;
  2753.     margin: 0;
  2754.     padding: 6px 10px !important;
  2755. }
  2756.  
  2757. #footer h3 a {
  2758.     color: #FFF;
  2759. }
  2760.  
  2761. .post_title h2 a {
  2762.     color: #222 !important;
  2763.     text-decoration: none !important;
  2764. }
  2765.  
  2766. #menu-main-nav a,
  2767. #wrapper .tabset a,
  2768. #sub_nav a,
  2769. .callout_button:hover,
  2770. #footer_bottom a,
  2771. .footer-content a {
  2772.     text-decoration: none;
  2773. }
  2774.  
  2775. .toolbar-left a:hover,
  2776. .toolbar-right a:hover,
  2777. .footer-content a:hover,
  2778. #footer_bottom a:hover,
  2779. .top-toolbar ul.sub-menu a:hover {
  2780.     color: #FFF;
  2781. }
  2782.  
  2783. /*----------------------------*/
  2784. /* Top Link
  2785. /*----------------------------*/
  2786. a.link-top {
  2787.     padding: 3px 0 0 17px;
  2788.     position:relative;
  2789.     font-size: 12px;
  2790.     margin: -10px 2px 15px 0;
  2791.     float: right;
  2792. }
  2793.  
  2794. a.link-top:before {
  2795.     content:"\f062";
  2796.     font-weight: normal;
  2797.     position:absolute;
  2798.     left:1px;
  2799.     top:3px;
  2800. }
  2801.  
  2802. #footer_bottom a.link-top,
  2803. #footer_bottom a.link-top:hover {
  2804.     color: #FFF;
  2805.     font-weight: bold;
  2806.     text-decoration: none;
  2807.     margin-top: -9px;
  2808. }
  2809.  
  2810. #footer_bottom .top-footer {
  2811.     float: right;
  2812.     padding: 8px 0 0 12px;
  2813. }
  2814.  
  2815. /*----------------------------*/
  2816. /* Lists
  2817. /*----------------------------*/
  2818. #content ul,
  2819. .content_full_width ul {
  2820.     margin: 0 0 20px 15px;
  2821. }
  2822.  
  2823. #content ol,
  2824. .content_full_width ol {
  2825.     margin: 0 0 20px 20px;
  2826. }
  2827.  
  2828. #content ol li,
  2829. #content ul li,
  2830. .content_full_width ol li,
  2831. .content_full_width ul li {
  2832.     margin-bottom: 8px;
  2833. }
  2834.  
  2835. ul.list {
  2836.     margin: 0;
  2837.     padding: 0 0 20px 0;
  2838. }
  2839.  
  2840. #sidebar .sidebar-widget ul.list {
  2841.     padding-top:10px;
  2842.     margin-top: 0;
  2843. }
  2844.  
  2845. ul.list li,
  2846. #sidebar ul li,
  2847. #sub_nav .sub_nav_sidebar .textwidget ul li {
  2848.     padding-left:1.4em;
  2849.     margin-bottom: 10px;
  2850. }
  2851.  
  2852. ul.list li h1,
  2853. ul.list li h2,
  2854. ul.list li h3,
  2855. ul.list li h4,
  2856. ul.list li h5,
  2857. ul.list li h6 {
  2858.     display: inline-block; 
  2859. }
  2860.  
  2861. #sidebar ul li,
  2862. #sub_nav .sub_nav_sidebar .textwidget ul li {
  2863.     margin-bottom: 5px;
  2864. }
  2865.  
  2866.  
  2867. ul.list1 li:before,
  2868. ul.list2 li:before,
  2869. ul.list3 li:before,
  2870. ul.list4 li:before,
  2871. ul.list5 li:before,
  2872. ul.list6 li:before,
  2873. ul.list7 li:before,
  2874. ul.list8 li:before,
  2875. #sidebar ul li:before,
  2876. #sub_nav ul li .sub-menu li:before,
  2877. #sub_nav ul li .sub-menu li .sub-menu li:before,
  2878. #sub_nav .sub_nav_sidebar .textwidget ul li:before {
  2879.     margin-left: -1.4em;
  2880.     width: 1.4em;
  2881. }
  2882.  
  2883. /* arrow */
  2884. ul.list1 li:before,
  2885. ul.list6 li:before,
  2886. #sidebar ul li:before,
  2887. #sub_nav ul li .sub-menu li:before,
  2888. #sub_nav ul li .sub-menu li .sub-menu li:before,
  2889. #sub_nav .sub_nav_sidebar .textwidget ul li:before {
  2890.     content: "\f054";
  2891.     font-size:11px;
  2892. }
  2893.  
  2894. /* star */
  2895. ul.list2 li:before {
  2896.     content: "\f005";
  2897. }
  2898.  
  2899. /* circle */
  2900. ul.list3 li:before {
  2901.     content: "\f10c";
  2902.     font-weight:900;
  2903. }
  2904.  
  2905. /* check */
  2906. ul.list4 li:before {
  2907.     content: "\f00c";
  2908.     width: 1.6em;
  2909. }
  2910.  
  2911. /* caret */
  2912. ul.list5 li:before {
  2913.     content: "\f0da";
  2914.     margin-left: -1.1em;
  2915.     width: 1.1em;
  2916. }
  2917.  
  2918. /* plus */
  2919. ul.list6 li:before {
  2920.     content: "\f067";
  2921. }
  2922.  
  2923. /* double angle */
  2924. ul.list7 li:before {
  2925.     content: "\f101";
  2926.     margin-left: -1.1em;
  2927.     width: 1.1em;
  2928. }
  2929.  
  2930. /* full arrow "->" instead of ">" */
  2931. ul.list8 li:before {
  2932.     content: "\f061";
  2933. }
  2934.  
  2935. ul.list2 li:before,
  2936. ul.list3 li:before {
  2937.     font-size:10px;
  2938.     width: 1.6em;
  2939. }
  2940.  
  2941. .footer-content ul {
  2942.     color: #999;
  2943. }
  2944.  
  2945. .footer-content li {
  2946.     margin-bottom: 12px;
  2947. }
  2948.  
  2949. .search-list {
  2950.     margin: 0 0 0 15px;
  2951.     padding: 0;
  2952. }
  2953.  
  2954. .search-list li {
  2955.     margin-bottom: 20px;
  2956. }
  2957.  
  2958. .sitemap-list .sub-menu {
  2959.     margin-left: 10px;
  2960.     padding: 10px 0 5px 0;
  2961. }
  2962.  
  2963. .sitemap-list .sub-menu li .sub-menu {
  2964.     margin-left: 15px;
  2965.     padding: 10px 0 0 0;
  2966. }
  2967.  
  2968. /*----------------------------*/
  2969. /* General Typography
  2970. /*----------------------------*/
  2971. h1, h2, h3, h4, h5, h6, p.comment-author-about {
  2972.     margin: 0 0 20px 0;
  2973.     font-weight: normal;
  2974.     color: #222;
  2975. }
  2976.  
  2977. h1 i, h2 i, h3 i, h4 i, h5 i {
  2978.     padding-right: 4px;
  2979. }
  2980.  
  2981. .colored_box p strong { color: #FFF;}
  2982.  
  2983. p { margin-bottom: 15px;}
  2984.  
  2985. h1 { font-size: 2.1em;}
  2986.  
  2987. h2 { font-size: 1.9em;line-height: 1.3em;}
  2988.  
  2989. h3 { font-size: 1.7em;}
  2990.  
  2991. h4 { font-size: 1.5em;}
  2992.  
  2993. h5 { font-size: 1.3em;}
  2994.  
  2995. h6 {
  2996.     font-size: .9em;
  2997.     text-transform: uppercase;
  2998.     font-weight: 600;
  2999.     letter-spacing: 1px;
  3000. }
  3001.  
  3002. p + h1,
  3003. p + h2,
  3004. p + h3,
  3005. p + h4,
  3006. p + h5,
  3007. p + h6 {
  3008.     padding-top: 20px;
  3009. }
  3010.  
  3011. #main ul + h1,
  3012. #main ul + h2,
  3013. #main ul + h3,
  3014. #main ul + h4,
  3015. #main ul + h5,
  3016. #main ul + h6,
  3017. #main ol + h1,
  3018. #main ol + h2,
  3019. #main ol + h3,
  3020. #main ol + h4,
  3021. #main ol + h5,
  3022. #main ol + h6 {
  3023.     padding-top: 10px;
  3024. }
  3025.  
  3026. p.top-block-title {
  3027.     display: inline-block;
  3028.     font-weight: bold;
  3029.     margin-right: 5px;
  3030. }
  3031.  
  3032. #main .tools h1 {
  3033.     padding-bottom: 15px;
  3034.     font-size: 20px;
  3035.     float: left;
  3036.     color: #FFF;
  3037.     margin: 3px 0 0;
  3038. }
  3039.  
  3040. .top-block p {
  3041.     font-size: 1.1em;
  3042.     color: #CCC;
  3043. }
  3044.  
  3045. #sidebar h2 {
  3046.     padding-bottom: 5px;
  3047.     font-size: 10px;
  3048. }
  3049.  
  3050. #main .video-sub h2,
  3051. #main .two-d-sub h2,
  3052. #main .three-d-sub h2 {
  3053.     padding-bottom: 10px !important;
  3054. }
  3055.  
  3056. .jquery1-slider-wrap .slider-content-main h2,
  3057. .jquery1-slider-wrap .slider-content-main p,
  3058. .jquery3-slider-wrap .slider-content-main h2,
  3059. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h1,
  3060. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h2,
  3061. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h3,
  3062. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h4,
  3063. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h5,
  3064. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h6,
  3065. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas p {
  3066.     color: #FFF;
  3067. }
  3068.  
  3069. .jquery3-slider-wrap .slider-content-main p,
  3070. .jquery3-slider-wrap .slider-content-main ul {
  3071.     color:  rgba(255,255,255,0.8);
  3072. }
  3073.  
  3074. .slider-content-main h2 {
  3075.     color: #222;
  3076.     font-size: 2em;
  3077.     font-weight: 400;
  3078. }
  3079.  
  3080. .slider-content-main p {
  3081.     font-size: 1.1em;
  3082.     line-height: 21px;
  3083. }
  3084.  
  3085. .sitemap-last p {
  3086.     line-height: 25px;
  3087. }
  3088.  
  3089. .search-title {
  3090.     color: #000;
  3091.     font-size: 1.9em;
  3092. }
  3093.  
  3094. #content .sub-box3 .cols-holder {
  3095.     padding: 41px 0 0;
  3096. }
  3097.  
  3098. h1, h2, h3, h4, h5, h6 {
  3099.     text-shadow: 1px 1px 1px #FFF;
  3100.     line-height: 1.2em;
  3101. }
  3102.  
  3103. #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, .tools h1 {
  3104.     text-shadow: none;
  3105. }
  3106.  
  3107. .jquery1-slider-wrap .slider-content-main h2,
  3108. .jquery3-slider-wrap .slider-content-main h2,
  3109. .logo-text,
  3110. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h1,
  3111. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h2,
  3112. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h3,
  3113. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h4,
  3114. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h5,
  3115. .jquery3-slider-wrap .slider-content-sub-full-width.tt-slider-blank-canvas h6 {
  3116.     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  3117. }
  3118.  
  3119. #footer p,
  3120. #footer_bottom p {
  3121.     margin: 0;
  3122. }
  3123.  
  3124. #footer h3 {
  3125.     text-transform: uppercase;
  3126.     color: #FFF;
  3127.     display: block;
  3128.     font-size: 13px;
  3129.     letter-spacing: 0.5px;
  3130.     padding-bottom: 8px;
  3131.     margin-bottom: 22px;
  3132.     font-weight: bold;
  3133. }
  3134.  
  3135. #footer .footer_post h4,
  3136. #footer .footer_post h4 a {
  3137.     text-transform: uppercase;
  3138.     color: #FFF;
  3139.     font-weight: bold;
  3140.     display: block;
  3141.     font-size: 12px;
  3142.     letter-spacing: 0.5px;
  3143. }
  3144.  
  3145. #footer .footer_post h4 {
  3146.     padding-bottom: 3px;
  3147.     margin: 0;
  3148. }
  3149.  
  3150. #footer_bottom ul li {
  3151.     float: left;
  3152.     margin: 0 4px 0 -4px;
  3153.     padding: 0 9px;
  3154. }
  3155.  
  3156. .callout-wrap {
  3157.     border-top: 1px solid #FEFEFC;
  3158.     border-bottom: 1px solid #FEFEFC;
  3159.     float: left;
  3160.     width: 100%;
  3161.     padding-top: 20px;
  3162.     margin: 10px 0 30px 0;
  3163.     position: relative;
  3164. }
  3165.  
  3166. .callout-wrap span {
  3167.     padding-bottom: 25px;
  3168.     color: #222;
  3169.     font-size: 1.5em;
  3170.     line-height: 28px;
  3171.     display: block;
  3172. }
  3173.  
  3174. .callout2 {
  3175.     color: #222;
  3176.     font-size: 1.5em;
  3177.     line-height: 28px;
  3178. }
  3179.  
  3180. .heading-horizontal {
  3181.     position: relative;
  3182.     margin-top: 20px;
  3183.     text-align: center;
  3184. }
  3185.  
  3186. .heading-horizontal:before {
  3187.     content: "";
  3188.     display: block;
  3189.     width: 100%;
  3190.     height: 0px;
  3191.     position: absolute;
  3192.     top: 50%;
  3193.     z-index: 1;
  3194. }
  3195.  
  3196. .heading-horizontal span {
  3197.     background: #D9DEE4;
  3198.     padding: 0 20px;
  3199.     position: relative;
  3200.     z-index: 5;
  3201. }
  3202.  
  3203. p + .heading-horizontal { padding-top: 0;}
  3204.  
  3205.  
  3206. /*----------------------------*/
  3207. /* Blog
  3208. /*----------------------------*/
  3209. #content.content_blog {
  3210.     width: 660px;
  3211.     padding: 0 0 20px 0;
  3212. }
  3213.  
  3214. #sidebar.sidebar_blog {
  3215.     width: 235px;
  3216. }
  3217.  
  3218. .blog_wrap,
  3219. .single_blog_wrap {
  3220.     width: 100%;
  3221.     margin-bottom: 70px;
  3222. }
  3223.  
  3224. .single_blog_wrap {
  3225.     background: none;
  3226.     margin-bottom: 80px;
  3227. }
  3228.  
  3229. .post_title,
  3230. .post_content,
  3231. .post_footer {
  3232.     width:100%;
  3233. }
  3234.  
  3235. .post_content {
  3236.     position: relative;
  3237.     min-height: 170px;
  3238.     padding-bottom: 15px;
  3239.     margin: -5px 0 0;
  3240.     overflow: hidden;
  3241. }
  3242.  
  3243. #content .tt-blog-no-feature .post_content p,
  3244. #content .tt-blog-no-feature .post_content h1,
  3245. #content .tt-blog-no-feature .post_content h2,
  3246. #content .tt-blog-no-feature .post_content h3,
  3247. #content .tt-blog-no-feature .post_content h4,
  3248. #content .tt-blog-no-feature .post_content h5,
  3249. #content .tt-blog-no-feature .post_content h6 {
  3250.     padding-right: 102px;
  3251. }
  3252.  
  3253. #content .post_content .one_half,
  3254. #content .post_content .one_half_last {
  3255.     width: 47%;
  3256. }
  3257.  
  3258. #content .post_content .one_third,
  3259. #content .post_content .one_third_last {
  3260.     width: 30%;
  3261. }
  3262.  
  3263. #content .post_content .one_fourth,
  3264. #content .post_content .one_fourth_last {
  3265.     width: 22%;
  3266. }
  3267.  
  3268.  
  3269. .post_footer {
  3270.     height: 53px;
  3271.     position: relative;
  3272.     margin-bottom: 18px;
  3273. }
  3274.  
  3275. .single_blog_wrap .post_footer {
  3276.     margin-bottom: 28px;
  3277. }
  3278.  
  3279. .post_title span {
  3280.     color: #4C4C4C;
  3281.     font-weight: 700;
  3282. }
  3283.  
  3284. .post_cats span,
  3285. .post_tags span {
  3286.     padding-left: 22px;
  3287.     position: relative;
  3288. }
  3289.  
  3290. .post_footer p {
  3291.     position: relative;
  3292.     padding-left: 18px;
  3293.     margin-top: 15px;
  3294. }
  3295.  
  3296. .post_footer p.post_cats {
  3297.     float: left;
  3298. }
  3299.  
  3300. .post_footer p.post_tags {
  3301.     float: right;
  3302. }
  3303.  
  3304. .post_footer p.post_cats:after,
  3305. .post_footer p.post_tags:after {
  3306.     position:absolute;
  3307.     left: 0;
  3308.     top: 1px;
  3309.     font-size: 14px;
  3310.     color: rgba(0,0,0,0.6);
  3311. }
  3312.  
  3313. .post_footer p.post_cats:after {
  3314.     content:"\f0f6";
  3315. }
  3316.  
  3317. .post_footer p.post_tags:after {
  3318.     content:"\f02b";
  3319. }
  3320.  
  3321. .post_date,
  3322. .post_comments {
  3323.     position: absolute;
  3324.     width: 62px;
  3325.     right: 12px;
  3326. }
  3327.  
  3328. .post_date {
  3329.     height: 64px;
  3330.     top: 2px;
  3331.     box-shadow: 0 0 0 1px #51596C, 0 0 0 2px #000;
  3332.     background-color: #010101;
  3333.     background-image: linear-gradient(to bottom, #303440, #010101); /* required first in the list for IE11 */
  3334.     background-image: -webkit-gradient(linear, left top, left bottom, from(#303440), to(#010101));
  3335.     background-image: -webkit-linear-gradient(top, #303440, #010101);
  3336.     background-image: -moz-linear-gradient(top, #303440, #010101);
  3337.     background-image: -webkit-linear-gradient(top, #303440, #010101);
  3338.     background-image: -o-linear-gradient(top, #303440, #010101);
  3339.     background-image: ms-linear-gradient(to bottom, #303440, #010101);
  3340.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#303440', endColorstr='#010101');
  3341. }
  3342.  
  3343. .post_date .day {
  3344.     font-weight: 700;
  3345.     color: #FFF;
  3346.     font-size: 30px;
  3347.     display: block;
  3348.     text-align: center;
  3349.     margin: 12px 0 0;
  3350. }
  3351.  
  3352. .post_date .month {
  3353.     color: #A2A3A4;
  3354.     font-size: 16px;
  3355.     text-transform: uppercase;
  3356.     display: block;
  3357.     text-align: center;
  3358.     margin: -14px 0 0;
  3359. }
  3360.  
  3361. .post_comments {
  3362.     height: 28px;
  3363.     border-top: 0;
  3364.     top: 76px;
  3365. }
  3366.  
  3367. .post_comments span {
  3368.     position: relative;
  3369.     display: inline-block;
  3370.     color: #FFF;
  3371.     font-size: 13px;
  3372.     font-weight: 700;
  3373.     padding:3px 15px 0 23px;
  3374. }
  3375.  
  3376. .post_comments span:after{
  3377.     content:"\f075";
  3378.     position: absolute;
  3379.     right:-4px;
  3380. }
  3381.  
  3382. .post_comments a {
  3383.     text-decoration: none;
  3384. }
  3385.  
  3386. .sharelink_small {
  3387.     width: 65px;
  3388.     height: 30px;
  3389.     float: right;
  3390.     text-indent: -9999em;
  3391.     display: block;
  3392.     background-position: 0 0;
  3393.     margin: 20px 0px 12px 0 !important;
  3394.     position: relative;
  3395.     right: 10px;
  3396. }
  3397.  
  3398. .sharelink_big {
  3399.     width: 92px;
  3400.     height: 30px;
  3401.     text-indent: -9999em;
  3402.     display: block;
  3403.     background-position: -66px 0;
  3404. }
  3405.  
  3406. .shareme {
  3407.     float: left;
  3408.     padding: 5px 0 30px;
  3409. }
  3410.  
  3411. .post_content .small_button {
  3412.     margin-bottom: 15px;
  3413. }
  3414.  
  3415. #about-author-wrap {
  3416.     margin-bottom: 50px;
  3417. }
  3418.  
  3419. #about-author-wrap.social-sharing-active {
  3420.     margin-bottom: 25px;
  3421. }
  3422.  
  3423. #content ol#post-comments li .comment-content {
  3424.     margin-bottom: 20px;   
  3425. }
  3426.  
  3427. #content ol#post-comments li ul.children li {
  3428.     margin-left: 30px; 
  3429. }
  3430.  
  3431. .comment-content {
  3432.     background: #e8e9e7;
  3433.     background: -moz-linear-gradient(top,  #dbddda 0%, #e8e9e7 31px);
  3434.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbddda), color-stop(31px,#e8e9e7));
  3435.     background: -webkit-linear-gradient(top,  #dbddda 0%,#e8e9e7 31px);
  3436.     background: -o-linear-gradient(top,  #dbddda 0%,#e8e9e7 31px);
  3437.     background: -ms-linear-gradient(top,  #dbddda 0%,#e8e9e7 31px);
  3438.     background: linear-gradient(to bottom,  #dbddda 0%,#e8e9e7 31px);
  3439.     border: none;
  3440.     box-shadow: 0 0 0 1px #e8e9e7, 0 0 0 2px #C6C7C4;
  3441.     color: #444;
  3442.     padding: 30px 20px 30px;
  3443.     position: relative;
  3444. }
  3445.  
  3446. .comment-gravatar {
  3447.     background: #FFF;
  3448.     float: left;
  3449.     width: 80px;
  3450.     height: 80px;
  3451.     margin: 15px 0 0 15px;
  3452.     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  3453.        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  3454.             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  3455. }
  3456.  
  3457. #about-author-wrap .comment-gravatar {
  3458.     width: 100px;
  3459.     height: 100px;
  3460.     margin: 0 0 0 15px;
  3461. }
  3462.  
  3463. #about-author-wrap p {
  3464.     margin-bottom: 10px;
  3465. }
  3466.  
  3467. .comment-gravatar img {
  3468.     margin: 10px 0 0 10px;
  3469. }
  3470.  
  3471. .comment-text {
  3472.     width: 72%;
  3473.     float: left;
  3474.     margin: 6px 0 0 20px;
  3475.     padding: 0 0 15px 10px;
  3476. }
  3477.  
  3478. .comment-text .comment-author a,
  3479. .comment-text .comment-author {
  3480.     font-size: 16px;
  3481.     color: #333;
  3482.     font-weight: 700;
  3483.     display: inline-block;
  3484.     padding: 10px 0;
  3485. }
  3486.  
  3487. .comment-author-about {
  3488.     font-size: 12px;
  3489.     letter-spacing: .5px;
  3490.     color: #333;
  3491.     text-transform: uppercase;
  3492.     font-weight: 700;
  3493. }
  3494.  
  3495. .comment-date,
  3496. em {
  3497.     color: #999;
  3498.     font-style: italic;
  3499.     font-size: 1.1em;
  3500. }
  3501.  
  3502. /* Discussion + Comments Form */
  3503. .comments-rss-link {
  3504.     float: right;
  3505. }
  3506.  
  3507. .comments-rss-link a {
  3508.     position: relative;
  3509.     padding-left: 27px;
  3510. }
  3511.  
  3512. .comments-rss-link a:after {
  3513.     content:"\f09e";
  3514.     position: absolute;
  3515.     left: 0;
  3516.     top: 0;
  3517.     font-size: 13px;
  3518.     background-color: #FF8300;
  3519.     color: #FFF;
  3520.     padding:2px 5px 0 6px;
  3521. }
  3522.  
  3523. #respond {
  3524.     clear: left;
  3525.     padding-top: 40px;
  3526. }
  3527.  
  3528. #content #post-comments {
  3529.     margin:0 0 30px 0; 
  3530. }
  3531.  
  3532. #blog-tabs ul.tabset {
  3533.     float: right;  
  3534. }
  3535.  
  3536. #wrapper #content #blog-tabs ul.tabset li:last-child {
  3537.     margin-right: 0;   
  3538. }
  3539.  
  3540. #wrapper .blog-tab-box {
  3541.     margin: 0 9px 0 0;
  3542.     padding: 0 0 20px 0;
  3543.     width: 100%;
  3544. }
  3545.  
  3546. #wrapper #blog-tabs .tabset .active a {
  3547.     color: #FFF !important;
  3548. }
  3549.  
  3550. .ui-tabs .ui-tabs-hide {
  3551.     display: none !important;
  3552. }
  3553.  
  3554. i.discussion-title {
  3555.     padding-right: 15px;   
  3556. }
  3557.  
  3558. .related_posts {
  3559.     padding: 0 0 40px;
  3560. }
  3561.  
  3562. h6.heading-horizontal.tt-blog-related-post {
  3563.     margin-bottom: 45px;   
  3564. }
  3565.  
  3566. #content .tt-blog-related-post-list {
  3567.     margin-bottom: 35px;
  3568. }
  3569.  
  3570. .post_title h1 {
  3571.     padding-bottom: 25px !important;
  3572. }
  3573.  
  3574. #content nav a {
  3575.     font-size: 12px;
  3576.     font-weight: 700;
  3577.     line-height: 2.2em;
  3578. }
  3579.  
  3580. #nav-above {
  3581.     display: none;
  3582.     padding: 0 0 1.625em;
  3583. }
  3584.  
  3585. .paged #nav-above {
  3586.     display: block;
  3587. }
  3588.  
  3589. .nav-next {
  3590.     float: right;
  3591.     text-align: right;
  3592.     width: 100%;
  3593. }
  3594.  
  3595. #content ul.tt-social-sharing {
  3596.     margin: 0;
  3597.     list-style: none;
  3598.     padding:15px 0 35px 0;
  3599. }
  3600.  
  3601. ul.tt-social-sharing li {
  3602.     float: left;
  3603.     margin-right: 30px;
  3604. }
  3605.  
  3606. ul.tt-social-sharing a {
  3607.     position: relative;
  3608.     padding-left: 20px;
  3609.     text-decoration: none;
  3610. }
  3611.  
  3612. ul.tt-social-sharing a:hover {
  3613.     text-decoration: underline;
  3614. }
  3615.  
  3616. ul.tt-social-sharing a:after,
  3617. a.comment-reply-link:before,
  3618. a.comment-edit-link:before {
  3619.     position: absolute;
  3620.     left: 0;
  3621.     top: 0;
  3622.     font-size: 14px;
  3623. }
  3624.  
  3625. ul.tt-social-sharing a.twitter:after {
  3626.     content:"\f099";
  3627. }
  3628.  
  3629. ul.tt-social-sharing a.facebook:after {
  3630.     content:"\f09a";
  3631. }
  3632.  
  3633. ul.tt-social-sharing a.email:after {
  3634.     content:"\f0e0";
  3635. }
  3636.  
  3637. ul.tt-social-sharing a.google:after {
  3638.     content:"\f0d5";
  3639. }
  3640.  
  3641. a.comment-reply-link,
  3642. a.comment-edit-link {
  3643.     margin-right: 12px;
  3644. }
  3645.  
  3646. a.comment-reply-link:before,
  3647. a.comment-edit-link:before {
  3648.     position: relative;
  3649.     margin-right: 4px;
  3650.     top: 1px;
  3651. }
  3652.  
  3653. a.comment-reply-link:before {
  3654.     content:"\f112";
  3655. }
  3656.  
  3657. a.comment-edit-link:before {
  3658.     content:"\f044";   
  3659. }
  3660.  
  3661.  
  3662. /*----------------------------*/
  3663. /* Forms
  3664. /*----------------------------*/
  3665. input, textarea, select {
  3666.     font-size: 100%;
  3667.     vertical-align: middle;
  3668. }
  3669.  
  3670. textarea, input {
  3671.     font-size: 1em;
  3672.     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  3673. }
  3674.  
  3675. .top-block .search-form input.s {
  3676.     font-size: 1.2em;
  3677. }
  3678.  
  3679. form, fieldset {
  3680.     border-style: none;
  3681. }
  3682.  
  3683. .search-form {
  3684.     width: 168px;  
  3685. }
  3686.  
  3687. .tools .search-form {
  3688.     float: right;
  3689.     margin: -2px 0 0 35px;
  3690. }
  3691.  
  3692. #footer .search-form {
  3693.     float: left;
  3694.     margin: 0;
  3695. }
  3696.  
  3697. .search-form label {
  3698.     left: -999em;
  3699.     position: absolute;
  3700. }
  3701.  
  3702. .search-form input,
  3703. .search-form select {
  3704.     color: #fff;
  3705. }
  3706.  
  3707. .search-form .text {
  3708.     background-image: none;
  3709.     background: rgba(0, 0, 0, 0.35);
  3710.     display: block;
  3711.     height: 20px;
  3712.     overflow: hidden;
  3713.     padding: 8px 0 0 7px;
  3714.     position: relative;
  3715. }
  3716.  
  3717. .search-form .text input {
  3718.     width: 120px;
  3719.     background: none;
  3720.     border: 0;
  3721.     padding: 0;
  3722.     margin: -2px 0 0 20px;
  3723.     float: left;
  3724. }
  3725.  
  3726. .search-form .text .searchsubmit {
  3727.     font-size: 0;
  3728.     line-height: 0;
  3729.     text-indent: -9999px;
  3730.     width: 15px;
  3731.     height: 17px;
  3732.     margin: -15px 8px 0 0;
  3733.     cursor: pointer;
  3734. }
  3735.  
  3736. #content .text .searchsubmit {
  3737.     font-size: auto;
  3738.     text-indent: 0;
  3739.     width: auto;
  3740.     height: auto;
  3741.     margin: -19px 0 0 5px;
  3742. }
  3743.  
  3744. .search-form .text:before {
  3745.    content: "\f002";
  3746.    position: absolute;
  3747.    left:8px;
  3748.    top:4px;
  3749.    font-size:13px;
  3750. }
  3751.  
  3752. /* searchform within sidebar */
  3753. #sidebar .search-form,
  3754. #content .search-form {
  3755.     width: auto;   
  3756. }
  3757.  
  3758. #sidebar .search-form input,
  3759. #sidebar .search-form select,
  3760. #content .search-form input,
  3761. #content .search-form select {
  3762.     color: #000;
  3763. }
  3764.  
  3765. #sidebar .search-form .text,
  3766. #content .search-form .text {
  3767.     background-image: none;
  3768.     background: none;
  3769.     height: auto;
  3770. }
  3771.  
  3772. #sidebar .search-form .text:before {
  3773.    top:14px;
  3774. }
  3775.  
  3776. #content .search-form .text:before {
  3777.    top:34px;
  3778. }
  3779.  
  3780. #sidebar .search-form .searchsubmit {
  3781.     display: none !important;  
  3782. }
  3783.  
  3784. #sidebar .search-form .s,
  3785. #content .search-form .s {
  3786.     width: 78%;
  3787. }
  3788.  
  3789. #sidebar .search-form label,
  3790. #content .search-form label {
  3791.     color: #4C4C4C;
  3792.     font-weight: bold;
  3793.     display: none;
  3794. }
  3795.  
  3796. /* comment-form */
  3797. #commentform {
  3798.     padding-top: 20px;
  3799. }
  3800.  
  3801. .comment-input-wrap {
  3802.     float: left;
  3803. }
  3804.  
  3805. .comment-input-wrap em {
  3806.     font-size: 11px;
  3807. }
  3808.  
  3809. p.comment-name,
  3810. p.comment-email {
  3811.     margin-right: 15px;
  3812. }
  3813.  
  3814. p.comment-name,
  3815. p.comment-email,
  3816. p.comment-website {
  3817.     margin-bottom: 0;
  3818. }
  3819.  
  3820. .comment-input,
  3821. .comment-textarea {
  3822.     width: 166px;
  3823. }
  3824.  
  3825. .comment-label {
  3826.     display: block;
  3827.     padding: 0 0 6px 3px;
  3828. }
  3829.  
  3830. .comment-input,
  3831. .comment-textarea,
  3832. .contact-form input,
  3833. .contact-form textarea,
  3834. #sidebar .search-form .s,
  3835. #content .search-form .s,
  3836. #sidebar #mc_signup .mc_input,
  3837. .wpcf7 input[type="text"],
  3838. .wpcf7 input[type="email"],
  3839. .wpcf7 input[type="tel"],
  3840. .wpcf7 input[type="url"],
  3841. .wpcf7 input[type="number"],
  3842. .wpcf7 input[type="date"],
  3843. .wpcf7 textarea {
  3844.     background: #FFF;
  3845.     border: 1px solid #c9cac9;
  3846.     font: 12px "lucida grande","helvetica neue",Helvetica,Arial,Verdana,sans-serif;
  3847.     height: 39px;
  3848.     padding: 0 12px 0 30px;
  3849.     position: relative;
  3850.     -webkit-border-radius: 3px;
  3851.        -moz-border-radius: 3px;
  3852.             border-radius: 3px;
  3853.     -webkit-box-shadow: inset 1px 1px 2px #c9cac9;
  3854.        -moz-box-shadow: inset 1px 1px 2px #c9cac9;
  3855.             box-shadow: inset 1px 1px 2px #c9cac9;
  3856. }
  3857.  
  3858. #content .search-form .s {
  3859.     padding-left: 15px;
  3860. }
  3861.  
  3862. .contact-form input,
  3863. .contact-form textarea,
  3864. .wpcf7 input[type="text"],
  3865. .wpcf7 input[type="email"],
  3866. .wpcf7 input[type="tel"],
  3867. .wpcf7 input[type="url"],
  3868. .wpcf7 input[type="number"],
  3869. .wpcf7 input[type="date"],
  3870. .wpcf7 textarea {
  3871.     height: auto;
  3872.     padding: 13px; 
  3873. }
  3874.  
  3875. #sidebar .search-form .s,,
  3876. #content .search-form .s,
  3877. #sidebar #mc_signup .mc_input {
  3878.     height: auto;
  3879.     padding: 10px; 
  3880. }
  3881.  
  3882. .comment-input:focus,
  3883. .comment-textarea:focus,
  3884. .contact-form input:focus,
  3885. .contact-form textarea:focus,
  3886. .wpcf7 input:focus,
  3887. .wpcf7 textarea:focus,
  3888. #sidebar .search-form .s:focus,
  3889. #content .search-form .s:focus,
  3890. #sidebar #mc_signup .mc_input:focus {  
  3891.     box-shadow: 0 0 5px rgba(0, 0, 0, .25);
  3892.     border: 1px solid rgba(0, 0, 0, .25);
  3893. }
  3894.  
  3895. .comment-name,
  3896. .comment-email,
  3897. .comment-website {
  3898.     position: relative;
  3899. }
  3900.  
  3901. .comment-name:after,
  3902. .comment-email:after,
  3903. .comment-website:after {
  3904.     color: #DCDCDC;
  3905.     top: 39px;
  3906.     left: 13px;
  3907.     position: absolute;
  3908. }
  3909.  
  3910. .comment-name:after {
  3911.     content:"\f007";
  3912. }
  3913.  
  3914. .comment-email:after {
  3915.     content:"\f003";
  3916. }
  3917.  
  3918. .comment-website:after {
  3919.     content:"\f0ac";
  3920. }
  3921.  
  3922. .comment-textarea {
  3923.     width: 630px;
  3924.     height: 180px;
  3925.     line-height: 20px;
  3926.     resize: none;
  3927.     padding: 15px;
  3928. }
  3929.  
  3930. .comment-textarea-wrap {
  3931.     margin-top: 15px;
  3932.     clear: both;
  3933. }
  3934.  
  3935. .contact-form {
  3936.     padding-top: 15px;
  3937. }
  3938.  
  3939. .contact-form div {
  3940.     padding-bottom: 5px;
  3941. }
  3942.  
  3943. .contact-form .clear-form {
  3944.     clear: both;
  3945. }
  3946.  
  3947. .contact-form input[type='text'] {
  3948.     width: 300px;
  3949.     margin-bottom: 13px;
  3950. }
  3951.  
  3952. .contact-form select {
  3953.     margin-bottom: 13px;
  3954. }
  3955.  
  3956. .contact-form textarea {
  3957.     /* old css
  3958.     width: 430px;
  3959.     height: 150px;
  3960.     */
  3961.     float: none;
  3962.     height: 125px;
  3963.     margin-bottom: 13px;
  3964.     width: 80%;
  3965. }
  3966.  
  3967. .contact-form input[type='radio'],
  3968. .contact-form input[type='checkbox'] {
  3969.     float: none;
  3970.     margin-bottom: 13px;
  3971. }
  3972.  
  3973. .contact-form label {
  3974.     margin-bottom: 6px;
  3975.     float: none;
  3976.     font-weight: bold;
  3977.     display: block;
  3978. }
  3979.  
  3980. .contact-form label.checkbox,
  3981. .contact-form label.radio {
  3982.     margin-bottom: 3px;
  3983.     float: none;
  3984.     font-weight: bold;
  3985.     display: inline-block;
  3986. }
  3987.  
  3988. .contact-form label span,
  3989. .wpcf7 span {
  3990.     font-size: 11px;
  3991.     color: #999;
  3992.     font-weight: normal;
  3993.     font-style: italic;
  3994.     padding-left: 5px;
  3995. }
  3996.  
  3997. .contact-form label.checkbox,
  3998. .contact-form label.radio {
  3999.     font-weight: normal;
  4000.     margin-bottom: 8px;
  4001. }
  4002.  
  4003. .contact-form .ka-form-submit,
  4004. #content .search-form .searchsubmit {
  4005.     width: auto;   
  4006. }
  4007.  
  4008. #footer .contact-form {
  4009.     padding-top: 0;
  4010. }
  4011.  
  4012. #footer .contact-form input,
  4013. #footer .contact-form input[type="text"],
  4014. #footer .contact-form textarea {
  4015.     width: 90%;
  4016. }
  4017.  
  4018. #sidebar .contact-form input[type="text"] {
  4019.     margin-bottom: 6px !important;
  4020.     width: 126px !important;
  4021. }
  4022.  
  4023. #sidebar .contact-form textarea {
  4024.     margin-bottom: 6px !important;
  4025.     width: 146px !important;
  4026.     height: 80px !important;
  4027. }
  4028.  
  4029. .ka-form-submit,
  4030. .contact-form .ka-form-submit,
  4031. #ka-comment-form-submit,
  4032. #sidebar .search-form .searchsubmit,
  4033. #content .search-form .searchsubmit,
  4034. #sidebar #mc_signup_submit,
  4035. .wpcf7-submit {
  4036.     border: 0;
  4037.     color: #F4F4F2;
  4038.     cursor: pointer;
  4039.     display: inline-block;
  4040.     font-size: 0.9em;
  4041.     letter-spacing: 0.6px;
  4042.     line-height: 20px;
  4043.     opacity: 1.0;
  4044.     text-decoration: none;
  4045.     text-transform: uppercase;
  4046.     vertical-align: middle;
  4047.     padding: 10px 18px;
  4048.     position: relative;
  4049.     -webkit-transition: opacity 400ms ease;
  4050.        -moz-transition: opacity 400ms ease;
  4051.         -ms-transition: opacity 400ms ease;
  4052.          -o-transition: opacity 400ms ease;
  4053.             transition: opacity 400ms ease;
  4054.     -webkit-border-radius: 2px;
  4055.        -moz-border-radius: 2px;
  4056.             border-radius: 2px;
  4057.    
  4058. }
  4059.  
  4060. .ka-form-submit:hover,
  4061. #ka-comment-form-submit:hover,
  4062. #sidebar #mc_signup_submit:hover,
  4063. .wpcf7-submit:hover {
  4064.     opacity: 0.6;
  4065. }
  4066.  
  4067. #mc_signup_submit:hover {
  4068.     opacity: 0.75;
  4069. }
  4070.  
  4071. .ka-form-submit,
  4072. .contact-form .ka-form-submit,
  4073. #ka-comment-form-submit,
  4074. #sidebar .search-form .searchsubmit,
  4075. #content .search-form .searchsubmit,
  4076. #sidebar #mc_signup_submit,
  4077. .wpcf7-submit {
  4078.     box-shadow: none;
  4079.     background-color: #424451;
  4080.     background-image: -webkit-gradient(linear, left top, left bottom, from(#424451), to(#101012));
  4081.     background-image: -webkit-linear-gradient(top, #424451, #101012);
  4082.     background-image: -moz-linear-gradient(top, #424451, #101012);
  4083.     background-image: -webkit-linear-gradient(top, #424451, #101012);
  4084.     background-image: -o-linear-gradient(top, #424451, #101012);
  4085.     background-image: ms-linear-gradient(to bottom, #424451, #101012);
  4086.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#424451', endColorstr='#101012');
  4087. }
  4088.  
  4089. /* Contact Form 7 */
  4090. .wpcf7 span.wpcf7-form-control-wrap {
  4091.     padding-left: 0;   
  4092. }
  4093.  
  4094. div.wpcf7-validation-errors,
  4095. div.wpcf7-mail-sent-ok {
  4096.     padding: 10px !important;
  4097.     border: 0;
  4098. }
  4099.  
  4100. span.wpcf7-not-valid-tip {
  4101.     font-size: 1.1em !important;   
  4102. }
  4103.  
  4104.  
  4105. /*----------------------------*/
  4106. /* Images
  4107. /*----------------------------*/
  4108. img, img a {
  4109.     border: 0;
  4110. }
  4111.  
  4112. .attachment-fadeIn,
  4113. .attachment-post-thumbnail {
  4114.     display: none;
  4115. }
  4116.  
  4117. img a, a img {
  4118.     cursor: pointer;
  4119. }
  4120.  
  4121. .modern_img_frame,
  4122. .shadow_img_frame {
  4123.     background: url(images/_global/image-frame-sprite.png) 0px 0px no-repeat;
  4124.     margin-bottom: 6px;
  4125.     position: relative;
  4126. }
  4127.  
  4128. .modern_img_frame img,
  4129. .shadow_img_frame img,
  4130. .modern_img_frame span.tt-blog-placeholder,
  4131. .shadow_img_frame span.tt-blog-placeholder {
  4132.     left: 9px;
  4133.     position: absolute;
  4134.     top: 8px;
  4135. }
  4136.  
  4137. .shadow_img_frame img,
  4138. .shadow_img_frame span.tt-blog-placeholder {
  4139.     top: 6px;
  4140.     left: 6px;
  4141. }
  4142.  
  4143. .shadow_img_frame.shadow_gallery_single img {
  4144.     top: 8px;
  4145.     left: 9px;
  4146. }
  4147.  
  4148. .modern_img_frame .img-preload,
  4149. .shadow_img_frame .img-preload {
  4150.     background: url(images/_global/loader-trans.gif) 50% 48% no-repeat;
  4151.     width: 100%;
  4152.     height: 100%;
  4153. }
  4154.  
  4155. .tt-img-left {
  4156.     float: left;
  4157.     margin:0 30px 5px 0;   
  4158. }
  4159.  
  4160. .tt-img-right {
  4161.     float: right;
  4162.     margin:0 0 5px 30px;   
  4163. }
  4164.  
  4165.  
  4166. /*----------------------------*/
  4167. /* Modern Frames
  4168. /*----------------------------*/
  4169. /* loading .gif not fully transparent so alternate images below */
  4170. .content-style-default .modern_img_frame .img-preload {
  4171.     background-image: url(images/_global/loader-default.gif);
  4172. }
  4173.  
  4174. .content-style-tan .modern_img_frame .img-preload {
  4175.     background-image: url(images/_global/loader-tan.gif);
  4176. }
  4177.  
  4178. .content-style-grey .modern_img_frame .img-preload {
  4179.     background-image: url(images/_global/loader-grey.gif);
  4180. }
  4181.  
  4182. .content-style-steel .modern_img_frame .img-preload {
  4183.     background-image: url(images/_global/loader-steel.gif);
  4184. }
  4185.  
  4186. /* portraits */
  4187. .modern_img_frame.modern_portrait_full {
  4188.     background: url(images/_global/image-frame-portrait-modern.png) 0px 0px no-repeat;
  4189.     height: 836px;
  4190.     max-width: 630px;
  4191.     width: 630px;
  4192.     margin-bottom: 6px;
  4193. }
  4194.  
  4195. .modern_img_frame.modern_portrait_thumb {
  4196.     width: 293px;
  4197.     height: 389px;
  4198.     background: url(images/_global/image-frame-portrait-modern.png) -631px 0px no-repeat;
  4199.     margin-bottom: 6px;
  4200.     max-width: 293px;
  4201.     max-height: 389px;
  4202. }
  4203.  
  4204. /* gallery 1 column */
  4205. .modern_img_frame.modern_gallery_single {
  4206.     background: url(images/_global/image-frame-single.png) 0 0 no-repeat;
  4207.     width: 721px;
  4208.     height: 601px;
  4209. }
  4210.  
  4211. /* blog featured image */
  4212. .modern_img_frame.tt-blog-featured,
  4213. .shadow_img_frame.tt-blog-featured {
  4214.     background-position: 0 -140px;
  4215.     height: 255px;
  4216.     max-width: 556px;
  4217.     margin: 0 0 12px;
  4218.     width: 556px;
  4219. }
  4220.  
  4221. /* banners */
  4222. .modern_img_frame.modern_banner_full,
  4223. .modern_img_frame.modern_banner_regular,
  4224. .modern_img_frame.modern_banner_small,
  4225. .modern_img_frame.modern_square,
  4226. .shadow_img_frame.shadow_banner_full,
  4227. .shadow_img_frame.shadow_banner_regular,
  4228. .shadow_img_frame.shadow_banner_small,
  4229. .shadow_img_frame.modern_square {
  4230.     margin-bottom: 20px;
  4231. }
  4232.  
  4233. .modern_img_frame.modern_banner_full {
  4234.     width: 940px;
  4235.     height: 245px;
  4236.     background-position: -3px -857px;
  4237. }
  4238.  
  4239. .modern_img_frame.modern_banner_regular {
  4240.     width: 720px;
  4241.     height: 240px;
  4242.     background-position: 0px -1354px;
  4243. }
  4244.  
  4245. .modern_img_frame.modern_banner_small {
  4246.     width: 510px;
  4247.     height: 240px;
  4248.     background-position: -5px -1844px;
  4249.     max-width: 510px;
  4250.     max-height: 240px;
  4251. }
  4252.  
  4253. /* 2 cols */
  4254. .modern_img_frame.modern_two_col_large {
  4255.     width: 455px;
  4256.     height: 272px;
  4257.     background-position: 0px 0px;
  4258.     max-width: 455px;
  4259.     max-height: 272px;
  4260. }
  4261.  
  4262. .modern_img_frame.modern_two_col_small {
  4263.     background-position: -5px -285px;
  4264.     height: 217px;
  4265.     max-width: 342px;
  4266.     width: 342px;
  4267. }
  4268.  
  4269. /* 3 cols */
  4270. .modern_img_frame.modern_three_col_large {
  4271.     width: 293px;
  4272.     height: 179px;
  4273.     background-position: -647px -2px;
  4274.     max-width: 293px;
  4275.     max-height: 179px;
  4276. }
  4277.  
  4278. .modern_img_frame.modern_three_col_small {
  4279.     width: 220px;
  4280.     height: 144px;
  4281.     background-position: -566px -183px;
  4282.     max-width: 220px;
  4283.     max-height: 144px;
  4284. }
  4285.  
  4286. .modern_img_frame.modern_three_col_square {
  4287.     width: 293px;
  4288.     height: 309px;
  4289.     background: url(images/_global/image-frame-3col-square.png) 0 0 no-repeat;
  4290.     max-width: 293px;
  4291.     max-height: 309px;
  4292. }
  4293.  
  4294. /* 4 cols */
  4295. .modern_img_frame.modern_four_col_large {
  4296.     width: 208px;
  4297.     height: 140px;
  4298.     background-position: -431px 0;
  4299.     max-width: 208px;
  4300.     max-height: 140px;
  4301. }
  4302.  
  4303. .modern_img_frame.modern_four_col_small {
  4304.     width: 152px;
  4305.     height: 102px;
  4306.     background-position: -795px -202px;
  4307.     max-width: 152px;
  4308.     max-height: 102px;
  4309. }
  4310.  
  4311. /* square */
  4312. .modern_img_frame.modern_square {
  4313.     width: 208px;
  4314.     height: 207px;
  4315.     background-position: -730px -1354px;
  4316.     max-width: 208px;
  4317.     max-height: 207px;
  4318. }
  4319.  
  4320. /*----------------------------*/
  4321. /* Shadow Frames
  4322. /*----------------------------*/
  4323. /* portraits */
  4324. .shadow_portrait_full {
  4325.     background: url(images/_global/image-frame-portrait-shadow.png) 0px 0px no-repeat;
  4326.     height: 829px;
  4327.     margin-bottom: 6px;
  4328.     max-height: 829px;
  4329.     max-width: 624px !important;
  4330.     width: 624px;
  4331. }
  4332.  
  4333. .shadow_img_frame.shadow_portrait_thumb {
  4334.     width: 293px;
  4335.     height: 392px;
  4336.     max-width: 293px;
  4337.     max-height: 392px;
  4338.     background: url(images/_global/image-frame-portrait-shadow.png) -625px 0px no-repeat;
  4339.     margin-bottom: 6px;
  4340. }
  4341.  
  4342. /* gallery 1 column */
  4343. .shadow_img_frame.shadow_gallery_single {
  4344.     background: url(images/_global/image-frame-single-shadow.png) 0 0 no-repeat;
  4345.     width: 721px;
  4346.     height: 601px;
  4347. }
  4348.  
  4349. /* blog featured image */
  4350. .shadow_img_frame.tt-blog-featured {
  4351.     background-position: 0 -396px;
  4352. }
  4353.  
  4354. /* banners */
  4355. .shadow_img_frame.shadow_banner_full {
  4356.     width: 934px;
  4357.     height: 238px;
  4358.     max-width: 934px;
  4359.     max-height: 238px;
  4360.     background-position: -5px -1102px;
  4361. }
  4362.  
  4363. .shadow_img_frame.shadow_banner_regular {
  4364.     width: 715px;
  4365.     height: 238px;
  4366.     max-width: 715px;
  4367.     max-height: 238px;
  4368.     background-position: -5px -1594px;
  4369. }
  4370.  
  4371. .shadow_img_frame.shadow_banner_small {
  4372.     width: 505px;
  4373.     height: 238px;
  4374.     max-width: 505px;
  4375.     max-height: 238px;
  4376.     background-position: -410px -604px;
  4377. }
  4378.  
  4379. /* 2 cols */
  4380. .shadow_img_frame.shadow_two_col_large {
  4381.     width: 449px;
  4382.     height: 271px;
  4383.     max-width: 449px;
  4384.     max-height: 271px;
  4385.     background-position: -457px -1px;
  4386. }
  4387.  
  4388. .shadow_img_frame.shadow_two_col_small {
  4389.     width: 336px;
  4390.     height: 215px;
  4391.     max-width: 336px;
  4392.     max-height: 215px;
  4393.     background-position: -8px -503px;
  4394. }
  4395.  
  4396. /* 3 cols */
  4397. .shadow_img_frame.shadow_three_col_large {
  4398.     width: 287px;
  4399.     height: 180px;
  4400.     max-width: 287px;
  4401.     max-height: 180px;
  4402.     background-position: -628px -273px;
  4403. }
  4404.  
  4405. .shadow_img_frame.shadow_three_col_small {
  4406.     background-position: -478px -454px;
  4407.     height: 147px;
  4408.     max-height: 147px;
  4409.     max-width: 214px;
  4410.     width: 214px;
  4411. }
  4412.  
  4413. .shadow_img_frame.shadow_three_col_square {
  4414.     width: 287px;
  4415.     height: 309px;
  4416.     max-width: 287px;
  4417.     max-height: 309px;
  4418.     background: url(images/_global/image-frame-3col-square.png) -295px 0 no-repeat;
  4419. }
  4420.  
  4421. /* 4 cols */
  4422. .shadow_img_frame.shadow_four_col_large {
  4423.     width: 202px;
  4424.     height: 144px;
  4425.     max-width: 202px;
  4426.     max-height: 144px;
  4427.     background-position: -713px -454px;
  4428. }
  4429.  
  4430. .shadow_img_frame.shadow_four_col_small {
  4431.     width: 147px;
  4432.     height: 107px;
  4433.     max-width: 147px;
  4434.     max-height: 107px;
  4435.     background-position: -470px -273px;
  4436. }
  4437.  
  4438. /* square */
  4439. .shadow_img_frame.shadow_square {
  4440.     width: 202px;
  4441.     height: 213px;
  4442.     max-width: 202px;
  4443.     max-height: 213px;
  4444.     background-position: -731px -1572px;
  4445. }
  4446.  
  4447. /*----------------------------*/
  4448. /* Image Frame Hover
  4449. /*----------------------------*/
  4450.  
  4451. /* @since 4.0 now using FontAwesome to generate hover overlay (you can change "content" below to any fontawesome icon you'd like. */
  4452. .lightbox-zoom {
  4453.     background: #FFF; /* update this color to change the "hover color" */
  4454.     position: relative;
  4455.     z-index: 1;
  4456.     margin: 8px 0 0 9px;
  4457. }
  4458.  
  4459. .shadow_img_frame .lightbox-zoom {
  4460.     margin: 6px 0 0 6px;   
  4461. }
  4462.  
  4463. .shadow_img_frame.shadow_gallery_single .lightbox-zoom {
  4464.     margin: 8px 0 0 9px;   
  4465. }
  4466.  
  4467. .lightbox-zoom:before {
  4468.     content: "\f002";
  4469.     color: #9E9E9E;
  4470.     position:absolute;
  4471. }
  4472.  
  4473. .lightbox-zoom.zoom-link:before {
  4474.     content: "\f061";
  4475. }
  4476.  
  4477. .lightbox-zoom.zoom-1 {height: 563px; width: 703px;}
  4478.  
  4479. .lightbox-zoom.zoom-1:before {
  4480.     font-size: 54px;
  4481.     top: 47%;
  4482.     left: 47%;
  4483. }
  4484.  
  4485. .lightbox-zoom.zoom-2 {height: 234px; width: 437px;}
  4486.  
  4487. .lightbox-zoom.zoom-2:before {
  4488.     font-size: 40px;
  4489. }
  4490.  
  4491. .lightbox-zoom.zoom-3 {height: 145px; width: 275px;}
  4492.  
  4493. .lightbox-zoom.zoom-3:before {
  4494.     left: 45%;
  4495.     top: 46%;
  4496. }
  4497.  
  4498. .lightbox-zoom.zoom-4 {height: 111px; width: 190px;}
  4499.  
  4500. .lightbox-zoom.zoom-4:before {
  4501.     font-size: 30px;
  4502.     left: 43%;
  4503.     top: 44.5%;
  4504. }
  4505.  
  4506. .lightbox-zoom.zoom-portrait-full {height: 792px; width: 612px;}
  4507.  
  4508. .lightbox-zoom.zoom-portrait-full:before {
  4509.     font-size: 70px;
  4510.     left: 45%;
  4511.     top: 47%;
  4512. }
  4513.  
  4514. .lightbox-zoom.zoom-portrait-small {height: 355px; width: 275px;}
  4515.  
  4516. .lightbox-zoom.zoom-2-small {
  4517.     height: 180px;
  4518.     width: 324px;  
  4519. }
  4520.  
  4521. .lightbox-zoom.zoom-3-small {height: 113px; width: 202px;}
  4522.  
  4523. .lightbox-zoom.zoom-3-small:before {
  4524.     font-size: 28px;
  4525.     top: 45%;
  4526.     left: 44%;
  4527. }
  4528.  
  4529. .lightbox-zoom.zoom-4-small {height: 76px; width: 135px;}
  4530.  
  4531. .lightbox-zoom.zoom-4-small:before {
  4532.     font-size: 25px;
  4533.     top: 40%;
  4534.     left: 42%;
  4535. }
  4536.  
  4537. .lightbox-zoom.zoom-banner-full {height: 201px; width: 922px;}
  4538.  
  4539. .lightbox-zoom.zoom-banner-side-nav {height:201px; width: 703px;}
  4540.  
  4541. .lightbox-zoom.zoom-banner-side-nav-sidebar {height: 201px; width: 493px;}
  4542.  
  4543. .lightbox-zoom.zoom-banner-side-nav-sidebar:before {
  4544.     top: 48%;
  4545.     left: 47%;
  4546. }
  4547.  
  4548. .lightbox-zoom.zoom-square {height: 180px; width: 190px;}
  4549.  
  4550. .lightbox-zoom.zoom-square:before {
  4551.     font-size: 30px;
  4552.     top: 45%;
  4553.     left: 44%;
  4554. }
  4555.  
  4556.  
  4557. /* constants */
  4558. .lightbox-zoom.zoom-banner-full:before,
  4559. .lightbox-zoom.zoom-banner-side-nav:before {
  4560.     top: 48%;
  4561.     left: 48%;
  4562. }
  4563.  
  4564. .lightbox-zoom.zoom-3:before,
  4565. .lightbox-zoom.zoom-2-small:before,
  4566. .lightbox-zoom.zoom-banner-full:before,
  4567. .lightbox-zoom.zoom-banner-side-nav:before,
  4568. .lightbox-zoom.zoom-banner-side-nav-sidebar:before,
  4569. .lightbox-zoom.zoom-portrait-small:before {
  4570.     font-size: 33px;   
  4571. }
  4572.  
  4573. .lightbox-zoom.zoom-2:before,
  4574. .lightbox-zoom.zoom-2-small:before,
  4575. .lightbox-zoom.zoom-portrait-small:before {
  4576.     top: 47%;
  4577.     left: 45%;
  4578. }
  4579.  
  4580. /*----------------------------*/
  4581. /* Miscellaneous
  4582. /*----------------------------*/
  4583. .hr,
  4584. .hr_top_link {
  4585.     border-top: 1px solid #FEFEFC;
  4586.     position: relative;
  4587. }
  4588.  
  4589. .hr_top_link {
  4590.     margin-bottom: 1em;
  4591. }
  4592.  
  4593. .hr {
  4594.     margin:20px 0; 
  4595. }
  4596.  
  4597. .hr_shadow {
  4598.     background: url(images/_global/bg-divider-shadow.png) 0 0 no-repeat;
  4599.     background-size: 100%;
  4600.     border: 0;
  4601.     height: 20px;
  4602.     margin: 15px 0 22px 0;
  4603.     width: 100%;
  4604. }
  4605.  
  4606. .hr_gap {
  4607.     display: block;
  4608.     width: 100%;
  4609. }
  4610.  
  4611. table {
  4612.     font-size: 1.2em;
  4613. }
  4614.  
  4615. table td, table th {
  4616.     padding: 6px;
  4617. }
  4618.  
  4619. #footer .contact-form label {
  4620.     color: #FFF;
  4621. }
  4622.  
  4623. /*----------------------------*/
  4624. /* KARMA Pagenavi
  4625. /*----------------------------*/
  4626. .karma-pages,
  4627. .wp-pagenavi,
  4628. .woocommerce-pagination {
  4629.     clear: both;
  4630.     font-size: .8em;
  4631.     text-transform: uppercase;
  4632.     letter-spacing: 1.6px;
  4633.     padding: 25px 0 0 0;
  4634.     height: 40px;
  4635.     text-align: left;
  4636. }
  4637.  
  4638. .karma-pages .pages,
  4639. .wp-pagenavi .pages {
  4640.     margin-right: 6px;
  4641.     background:none;
  4642.     border:0;
  4643. }
  4644.  
  4645. .karma-pages a,
  4646. .karma-pages span,
  4647. .wp-pagenavi a,
  4648. .wp-pagenavi span,
  4649. .woocommerce-pagination a,
  4650. .woocommerce-pagination span {
  4651.     border:1px solid #D8D8D6;
  4652.     text-decoration: none;
  4653.     padding: 5px 11px 5px 12px;
  4654.     display: inline-block;
  4655.     background: #FFF;
  4656.     margin-right: 6px;
  4657. }
  4658.  
  4659. .karma-pages a:hover,
  4660. .wp-pagenavi a:hover,
  4661. .woocommerce-pagination a:hover {
  4662.     background: #DCDCDB !important;
  4663.     border-color: transparent;
  4664.     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  4665.        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  4666.             box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  4667. }
  4668.  
  4669. .karma-pages span.current,
  4670. .wp-pagenavi span.current,
  4671. .woocommerce-pagination .current {
  4672.     color: #FFF;
  4673.     border: 0;
  4674. }
  4675.  
  4676. /*----------------------------*/
  4677. /* MailChimp
  4678. /*----------------------------*/
  4679. #mc_signup form {
  4680.     margin: 0;
  4681.     padding: 0;
  4682.     margin-top:;
  4683. }
  4684.  
  4685. #mc_signup .mc_input {
  4686.     border:1px solid rgba(255, 255, 255, 0.15);
  4687.     background: rgba(255, 255, 255, 0.2);
  4688.     color: #222;
  4689.     width:98%;
  4690.     padding: 10px;
  4691.     position: relative;
  4692.     -webkit-transition: all 0.30s ease-in-out;
  4693.        -moz-transition: all 0.30s ease-in-out;
  4694.         -ms-transition: all 0.30s ease-in-out;
  4695.          -o-transition: all 0.30s ease-in-out;
  4696. }
  4697.  
  4698. #mc_signup .mc_input:focus {
  4699.     background: rgba(255, 255, 255, 0.45);
  4700.     border:1px solid rgba(255, 255, 255, 0.35);
  4701. }
  4702.  
  4703. #mc_signup .mc_merge_var {
  4704.     margin-bottom: 5px;
  4705. }
  4706.  
  4707. #sidebar #mc_signup .mc_merge_var {
  4708.     margin-bottom: 0;
  4709. }
  4710.  
  4711. #mc_signup .mc_required {
  4712.     font-size: 14px;
  4713. }
  4714.  
  4715. #mc-indicates-required {
  4716.     font-size: 11px;
  4717. }
  4718.  
  4719. #mc_signup .mc_signup_submit {
  4720.     clear: left;
  4721.     text-align: left;
  4722.     padding: 10px 0 0 0;
  4723.     width: 166px;
  4724. }
  4725.  
  4726. #footer #mc_signup #mc_signup_submit {
  4727.     border: 0;
  4728.     color: #5E5E5E;
  4729.     cursor: pointer;
  4730.     display: block;
  4731.     font-size: 11px;
  4732.     font-weight: bold;
  4733.     letter-spacing: .8px;
  4734.     margin: 0;
  4735.     padding: 8px 10px;
  4736.     text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  4737.     text-transform: uppercase;
  4738.     width: auto;
  4739. }
  4740.  
  4741. #mc_signup_form .mc_var_label {
  4742.     display: block;
  4743.     padding-bottom: 2px;
  4744. }
  4745.  
  4746. .widget_mailchimpsf_widget .widget-title {
  4747.     line-height: 1.4em;
  4748.     margin-bottom: 0.75em;
  4749. }
  4750.  
  4751. #mc_subheader {
  4752.     line-height: 1.25em;
  4753.     margin-bottom: 18px;
  4754. }
  4755.  
  4756. .mc_merge_var {
  4757.     margin-bottom: 1.0em;
  4758. }
  4759.  
  4760. .mc_var_label,
  4761. .mc_interest_label {
  4762.     display: block;
  4763.     margin-bottom: 0.5em;
  4764. }
  4765.  
  4766. .mc_input {
  4767.     -moz-box-sizing: border-box;
  4768.     -webkit-box-sizing: border-box;
  4769.     box-sizing: border-box;
  4770.     width: 100%;
  4771. }
  4772.  
  4773. .mc_input.mc_phone {
  4774.     width: auto;
  4775. }
  4776.  
  4777. select.mc_select {
  4778.     margin-top: 0.5em;
  4779.     width: 100%;
  4780. }
  4781.  
  4782. .mc_address_label {
  4783.     margin-top: 1.0em;
  4784.     margin-bottom: 0.5em;
  4785.     display: block;
  4786. }
  4787.  
  4788. .mc_address_label ~ select {
  4789.     width: 100%;
  4790. }
  4791.  
  4792. .mc_list li {
  4793.     list-style: none;
  4794.     background: none !important;
  4795. }
  4796.  
  4797. .mc_interests_header {
  4798.     margin-top: 1.0em;
  4799.     margin-bottom: 0.5em;
  4800. }
  4801.  
  4802. .mc_interest label,
  4803. .mc_interest input {
  4804.     margin-bottom: 0.4em;
  4805. }
  4806.  
  4807. #mc_signup_submit {
  4808.     margin-top: 1.5em;
  4809.     width: 80%;
  4810. }
  4811.  
  4812. #mc_unsub_link a {
  4813.     font-size: 0.75em;
  4814. }
  4815.  
  4816. #mc_unsub_link {
  4817.     margin-top: 1.0em;
  4818. }
  4819.  
  4820. .mc_header_address,
  4821. .mc_email_format {
  4822.     display: block;
  4823.     font-weight: bold;
  4824.     margin-top: 1.0em;
  4825.     margin-bottom: 0.5em;
  4826. }
  4827.  
  4828. .mc_email_options {
  4829.     margin-top: 0.5em;
  4830. }
  4831.  
  4832. .mc_email_type {
  4833.     padding-left: 4px;
  4834. }
  4835.  
  4836. /*----------------------------*/
  4837. /* Wordpress Defaults
  4838. /*----------------------------*/
  4839. .entry-content img {
  4840.     margin: 0 0 10px 0;
  4841. }
  4842.  
  4843. .alignleft, img.alignleft {
  4844.     margin-right: 10px;
  4845.     display: inline;
  4846.     float: left;
  4847. }
  4848.  
  4849. .alignright, img.alignright {
  4850.     margin-left: 10px;
  4851.     display: inline;
  4852.     float: right;
  4853. }
  4854.  
  4855. .aligncenter, img.aligncenter {
  4856.     margin: 0 auto;
  4857.     display: block;
  4858.     clear: both;
  4859. }
  4860.  
  4861. .wp-caption {
  4862.     margin-bottom: 10px;
  4863.     text-align: center;
  4864.     padding-top: 5px;
  4865. }
  4866.  
  4867. .wp-caption img {
  4868.     border: 0 none;
  4869.     padding: 0;
  4870.     margin: 0;
  4871. }
  4872.  
  4873. .wp-caption p.wp-caption-text {
  4874.     line-height: 1.5;
  4875.     font-size: 10px;
  4876.     margin: 0;
  4877. }
  4878.  
  4879. .wp-smiley {
  4880.     margin: 0 !important;
  4881.     max-height: 1em;
  4882. }
  4883.  
  4884. blockquote.left {
  4885.     margin-right: 20px;
  4886.     text-align: right;
  4887.     margin-left: 0;
  4888.     width: 33%;
  4889.     float: left;
  4890. }
  4891.  
  4892. blockquote.right {
  4893.     margin-left: 20px;
  4894.     text-align: left;
  4895.     margin-right: 0;
  4896.     width: 33%;
  4897.     float: right;
  4898. }
  4899.  
  4900. .sticky {/* styles go here */}
  4901. .gallery-caption {/* styles go here */}
  4902. .bypostauthor {/* styles go here */}
  4903.  
  4904.  
  4905. /*----------------------------*/
  4906. /* 404 Error Page
  4907. /*----------------------------*/
  4908. .four_error {
  4909.     min-height: 222px;
  4910.     background: url(images/_global/404_error.png) left center no-repeat;
  4911.     padding: 40px 30px 0 280px;
  4912.     margin: 0 0 0 80px;
  4913. }
  4914.  
  4915. .four_message {
  4916.     width: 460px;
  4917. }
  4918.  
  4919. #main .four_message ul {
  4920.     padding: 10px 0 0 14px;
  4921. }
  4922.  
  4923. #main .four_o_four {
  4924.     color: #222;
  4925.     font-size: 1.9em;
  4926. }
  4927.  
  4928. /*----------------------------*/
  4929. /* Constant Contact
  4930. /*----------------------------*/
  4931. #constant-contact-signup input {
  4932.     width: 201px;
  4933.     padding: 5px;
  4934.     color: #222;
  4935. }
  4936.  
  4937. #constant-contact-signup .checkbox {
  4938.     width: 15px;
  4939.     font-size: 13px;
  4940. }
  4941.  
  4942. #constant-contact-signup .button {
  4943.     border: 0;
  4944.     margin: 0;
  4945.     padding: 6px 10px !important;
  4946.     cursor: pointer;
  4947.     letter-spacing: 0.8px;
  4948.     text-transform: uppercase;
  4949.     color: #333;
  4950.     border: 1px solid #999;
  4951.     display: block;
  4952.     font-size: 11px !important;
  4953.     width: 90px;
  4954. }
  4955.  
  4956. /*----------------------------*/
  4957. /* Widgets + Shortcodes
  4958. /*----------------------------*/
  4959. .sidebar-widget {
  4960.     border-bottom: 1px solid #FEFEFC;
  4961.     float: left;
  4962.     margin-bottom: 34px;
  4963.     padding-bottom: 34px;
  4964.     position: relative;
  4965.     width: 100%;
  4966.    
  4967. }
  4968.  
  4969. .sidebar-widget:after {
  4970.    content: " ";
  4971.    position: absolute;
  4972.    left:0;
  4973.    bottom:0;
  4974.    width:100%;
  4975.    height:1px;
  4976.    border-bottom: 1px solid #D8D8D6;
  4977. }
  4978.  
  4979. .sidebar-widget p:last-child {
  4980.     margin: 0;
  4981. }
  4982.  
  4983. /*----------------------------*/
  4984. /* Blogroll - Footer
  4985. /*----------------------------*/
  4986. .blogroll img {
  4987.     width: 52px;
  4988.     height: 52px;
  4989.     float: left;
  4990.     padding: 0 15px 5px 0;
  4991. }
  4992.  
  4993. .blogroll li {
  4994.     width: 100%;
  4995.     float: left;
  4996. }
  4997.  
  4998. .blogroll li {
  4999.     margin-bottom: 20px;
  5000. }
  5001.  
  5002. #footer .blogroll a,
  5003. #footer ul.tt-recent-posts h4 {
  5004.     font-weight: bold;
  5005. }
  5006.  
  5007. /*----------------------------*/
  5008. /* Calendar
  5009. /*----------------------------*/
  5010. table#wp-calendar {
  5011.     width: 100%;
  5012. }
  5013.  
  5014. table#wp-calendar td {
  5015.     width: 14%;
  5016.     text-align: center;
  5017. }
  5018.  
  5019. td#today {
  5020.     font-weight: bold;
  5021. }
  5022.  
  5023. .widget_calendar tfoot td {
  5024.     background-image: none;
  5025. }
  5026.  
  5027. .widget_calendar td a {
  5028.     text-decoration: underline;
  5029. }
  5030.  
  5031. /*----------------------------*/
  5032. /* Recent Posts - Sidebar
  5033. /*----------------------------*/
  5034. #sidebar .footer_post,
  5035. #sub_nav .sub_nav_sidebar .footer_post {
  5036.     margin-bottom: 5px;
  5037. }
  5038.  
  5039. #sidebar .footer_post h4,
  5040. #sub_nav .sub_nav_sidebar .footer_post h4 {
  5041.     font-size: 1.2em;
  5042.     padding-bottom: 0px;
  5043.     margin-bottom: 0;
  5044.     font-weight: bold;
  5045.     color: #222;
  5046. }
  5047.  
  5048. #sidebar .footer_post h4 a,
  5049. #sub_nav .sub_nav_sidebar .footer_post h4 a {
  5050.     text-decoration: none;
  5051.     color: #222;
  5052. }
  5053.  
  5054. #sidebar .footer_post p,
  5055. #sub_nav .sub_nav_sidebar .footer_post p {
  5056.     margin: 0 0 15px 0;
  5057.     line-height: 19px;
  5058. }
  5059.  
  5060. #sidebar .footer_post p a,
  5061. #sub_nav .sub_nav_sidebar .footer_post p a {
  5062.     text-decoration: none;
  5063. }
  5064.  
  5065. #sidebar .footer_post a:hover,
  5066. #sub_nav .sub_nav_sidebar .footer_post a:hover {
  5067.     text-decoration: underline;
  5068. }
  5069.  
  5070. /*----------------------------*/
  5071. /* Blogroll - Sidebar
  5072. /*----------------------------*/
  5073. #sidebar .blogroll {
  5074.     margin: 0;
  5075. }
  5076.  
  5077. #sidebar .blogroll li {
  5078.     width: 100%;
  5079.     background: none !important;
  5080.     padding: 0;
  5081.     margin-bottom: 8px;
  5082. }
  5083.  
  5084.  
  5085. /*----------------------------*/
  5086. /* Social Media Icons
  5087. /*----------------------------*/
  5088. #content ul.social_icons {
  5089.     margin-left:0;
  5090. }
  5091.  
  5092. #content ul.social_icons {
  5093.     padding: 5px 0;
  5094. }
  5095.  
  5096. ul.social_icons li,
  5097. ul.social_icons a {
  5098.     float: left;
  5099.     width: 32px;
  5100.     height: 32px;
  5101. }
  5102.  
  5103. ul.social_icons li {
  5104.     margin: 0 12px 12px 0;
  5105.     padding: 0;
  5106. }
  5107.  
  5108. ul.social_icons a {
  5109.     display: block;
  5110.     border: 0;
  5111.     text-decoration: none;
  5112.     text-indent: -9999em;
  5113. }
  5114.  
  5115. /* styles to show social media name (checkbox to toggle is built into widget) */
  5116. ul.social_icons.tt_show_social_title a,
  5117. .top-block  ul.social_icons.tt_show_social_title a {
  5118.     text-indent: 0;
  5119. }
  5120.  
  5121. ul.social_icons.tt_show_social_title a,
  5122. .top-block  ul.social_icons.tt_show_social_title a {
  5123.     text-indent: 16px;
  5124.     font-size: 11px;
  5125. }
  5126.  
  5127. #sidebar ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_show_social_title a,
  5128. #footer ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_show_social_title a {
  5129.     color: #FFF;
  5130.     text-indent: 27px;
  5131. }
  5132.  
  5133. #content ul.social_icons.tt_vector_social_icons.tt_show_social_title a,
  5134. #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_show_social_title a {
  5135.     text-indent: 22px;
  5136. }
  5137.  
  5138. #sidebar ul.social_icons.tt_vector_social_icons.tt_show_social_title a,
  5139. #footer ul.social_icons.tt_vector_social_icons.tt_show_social_title a {
  5140.     text-indent: 24px;
  5141. }
  5142.  
  5143. #sidebar ul.social_icons.tt_vector_social_icons.tt_show_social_title a.facebook,
  5144. #footer ul.social_icons.tt_vector_social_icons.tt_show_social_title a.facebook,
  5145. #content ul.social_icons.tt_vector_social_icons.tt_show_social_title a.facebook {
  5146.     text-indent: 16px;
  5147. }
  5148.  
  5149. .top-block  ul.social_icons.tt_show_social_title a.rss,
  5150. .top-block  ul.social_icons.tt_show_social_title a.skype,
  5151. .top-block  ul.social_icons.tt_show_social_title a.linkedin,
  5152. .top-block  ul.social_icons.tt_show_social_title a.foursquare,
  5153. .top-block  ul.social_icons.tt_show_social_title a.digg {
  5154.     text-indent: 15px;
  5155. }
  5156.  
  5157. .top-block  ul.social_icons.tt_show_social_title a.facebook {
  5158.     text-indent: 10px;
  5159. }
  5160.  
  5161. .top-block  ul.social_icons.tt_show_social_title a.email,
  5162. .top-block  ul.social_icons.tt_show_social_title a.youtube {
  5163.     text-indent: 18px;
  5164. }
  5165.  
  5166. #footer  ul.social_icons.tt_show_social_title a {
  5167.     text-indent: 25px;
  5168.     font-size: 13px;
  5169. }
  5170.  
  5171. #footer  ul.social_icons.tt_show_social_title a.twitter,
  5172. #footer  ul.social_icons.tt_show_social_title a.youtube {
  5173.     text-indent: 26px;
  5174. }
  5175.  
  5176. #sidebar .sidebar-widget ul.social_icons,
  5177. #sidebar ul.social_icons {
  5178.     float: none !important;
  5179.     padding-top: 10px;
  5180. }
  5181.  
  5182. #sidebar .sidebar-widget ul.social_icons li,
  5183. #sidebar ul.social_icons li {
  5184.     padding: 0 !important;
  5185.     background-image: none !important;
  5186. }
  5187.  
  5188. .top-block ul.social_icons li {
  5189.     float: left;
  5190.     width: 16px;
  5191.     height: 16px;
  5192.     margin: 0 1px 0 0;
  5193.     padding: 0 6px;
  5194. }
  5195.  
  5196. .top-block ul.social_icons a {
  5197.     float: left;
  5198.     width: 16px;
  5199.     height: 16px;
  5200.     display: block;
  5201.     border: 0;
  5202.     padding: 0;
  5203.     text-decoration: none;
  5204.     text-indent: -9999em;
  5205. }
  5206.  
  5207. ul.social_icons .rss {
  5208.     background-position: -1px -36px;
  5209. }
  5210.  
  5211. ul.social_icons .twitter {
  5212.     background-position: -72px -36px;
  5213. }
  5214.  
  5215. ul.social_icons .facebook {
  5216.     background-position: -37px -36px;
  5217. }
  5218.  
  5219. ul.social_icons .flickr {
  5220.     background-position: -108px -36px;
  5221. }
  5222.  
  5223. ul.social_icons .youtube {
  5224.     background-position: -144px -36px;
  5225. }
  5226.  
  5227. ul.social_icons .linkedin {
  5228.     background-position: -179px -36px;
  5229. }
  5230.  
  5231. ul.social_icons .pinterest {
  5232.     background-position: -205px -101px;
  5233. }
  5234.  
  5235. ul.social_icons .instagram {
  5236.     background-position: -261px -101px;
  5237. }
  5238.  
  5239. ul.social_icons .foursquare {
  5240.     background-position: -215px -36px;
  5241. }
  5242.  
  5243. ul.social_icons .delicious {
  5244.     background-position: -250px -36px;
  5245. }
  5246.  
  5247. ul.social_icons .digg {
  5248.     background-position: -286px -36px;
  5249. }
  5250.  
  5251. ul.social_icons .email {
  5252.     background-position: -358px -36px;
  5253. }
  5254.  
  5255. ul.social_icons .google {
  5256.     background-position: -322px -36px;
  5257. }
  5258.  
  5259. ul.social_icons .dribbble {
  5260.     background-position: -149px -101px;
  5261. }
  5262.  
  5263. ul.social_icons .skype {
  5264.     background-position: -93px -101px;
  5265. }
  5266.  
  5267. .top-block ul.social_icons .rss {
  5268.     background-position: -1px -77px;
  5269. }
  5270.  
  5271. .top-block ul.social_icons .twitter {
  5272.     background-position: -52px -77px;
  5273. }
  5274.  
  5275. .top-block ul.social_icons .facebook {
  5276.     background-position: -26px -77px;
  5277. }
  5278.  
  5279. .top-block ul.social_icons .flickr {
  5280.     background-position: -77px -77px;
  5281. }
  5282.  
  5283. .top-block ul.social_icons .youtube {
  5284.     background-position: -102px -77px;
  5285. }
  5286.  
  5287. .top-block ul.social_icons .linkedin {
  5288.     background-position: -127px -77px;
  5289. }
  5290.  
  5291. .top-block ul.social_icons .pinterest {
  5292.     background-position: -240px -101px;
  5293. }
  5294.  
  5295. .top-block ul.social_icons .instagram {
  5296.     background-position: -298px -102px;
  5297. }
  5298.  
  5299. .top-block ul.social_icons .foursquare {
  5300.     background-position: -153px -77px;
  5301. }
  5302.  
  5303. .top-block ul.social_icons .delicious {
  5304.     background-position: -178px -77px;
  5305. }
  5306.  
  5307. .top-block ul.social_icons .digg {
  5308.     background-position: -203px -77px;
  5309. }
  5310.  
  5311. .top-block ul.social_icons .email {
  5312.     background-position: -253px -77px;
  5313. }
  5314.  
  5315. .top-block ul.social_icons .google {
  5316.     background-position: -228px -77px;
  5317. }
  5318.  
  5319. .top-block ul.social_icons .dribbble {
  5320.     background-position: -184px -101px;
  5321. }
  5322.  
  5323. .top-block ul.social_icons .skype {
  5324.     background-position: -128px -101px;
  5325. }
  5326.  
  5327. #wrapper .top-block .toolbar-right ul.social_icons li {
  5328.     background: none !important;
  5329. }
  5330.  
  5331. #sidebar ul.social_icons li:before,
  5332. #sub_nav ul.social_icons li:before {
  5333.     content: "";   
  5334. }
  5335.  
  5336. /* plain-style retina-ready vector social icons (fontAwesome) */
  5337. ul.social_icons.tt_vector_social_icons a {
  5338.     background:none;
  5339.     position:relative;
  5340.     padding:0 2px;
  5341. }
  5342.  
  5343. ul.social_icons.tt_vector_social_icons a:after {
  5344.     position: absolute;
  5345.     left: 0;
  5346.     top: 0;
  5347.     text-indent: 0;
  5348.     font-size: 14px;
  5349. }
  5350.  
  5351. div.top-holder ul.social_icons.tt_vector_social_icons a:after {
  5352.     color: #FFF;
  5353. }
  5354.  
  5355. ul.social_icons.tt_vector_social_icons a,
  5356. ul.social_icons.tt_vector_social_icons li {
  5357.     width: auto;
  5358.     height: auto;
  5359. }
  5360.  
  5361. #content ul.social_icons.tt_vector_social_icons a:after {
  5362.     font-size: 18px;
  5363. }
  5364.  
  5365. #content ul.social_icons.tt_vector_social_icons a.email:after,
  5366. #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.email:after {
  5367.     font-size: 17px;
  5368. }
  5369.  
  5370. #content ul.social_icons.tt_vector_social_icons li {
  5371.     margin-right:25px; 
  5372. }
  5373.  
  5374. #content ul.social_icons.tt_vector_social_icons a:hover {
  5375.     text-decoration: underline;
  5376. }
  5377.  
  5378. #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:hover {
  5379.     text-decoration: none; 
  5380. }
  5381.  
  5382. .top-block ul.social_icons.tt_vector_social_icons a,
  5383. #footer ul.social_icons.tt_vector_social_icons a {
  5384.     opacity: 0.6;  
  5385. }
  5386.  
  5387. .top-block ul.social_icons.tt_vector_social_icons a:hover,
  5388. #footer ul.social_icons.tt_vector_social_icons a:hover {
  5389.     opacity: 1.0;  
  5390. }
  5391.  
  5392. #footer ul.social_icons.tt_vector_social_icons.tt_vector_social_color a {
  5393.     opacity: 1.0;  
  5394. }
  5395.  
  5396. #footer ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:hover {
  5397.     opacity: 0.5;  
  5398. }
  5399.  
  5400. #footer ul.social_icons.tt_vector_social_icons.tt_no_social_title a,
  5401. #sidebar ul.social_icons.tt_vector_social_icons.tt_no_social_title a {
  5402.     width: 20px;   
  5403. }
  5404.  
  5405. #footer ul.social_icons.tt_vector_social_icons a:after,
  5406. #sidebar ul.social_icons.tt_vector_social_icons a:after {
  5407.     font-size: 20px;
  5408. }
  5409.  
  5410. .top-block ul.social_icons.tt_vector_social_icons li {
  5411.     margin-right:10px; 
  5412. }
  5413.  
  5414. #sidebar ul.social_icons.tt_vector_social_icons li {
  5415.     margin:0 10px 15px 0;  
  5416. }
  5417.  
  5418. ul.social_icons.tt_vector_social_icons a.rss:after {
  5419.     content:"\f09e";
  5420. }
  5421.  
  5422. ul.social_icons.tt_vector_social_icons a.twitter:after {
  5423.     content:"\f099";
  5424. }
  5425.  
  5426. ul.social_icons.tt_vector_social_icons a.facebook:after {
  5427.     content:"\f09a";
  5428. }
  5429.  
  5430. ul.social_icons.tt_vector_social_icons a.email:after{
  5431.     content:"\f0e0";
  5432. }
  5433.  
  5434. ul.social_icons.tt_vector_social_icons a.flickr:after {
  5435.     content:"\f16e";
  5436. }
  5437.  
  5438. ul.social_icons.tt_vector_social_icons a.youtube:after {
  5439.     content:"\f16a";
  5440. }
  5441.  
  5442. ul.social_icons.tt_vector_social_icons a.linkedin:after {
  5443.     content:"\f0e1";
  5444. }
  5445.  
  5446. ul.social_icons.tt_vector_social_icons a.pinterest:after {
  5447.     content:"\f0d3";
  5448. }
  5449.  
  5450. ul.social_icons.tt_vector_social_icons a.instagram:after {
  5451.     content:"\f16d";
  5452. }
  5453.  
  5454. ul.social_icons.tt_vector_social_icons a.foursquare:after {
  5455.     content:"\f180";
  5456. }
  5457.  
  5458. ul.social_icons.tt_vector_social_icons a.delicious:after {
  5459.     content:"\f009";
  5460. }
  5461.  
  5462. ul.social_icons.tt_vector_social_icons a.digg:after {
  5463.     content:"\f164";
  5464. }
  5465.  
  5466. ul.social_icons.tt_vector_social_icons a.google:after {
  5467.     content:"\f0d5";
  5468. }
  5469.  
  5470. ul.social_icons.tt_vector_social_icons a.dribbble:after {
  5471.     content:"\f17d";
  5472. }
  5473.  
  5474. ul.social_icons.tt_vector_social_icons a.skype:after {
  5475.     content:"\f17e";
  5476. }
  5477.  
  5478. #footer .social_icons.tt_vector_social_icons + h3 {
  5479.     margin-top: 30px;  
  5480. }
  5481.  
  5482. /* retina-ready color vector social icons (fontAwesome) */
  5483. .main-area ul.social_icons.tt_vector_social_icons.tt_show_social_title li {
  5484.     margin-bottom: 20px !important;
  5485. }
  5486.  
  5487. .main-area ul.social_icons.tt_image_social_icons li {
  5488.     margin-bottom: 16px !important;
  5489. }
  5490.  
  5491. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:after,
  5492. ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_show_social_title a {
  5493.     color: #FFF !important;
  5494. }
  5495.  
  5496. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:after {
  5497.     left: 10px;
  5498.     top: 7px;
  5499.     font-size: 13px;
  5500. }
  5501.  
  5502. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a {
  5503.     padding: 7px 8px;
  5504.     opacity: 1.0;
  5505.     -webkit-transition: all .1s ease;
  5506.        -moz-transition: all .1s ease;
  5507.         -ms-transition: all .1s ease;
  5508.             transition: all .1s ease;
  5509. }
  5510.  
  5511. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:hover {
  5512.     -webkit-transform: scale(1.1); 
  5513.        -moz-transform: scale(1.1);
  5514.         -ms-transform: scale(1.1); 
  5515.             transform: scale(1.1); 
  5516. }
  5517.  
  5518. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.rss {
  5519.     background-color: #FF8300;
  5520. }
  5521.  
  5522. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.twitter {
  5523.     background-color: #00ACED;
  5524. }
  5525.  
  5526. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.twitter:after {left: 9px;}
  5527.  
  5528. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.facebook {
  5529.     background-color: #3B5998;
  5530. }
  5531.  
  5532. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.facebook:after {left: 14px;}
  5533. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.facebook:after {left: 8px;}
  5534.  
  5535. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.email {
  5536.     background-color: #731A8B;
  5537. }
  5538.  
  5539. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.email:after {left: 9px;top: 7px;}
  5540.  
  5541. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.flickr {
  5542.     background-color: #0063DB;
  5543. }
  5544.  
  5545. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.youtube {
  5546.     background-color: #CD332D;
  5547. }
  5548.  
  5549. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.youtube:after {left: 8px;top:7px;}
  5550.  
  5551. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.linkedin {
  5552.     background-color: #007FB1;
  5553. }
  5554.  
  5555. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.pinterest {
  5556.     background-color: #CB2027;
  5557. }
  5558.  
  5559. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.instagram {
  5560.     background-color: #B7A28C;
  5561. }
  5562.  
  5563. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.foursquare {
  5564.     background-color: #87C442;
  5565. }
  5566.  
  5567. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.delicious {
  5568.     background-color: #3274D1;
  5569.    
  5570. }
  5571.  
  5572. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.digg {
  5573.     background-color: #14589E;
  5574. }
  5575.  
  5576. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.google {
  5577.     background-color: #D14836;
  5578. }
  5579.  
  5580. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.dribbble {
  5581.     background-color: #EA4C89;
  5582. }
  5583.  
  5584. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.skype {
  5585.     background-color: #00AFF0;
  5586. }
  5587.  
  5588. ul.social_icons.tt_vector_social_icons.tt_vector_social_color a.skype:after {left:9px;}
  5589.  
  5590. #footer .social_icons.tt_vector_social_icons + h3 {
  5591.     margin-top: 45px;  
  5592. }
  5593.  
  5594. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a {
  5595.     padding: 0px 5px;
  5596. }
  5597.  
  5598. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a,
  5599. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title li {
  5600.     width: 10px;   
  5601. }
  5602.  
  5603. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a:after {
  5604.     left: 5px;
  5605.     top: 1px;  
  5606. }
  5607.  
  5608. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.email:after {
  5609.     font-size: 12px;   
  5610. }
  5611.  
  5612. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.youtube:after {
  5613.     left: 3px;
  5614.     top: 0px;  
  5615. }
  5616.  
  5617. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.email:after,
  5618. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.flickr:after,
  5619. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.pinterest:after,
  5620. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.skype:after {
  5621.     left: 4px;
  5622.     top: 0px;  
  5623. }
  5624.  
  5625. div.top-holder ul.social_icons.tt_vector_social_icons.tt_vector_social_color a:hover {
  5626.     -webkit-transform: none;   
  5627.        -moz-transform: none;
  5628.         -ms-transform: none;   
  5629.             transform: none;
  5630.             opacity: 0.6;
  5631. }
  5632.  
  5633. #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a,
  5634. #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title li {
  5635.     width: 17px;
  5636.     min-height: 17px;
  5637. }
  5638.  
  5639. #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.linkedin:after,
  5640. #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.delicious:after,
  5641. #content ul.social_icons.tt_vector_social_icons.tt_vector_social_color.tt_no_social_title a.flickr:after {
  5642.     left: 9px; 
  5643. }
  5644.  
  5645.  
  5646. /*----------------------------*/
  5647. /* Latest Tweets
  5648. /*----------------------------*/
  5649. #content ul.twitterList,
  5650. .content_full_width ul.twitterList {
  5651.     margin: 0 0 0 0;
  5652.     padding: 0 0 30px 0;
  5653. }
  5654.  
  5655. #sidebar ul.twitterList li a,
  5656. ul.twitterList li a {
  5657.     text-decoration: underline;
  5658. }
  5659.  
  5660. ul.twitterList li span.tweet_days {
  5661.     color: #999;
  5662.     font-size: 11px;
  5663. }
  5664.  
  5665. ul.twitterList li:before,
  5666. #sidebar ul.twitterList li:before,
  5667. #footer ul.twitterList li:before {
  5668.     background-position: -395px -9px;
  5669.     height: 14px;
  5670.     width: 26px;
  5671.     content:"";
  5672.     position:absolute;
  5673.     left: 0;
  5674.     top: 4px;
  5675.     margin:0;
  5676. }
  5677.  
  5678. #footer ul.twitterList li:before {
  5679.     background-position: -1px -98px;
  5680. }
  5681.  
  5682. #sidebar ul.twitterList li,
  5683. #content ul.twitterList li,
  5684. #content.content_full_width ul.twitterList li,
  5685. #footer ul.twitterList li {
  5686.     margin-bottom: 15px;
  5687.     padding-left: 32px;
  5688.     position: relative;
  5689. }
  5690.  
  5691. #footer ul.twitterList li {
  5692.     color: inherit;
  5693. }
  5694.  
  5695. /*----------------------------*/
  5696. /* Tag Cloud
  5697. /*----------------------------*/
  5698. #sidebar div.tagcloud a {
  5699.     background: rgba(0,0,0,0.1);
  5700.     padding: 4px 7px;
  5701.     float: left;
  5702.     margin: 5px;
  5703. }
  5704.  
  5705. #sidebar div.tagcloud a:hover {
  5706.     background: rgba(0,0,0,0.2);
  5707.     text-decoration: none;
  5708. }
  5709.  
  5710. #sidebar div.tagcloud a,
  5711. ul.tt-recent-posts li {
  5712.     -webkit-transition: background 400ms ease;
  5713.        -moz-transition: background 400ms ease;
  5714.         -ms-transition: background 400ms ease;
  5715.          -o-transition: background 400ms ease;
  5716.             transition: background 400ms ease;
  5717. }
  5718.  
  5719. /*----------------------------*/
  5720. /* Blog Posts
  5721. /*----------------------------*/
  5722. #content ul.tt-recent-posts {
  5723.     margin: 0; 
  5724. }
  5725.  
  5726. #content ul.tt-recent-posts li {
  5727.     padding: 20px;
  5728.     margin: 0;
  5729.     width: 100%;
  5730.     clear: left;
  5731.     min-height: 71px;
  5732.     overflow: hidden; /* Force growth to cover floated elements */
  5733. }
  5734.  
  5735. ul.tt-recent-posts li:hover {
  5736.     background: rgba(0, 0, 0, 0.10);
  5737. }
  5738.  
  5739. ul.tt-recent-posts li a {
  5740.     display: block;
  5741.     height: 100%;
  5742.     width: 100%;
  5743.     text-decoration: none;
  5744. }
  5745.  
  5746. #sidebar ul.tt-recent-posts li a:hover {
  5747.     text-decoration: none;
  5748. }
  5749.  
  5750. ul.tt-recent-posts .tt-blog-sc-img {
  5751.     border: 4px solid #FFF;
  5752.     float: left;
  5753.     margin: 0 15px 10px 0;
  5754.     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  5755.        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  5756.             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  5757. }
  5758.  
  5759. ul.tt-recent-posts h4 {
  5760.     margin-bottom: 5px !important;
  5761.     font-size: 15px !important;
  5762. }
  5763.  
  5764. ul.tt-recent-posts p {
  5765.     margin:0 !important;
  5766.     padding: 0 !important;
  5767.     font-size: 12px;
  5768. }
  5769.  
  5770. /* Default placeholder images */
  5771. .tt-blog-placeholder {
  5772.     background-color: #FCFCFC;
  5773.     background-image: linear-gradient(to bottom, #FCFCFC, #DEDEDE);
  5774.     background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#DEDEDE));
  5775.     background-image: -webkit-linear-gradient(top, #FCFCFC, #DEDEDE);
  5776.     background-image: -moz-linear-gradient(top, #FCFCFC, #DEDEDE);
  5777.     background-image: -webkit-linear-gradient(top, #FCFCFC, #DEDEDE);
  5778.     background-image: -o-linear-gradient(top, #FCFCFC, #DEDEDE);
  5779.     background-image: ms-linear-gradient(to bottom, #FCFCFC, #DEDEDE);
  5780.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFCFC', endColorstr='#DEDEDE');
  5781.     position: relative;
  5782.     display: inline-block;
  5783. }
  5784.  
  5785. .tt-blog-placeholder:before {
  5786.     content: "\f0f6";
  5787.     color: #C9C9C9;
  5788.     position:absolute;
  5789. }
  5790.  
  5791. .tt-blog-placeholder.tt-blog-video:before {
  5792.     content: "\f01d";
  5793. }
  5794.  
  5795. .tt-blog-placeholder.tt-blog-default {
  5796.     height: 65px;
  5797.     width: 65px;
  5798.     margin: 6px 0 0 6px;   
  5799. }
  5800.  
  5801. .tt-blog-placeholder.tt-blog-default:before {
  5802.     font-size: 27px;
  5803.     top: 23px;
  5804.     left: 23px;
  5805. }
  5806.  
  5807. .tt-blog-placeholder.tt-blog-two_col_large {
  5808.     height: 234px;
  5809.     width: 437px;  
  5810. }
  5811.  
  5812. .tt-blog-placeholder.tt-blog-two_col_large:before {
  5813.     font-size: 40px;
  5814.     top: 107px;
  5815.     left: 204px;
  5816. }
  5817.  
  5818. .tt-blog-placeholder.tt-blog-three_col_large {
  5819.     height: 145px;
  5820.     width: 275px;  
  5821. }
  5822.  
  5823. .tt-blog-placeholder.tt-blog-three_col_large:before {
  5824.     font-size: 32px;
  5825.     top: 63px;
  5826.     left: 126px;
  5827. }
  5828.  
  5829. .tt-blog-placeholder.tt-blog-four_col_large {
  5830.     height: 111px;
  5831.     width: 190px;  
  5832. }
  5833.  
  5834. .tt-blog-placeholder.tt-blog-four_col_large:before {
  5835.     font-size: 28px;
  5836.     top: 47px;
  5837.     left: 85px;
  5838. }
  5839.  
  5840. .tt-blog-placeholder.tt-blog-two_col_small {
  5841.     height: 180px;
  5842.     width: 324px;  
  5843. }
  5844.  
  5845. .tt-blog-placeholder.tt-blog-two_col_small:before {
  5846.     font-size: 34px;
  5847.     top: 80px;
  5848.     left: 150px;
  5849. }
  5850.  
  5851. .tt-blog-placeholder.tt-blog-three_col_small {
  5852.     height: 113px;
  5853.     width: 202px;  
  5854. }
  5855.  
  5856. .tt-blog-placeholder.tt-blog-three_col_small:before {
  5857.     font-size: 28px;
  5858.     top: 48px;
  5859.     left: 91px;
  5860. }
  5861.  
  5862. .tt-blog-placeholder.tt-blog-four_col_small {
  5863.     height: 76px;
  5864.     width: 135px;  
  5865. }
  5866.  
  5867. .tt-blog-placeholder.tt-blog-four_col_small:before {
  5868.     font-size: 23px;
  5869.     top: 28px;
  5870.     left: 59px;
  5871. }
  5872.  
  5873. #sidebar ul.tt-recent-posts li:before {
  5874.     display: none;
  5875. }
  5876.  
  5877. #footer .tt-blog-placeholder.tt-blog-default,
  5878. #footer a.tt-recent-post-link img,
  5879. #sidebar .tt-blog-placeholder.tt-blog-default,
  5880. #sidebar a.tt-recent-post-link img {
  5881.     height: 50px;
  5882.     width: 50px;
  5883. }
  5884.  
  5885. #footer .tt-blog-placeholder.tt-blog-default:before,
  5886. #sidebar .tt-blog-placeholder.tt-blog-default:before {
  5887.     font-size: 23px;
  5888.     top: 16px;
  5889.     left: 17px;
  5890. }
  5891.  
  5892. #footer ul.tt-recent-posts .tt-blog-sc-img,
  5893. #sidebar ul.tt-recent-posts .tt-blog-sc-img {
  5894.     margin: 0 10px 5px 0;
  5895.     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  5896.        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  5897.             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  5898. }
  5899.  
  5900. #footer ul.tt-recent-posts h4,
  5901. #sidebar ul.tt-recent-posts h4 {
  5902.     font-size: 12px !important;
  5903. }
  5904.  
  5905. #footer ul.tt-recent-posts p,
  5906. #sidebar ul.tt-recent-posts p {
  5907.     line-height: 20px;
  5908. }
  5909.  
  5910. #footer ul.tt-recent-posts li,
  5911. #sidebar ul.tt-recent-posts li {
  5912.     padding: 10px;
  5913. }
  5914.  
  5915. #footer ul.tt-recent-posts li p,
  5916. #sidebar ul.tt-recent-posts li p {
  5917.     font-size: 11px;   
  5918. }
  5919.  
  5920. /*----------------------------*/
  5921. /* Buttons
  5922. /*----------------------------*/
  5923. .ka_button,
  5924. .ka_button:hover {
  5925.     opacity: 1.0;
  5926.     border: 0;
  5927.     display: inline-block;
  5928.     letter-spacing: 1px;
  5929.     position: relative;
  5930.     text-decoration: none;
  5931.     text-transform: uppercase;
  5932.     vertical-align: middle;
  5933.     line-height: 20px;
  5934.     -webkit-transition: opacity 400ms ease;
  5935.        -moz-transition: opacity 400ms ease;
  5936.         -ms-transition: opacity 400ms ease;
  5937.          -o-transition: opacity 400ms ease;
  5938.             transition: opacity 400ms ease;
  5939.     -webkit-border-radius: 2px;
  5940.        -moz-border-radius: 2px;
  5941.             border-radius: 2px;
  5942.    
  5943. }
  5944.  
  5945. .ka_button:hover {
  5946.     opacity: 0.6;
  5947. }
  5948.  
  5949. .post_content .ka_button {
  5950.     margin-left: 3px;
  5951. }
  5952.  
  5953. .small_button,
  5954. .medium_button,
  5955. .large_button {
  5956.     margin: 5px 10px 10px 0;
  5957.     color: #F4F4F2;
  5958.     border: 0;
  5959.     cursor: pointer;
  5960. }
  5961.  
  5962. .small_button {
  5963.     font-size: .9em;
  5964.     padding:7px 14px;
  5965.    
  5966. }
  5967.  
  5968. .medium_button {
  5969.     font-size: 1em;
  5970.     padding:10px 18px;
  5971. }
  5972.  
  5973. .large_button {
  5974.     font-size: 1.1em;
  5975.     padding:20px 30px;
  5976. }
  5977.  
  5978. /* FontAwesome icons within Buttons */
  5979. .ka_button i {
  5980.     margin-right: 11px;
  5981.     font-size: 15px;
  5982. }
  5983.  
  5984. .ka_button.large_button i {
  5985.     font-size: 18px;
  5986. }
  5987. /* END FontAwesome */
  5988.  
  5989. .callout_button,
  5990. #footer #mc_signup #mc_signup_submit,
  5991. #constant-contact-signup .button {
  5992.     background-color: #FDFDFD;
  5993.     background-image: linear-gradient(to bottom, #FDFDFD, #9C9C9C); /* required first in the list for IE11 */
  5994.     background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#9C9C9C));
  5995.     background-image: -webkit-linear-gradient(top, #FDFDFD, #9C9C9C);
  5996.     background-image: -moz-linear-gradient(top, #FDFDFD, #9C9C9C);
  5997.     background-image: -webkit-linear-gradient(top, #FDFDFD, #9C9C9C);
  5998.     background-image: -o-linear-gradient(top, #FDFDFD, #9C9C9C);
  5999.     background-image: ms-linear-gradient(to bottom, #FDFDFD, #9C9C9C);
  6000.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDFDFD', endColorstr='#9C9C9C');
  6001. }
  6002.  
  6003. .small_autumn,
  6004. .medium_autumn,
  6005. .large_autumn,
  6006. .message_karma_autumn {
  6007.     box-shadow: 0 0 0 1px #CC6810, 0 0 0 2px #671905;
  6008.     background-color: #CC6810;
  6009.     background-image: linear-gradient(to bottom, #CC6810, #671905); /* required first in the list for IE11 */
  6010.     background-image: -webkit-gradient(linear, left top, left bottom, from(#CC6810), to(#671905));
  6011.     background-image: -webkit-linear-gradient(top, #CC6810, #671905);
  6012.     background-image: -moz-linear-gradient(top, #CC6810, #671905);
  6013.     background-image: -webkit-linear-gradient(top, #CC6810, #671905);
  6014.     background-image: -o-linear-gradient(top, #CC6810, #671905);
  6015.     background-image: ms-linear-gradient(to bottom, #CC6810, #671905);
  6016.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CC6810', endColorstr='#671905');
  6017. }
  6018.  
  6019. .small_black,
  6020. .medium_black,
  6021. .large_black,
  6022. .message_karma_black {
  6023.     box-shadow: 0 0 0 1px #424451, 0 0 0 2px #101012;
  6024.     background-color: #424451;
  6025.     background-image: linear-gradient(to bottom, #424451, #101012); /* required first in the list for IE11 */
  6026.     background-image: -webkit-gradient(linear, left top, left bottom, from(#424451), to(#101012));
  6027.     background-image: -webkit-linear-gradient(top, #424451, #101012);
  6028.     background-image: -moz-linear-gradient(top, #424451, #101012);
  6029.     background-image: -webkit-linear-gradient(top, #424451, #101012);
  6030.     background-image: -o-linear-gradient(top, #424451, #101012);
  6031.     background-image: ms-linear-gradient(to bottom, #424451, #101012);
  6032.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#424451', endColorstr='#101012');
  6033. }
  6034.  
  6035. .small_bluegrey,
  6036. .medium_bluegrey,
  6037. .large_bluegrey,
  6038. .message_karma_bluegrey {
  6039.     box-shadow: 0 0 0 1px #626377, 0 0 0 2px #2E2D3D;
  6040.     background-color: #626377;
  6041.     background-image: linear-gradient(to bottom, #626377, #2E2D3D); /* required first in the list for IE11 */
  6042.     background-image: -webkit-gradient(linear, left top, left bottom, from(#626377), to(#2E2D3D));
  6043.     background-image: -webkit-linear-gradient(top, #626377, #2E2D3D);
  6044.     background-image: -moz-linear-gradient(top, #626377, #2E2D3D);
  6045.     background-image: -webkit-linear-gradient(top, #626377, #2E2D3D);
  6046.     background-image: -o-linear-gradient(top, #626377, #2E2D3D);
  6047.     background-image: ms-linear-gradient(to bottom, #626377, #2E2D3D);
  6048.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#626377', endColorstr='#2E2D3D');
  6049. }
  6050.  
  6051. .small_cherry,
  6052. .medium_cherry,
  6053. .large_cherry,
  6054. .message_karma_cherry {
  6055.     box-shadow: 0 0 0 1px #BE1C03, 0 0 0 2px #670600;
  6056.     background-color: #BE1C03;
  6057.     background-image: linear-gradient(to bottom, #BE1C03, #670600); /* required first in the list for IE11 */
  6058.     background-image: -webkit-gradient(linear, left top, left bottom, from(#BE1C03), to(#670600));
  6059.     background-image: -webkit-linear-gradient(top, #BE1C03, #670600);
  6060.     background-image: -moz-linear-gradient(top, #BE1C03, #670600);
  6061.     background-image: -webkit-linear-gradient(top, #BE1C03, #670600);
  6062.     background-image: -o-linear-gradient(top, #BE1C03, #670600);
  6063.     background-image: ms-linear-gradient(to bottom, #BE1C03, #670600);
  6064.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BE1C03', endColorstr='#670600');
  6065. }
  6066.  
  6067. .small_coffee,
  6068. .medium_coffee,
  6069. .large_coffee,
  6070. .message_karma_coffee {
  6071.     box-shadow: 0 0 0 1px #7E6C5E, 0 0 0 2px #2A231D;
  6072.     background-color: #7E6C5E;
  6073.     background-image: linear-gradient(to bottom, #7E6C5E, #2A231D); /* required first in the list for IE11 */
  6074.     background-image: -webkit-gradient(linear, left top, left bottom, from(#7E6C5E), to(#2A231D));
  6075.     background-image: -webkit-linear-gradient(top, #7E6C5E, #2A231D);
  6076.     background-image: -moz-linear-gradient(top, #7E6C5E, #2A231D);
  6077.     background-image: -webkit-linear-gradient(top, #7E6C5E, #2A231D);
  6078.     background-image: -o-linear-gradient(top, #7E6C5E, #2A231D);
  6079.     background-image: ms-linear-gradient(to bottom, #7E6C5E, #2A231D);
  6080.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7E6C5E', endColorstr='#2A231D');
  6081. }
  6082.  
  6083. .small_coolblue,
  6084. .medium_coolblue,
  6085. .large_coolblue,
  6086. .message_karma_coolblue {
  6087.     box-shadow: 0 0 0 1px #008BC6, 0 0 0 2px #003C70;
  6088.     background-color: #008BC6;
  6089.     background-image: linear-gradient(to bottom, #008BC6, #003C70); /* required first in the list for IE11 */
  6090.     background-image: -webkit-gradient(linear, left top, left bottom, from(#008BC6), to(#003C70));
  6091.     background-image: -webkit-linear-gradient(top, #008BC6, #003C70);
  6092.     background-image: -moz-linear-gradient(top, #008BC6, #003C70);
  6093.     background-image: -webkit-linear-gradient(top, #008BC6, #003C70);
  6094.     background-image: -o-linear-gradient(top, #008BC6, #003C70);
  6095.     background-image: ms-linear-gradient(to bottom, #008BC6, #003C70);
  6096.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008BC6', endColorstr='#003C70');
  6097. }
  6098.  
  6099. .small_fire,
  6100. .medium_fire,
  6101. .large_fire,
  6102. .message_karma_fire {
  6103.     box-shadow: 0 0 0 1px #FF933B, 0 0 0 2px #DB3D00;
  6104.     background-color: #FF933B;
  6105.     background-image: linear-gradient(to bottom, #FF933B, #DB3D00); /* required first in the list for IE11 */
  6106.     background-image: -webkit-gradient(linear, left top, left bottom, from(#FF933B), to(#DB3D00));
  6107.     background-image: -webkit-linear-gradient(top, #FF933B, #DB3D00);
  6108.     background-image: -moz-linear-gradient(top, #FF933B, #DB3D00);
  6109.     background-image: -webkit-linear-gradient(top, #FF933B, #DB3D00);
  6110.     background-image: -o-linear-gradient(top, #FF933B, #DB3D00);
  6111.     background-image: ms-linear-gradient(to bottom, #FF933B, #DB3D00);
  6112.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF933B', endColorstr='#DB3D00');
  6113. }
  6114.  
  6115. .small_forestgreen,
  6116. .medium_forestgreen,
  6117. .large_forestgreen,
  6118. .message_karma_forestgreen {
  6119.     box-shadow: 0 0 0 1px #7A9045, 0 0 0 2px #354516;
  6120.     background-color: #7A9045;
  6121.     background-image: linear-gradient(to bottom, #7A9045, #354516); /* required first in the list for IE11 */
  6122.     background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9045), to(#354516));
  6123.     background-image: -webkit-linear-gradient(top, #7A9045, #354516);
  6124.     background-image: -moz-linear-gradient(top, #7A9045, #354516);
  6125.     background-image: -webkit-linear-gradient(top, #7A9045, #354516);
  6126.     background-image: -o-linear-gradient(top, #7A9045, #354516);
  6127.     background-image: ms-linear-gradient(to bottom, #7A9045, #354516);
  6128.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7A9045', endColorstr='#354516');
  6129. }
  6130.  
  6131. .small_golden,
  6132. .medium_golden,
  6133. .large_golden,
  6134. .message_karma_golden {
  6135.     box-shadow: 0 0 0 1px #C3A22E, 0 0 0 2px #81570B;
  6136.     background-color: #C3A22E;
  6137.     background-image: linear-gradient(to bottom, #C3A22E, #81570B); /* required first in the list for IE11 */
  6138.     background-image: -webkit-gradient(linear, left top, left bottom, from(#C3A22E), to(#81570B));
  6139.     background-image: -webkit-linear-gradient(top, #C3A22E, #81570B);
  6140.     background-image: -moz-linear-gradient(top, #C3A22E, #81570B);
  6141.     background-image: -webkit-linear-gradient(top, #C3A22E, #81570B);
  6142.     background-image: -o-linear-gradient(top, #C3A22E, #81570B);
  6143.     background-image: ms-linear-gradient(to bottom, #C3A22E, #81570B);
  6144.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C3A22E', endColorstr='#81570B');
  6145. }
  6146.  
  6147. .small_grey,
  6148. .medium_grey,
  6149. .large_grey,
  6150. .message_karma_grey {
  6151.     box-shadow: 0 0 0 1px #585F67, 0 0 0 2px #2B323A;
  6152.     background-color: #585F67;
  6153.     background-image: linear-gradient(to bottom, #585F67, #2B323A); /* required first in the list for IE11 */
  6154.     background-image: -webkit-gradient(linear, left top, left bottom, from(#585F67), to(#2B323A));
  6155.     background-image: -webkit-linear-gradient(top, #585F67, #2B323A);
  6156.     background-image: -moz-linear-gradient(top, #585F67, #2B323A);
  6157.     background-image: -webkit-linear-gradient(top, #585F67, #2B323A);
  6158.     background-image: -o-linear-gradient(top, #585F67, #2B323A);
  6159.     background-image: ms-linear-gradient(to bottom, #585F67, #2B323A);
  6160.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#585F67', endColorstr='#2B323A');
  6161. }
  6162.  
  6163. .small_limegreen,
  6164. .medium_limegreen,
  6165. .large_limegreen,
  6166. .message_karma_limegreen {
  6167.     box-shadow: 0 0 0 1px #BBC701, 0 0 0 2px #638401;
  6168.     background-color: #BBC701;
  6169.     background-image: linear-gradient(to bottom, #BBC701, #638401); /* required first in the list for IE11 */
  6170.     background-image: -webkit-gradient(linear, left top, left bottom, from(#BBC701), to(#638401));
  6171.     background-image: -webkit-linear-gradient(top, #BBC701, #638401);
  6172.     background-image: -moz-linear-gradient(top, #BBC701, #638401);
  6173.     background-image: -webkit-linear-gradient(top, #BBC701, #638401);
  6174.     background-image: -o-linear-gradient(top, #BBC701, #638401);
  6175.     background-image: ms-linear-gradient(to bottom, #BBC701, #638401);
  6176.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BBC701', endColorstr='#638401');
  6177. }
  6178.  
  6179. .small_periwinkle,
  6180. .medium_periwinkle,
  6181. .large_periwinkle,
  6182. .message_karma_periwinkle {
  6183.     box-shadow: 0 0 0 1px #598BD0, 0 0 0 2px #4C1066;
  6184.     background-color: #598BD0;
  6185.     background-image: linear-gradient(to bottom, #598BD0, #4C1066); /* required first in the list for IE11 */
  6186.     background-image: -webkit-gradient(linear, left top, left bottom, from(#598BD0), to(#4C1066));
  6187.     background-image: -webkit-linear-gradient(top, #598BD0, #4C1066);
  6188.     background-image: -moz-linear-gradient(top, #598BD0, #4C1066);
  6189.     background-image: -webkit-linear-gradient(top, #598BD0, #4C1066);
  6190.     background-image: -o-linear-gradient(top, #598BD0, #4C1066);
  6191.     background-image: ms-linear-gradient(to bottom, #598BD0, #4C1066);
  6192.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#598BD0', endColorstr='#4C1066');
  6193. }
  6194.  
  6195. .small_pink,
  6196. .medium_pink,
  6197. .large_pink,
  6198. .message_karma_pink {
  6199.     box-shadow: 0 0 0 1px #BD5094, 0 0 0 2px #6B1D47;
  6200.     background-color: #BD5094;
  6201.     background-image: linear-gradient(to bottom, #BD5094, #6B1D47); /* required first in the list for IE11 */
  6202.     background-image: -webkit-gradient(linear, left top, left bottom, from(#BD5094), to(#6B1D47));
  6203.     background-image: -webkit-linear-gradient(top, #BD5094, #6B1D47);
  6204.     background-image: -moz-linear-gradient(top, #BD5094, #6B1D47);
  6205.     background-image: -webkit-linear-gradient(top, #BD5094, #6B1D47);
  6206.     background-image: -o-linear-gradient(top, #BD5094, #6B1D47);
  6207.     background-image: ms-linear-gradient(to bottom, #BD5094, #6B1D47);
  6208.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BD5094', endColorstr='#6B1D47');
  6209. }
  6210.  
  6211. .small_purple,
  6212. .medium_purple,
  6213. .large_purple,
  6214. .message_karma_purple {
  6215.     box-shadow: 0 0 0 1px #893F62, 0 0 0 2px #360F21;
  6216.     background-color: #893F62;
  6217.     background-image: linear-gradient(to bottom, #893F62, #360F21); /* required first in the list for IE11 */
  6218.     background-image: -webkit-gradient(linear, left top, left bottom, from(#893F62), to(#360F21));
  6219.     background-image: -webkit-linear-gradient(top, #893F62, #360F21);
  6220.     background-image: -moz-linear-gradient(top, #893F62, #360F21);
  6221.     background-image: -webkit-linear-gradient(top, #893F62, #360F21);
  6222.     background-image: -o-linear-gradient(top, #893F62, #360F21);
  6223.     background-image: ms-linear-gradient(to bottom, #893F62, #360F21);
  6224.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#893F62', endColorstr='#360F21');
  6225. }
  6226.  
  6227. .small_royalblue,
  6228. .medium_royalblue,
  6229. .large_royalblue,
  6230. .message_karma_royalblue {
  6231.     box-shadow: 0 0 0 1px #436591, 0 0 0 2px #101C32;
  6232.     background-color: #375885;
  6233.     background-image: linear-gradient(to bottom, #375885, #182947); /* required first in the list for IE11 */
  6234.     background-image: -webkit-gradient(linear, left top, left bottom, from(#375885), to(#182947));
  6235.     background-image: -webkit-linear-gradient(top, #375885, #182947);
  6236.     background-image: -moz-linear-gradient(top, #375885, #182947);
  6237.     background-image: -webkit-linear-gradient(top, #375885, #182947);
  6238.     background-image: -o-linear-gradient(top, #375885, #182947);
  6239.     background-image: ms-linear-gradient(to bottom, #375885, #182947);
  6240.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#375885', endColorstr='#182947');
  6241. }
  6242.  
  6243. .small_silver,
  6244. .medium_silver,
  6245. .large_silver,
  6246. .message_karma_silver {
  6247.     box-shadow: 0 0 0 1px #A5A5A5, 0 0 0 2px #525252;
  6248.     background-color: #A5A5A5;
  6249.     background-image: linear-gradient(to bottom, #A5A5A5, #525252); /* required first in the list for IE11 */
  6250.     background-image: -webkit-gradient(linear, left top, left bottom, from(#A5A5A5), to(#525252));
  6251.     background-image: -webkit-linear-gradient(top, #A5A5A5, #525252);
  6252.     background-image: -moz-linear-gradient(top, #A5A5A5, #525252);
  6253.     background-image: -webkit-linear-gradient(top, #A5A5A5, #525252);
  6254.     background-image: -o-linear-gradient(top, #A5A5A5, #525252);
  6255.     background-image: ms-linear-gradient(to bottom, #A5A5A5, #525252);
  6256.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#A5A5A5', endColorstr='#525252');
  6257. }
  6258.  
  6259. .small_skyblue,
  6260. .medium_skyblue,
  6261. .large_skyblue,
  6262. .message_karma_skyblue {
  6263.     box-shadow: 0 0 0 1px #00BCD5, 0 0 0 2px #0077AF;
  6264.     background-color: #00BCD5;
  6265.     background-image: linear-gradient(to bottom, #00BCD5, #0077AF); /* required first in the list for IE11 */
  6266.     background-image: -webkit-gradient(linear, left top, left bottom, from(#00BCD5), to(#0077AF));
  6267.     background-image: -webkit-linear-gradient(top, #00BCD5, #0077AF);
  6268.     background-image: -moz-linear-gradient(top, #00BCD5, #0077AF);
  6269.     background-image: -webkit-linear-gradient(top, #00BCD5, #0077AF);
  6270.     background-image: -o-linear-gradient(top, #00BCD5, #0077AF);
  6271.     background-image: ms-linear-gradient(to bottom, #00BCD5, #0077AF);
  6272.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00BCD5', endColorstr='#0077AF');
  6273. }
  6274.  
  6275. .small_teal,
  6276. .medium_teal,
  6277. .large_teal,
  6278. .message_karma_teal {
  6279.     box-shadow: 0 0 0 1px #4DA597, 0 0 0 2px #0C4D53;
  6280.     background-color: #4DA597;
  6281.     background-image: linear-gradient(to bottom, #4DA597, #0C4D53); /* required first in the list for IE11 */
  6282.     background-image: -webkit-gradient(linear, left top, left bottom, from(#4DA597), to(#0C4D53));
  6283.     background-image: -webkit-linear-gradient(top, #4DA597, #0C4D53);
  6284.     background-image: -moz-linear-gradient(top, #4DA597, #0C4D53);
  6285.     background-image: -webkit-linear-gradient(top, #4DA597, #0C4D53);
  6286.     background-image: -o-linear-gradient(top, #4DA597, #0C4D53);
  6287.     background-image: ms-linear-gradient(to bottom, #4DA597, #0C4D53);
  6288.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4DA597', endColorstr='#0C4D53');
  6289. }
  6290.  
  6291. .small_tealgrey,
  6292. .medium_tealgrey,
  6293. .large_tealgrey,
  6294. .message_karma_tealgrey {
  6295.     box-shadow: 0 0 0 1px #4E6A75, 0 0 0 2px #1E2F36;
  6296.     background-color: #4E6A75;
  6297.     background-image: linear-gradient(to bottom, #4E6A75, #1E2F36); /* required first in the list for IE11 */
  6298.     background-image: -webkit-gradient(linear, left top, left bottom, from(#4E6A75), to(#1E2F36));
  6299.     background-image: -webkit-linear-gradient(top, #4E6A75, #1E2F36);
  6300.     background-image: -moz-linear-gradient(top, #4E6A75, #1E2F36);
  6301.     background-image: -webkit-linear-gradient(top, #4E6A75, #1E2F36);
  6302.     background-image: -o-linear-gradient(top, #4E6A75, #1E2F36);
  6303.     background-image: ms-linear-gradient(to bottom, #4E6A75, #1E2F36);
  6304.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4E6A75', endColorstr='#1E2F36');
  6305. }
  6306.  
  6307. .small_violet,
  6308. .medium_violet,
  6309. .large_violet,
  6310. .message_karma_violet {
  6311.     box-shadow: 0 0 0 1px #822DE0, 0 0 0 2px #3F1966;
  6312.     background-color: #822DE0;
  6313.     background-image: linear-gradient(to bottom, #822DE0, #3F1966); /* required first in the list for IE11 */
  6314.     background-image: -webkit-gradient(linear, left top, left bottom, from(#822DE0), to(#3F1966));
  6315.     background-image: -webkit-linear-gradient(top, #822DE0, #3F1966);
  6316.     background-image: -moz-linear-gradient(top, #822DE0, #3F1966);
  6317.     background-image: -webkit-linear-gradient(top, #822DE0, #3F1966);
  6318.     background-image: -o-linear-gradient(top, #822DE0, #3F1966);
  6319.     background-image: ms-linear-gradient(to bottom, #822DE0, #3F1966);
  6320.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#822DE0', endColorstr='#3F1966');
  6321. }
  6322.  
  6323. /* new button colors */
  6324. .small_alphagreen,
  6325. .medium_alphagreen,
  6326. .large_alphagreen,
  6327. .message_karma_alphagreen {
  6328.     box-shadow: 0 0 0 1px #38917F, 0 0 0 2px #035A48;
  6329.     background-color: #035A48;
  6330.     background-image: linear-gradient(to bottom, #38917F, #035A48); /* required first in the list for IE11 */
  6331.     background-image: -webkit-gradient(linear, left top, left bottom, from(#38917F), to(#035A48));
  6332.     background-image: -webkit-linear-gradient(top, #38917F, #035A48);
  6333.     background-image: -moz-linear-gradient(top, #38917F, #035A48);
  6334.     background-image: -webkit-linear-gradient(top, #38917F, #035A48);
  6335.     background-image: -o-linear-gradient(top, #38917F, #035A48);
  6336.     background-image: ms-linear-gradient(to bottom, #38917F, #035A48);
  6337.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#38917F', endColorstr='#035A48');
  6338. }
  6339.  
  6340. .small_buoyred,
  6341. .medium_buoyred,
  6342. .large_buoyred,
  6343. .message_karma_buoyred {
  6344.     box-shadow: 0 0 0 1px #CE4A4B, 0 0 0 2px #951112;
  6345.     background-color: #951112;
  6346.     background-image: linear-gradient(to bottom, #CE4A4B, #951112); /* required first in the list for IE11 */
  6347.     background-image: -webkit-gradient(linear, left top, left bottom, from(#CE4A4B), to(#951112));
  6348.     background-image: -webkit-linear-gradient(top, #CE4A4B, #951112);
  6349.     background-image: -moz-linear-gradient(top, #CE4A4B, #951112);
  6350.     background-image: -webkit-linear-gradient(top, #CE4A4B, #951112);
  6351.     background-image: -o-linear-gradient(top, #CE4A4B, #951112);
  6352.     background-image: ms-linear-gradient(to bottom, #CE4A4B, #951112);
  6353.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CE4A4B', endColorstr='#951112');
  6354. }
  6355.  
  6356. .small_frenchgreen,
  6357. .medium_frenchgreen,
  6358. .large_frenchgreen,
  6359. .message_karma_frenchgreen {
  6360.     box-shadow: 0 0 0 1px #93BEB7, 0 0 0 2px #58837C;
  6361.     background-color: #58837C;
  6362.     background-image: linear-gradient(to bottom, #93BEB7, #58837C); /* required first in the list for IE11 */
  6363.     background-image: -webkit-gradient(linear, left top, left bottom, from(#93BEB7), to(#58837C));
  6364.     background-image: -webkit-linear-gradient(top, #93BEB7, #58837C);
  6365.     background-image: -moz-linear-gradient(top, #93BEB7, #58837C);
  6366.     background-image: -webkit-linear-gradient(top, #93BEB7, #58837C);
  6367.     background-image: -o-linear-gradient(top, #93BEB7, #58837C);
  6368.     background-image: ms-linear-gradient(to bottom, #93BEB7, #58837C);
  6369.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#93BEB7', endColorstr='#58837C');
  6370. }
  6371.  
  6372. .small_orange,
  6373. .medium_orange,
  6374. .large_orange,
  6375. .message_karma_orange {
  6376.     box-shadow: 0 0 0 1px #FDA41E, 0 0 0 2px #CA6A00;
  6377.     background-color: #CA6A00;
  6378.     background-image: linear-gradient(to bottom, #FDA41E, #CA6A00); /* required first in the list for IE11 */
  6379.     background-image: -webkit-gradient(linear, left top, left bottom, from(#FDA41E), to(#CA6A00));
  6380.     background-image: -webkit-linear-gradient(top, #FDA41E, #CA6A00);
  6381.     background-image: -moz-linear-gradient(top, #FDA41E, #CA6A00);
  6382.     background-image: -webkit-linear-gradient(top, #FDA41E, #CA6A00);
  6383.     background-image: -o-linear-gradient(top, #FDA41E, #CA6A00);
  6384.     background-image: ms-linear-gradient(to bottom, #FDA41E, #CA6A00);
  6385.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDA41E', endColorstr='#CA6A00');
  6386. }
  6387.  
  6388. .small_politicalblue,
  6389. .medium_politicalblue,
  6390. .large_politicalblue,
  6391. .message_karma_politicalblue {
  6392.     box-shadow: 0 0 0 1px #1E6F92, 0 0 0 2px #013558;
  6393.     background-color: #013558;
  6394.     background-image: linear-gradient(to bottom, #1E6F92, #013558); /* required first in the list for IE11 */
  6395.     background-image: -webkit-gradient(linear, left top, left bottom, from(#1E6F92), to(#013558));
  6396.     background-image: -webkit-linear-gradient(top, #1E6F92, #013558);
  6397.     background-image: -moz-linear-gradient(top, #1E6F92, #013558);
  6398.     background-image: -webkit-linear-gradient(top, #1E6F92, #013558);
  6399.     background-image: -o-linear-gradient(top, #1E6F92, #013558);
  6400.     background-image: ms-linear-gradient(to bottom, #1E6F92, #013558);
  6401.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1E6F92', endColorstr='#013558');
  6402. }
  6403.  
  6404. .small_saffronblue,
  6405. .medium_saffronblue,
  6406. .large_saffronblue,
  6407. .message_karma_saffronblue {
  6408.     box-shadow: 0 0 0 1px #677B89, 0 0 0 2px #2E4250;
  6409.     background-color: #2E4250;
  6410.     background-image: linear-gradient(to bottom, #677B89, #2E4250); /* required first in the list for IE11 */
  6411.     background-image: -webkit-gradient(linear, left top, left bottom, from(#677B89), to(#2E4250));
  6412.     background-image: -webkit-linear-gradient(top, #677B89, #2E4250);
  6413.     background-image: -moz-linear-gradient(top, #677B89, #2E4250);
  6414.     background-image: -webkit-linear-gradient(top, #677B89, #2E4250);
  6415.     background-image: -o-linear-gradient(top, #677B89, #2E4250);
  6416.     background-image: ms-linear-gradient(to bottom, #677B89, #2E4250);
  6417.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#677B89', endColorstr='#2E4250');
  6418. }
  6419.  
  6420. .small_steelgreen,
  6421. .medium_steelgreen,
  6422. .large_steelgreen,
  6423. .message_karma_steelgreen {
  6424.     box-shadow: 0 0 0 1px #6A8D94, 0 0 0 2px #30535A;
  6425.     background-color: #30535A;
  6426.     background-image: linear-gradient(to bottom, #6A8D94, #30535A); /* required first in the list for IE11 */
  6427.     background-image: -webkit-gradient(linear, left top, left bottom, from(#6A8D94), to(#30535A));
  6428.     background-image: -webkit-linear-gradient(top, #6A8D94, #30535A);
  6429.     background-image: -moz-linear-gradient(top, #6A8D94, #30535A);
  6430.     background-image: -webkit-linear-gradient(top, #6A8D94, #30535A);
  6431.     background-image: -o-linear-gradient(top, #6A8D94, #30535A);
  6432.     background-image: ms-linear-gradient(to bottom, #6A8D94, #30535A);
  6433.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6A8D94', endColorstr='#30535A');
  6434. }
  6435.  
  6436. .small_tufgreen,
  6437. .medium_tufgreen,
  6438. .large_tufgreen,
  6439. .message_karma_tufgreen {
  6440.     box-shadow: 0 0 0 1px #7C807D, 0 0 0 2px #3D403E;
  6441.     background-color: #3D403E;
  6442.     background-image: linear-gradient(to bottom, #7C807D, #3D403E); /* required first in the list for IE11 */
  6443.     background-image: -webkit-gradient(linear, left top, left bottom, from(#7C807D), to(#3D403E));
  6444.     background-image: -webkit-linear-gradient(top, #7C807D, #3D403E);
  6445.     background-image: -moz-linear-gradient(top, #7C807D, #3D403E);
  6446.     background-image: -webkit-linear-gradient(top, #7C807D, #3D403E);
  6447.     background-image: -o-linear-gradient(top, #7C807D, #3D403E);
  6448.     background-image: ms-linear-gradient(to bottom, #7C807D, #3D403E);
  6449.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7C807D', endColorstr='#3D403E');
  6450. }
  6451.  
  6452. .small_vistablue,
  6453. .medium_vistablue,
  6454. .large_vistablue,
  6455. .message_karma_vistablue {
  6456.     box-shadow: 0 0 0 1px #50C3CF, 0 0 0 2px #168995;
  6457.     background-color: #168995;
  6458.     background-image: linear-gradient(to bottom, #50C3CF, #168995); /* required first in the list for IE11 */
  6459.     background-image: -webkit-gradient(linear, left top, left bottom, from(#50C3CF), to(#168995));
  6460.     background-image: -webkit-linear-gradient(top, #50C3CF, #168995);
  6461.     background-image: -moz-linear-gradient(top, #50C3CF, #168995);
  6462.     background-image: -webkit-linear-gradient(top, #50C3CF, #168995);
  6463.     background-image: -o-linear-gradient(top, #50C3CF, #168995);
  6464.     background-image: ms-linear-gradient(to bottom, #50C3CF, #168995);
  6465.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#50C3CF', endColorstr='#168995');
  6466. }
  6467.  
  6468. .small_yogigreen,
  6469. .medium_yogigreen,
  6470. .large_yogigreen,
  6471. .message_karma_yogigreen {
  6472.     box-shadow: 0 0 0 1px #BBC8A7, 0 0 0 2px #818E6D;
  6473.     background-color: #818E6D;
  6474.     background-image: linear-gradient(to bottom, #BBC8A7, #818E6D); /* required first in the list for IE11 */
  6475.     background-image: -webkit-gradient(linear, left top, left bottom, from(#BBC8A7), to(#818E6D));
  6476.     background-image: -webkit-linear-gradient(top, #BBC8A7, #818E6D);
  6477.     background-image: -moz-linear-gradient(top, #BBC8A7, #818E6D);
  6478.     background-image: -webkit-linear-gradient(top, #BBC8A7, #818E6D);
  6479.     background-image: -o-linear-gradient(top, #BBC8A7, #818E6D);
  6480.     background-image: ms-linear-gradient(to bottom, #BBC8A7, #818E6D);
  6481.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BBC8A7', endColorstr='#818E6D');
  6482. }
  6483.  
  6484. /*----------------------------*/
  6485. /* Accordions
  6486. /*----------------------------*/
  6487. ul.accordion {
  6488.     width: 100%;
  6489.     padding: 0 0 20px 0;
  6490.     background: none;
  6491. }
  6492.  
  6493. #content ul.accordion {
  6494.     /* margin:20px 0;    */
  6495.     margin-bottom: 30px;
  6496. }
  6497.  
  6498. .accordion a.opener {
  6499.     text-decoration: none;
  6500. }
  6501.  
  6502. .opener {
  6503.     background-color: #FEFEFE;
  6504.     background-image: linear-gradient(to bottom, #FEFEFE, #CDCDCD);
  6505.     background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#CDCDCD));
  6506.     background-image: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD);
  6507.     background-image: -moz-linear-gradient(top, #FEFEFE, #CDCDCD);
  6508.     background-image: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD);
  6509.     background-image: -o-linear-gradient(top, #FEFEFE, #CDCDCD);
  6510.     background-image: ms-linear-gradient(to bottom, #FEFEFE, #CDCDCD);
  6511.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#CDCDCD');
  6512.     border: 1px solid #C3C3C3;
  6513.     color: #676767;
  6514.     display: block;
  6515.     font-size: 13px;
  6516.     margin-bottom: 3px;
  6517.     padding: 8px 9px;
  6518. }
  6519.  
  6520. .accordion .opener:hover,
  6521. .accordion .opener.ui-state-active strong {
  6522.     color: #222;
  6523.     text-decoration: none;
  6524. }
  6525.  
  6526. .accordion .opener strong {
  6527.     cursor: pointer;
  6528.     display: block;
  6529.     height: 1%;
  6530.     padding: 2px 0 2px 32px;
  6531.     position: relative;
  6532.     text-shadow: 1px 1px 1px #FFF;
  6533. }
  6534.  
  6535. .accordion .opener strong:before {
  6536.     background-position: -406px -58px;
  6537.     height: 18px;
  6538.     width: 18px;
  6539.     content:"";
  6540.     position:absolute;
  6541.     left: 2px;
  6542.     top: 3px;
  6543. }
  6544.  
  6545. .accordion .opener.ui-state-active strong:before {
  6546.     background-position: -400px -37px;
  6547. }
  6548.  
  6549. .accordion .slide-holder {
  6550.     width: 100%;
  6551.     overflow: hidden;
  6552. }
  6553.  
  6554. .accordion .slide {
  6555.     padding: 20px 27px 0 27px;
  6556. }
  6557.  
  6558. /*----------------------------*/
  6559. /* Tabs
  6560. /*----------------------------*/
  6561. #wrapper .tabs-area {
  6562.     padding: 20px 0 0 0;
  6563. }
  6564.  
  6565. #wrapper .tabset {
  6566.     margin: 0;
  6567.     padding: 0 0 14px 10px;
  6568.     height: 1%;
  6569.     overflow: hidden;
  6570. }
  6571.  
  6572. #wrapper .tabset li {
  6573.     float: left;
  6574.     margin-right: 20px;
  6575. }
  6576.  
  6577. #wrapper .tabset a:hover, .ui-state-active a span {
  6578.     color: #FFF;
  6579. }
  6580.  
  6581. #wrapper .tabset .tab {
  6582.     float: left;
  6583.     padding: 0 11px 0 0;
  6584.     color: #474747;
  6585. }
  6586.  
  6587. #wrapper .tabset .active,.ui-state-active, .tabset a:hover {
  6588.     text-decoration: none;
  6589.     color: #FFF;
  6590. }
  6591.  
  6592. #wrapper .tabset .tab span {
  6593.     float: left;
  6594.     padding: 3px 0 4px 13px;
  6595.     cursor: pointer;
  6596. }
  6597.  
  6598. #wrapper .tab-box,
  6599. .content-style-white .comment-content {
  6600.     background: #F4F4F2;
  6601.     background: linear-gradient(to bottom,  #e8e9e7 0%,#f4f4f2 50px);
  6602.     background: -moz-linear-gradient(top,  #e8e9e7 0%, #f4f4f2 50px);
  6603.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9e7), color-stop(50px,#f4f4f2));
  6604.     background: -webkit-linear-gradient(top,  #e8e9e7 0%,#f4f4f2 50px);
  6605.     background: -o-linear-gradient(top,  #e8e9e7 0%,#f4f4f2 50px);
  6606.     background: -ms-linear-gradient(top,  #e8e9e7 0%,#f4f4f2 50px);
  6607.     border-top: 1px solid #FFF;
  6608.     margin: 0 9px 10px 0;
  6609.     padding: 30px 27px 27px;
  6610.     position:relative;
  6611. }
  6612.  
  6613. #wrapper .tab-box:before {
  6614.    content: " ";
  6615.    position: absolute;
  6616.    left:0px;
  6617.    top:-2px;
  6618.    width:100%;
  6619.    height:1px;
  6620.    border-top: 1px solid #E6E6E4;
  6621. }
  6622.  
  6623.  
  6624. /*----------------------------*/
  6625. /* Business Contact Details
  6626. /*----------------------------*/
  6627. ul.tt-business-contact {
  6628.     list-style: none;
  6629. }
  6630.  
  6631. #content ul.tt-business-contact {
  6632.     margin:0 0 0 5px;
  6633.     padding-top: 2px;
  6634. }
  6635.  
  6636. ul.tt-business-contact li:before {
  6637.     content:"";
  6638. }
  6639.  
  6640. ul.tt-business-contact a {
  6641.     position: relative;
  6642.     padding:2px 0 2px 18px;
  6643. }
  6644.  
  6645. ul.tt-business-contact a:after {
  6646.     position: absolute;
  6647.     left:0px;
  6648.     top:0px;
  6649.     font-size: 14px;
  6650. }
  6651.  
  6652. ul.tt-business-contact a.tt-biz-phone:after {
  6653.     content: "\f095";
  6654. }
  6655.  
  6656. ul.tt-business-contact a.tt-biz-fax:after {
  6657.     content: "\f02f";
  6658. }
  6659.  
  6660. ul.tt-business-contact a.tt-biz-skype:after {
  6661.     content: "\f17e";
  6662. }
  6663.  
  6664. ul.tt-business-contact a.tt-biz-email:after {
  6665.     content: "\f003";
  6666.     font-size: 11px;
  6667. }
  6668.  
  6669. ul.tt-business-contact a.tt-biz-directions:after {
  6670.     content: "\f041";
  6671. }
  6672.  
  6673. /*----------------------------*/
  6674. /* Notification Boxes
  6675. /*----------------------------*/
  6676. .colored_box,
  6677. .karma_notify,
  6678. .wpcf7-validation-errors,
  6679. .wpcf7-mail-sent-ok {
  6680. -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15), 0 0 2px rgba(0,0,0,0.05);
  6681.        -moz-box-shadow:0 1px 2px rgba(0,0,0,0.15), 0 0 2px rgba(0,0,0,0.05);
  6682.             box-shadow:0 1px 2px rgba(0,0,0,0.15), 0 0 2px rgba(0,0,0,0.05);
  6683. }
  6684.  
  6685. .karma_notify {
  6686.     color: #333;
  6687.     padding: 20px 20px 20px 60px;
  6688.     margin: 0 0 20px 0;
  6689. }
  6690.  
  6691. .karma_notify p {
  6692.     position: relative;
  6693. }
  6694.  
  6695. .karma_notify p a {
  6696.     font-weight: bold; 
  6697. }
  6698.  
  6699. .karma_notify p:before {
  6700.     position:absolute;
  6701.     left: -37px;
  6702.     /* top: 36%; */
  6703.     font-size:20px;
  6704. }
  6705.  
  6706. .karma_notify#tt-contact-notify p:before {
  6707.     top: -5px;
  6708. }
  6709.  
  6710. .message_green,
  6711. .wpcf7-mail-sent-ok {
  6712.     border: 1px solid #BAC398;
  6713.     background-color:#dde6ba;
  6714.     border-color:#d0e289 #c6d881 #b8cb71;
  6715.     background-image: linear-gradient(to bottom, #e6efc2, #d9e2b7);
  6716.     background-image: -webkit-gradient(linear, left top, left bottom, from(#e6efc2), to(#d9e2b7));
  6717.     background-image: -webkit-linear-gradient(top, #e6efc2, #d9e2b7);
  6718.     background-image:    -moz-linear-gradient(top, #e6efc2, #d9e2b7);
  6719.     background-image:      -o-linear-gradient(top, #e6efc2, #d9e2b7);
  6720.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e6efc2', endColorstr='#d9e2b7');
  6721. }
  6722.  
  6723. .message_green p:before {
  6724.     content:"\f046";
  6725. }
  6726.  
  6727. .message_green p:before,
  6728. .message_green a {
  6729.     color: #66B500;
  6730. }
  6731.  
  6732. .message_red {
  6733.     border: 1px solid #CDBFBE;
  6734.     border-color:#f7d5d6 #f1c8ca #f2b5b8;
  6735.     background-image: linear-gradient(to bottom, #fbe2e3, #eeccce);
  6736.     background-image: -webkit-gradient(linear, left top, left bottom, from(#fbe2e3), to(#eeccce));
  6737.     background-image: -webkit-linear-gradient(top, #fbe2e3, #eeccce);
  6738.     background-image:    -moz-linear-gradient(top, #fbe2e3, #eeccce);
  6739.     background-image:      -o-linear-gradient(top, #fbe2e3, #eeccce);
  6740.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbe2e3', endColorstr='#eeccce');
  6741. }
  6742.  
  6743. .message_red p:before {
  6744.     content:"\f00d";
  6745. }
  6746.  
  6747. .message_red p:before,
  6748. .message_red a {
  6749.     color: #CB2A19;
  6750. }
  6751.  
  6752. .message_blue {
  6753.     border: 1px solid #BDC4CA;
  6754.     border-color:#b8e1fd #a6d4f4 #9ed1f5;
  6755.     background-image: linear-gradient(to bottom, #e0f4ff, #d4e6f0);
  6756.     background-image: -webkit-gradient(linear, left top, left bottom, from(#e0f4ff), to(#d4e6f0));
  6757.     background-image: -webkit-linear-gradient(top, #e0f4ff, #d4e6f0);
  6758.     background-image:    -moz-linear-gradient(top, #e0f4ff, #d4e6f0);
  6759.     background-image:      -o-linear-gradient(top, #e0f4ff, #d4e6f0);
  6760.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0f4ff', endColorstr='#d4e6f0');
  6761. }
  6762.  
  6763. .message_blue p:before {
  6764.     content:"\f0eb";
  6765. }
  6766.  
  6767. .message_blue p:before,
  6768. .message_blue a {
  6769.     color: #0092F5;
  6770. }
  6771.  
  6772. .message_yellow,
  6773. .wpcf7-validation-errors {
  6774.     border: 1px solid #D8D4B7;
  6775.     border-color:#f7dc72 #f4d96c #eace61;
  6776.     background-image: linear-gradient(to bottom, #ffffb9, #f0efae);
  6777.     background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffb9), to(#f0efae));
  6778.     background-image: -webkit-linear-gradient(top, #ffffb9, #f0efae);
  6779.     background-image:    -moz-linear-gradient(top, #ffffb9, #f0efae);
  6780.     background-image:      -o-linear-gradient(top, #ffffb9, #f0efae);
  6781.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffb9', endColorstr='#f0efae');/*For IE7-8-9*/
  6782. }
  6783.  
  6784. .message_yellow p:before {
  6785.     content:"\f06a";
  6786. }
  6787.  
  6788. .message_yellow p:before,
  6789. .message_yellow a {
  6790.     color: #A58100;
  6791. }
  6792.  
  6793.  
  6794. /*----------------------------*/
  6795. /* Callout Boxes
  6796. /*----------------------------*/
  6797. .colored_box {
  6798.     /* box-shadow: none !important; @since 4.0 - uncomment for old styling */
  6799.     color: #FFF;
  6800.     padding: 30px;
  6801.     margin: 0 0 20px 0;
  6802.     font-size: 13px;
  6803.     width: 100%;
  6804. }
  6805.  
  6806. .colored_box p,
  6807. .colored_box h1,
  6808. .colored_box h2,
  6809. .colored_box h3,
  6810. .colored_box h4,
  6811. .colored_box h5,
  6812. .colored_box h6 {
  6813.     color: #FFF !important;
  6814.     text-shadow: none;
  6815. }
  6816.  
  6817. .colored_box p {
  6818.     line-height: 23px;
  6819.     color: #FFF !important;
  6820. }
  6821. .colored_box p:last-child {
  6822.     margin-bottom: 0;
  6823. }  
  6824.  
  6825. .colored_box a {
  6826.     color: rgba(255,255,255,0.5);
  6827. }
  6828.  
  6829. .colored_box a:hover {
  6830.     color: rgba(255,255,255,0.8);
  6831. }
  6832.  
  6833. /*----------------------------*/
  6834. /* Team Members
  6835. /*----------------------------*/
  6836. .member-wrap {
  6837.     border-bottom: 1px solid #FEFEFC;
  6838.     margin-bottom: 41px;
  6839.     overflow: auto;
  6840.     padding-bottom: 25px;
  6841.     position: relative;
  6842.     width: 100%;
  6843. }
  6844.  
  6845. .member-wrap.member-last-item,
  6846. .member-wrap.member-last-item:after {
  6847.     border: 0;
  6848. }
  6849.  
  6850. .member-photo {
  6851.     width: 220px;
  6852.     float: left;
  6853. }
  6854.  
  6855. .member-bio {
  6856.     width: 678px;
  6857.     float: right;
  6858. }
  6859.  
  6860. #content .member-bio h4.team-member-name {
  6861.     margin-bottom: 5px;
  6862. }
  6863.  
  6864. /*----------------------------*/
  6865. /* Vector Icon Boxes
  6866. /*----------------------------*/
  6867. /* .tt-icon-box can be added to <div> or <a> depending on users shortcode input */
  6868. .tt-icon-box {
  6869.     background: none repeat scroll 0 0 #FFFFFF;
  6870.     border-radius: 4px;
  6871.     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  6872.     color: #333333;
  6873.     float: left;
  6874.     margin-bottom: 20px;
  6875.     overflow: hidden;
  6876.     padding: 30px;
  6877.     text-align: center;
  6878.     transition: all 0.2s ease-out 0s;
  6879.     width: 100%;
  6880.     -webkit-border-radius:2px;
  6881.        -moz-border-radius:2px;
  6882.     -webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15);
  6883.        -moz-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15);
  6884.     -webkit-transition:all 0.2s ease-out 0s;
  6885.        -moz-transition:all 0.2s ease-out 0s;
  6886.          -o-transition:all 0.2s ease-out 0s;
  6887. }
  6888.  
  6889. .tt-icon-box span.fa-stack {
  6890.     margin-bottom: 15px;
  6891. }
  6892.  
  6893. a.tt-icon-box {
  6894.     text-decoration: none;
  6895.     cursor: pointer;
  6896. }
  6897.  
  6898. .tt-icon-box:hover {
  6899.     margin: -6px 0 26px 0;
  6900.     text-decoration: none;
  6901. }
  6902.  
  6903.  
  6904. /*----------------------------*/
  6905. /* Pricing Tables
  6906. /*----------------------------*/
  6907. .uds-pricing-table table,
  6908. #main #content .uds-pricing-table table {
  6909.     width: 100%;
  6910.     text-align: center;
  6911.     border: none;
  6912.     font-family: Helvetica, Arial;
  6913.     font-size: 12px;
  6914.     border-collapse: collapse;
  6915.     border-spacing: 0;
  6916. }
  6917.  
  6918. #main #content .uds-pricing-table table .price {
  6919.     padding: 25px 0 0 0;
  6920. }
  6921.  
  6922. .uds-pricing-table th,
  6923. #main #content .uds-pricing-table th {
  6924.     line-height: 18px;
  6925.     padding: 9px 24px;
  6926.     color: #333;
  6927.     font-size: 12px;
  6928.     font-weight: bold;
  6929. }
  6930.  
  6931. .uds-pricing-table thead th.header-shadow.column-0,
  6932. #main #content .uds-pricing-table thead th.header-shadow.column-0 {
  6933.     border: none !important;
  6934. }
  6935.  
  6936. .uds-pricing-table thead th {
  6937.     text-align: center;
  6938.     font-family: Helvetica, Arial;
  6939. }
  6940.  
  6941. .uds-pricing-table thead th .price,
  6942. #main #content .uds-pricing-table thead th .price {
  6943.     font-size: 28px;
  6944.     font-weight: bold;
  6945.     text-shadow: 1px 1px 1px white;
  6946.     color: #666;
  6947.     display: block;
  6948.     padding: 15px 0 0 0;
  6949. }
  6950.  
  6951. .uds-pricing-table thead th .unit,
  6952. #main #content .uds-pricing-table thead th .unit {
  6953.     font-size: 12px;
  6954.     margin-bottom: 0px;
  6955.     text-shadow: 1px 1px 1px white;
  6956.     display: block;
  6957.     margin-top: -5px;
  6958. }
  6959.  
  6960. .uds-pricing-table thead th .uds-product-name,
  6961. #main #content .uds-pricing-table thead th .uds-product-name {
  6962.     font-size: 15px;
  6963.     background-color: #c1c1c1;
  6964.     color: #fafafa;
  6965.     text-shadow: 1px 1px 1px #999;
  6966.     padding: 8px 0 7px 0;
  6967.     font-family: Helvetica, Arial;
  6968.     text-align: center;
  6969.     display: block;
  6970.     font-weight: 400;
  6971. }
  6972.  
  6973. .uds-pricing-table thead th,
  6974. #main #content .uds-pricing-table thead th {
  6975.     padding: 0px 0px 9px;
  6976.     border-left: 1px solid #ddd;
  6977.     border-right: 1px solid #ddd;
  6978. }
  6979.  
  6980. .uds-pricing-table thead th.odd,
  6981. #main #content .uds-pricing-table thead th.odd {
  6982.     background-color: #f3f3f3;
  6983. }
  6984.  
  6985. .uds-pricing-table thead th.column-0,
  6986. #main #content .uds-pricing-table thead th.column-0 {
  6987.     background-color: transparent;
  6988.     border-top: none;
  6989.     border-left: none;
  6990.     border-right: 1px solid #ddd;
  6991.     border-bottom: 1px solid #ddd;
  6992. }
  6993.  
  6994. .uds-pricing-table tr.odd td,
  6995. #main #content .uds-pricing-table tr.odd td {
  6996.     background-color: #fff;
  6997. }
  6998.  
  6999. .uds-pricing-table tr.even td,
  7000. #main #content .uds-pricing-table tr.even td {
  7001.     background-color: #eee;
  7002. }
  7003.  
  7004. .uds-pricing-table tbody tr.even,
  7005. #main #content .uds-pricing-table tbody tr.even {
  7006.     background-color: #eee;
  7007.     padding: 15px;
  7008. }
  7009.  
  7010. .uds-pricing-table thead th.header-shadow,
  7011. #main #content .uds-pricing-table thead th.header-shadow {
  7012.     background-color: transparent !important;
  7013.     border: none !important;
  7014. }
  7015.  
  7016. .uds-pricing-table tbody th,
  7017. #main #content .uds-pricing-table tbody th {
  7018.     padding-left: 9px;
  7019.     border: 1px solid #ddd;
  7020.     text-align: left;
  7021.     font-weight: normal;
  7022. }
  7023.  
  7024. .uds-pricing-table tbody td,
  7025. #main #content .uds-pricing-table tbody td {
  7026.     padding: 9px;
  7027.     text-align: center;
  7028.     border: 1px solid #ddd;
  7029. }
  7030.  
  7031. .uds-pricing-table tfoot th,
  7032. #main #content .uds-pricing-table tfoot th {
  7033.     text-align: center;
  7034.     padding: 30px 0px;
  7035. }
  7036.  
  7037. .uds-pricing-table tfoot th.footer-shadow,
  7038. #main #content .uds-pricing-table tfoot th.footer-shadow {
  7039.     padding: 0px;
  7040.     height: 5px;
  7041. }
  7042.  
  7043. /* Shadows */
  7044.  
  7045. .uds-pricing-table thead th.featured-l .uds-product-name,
  7046. #main #content .uds-pricing-table thead th.featured-l .uds-product-name {
  7047.     background-image: url(../images/shadow-left.png);
  7048.     background-repeat: repeat-y;
  7049.     background-position: top right;
  7050. }
  7051.  
  7052. .uds-pricing-table thead th.featured-r .uds-product-name,
  7053. #main #content .uds-pricing-table thead th.featured-r .uds-product-name {
  7054.     background-image: url(../images/shadow-right.png);
  7055.     background-repeat: repeat-y;
  7056.     background-position: top left;
  7057. }
  7058.  
  7059. .uds-pricing-table th.featured-l,
  7060. #main #content .uds-pricing-table th.featured-l,
  7061. .uds-pricing-table td.featured-l,
  7062. #main #content .uds-pricing-table td.featured-l {
  7063.     background-image: url(../images/shadow-left.png);
  7064.     background-repeat: repeat-y;
  7065.     background-position: top right;
  7066. }
  7067.  
  7068. .uds-pricing-table th.featured-r,
  7069. #main #content .uds-pricing-table th.featured-r,
  7070. .uds-pricing-table td.featured-r,
  7071. #main #content .uds-pricing-table td.featured-r {
  7072.     background-image: url(../images/shadow-right.png);
  7073.     background-repeat: repeat-y;
  7074.     background-position: top left;
  7075. }
  7076.  
  7077. .uds-pricing-table thead tr th.header-shadow.featured,
  7078. #main #content .uds-pricing-table thead tr th.header-shadow.featured {
  7079.     background-color: transparent;
  7080.     background-image: url(../images/shadow-top.png);
  7081.     background-repeat: repeat-x;
  7082.     background-position: bottom left;
  7083.     border: none;
  7084. }
  7085.  
  7086. .uds-pricing-table.ie6 thead tr th.header-shadow.featured,
  7087. #main #content .uds-pricing-table.ie6 thead tr th.header-shadow.featured {
  7088.     background-image: none;
  7089. }
  7090.  
  7091. .uds-pricing-table thead tr th.header-shadow.featured-l,
  7092. #main #content .uds-pricing-table thead tr th.header-shadow.featured-l {
  7093.     background-color: transparent;
  7094.     background-image: url(../images/shadow-top-left.png);
  7095.     background-repeat: no-repeat;
  7096.     background-position: bottom right;
  7097. }
  7098.  
  7099. .uds-pricing-table thead tr th.header-shadow.featured-r,
  7100. #main #content .uds-pricing-table thead tr th.header-shadow.featured-r {
  7101.     background-color: transparent;
  7102.     background-image: url(../images/shadow-top-right.png);
  7103.     background-repeat: no-repeat;
  7104.     background-position: bottom left;
  7105. }
  7106.  
  7107. .uds-pricing-table tfoot tr th.footer-shadow.featured,
  7108. #main #content .uds-pricing-table tfoot tr th.footer-shadow.featured {
  7109.     background-color: transparent;
  7110.     background-image: url(../images/shadow-bottom.png);
  7111.     background-repeat: repeat-x;
  7112.     background-position: top left;
  7113.     border: none;
  7114. }
  7115.  
  7116. .uds-pricing-table.ie6 tfoot tr th.footer-shadow.featured,
  7117. #main #content .uds-pricing-table.ie6 tfoot tr th.footer-shadow.featured {
  7118.     background-image: none;
  7119. }
  7120.  
  7121. .uds-pricing-table tfoot tr th.footer-shadow.featured-l,
  7122. #main #content .uds-pricing-table tfoot tr th.footer-shadow.featured-l {
  7123.     background-color: transparent;
  7124.     background-image: url(../images/shadow-bottom-left.png);
  7125.     background-repeat: no-repeat;
  7126.     background-position: top right;
  7127. }
  7128.  
  7129. .uds-pricing-table tfoot tr th.footer-shadow.featured-r,
  7130. #main #content .uds-pricing-table tfoot tr th.footer-shadow.featured-r {
  7131.     background-color: transparent;
  7132.     background-image: url(../images/shadow-bottom-right.png);
  7133.     background-repeat: no-repeat;
  7134.     background-position: top left;
  7135. }
  7136.  
  7137. .uds-pricing-table tfoot tr th.footer-shadow.featured,
  7138. #main #content .uds-pricing-table tfoot tr th.footer-shadow.featured,
  7139. .uds-pricing-table tfoot tr th.footer-shadow.featured-l,
  7140. #main #content .uds-pricing-table tfoot tr th.footer-shadow.featured-l,
  7141. .uds-pricing-table tfoot tr th.footer-shadow.featured-r,
  7142. #main #content .uds-pricing-table tfoot tr th.footer-shadow.featured-r,
  7143. .uds-pricing-table thead tr th.header-shadow.featured,
  7144. #main #content .uds-pricing-table thead tr th.header-shadow.featured,
  7145. .uds-pricing-table thead tr th.header-shadow.featured-l,
  7146. #main #content .uds-pricing-table thead tr th.header-shadow.featured-l,
  7147. .uds-pricing-table thead tr th.header-shadow.featured-r,
  7148. #main #content .uds-pricing-table thead tr th.header-shadow.featured-r {
  7149.     border: none !important;
  7150. }
  7151.  
  7152. /* END Shadows */
  7153.  
  7154.  
  7155. .uds-pricing-table tfoot tr,
  7156. #main #content .uds-pricing-table tfoot tr {
  7157.     border: none;
  7158. }
  7159.  
  7160. #main #content .uds-pricing-table tfoot th {
  7161.     font-weight: normal !important;
  7162. }
  7163.  
  7164. #main #content .uds-pricing-table tfoot th a {
  7165.     margin-left: 7px;
  7166. }
  7167.  
  7168. .uds-pricing-table tr th.featured,
  7169. .uds-pricing-table tr td.featured,
  7170. #main #content .uds-pricing-table tr th.featured,
  7171. #main #content .uds-pricing-table tr td.featured {
  7172.     background-color: #f5f5f5;
  7173. }
  7174.  
  7175. .uds-pricing-table thead tr th.featured,
  7176. #main #content .uds-pricing-table thead tr th.featured {
  7177. }
  7178.  
  7179. .uds-pricing-table tfoot tr th.featured,
  7180. #main #content .uds-pricing-table tfoot tr th.featured {
  7181.     border: 1px solid #ddd;
  7182. }
  7183.  
  7184. .uds-pricing-table thead th.featured .uds-product-name,
  7185. #main #content .uds-pricing-table thead th.featured .uds-product-name {
  7186.     border-left: 1px solid #c1c1c1;
  7187.     border-right: 1px solid #c1c1c1;
  7188. }
  7189.  
  7190. /* Dark with green featued column */
  7191.  
  7192. .uds-pricing-table.dark th,
  7193. #main #content .uds-pricing-table.dark th, .uds-pricing-table.dark td,
  7194. #main #content .uds-pricing-table.dark td {
  7195.     color: #eee;
  7196. }
  7197.  
  7198. .uds-pricing-table.dark thead th,
  7199. #main #content .uds-pricing-table.dark thead th {
  7200.     padding: 0px 0px 9px;
  7201.     border-left: 1px solid #242424;
  7202.     border-right: 1px solid #242424;
  7203. }
  7204.  
  7205. .uds-pricing-table.dark tfoot tr th.featured,
  7206. #main #content .uds-pricing-table.dark tfoot tr th.featured {
  7207.     border: none;
  7208. }
  7209.  
  7210. .uds-pricing-table.dark thead th.odd,
  7211. #main #content .uds-pricing-table.dark thead th.odd {
  7212.     background-color: #404040;
  7213. }
  7214.  
  7215. .uds-pricing-table.dark thead th.even,
  7216. #main #content .uds-pricing-table.dark thead th.even {
  7217.     background-color: #666;
  7218. }
  7219.  
  7220. .uds-pricing-table.dark thead th .uds-product-name,
  7221. #main #content .uds-pricing-table.dark thead th .uds-product-name {
  7222.     background-color: #242424;
  7223.     text-shadow: 1px 1px 1px black;
  7224.     color: #fff;
  7225.     border-left: 1px solid #242424;
  7226.     border-right: 1px solid #242424;
  7227. }
  7228.  
  7229. .uds-pricing-table.dark thead th.featured.uds-product-name,
  7230. #main #content .uds-pricing-table.dark thead th.featured.uds-product-name {
  7231.     background-color: #819835;
  7232.     border: none;
  7233. }
  7234.  
  7235. .uds-pricing-table.dark thead th .price, .uds-pricing-table.dark thead th .unit,
  7236. #main #content .uds-pricing-table.dark thead th .price, #main #content .uds-pricing-table.dark thead th .unit {
  7237.     text-shadow: 1px 1px 1px black;
  7238.     color: #fff;
  7239. }
  7240.  
  7241. .uds-pricing-table.dark tr.even td, .uds-pricing-table.dark tr.even th,
  7242. #main #content .uds-pricing-table.dark tr.even td, #main #content .uds-pricing-table.dark tr.even th {
  7243.     background-color: #666;
  7244. }
  7245.  
  7246. .uds-pricing-table.dark tr.odd td, .uds-pricing-table.dark tr.odd th,
  7247. #main #content .uds-pricing-table.dark tr.odd td, #main #content .uds-pricing-table.dark tr.odd th {
  7248.     background-color: #404040;
  7249. }
  7250.  
  7251. .uds-pricing-table.dark tbody td, .uds-pricing-table.dark tbody th,
  7252. #main #content .uds-pricing-table.dark tbody td, #main #content .uds-pricing-table.dark tbody th {
  7253.     border: 1px solid #353535;
  7254.     text-shadow: 1px 1px 1px #222;
  7255. }
  7256.  
  7257. .uds-pricing-table.dark thead th.column-0,
  7258. #main #content .uds-pricing-table.dark thead th.column-0 {
  7259.     border-bottom: 1px solid #242424;
  7260.     border-left: none;
  7261.     border-right: none;
  7262.     background-color: transparent;
  7263. }
  7264.  
  7265. .uds-pricing-table.dark thead tr th.featured,
  7266. #main #content .uds-pricing-table.dark thead tr th.featured {
  7267.     border: none;
  7268. }
  7269.  
  7270. .uds-pricing-table.dark tr th.featured,
  7271. .uds-pricing-table.dark tr td.featured,
  7272. #main #content .uds-pricing-table.dark tr th.featured,
  7273. #main #content .uds-pricing-table.dark tr td.featured {
  7274.     background-color: #90aa3c;
  7275.     border: 1px solid #748a2b;
  7276.     border-right: 1px solid #353535;
  7277. }
  7278.  
  7279. .uds-pricing-table.ie6.dark tr th.featured,
  7280. .uds-pricing-table.ie6.dark tr td.featured,
  7281. #main #content .uds-pricing-table.ie6.dark tr th.featured,
  7282. #main #content .uds-pricing-table.ie6.dark tr td.featured {
  7283.     background-color: #90aa3c !important;
  7284. }
  7285.  
  7286. .uds-pricing-table.dark tr.even th.featured,
  7287. .uds-pricing-table.dark tr.even td.featured,
  7288. #main #content .uds-pricing-table.dark tr.even th.featured,
  7289. #main #content .uds-pricing-table.dark tr.even td.featured {
  7290.     background-color: #819835;
  7291. }
  7292.  
  7293. .uds-pricing-table.dark tfoot tr th.featured,
  7294. #main #content .uds-pricing-table.dark tfoot tr th.featured {
  7295.     border: 1px solid #5e7a29;
  7296. }
  7297.  
  7298. /* blue and yellow */
  7299.  
  7300. .uds-pricing-table.blue-yellow th,
  7301. #main #content .uds-pricing-table.blue-yellow th, .uds-pricing-table.blue-yellow td,
  7302. #main #content .uds-pricing-table.blue-yellow td {
  7303.     text-shadow: 1px 1px 1px #0e4156;
  7304.     color: #fff;
  7305. }
  7306.  
  7307. .uds-pricing-table.blue-yellow thead th,
  7308. #main #content .uds-pricing-table.blue-yellow thead th {
  7309.     padding: 0px 0px 9px;
  7310.     border-left: 1px solid #229bcc;
  7311.     border-right: 1px solid #229bcc;
  7312. }
  7313.  
  7314. .uds-pricing-table.blue-yellow tfoot tr th.featured,
  7315. #main #content .uds-pricing-table.blue-yellow tfoot tr th.featured {
  7316.     border: none;
  7317. }
  7318.  
  7319. .uds-pricing-table.blue-yellow thead th.odd,
  7320. #main #content .uds-pricing-table.blue-yellow thead th.odd {
  7321.     background-color: #45a8d1;
  7322. }
  7323.  
  7324. .uds-pricing-table.blue-yellow thead th.even,
  7325. #main #content .uds-pricing-table.blue-yellow thead th.even {
  7326.     background-color: #4dbce9;
  7327. }
  7328.  
  7329. .uds-pricing-table.blue-yellow thead th .uds-product-name,
  7330. #main #content .uds-pricing-table.blue-yellow thead th .uds-product-name {
  7331.     background-color: #317b99;
  7332.     text-shadow: 1px 1px 1px #08374a;
  7333.     color: #e4f7ff;
  7334. }
  7335.  
  7336. .uds-pricing-table.blue-yellow thead th.featured.uds-product-name,
  7337. #main #content .uds-pricing-table.blue-yellow thead th.featured.uds-product-name {
  7338.     background-color: #f2c45a;
  7339.     border: none;
  7340.     text-shadow: 1px 1px 1px #fff2d4;
  7341.     color: #49360b;
  7342. }
  7343.  
  7344. .uds-pricing-table.blue-yellow thead th .price, .uds-pricing-table.blue-yellow thead th .unit,
  7345. #main #content .uds-pricing-table.blue-yellow thead th .price, #main #content .uds-pricing-table.blue-yellow thead th .unit {
  7346.     text-shadow: 1px 1px 1px #0e4156;
  7347.     color: #fff;
  7348. }
  7349.  
  7350. .uds-pricing-table.blue-yellow thead th.featured .price, .uds-pricing-table.blue-yellow thead th.featured .unit,
  7351. #main #content .uds-pricing-table.blue-yellow thead th.featured .price, #main #content .uds-pricing-table.blue-yellow thead th.featured .unit {
  7352.     text-shadow: 1px 1px 1px #fff2d4;
  7353.     color: #49360b;
  7354. }
  7355.  
  7356. .uds-pricing-table.blue-yellow tr.even td, .uds-pricing-table.blue-yellow tr.even th,
  7357. #main #content .uds-pricing-table.blue-yellow tr.even td, #main #content .uds-pricing-table.blue-yellow tr.even th {
  7358.     background-color: #4dbce9;
  7359. }
  7360.  
  7361. .uds-pricing-table.blue-yellow tr.odd td, .uds-pricing-table.blue-yellow tr.odd th,
  7362. #main #content .uds-pricing-table.blue-yellow tr.odd td, #main #content .uds-pricing-table.blue-yellow tr.odd th {
  7363.     background-color: #45a8d1;
  7364. }
  7365.  
  7366. .uds-pricing-table.blue-yellow tbody td, .uds-pricing-table.blue-yellow tbody th,
  7367. #main #content .uds-pricing-table.blue-yellow tbody td, #main #content .uds-pricing-table.blue-yellow tbody th {
  7368.     border: 1px solid #229bcc;
  7369.     text-shadow: 1px 1px 1px #229bcc;
  7370. }
  7371.  
  7372. .uds-pricing-table.blue-yellow thead th.column-0,
  7373. #main #content .uds-pricing-table.blue-yellow thead th.column-0 {
  7374.     border-bottom: 1px solid #229bcc;
  7375.     border-left: none;
  7376.     border-right: none;
  7377.     background-color: transparent;
  7378. }
  7379.  
  7380. .uds-pricing-table.blue-yellow thead tr th.featured,
  7381. #main #content .uds-pricing-table.blue-yellow thead tr th.featured {
  7382.     border: none;
  7383. }
  7384.  
  7385. .uds-pricing-table.blue-yellow tr th.featured,
  7386. .uds-pricing-table.blue-yellow tr td.featured,
  7387. #main #content .uds-pricing-table.blue-yellow tr th.featured,
  7388. #main #content .uds-pricing-table.blue-yellow tr td.featured {
  7389.     background-color: #d9b050;
  7390.     border: 1px solid #d0a645;
  7391.     text-shadow: 1px 1px 1px #fff2d4;
  7392.     color: #49360b;
  7393. }
  7394.  
  7395. .uds-pricing-table.ie6.blue-yellow tr th.featured,
  7396. .uds-pricing-table.ie6.blue-yellow tr td.featured,
  7397. #main #content .uds-pricing-table.ie6.blue-yellow tr th.featured,
  7398. #main #content .uds-pricing-table.ie6.blue-yellow tr td.featured {
  7399.     background-color: #d9b050 !important;
  7400. }
  7401.  
  7402. .uds-pricing-table.blue-yellow tr th.featured-l,
  7403. .uds-pricing-table.blue-yellow tr td.featured-l,
  7404. #main #content .uds-pricing-table.blue-yellow tr th.featured-l,
  7405. #main #content .uds-pricing-table.blue-yellow tr td.featured-l {
  7406.     border-right: 1px solid #d0a645;
  7407. }
  7408.  
  7409. .uds-pricing-table.blue-yellow tr.even th.featured,
  7410. .uds-pricing-table.blue-yellow tr.even td.featured,
  7411. #main #content .uds-pricing-table.blue-yellow tr.even th.featured,
  7412. #main #content .uds-pricing-table.blue-yellow tr.even td.featured {
  7413.     background-color: #f2c45a;
  7414. }
  7415.  
  7416. .uds-pricing-table.blue-yellow tfoot tr th.featured,
  7417. #main #content .uds-pricing-table.blue-yellow tfoot tr th.featured {
  7418.     border: 1px solid #d0a645;
  7419. }
  7420.  
  7421. /* Grey and orange */
  7422.  
  7423. .uds-pricing-table.light thead th,
  7424. #main #content .uds-pricing-table.light thead th {
  7425.     padding: 0px 0px 9px;
  7426.     border-left: 1px solid #a8b5b9;
  7427.     border-right: 1px solid #a8b5b9;
  7428.     border-top: none;
  7429. }
  7430.  
  7431. .uds-pricing-table.light thead th.odd,
  7432. #main #content .uds-pricing-table.light thead th.odd {
  7433.     background-color: #dddfe4;
  7434. }
  7435.  
  7436. .uds-pricing-table.light thead th.even,
  7437. #main #content .uds-pricing-table.light thead th.even {
  7438.     background-color: #f7f9fe;
  7439. }
  7440.  
  7441. .uds-pricing-table.light thead th .uds-product-name,
  7442. #main #content .uds-pricing-table.light thead th .uds-product-name {
  7443.     background-color: #b8bbc0;
  7444.     text-shadow: 1px 1px 1px #76868a;
  7445.     color: #fff;
  7446. }
  7447.  
  7448. .uds-pricing-table.light thead th.featured.uds-product-name,
  7449. #main #content .uds-pricing-table.light thead th.featured.uds-product-name {
  7450.     background-color: #ecf1f2;
  7451.     border: none;
  7452.     color: #666;
  7453.     text-shadow: 1px 1px 1px white;
  7454. }
  7455.  
  7456. .uds-pricing-table.light tr.even td, .uds-pricing-table.light tr.even th,
  7457. #main #content .uds-pricing-table.light tr.even td, #main #content .uds-pricing-table.light tr.even th {
  7458.     background-color: #f7f9fe;
  7459. }
  7460.  
  7461. .uds-pricing-table.light tr.odd td, .uds-pricing-table.light tr.odd th,
  7462. #main #content .uds-pricing-table.light tr.odd td, #main #content .uds-pricing-table.light tr.odd th {
  7463.     background-color: #dddfe4;
  7464. }
  7465.  
  7466. .uds-pricing-table.light tbody td, .uds-pricing-table.light tbody th,
  7467. #main #content .uds-pricing-table.light tbody td, #main #content .uds-pricing-table.light tbody th {
  7468.     border: 1px solid #b2b5bb;
  7469.     text-shadow: 1px 1px 1px #fff;
  7470. }
  7471.  
  7472. .uds-pricing-table.light thead th.column-0,
  7473. #main #content .uds-pricing-table.light thead th.column-0 {
  7474.     border-bottom: 1px solid #a8b5b9;
  7475.     border-left: none;
  7476.     border-right: none;
  7477.     background-color: transparent;
  7478. }
  7479.  
  7480. .uds-pricing-table.light tr th.featured,
  7481. .uds-pricing-table.light tr td.featured,
  7482. #main #content .uds-pricing-table.light tr th.featured,
  7483. #main #content .uds-pricing-table.light tr td.featured {
  7484.     border: 1px solid #a8b5b9;
  7485.     background-color: #c5d0d3;
  7486. }
  7487.  
  7488. .uds-pricing-table.light tr td.featured,
  7489. #main #content .uds-pricing-table.light tr td.featured {
  7490.     border-right: 1px solid #a8b5b9;
  7491. }
  7492.  
  7493. .uds-pricing-table.light  tr.even th.featured,
  7494. .uds-pricing-table.light  tr.even td.featured,
  7495. #main #content .uds-pricing-table.light  tr.even th.featured,
  7496. #main #content .uds-pricing-table.light  tr.even td.featured {
  7497.     background-color: #ecf1f2;
  7498. }
  7499.  
  7500. /* Lime */
  7501.  
  7502. .uds-pricing-table.lime thead th .uds-product-name,
  7503. #main #content .uds-pricing-table.lime thead th .uds-product-name {
  7504.     background-color: #878b83;
  7505.     text-shadow: 1px 1px 1px #76868a;
  7506.     color: #fff;
  7507. }
  7508.  
  7509. .uds-pricing-table.lime thead th.featured.uds-product-name,
  7510. #main #content .uds-pricing-table.lime thead th.featured.uds-product-name {
  7511.     background-color: #878b83;
  7512.     border: none;
  7513.     color: #fff;
  7514. }
  7515.  
  7516. .uds-pricing-table.lime tr.even td, .uds-pricing-table.lime tr.even th,
  7517. #main #content .uds-pricing-table.lime tr.even td, #main #content .uds-pricing-table.lime tr.even th {
  7518.     background-color: #d8f0c0;
  7519. }
  7520.  
  7521. .uds-pricing-table.lime thead th.featured,
  7522. #main #content .uds-pricing-table.lime thead th.featured {
  7523.     background: inherit;
  7524. }
  7525.  
  7526. .uds-pricing-table.lime tr.odd td, .uds-pricing-table.lime tr.odd th,
  7527. #main #content .uds-pricing-table.lime tr.odd td, #main #content .uds-pricing-table.lime tr.odd th {
  7528.     background-color: #a8d848;
  7529. }
  7530.  
  7531. .uds-pricing-table.lime tbody td, .uds-pricing-table.lime tbody th,
  7532. #main #content .uds-pricing-table.lime tbody td, #main #content .uds-pricing-table.lime tbody th {
  7533.     border: 1px solid #89b630;
  7534.     text-shadow: 1px 1px 1px #fff;
  7535. }
  7536.  
  7537. .uds-pricing-table.lime thead th.column-0,
  7538. #main #content .uds-pricing-table.lime thead th.column-0 {
  7539.     border-bottom: 1px solid #89b630;
  7540.     border-left: none;
  7541.     border-right: none;
  7542.     background-color: transparent;
  7543. }
  7544.  
  7545.  
  7546. /*----------------------------*/
  7547. /* PrettyPhoto
  7548. /*----------------------------*/
  7549. /* want to un-compress this code? here's a great tool: http://html.fwpolice.com/css/ */
  7550. div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px;}div.pp_default .pp_top .pp_left{background:url(images/_global/prettyPhoto/default/sprite.png) -78px -93px no-repeat;}div.pp_default .pp_top .pp_middle{background:url(images/_global/prettyPhoto/default/sprite_x.png) top left repeat-x;}div.pp_default .pp_top .pp_right{background:url(images/_global/prettyPhoto/default/sprite.png) -112px -93px no-repeat;}div.pp_default .pp_content .ppt{color:#f8f8f8;}div.pp_default .pp_content_container .pp_left{background:url(images/_global/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px;}div.pp_default .pp_content_container .pp_right{background:url(images/_global/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px;}div.pp_default .pp_next:hover{background:url(images/_global/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer;}div.pp_default .pp_previous:hover{background:url(images/_global/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer;}div.pp_default .pp_expand{background:url(images/_global/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px;}div.pp_default .pp_expand:hover{background:url(images/_global/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer;}div.pp_default .pp_contract{background:url(images/_global/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px;}div.pp_default .pp_contract:hover{background:url(images/_global/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer;}div.pp_default .pp_close{background:url(images/_global/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px;}div.pp_default .pp_gallery ul li a{background:url(images/_global/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa;}div.pp_default .pp_social{margin-top:7px;}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static;}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px;}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px;}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/_global/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0;}div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px;}div.pp_default .pp_content_container .pp_details{margin-top:5px;}div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px;}div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px;}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7;}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0;}div.pp_default .pp_bottom .pp_left{background:url(images/_global/prettyPhoto/default/sprite.png) -78px -127px no-repeat;}div.pp_default .pp_bottom .pp_middle{background:url(images/_global/prettyPhoto/default/sprite_x.png) bottom left repeat-x;}div.pp_default .pp_bottom .pp_right{background:url(images/_global/prettyPhoto/default/sprite.png) -112px -127px no-repeat;}div.pp_default .pp_loaderIcon{background:url(images/_global/prettyPhoto/default/loader.gif) center center no-repeat;}div.light_rounded .pp_top .pp_left{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_right{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_next:hover{background:url(images/_global/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer;}div.light_rounded .pp_previous:hover{background:url(images/_global/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer;}div.light_rounded .pp_expand{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.light_rounded .pp_expand:hover{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.light_rounded .pp_contract{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.light_rounded .pp_contract:hover{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.light_rounded .pp_close{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px;}div.light_rounded .pp_nav .pp_play{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_next{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_bottom .pp_left{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_right{background:url(images/_global/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_top .pp_left{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_right{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background:url(images/_global/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background:url(images/_global/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_next:hover{background:url(images/_global/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer;}div.dark_rounded .pp_previous:hover{background:url(images/_global/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer;}div.dark_rounded .pp_expand{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.dark_rounded .pp_expand:hover{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.dark_rounded .pp_contract{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.dark_rounded .pp_contract:hover{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.dark_rounded .pp_close{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px;}div.dark_rounded .pp_description{color:#fff;margin-right:85px;}div.dark_rounded .pp_nav .pp_play{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_next{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_bottom .pp_left{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_right{background:url(images/_global/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background:url(images/_global/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000;}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0;}div.dark_square .pp_loaderIcon{background:url(images/_global/prettyPhoto/dark_square/loader.gif) center center no-repeat;}div.dark_square .pp_expand{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.dark_square .pp_expand:hover{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.dark_square .pp_contract{background:url(images/_global/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.dark_square .pp_contract:hover{background:url(images/_global/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.dark_square .pp_close{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px;}div.dark_square .pp_nav{clear:none;}div.dark_square .pp_nav .pp_play{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background:url(images/_global/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_next{background:url(images/_global/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_next:hover{background:url(images/_global/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer;}div.dark_square .pp_previous:hover{background:url(images/_global/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer;}div.light_square .pp_expand{background:url(images/_global/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.light_square .pp_expand:hover{background:url(images/_global/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.light_square .pp_contract{background:url(images/_global/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.light_square .pp_contract:hover{background:url(images/_global/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.light_square .pp_close{background:url(images/_global/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px;}div.light_square .pp_nav .pp_play{background:url(images/_global/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background:url(images/_global/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_next{background:url(images/_global/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_next:hover{background:url(images/_global/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer;}div.light_square .pp_previous:hover{background:url(images/_global/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer;}div.facebook .pp_top .pp_left{background:url(images/_global/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background:url(images/_global/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background:url(images/_global/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content_container .pp_left{background:url(images/_global/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background:url(images/_global/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_expand{background:url(images/_global/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer;}div.facebook .pp_expand:hover{background:url(images/_global/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer;}div.facebook .pp_contract{background:url(images/_global/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer;}div.facebook .pp_contract:hover{background:url(images/_global/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer;}div.facebook .pp_close{background:url(images/_global/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px;}div.facebook .pp_description{margin:0 37px 0 0;}div.facebook .pp_loaderIcon{background:url(images/_global/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background:url(images/_global/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background:url(images/_global/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background:url(images/_global/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background:url(images/_global/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background:url(images/_global/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer;}div.facebook .pp_previous:hover{background:url(images/_global/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer;}div.facebook .pp_bottom .pp_left{background:url(images/_global/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background:url(images/_global/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background:url(images/_global/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000;}.pp_content{height:40px;min-width:40px;}* html .pp_content{width:40px;}.pp_content_container{position:relative;text-align:left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float:left;margin:10px 0 2px;}.pp_description{display:none;margin:0;}.pp_social{float:left;margin:0;}.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px;}.pp_social .twitter{float:left;}.pp_nav{clear:right;float:left;margin:3px 10px 0 0;}.pp_nav p{float:left;white-space:nowrap;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000;}.pp_gallery div{float:left;overflow:hidden;position:relative;}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0;}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0;}.pp_gallery li.default a{background:url(images/_global/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important;}a.pp_next{background:url(images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%;}a.pp_previous{background:url(images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0;}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px;}#pp_full_res{line-height:1!important;}#pp_full_res .pp_inline{text-align:left;}#pp_full_res .pp_inline p{margin:0 0 15px;}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px;}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff;}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000;}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative;}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff;}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important;}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default;}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/_global/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/_global/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff;}.pp_top,.pp_bottom{height:20px;position:relative;}* html .pp_top,* html .pp_bottom{padding:0 20px;}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static;}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_fade,.pp_gallery li.default a img{display:none;}
  7551. /*----------------------------*/
  7552. /* Drag-to-Share
  7553. /*----------------------------*/
  7554. /* want to un-compress this code? here's a great tool: http://html.fwpolice.com/css/ */
  7555. #ps_hover{left:0;top:0;position:absolute;z-index:1000;}.ps_hd{background:url(images/_global/prettySociable/backgrounds/tr.png) top right no-repeat;padding:0 8px 0 0;}.ps_hd .ps_c{background:url(images/_global/prettySociable/backgrounds/tl.png) top left no-repeat;}.ps_ft{background:url(images/_global/prettySociable/backgrounds/br.png) top right no-repeat;padding:0 8px 0 0;}.ps_ft .ps_c{background:url(images/_global/prettySociable/backgrounds/bl.png) top left no-repeat;}.ps_bd{background:url(images/_global/prettySociable/backgrounds/cr.png) top right repeat-y;padding:0 8px 0 0;}.ps_bd .ps_c{background:url(images/_global/prettySociable/backgrounds/cl.png) top left repeat-y;padding:0 0 0 8px;}.ps_bd .ps_s{background:#fff;}.ps_hd,.ps_bd,.ps_ft{position:relative;z-index:1000;}.ps_hd .ps_c,.ps_ft .ps_c{font-size:1px;height:8px;}#ps_title{background:url(images/_global/prettySociable/backgrounds/tt_r.png) top right no-repeat;color:#fff;font-size:10px;font-weight:normal;left:8px;position:absolute;top:0;z-index:999;padding:0 5px 0 0;}#ps_title .ps_tt_l{background:url(images/_global/prettySociable/backgrounds/tt_l.png) top left no-repeat;line-height:15px;padding:0 0 0 5px;}#ps_tooltip{font-size:10px;left:0;position:absolute;top:0;width:250px;z-index:1010;}#ps_tooltip p{margin:0;}#ps_tooltip strong{font-size:1.2em;}#ps_websites{left:50%;position:absolute;top:50%;z-index:1005;}#ps_websites .ps_label{color:#fff;display:none;font-size:1.6em;left:0;position:absolute;top:0;white-space:nowrap;}#ps_websites ul{position:relative;z-index:1010;width:400px;}#ps_websites li{display:block;float:left;margin:0 30px 40px 0;}#ps_websites a{display:block;}#ps_overlay{background:#000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1005;}#ps_tooltip .ps_hd{background:url(images/_global/prettySociable/backgrounds/trans/tr.png) top right no-repeat;padding:0 8px 0 0;}#ps_tooltip .ps_hd .ps_c{background:url(images/_global/prettySociable/backgrounds/trans/tl.png) top left no-repeat;}#ps_tooltip .ps_bd{background:url(images/_global/prettySociable/backgrounds/trans/cr.png) top right repeat-y;padding:0 8px 0 0;}#ps_tooltip .ps_ft{background:url(images/_global/prettySociable/backgrounds/trans/br.png) top right no-repeat;padding:0 8px 0 0;}#ps_tooltip .ps_ft .ps_c{background:url(images/_global/prettySociable/backgrounds/trans/bl.png) top left no-repeat;}#ps_tooltip .ps_bd .ps_c{background:url(images/_global/prettySociable/backgrounds/trans/cl.png) top left repeat-y;padding:0 0 0 8px;}
  7556.  
  7557. /*----------------------------*/
  7558. /* Attachment.php
  7559. /*----------------------------*/
  7560. .image-attachment div.attachment img {
  7561.     display: block;
  7562.     height: auto;
  7563.     margin: 0 auto;
  7564.     max-width: 100%;
  7565. }
  7566.  
  7567. .entry-content {
  7568.     margin: 30px 0px 20px 0px;
  7569. }
  7570.  
  7571. .entry-attachment {
  7572.     margin: 40px 0px;
  7573. }
  7574.  
  7575. .entry-caption {
  7576.     margin: 20px 0px;
  7577. }
  7578.  
  7579. .entry-description {
  7580.     margin: 20px 0px;
  7581. }
  7582.  
  7583. #nav-attachment {
  7584.     width: 150px;
  7585.     height: 20px;
  7586.     float: right;
  7587.     position: relative;
  7588.     top: -20px;
  7589. }
  7590.  
  7591. #nav-attachment .nav-previous {
  7592.     width: 60px;
  7593.     margin: 0px;
  7594. }
  7595.  
  7596. #nav-attachment .nav-next {
  7597.     width: 60px;
  7598.     margin: 0px;
  7599. }
  7600.  
  7601. #main .post_content .colored_box p {
  7602.     padding: 30px;
  7603. }
  7604.  
  7605. /*----------------------------*/
  7606. /* Responsive Design
  7607. /*----------------------------*/
  7608. /*
  7609. - All responsive CSS is located in: /css/_mobile.css
  7610. - File was separated to allow for disabling of responsive-ness
  7611. */
  7612. #tt-mobile-menu-list {
  7613.     display: none;
  7614. }
  7615.  
  7616. #tt-mobile-menu-list,
  7617. #tt-mobile-menu-list .navi-description,
  7618. #tt-mobile-menu-list > .menu-item > .sub-menu {
  7619.     display: block;
  7620. }
  7621.  
  7622. #tt-mobile-menu-list .navi-description {
  7623.     display: none!important;
  7624. }
  7625.  
  7626. #tt-mobile-menu-button span {
  7627.     position: relative;
  7628. }
  7629.  
  7630. #tt-mobile-menu-button span:after {
  7631.     content: "\f0c9";
  7632.     color: #FFF;
  7633.     font-size:19px;
  7634.     font-weight:200;
  7635.     right:0;
  7636.     position:absolute;
  7637. }
  7638.  
  7639. /*----------------------------*/
  7640. /* Internet Explorer
  7641. /*----------------------------*/
  7642.  
  7643. /* @since v3.1
  7644. All IE styles located in: /css/_internet_explorer.css
  7645. */
  7646.  
  7647.  
  7648. /*----------------------------*/
  7649. /* WPML
  7650. /*----------------------------*/
  7651. #lang_sel ul {
  7652.     overflow: visible !important;
  7653. }
  7654.  
  7655. /* @since 4.0
  7656. /* Custom styling for content area
  7657. /* Editable via site options panel */
  7658.  
  7659. /*----------------------------*/
  7660. /* Content Area - Default
  7661. /*----------------------------*/
  7662. .content-style-default #main,
  7663. .content-style-default #footer-top,
  7664. .content-style-default .heading-horizontal span {
  7665.     background-color: #F4F4F2;
  7666. }
  7667.  
  7668. .content-style-default .heading-horizontal:before {
  7669.     border-top: 1px solid #D8D8D6;
  7670.     border-bottom: 1px solid #FEFEFC;  
  7671. }
  7672.  
  7673. .content-style-default p strong {
  7674.     color: #000;
  7675. }
  7676.  
  7677.  
  7678. /*----------------------------*/
  7679. /* Content Area - Steel
  7680. /*----------------------------*/
  7681. .content-style-steel #main,
  7682. .content-style-steel #footer-top,
  7683. .content-style-steel .heading-horizontal span {
  7684.     background-color: #D9DEE4; 
  7685. }
  7686.  
  7687. .content-style-steel .tools .breadcrumb .current_crumb:after,
  7688. .content-style-steel .tt-woocommerce .breadcrumb span:last-child:after {
  7689.     color: #D9DEE4 !important;
  7690. }
  7691.  
  7692. .content-style-steel p,
  7693. .content-style-steel ul,
  7694. .content-style-steel ol,
  7695. .content-style-steel #horizontal_nav ul a {
  7696.     color: #646668;
  7697. }
  7698.  
  7699. .content-style-steel p strong {
  7700.     color: #535557;
  7701. }
  7702.  
  7703. /* ----- Element styling ----- */
  7704. .content-style-steel .testimonials,
  7705. .content-style-steel .testimonials_static {
  7706.     background-color: #C5CACF;
  7707.     border: 1px solid #B8BCC1;
  7708. }
  7709.  
  7710. .content-style-steel .heading-horizontal:before {
  7711.     border-top: 1px solid #BABFC4;
  7712.     border-bottom: 1px solid #F1F2F5;  
  7713. }
  7714.  
  7715. .content-style-steel .callout-wrap,
  7716. .content-style-steel .post_footer {
  7717.     border-top: 1px solid #F1F2F5;
  7718.     border-bottom: 1px solid #F1F2F5;
  7719. }
  7720.  
  7721. .content-style-steel .hr,
  7722. .content-style-steel .hr_top_link {
  7723.     border-top: 1px solid #F1F2F5; 
  7724. }
  7725.  
  7726. .content-style-steel .callout-wrap:before,
  7727. .content-style-steel .post_footer:before,
  7728. .content-style-steel .hr:before,
  7729. .content-style-steel .hr_top_link:before {
  7730.    border-top: 1px solid #BABFC4;
  7731. }
  7732.  
  7733. .content-style-steel .callout-wrap:after,
  7734. .content-style-steel .post_footer:after,
  7735. .content-style-steel #horizontal_nav:after,
  7736. .content-style-steel .member-wrap:after {
  7737.    border-bottom: 1px solid #BABFC4;
  7738. }
  7739.  
  7740. .content-style-steel #horizontal_nav,
  7741. .content-style-steel .sidebar-widget,
  7742. .content-style-steel #sub_nav ul a,
  7743. .content-style-steel .member-wrap {
  7744.     border-bottom: 1px solid #F1F2F5;
  7745. }
  7746.  
  7747. .content-style-steel #sidebar {
  7748.     border-left: 1px solid #BABFC4;
  7749. }
  7750.  
  7751. .content-style-steel #sidebar:before {
  7752.    border-left: 1px solid #F1F2F5;
  7753. }
  7754.  
  7755. .content-style-steel #sidebar.left_sidebar {
  7756.     border-right: 1px solid #F1F2F5;
  7757.    
  7758. }
  7759.  
  7760. .content-style-steel #sidebar.left_sidebar:after {
  7761.    border-right: 1px solid #BABFC4;
  7762. }
  7763.  
  7764. .content-style-steel #sidebar.left_sidebar,
  7765. .content-style-steel #sidebar.left_sidebar:before {
  7766.     border-left: none; 
  7767. }
  7768.  
  7769. .content-style-steel .sidebar-widget:after,
  7770. .content-style-steel #sub_nav ul a:after {
  7771.    border-bottom: 1px solid #BABFC4;
  7772. }
  7773.  
  7774. .content-style-steel #sub_nav {
  7775.     background: url(images/_global/bg-sidebar.png) 206px 0 repeat-y;
  7776. }
  7777.  
  7778. .content-style-steel #sub_nav.nav_right_sub_nav {
  7779.     float: right;
  7780.     background: url(images/_global/bg-sidebar.png) 12px 0 repeat-y;
  7781. }
  7782.  
  7783. .content-style-steel #wrapper .tab-box,
  7784. .content-style-steel .comment-content {
  7785.     border-top: 1px solid #F1F2F5;
  7786.     background: #C5CACF;
  7787.     background: linear-gradient(to bottom,  #B7BBC0 0%,#C5CACF 50px);
  7788.     background: -moz-linear-gradient(top,  #B7BBC0 0%, #C5CACF 50px);
  7789.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7BBC0), color-stop(50px,#C5CACF));
  7790.     background: -webkit-linear-gradient(top,  #B7BBC0 0%,#C5CACF 50px);
  7791.     background: -o-linear-gradient(top,  #B7BBC0 0%,#C5CACF 50px);
  7792.     background: -ms-linear-gradient(top,  #B7BBC0 0%,#C5CACF 50px);
  7793. }
  7794.  
  7795. .content-style-steel #wrapper .tab-box:before {
  7796.    border-top: 1px solid #BABFC4;
  7797. }
  7798.  
  7799. .content-style-steel .comment-content {
  7800.     border: none;
  7801.     box-shadow: 0 0 0 1px #C5CACF, 0 0 0 2px #B7BBC0;  
  7802. }
  7803.  
  7804. .content-style-steel .karma-pages a:hover,
  7805. .content-style-steel .wp-pagenavi a:hover {
  7806.     background: #C5CACF;
  7807.     border: 1px solid #B1B5B9;
  7808. }
  7809.  
  7810. .content-style-steel .flex-control-paging li a {
  7811.     background: #C5CACF;
  7812. }
  7813.  
  7814. .content-style-steel .flex-control-paging li a:hover,
  7815. .content-style-steel .flex-control-paging li a.flex-active {
  7816.     background: #989B9F;
  7817. }
  7818.  
  7819. .content-style-steel .opener {
  7820.     background-color: #F7F7F7;
  7821.     background-image: linear-gradient(to bottom, #F7F7F7, #ADB1B6);
  7822.     background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#ADB1B6));
  7823.     background-image: -webkit-linear-gradient(top, #F7F7F7, #ADB1B6);
  7824.     background-image: -moz-linear-gradient(top, #F7F7F7, #ADB1B6);
  7825.     background-image: -webkit-linear-gradient(top, #F7F7F7, #ADB1B6);
  7826.     background-image: -o-linear-gradient(top, #F7F7F7, #ADB1B6);
  7827.     background-image: ms-linear-gradient(to bottom, #F7F7F7, #ADB1B6);
  7828.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F7F7F7', endColorstr='#ADB1B6');
  7829.     border: 1px solid #AFB3B8;
  7830.     color: #676767;
  7831. }
  7832.  
  7833. /*----------------------------*/
  7834. /* Content Area - White
  7835. /*----------------------------*/
  7836. .content-style-white #main,
  7837. .content-style-white #footer-top,
  7838. .content-style-white .heading-horizontal span {
  7839.     background-color: #FFF;
  7840. }
  7841.  
  7842. .content-style-white .tools .breadcrumb .current_crumb:after,
  7843. .content-style-white .tt-woocommerce .breadcrumb span:last-child:after {
  7844.     color: #FFF !important;
  7845. }
  7846.  
  7847. .content-style-white p,
  7848. .content-style-white ul,
  7849. .content-style-white ol,
  7850. .content-style-white #horizontal_nav ul a {
  7851.     color: #646668;
  7852. }
  7853.  
  7854. .content-style-white p strong {
  7855.     color: #535557;
  7856. }
  7857.  
  7858.  
  7859. /* ----- Element styling ----- */
  7860. .content-style-white .heading-horizontal:before {
  7861.     border-top: 1px solid #EBEBEB;
  7862.     border-bottom: 1px solid #FFF; 
  7863. }
  7864.  
  7865. .content-style-white .callout-wrap,
  7866. .content-style-white .post_footer,
  7867. .content-style-white .heading-horizontal:before {
  7868.     border-top: 1px solid #EBEBEB;
  7869.     border-bottom: 1px solid #EBEBEB;
  7870. }
  7871.  
  7872. .content-style-white .hr,
  7873. .content-style-white .hr_top_link {
  7874.     border-top: 1px solid #EBEBEB; 
  7875. }
  7876.  
  7877. .content-style-white .callout-wrap:before,
  7878. .content-style-white .post_footer:before,
  7879. .content-style-white .callout-wrap:after,
  7880. .content-style-white .post_footer:after,
  7881. .content-style-white #horizontal_nav:after,
  7882. .content-style-white .member-wrap:after,
  7883. .content-style-white #sidebar:before,
  7884. .content-style-white #sidebar.left_sidebar:after,
  7885. .content-style-white .sidebar-widget:after,
  7886. .content-style-white #sub_nav ul a:after,
  7887. .content-style-white .hr:before,
  7888. .content-style-white .hr_top_link:before {
  7889.    border: none;
  7890. }
  7891.  
  7892. .content-style-white #horizontal_nav,
  7893. .content-style-white .sidebar-widget,
  7894. .content-style-white #sub_nav ul a,
  7895. .content-style-white .member-wrap {
  7896.     border-bottom: 1px solid #EBEBEB;
  7897. }
  7898.  
  7899. .content-style-white #sidebar {
  7900.     border-left: 1px solid #EBEBEB;
  7901. }
  7902.  
  7903. .content-style-white #sidebar.left_sidebar,
  7904. .content-style-white #sidebar.left_sidebar:before {
  7905.     border-left: none; 
  7906. }
  7907.  
  7908. .content-style-white #sidebar.left_sidebar {
  7909.     border-right: 1px solid #EBEBEB;
  7910. }
  7911.  
  7912. .content-style-white #sub_nav {
  7913.     background: url(images/_global/bg-sidebar-white.png) 206px 0 repeat-y;
  7914. }
  7915.  
  7916. .content-style-white #sub_nav.nav_right_sub_nav {
  7917.     float: right;
  7918.     background: url(images/_global/bg-sidebar-white.png) 12px 0 repeat-y;
  7919. }
  7920.  
  7921. .content-style-white .comment-content {
  7922.     border: none;
  7923.     box-shadow: 0 0 0 1px #F4F4F2, 0 0 0 2px #E8E9E7;  
  7924. }
  7925.  
  7926.  
  7927. /*----------------------------*/
  7928. /* Content Area - Tan
  7929. /*----------------------------*/
  7930. .content-style-tan #main,
  7931. .content-style-tan #footer-top,
  7932. .content-style-tan .heading-horizontal span {
  7933.     background-color: #E4E3DE;
  7934. }
  7935.  
  7936. .content-style-tan .tools .breadcrumb .current_crumb:after,
  7937. .content-style-tan .tt-woocommerce .breadcrumb span:last-child:after {
  7938.     color: #E4E3DE !important;
  7939. }
  7940.  
  7941. /* ----- Element styling ----- */
  7942. .content-style-tan .testimonials,
  7943. .content-style-tan .testimonials_static {
  7944.     background-color: #CFCFCA;
  7945.     border: 1px solid #BABBB5;
  7946. }
  7947.  
  7948. .content-style-tan .heading-horizontal:before {
  7949.     border-top: 1px solid #C2C1BD;
  7950.     border-bottom: 1px solid #F4F4F2;  
  7951. }
  7952.  
  7953. .content-style-tan .callout-wrap,
  7954. .content-style-tan .post_footer,
  7955. .content-style-tan .heading-horizontal:before {
  7956.     border-top: 1px solid #F4F4F2;
  7957.     border-bottom: 1px solid #F4F4F2;
  7958. }
  7959.  
  7960. .content-style-tan .hr,
  7961. .content-style-tan .hr_top_link {
  7962.     border-top: 1px solid #F4F4F2; 
  7963. }
  7964.  
  7965. .content-style-tan .callout-wrap:before,
  7966. .content-style-tan .post_footer:before,
  7967. .content-style-tan .hr:before,
  7968. .content-style-tan .hr_top_link:before {
  7969.    border-top: 1px solid #C2C1BD;
  7970. }
  7971.  
  7972. .content-style-tan .callout-wrap:after,
  7973. .content-style-tan .post_footer:after,
  7974. .content-style-tan #horizontal_nav:after,
  7975. .content-style-tan .member-wrap:after {
  7976.    border-bottom: 1px solid #C2C1BD;
  7977. }
  7978.  
  7979. .content-style-tan #horizontal_nav,
  7980. .content-style-tan .sidebar-widget,
  7981. .content-style-tan #sub_nav ul a,
  7982. .content-style-tan .member-wrap {
  7983.     border-bottom: 1px solid #F4F4F2;
  7984. }
  7985.  
  7986. .content-style-tan #sidebar {
  7987.     border-left: 1px solid #C2C1BD;
  7988. }
  7989.  
  7990. .content-style-tan #sidebar:before {
  7991.    border-left: 1px solid #F4F4F2;
  7992. }
  7993.  
  7994. .content-style-tan #sidebar.left_sidebar {
  7995.     border-right: 1px solid #F4F4F2;
  7996.    
  7997. }
  7998.  
  7999. .content-style-tan #sidebar.left_sidebar:after {
  8000.    border-right: 1px solid #C2C1BD;
  8001. }
  8002.  
  8003. .content-style-tan #sidebar.left_sidebar,
  8004. .content-style-tan #sidebar.left_sidebar:before {
  8005.     border-left: none; 
  8006. }
  8007.  
  8008. .content-style-tan .sidebar-widget:after,
  8009. .content-style-tan #sub_nav ul a:after {
  8010.    border-bottom: 1px solid #C2C1BD;
  8011. }
  8012.  
  8013. .content-style-tan #sub_nav {
  8014.     background: url(images/_global/bg-sidebar.png) 206px 0 repeat-y;
  8015. }
  8016.  
  8017. .content-style-tan #sub_nav.nav_right_sub_nav {
  8018.     float: right;
  8019.     background: url(images/_global/bg-sidebar.png) 12px 0 repeat-y;
  8020. }
  8021.  
  8022. .content-style-tan #wrapper .tab-box,
  8023. .content-style-tan .comment-content {
  8024.     border-top: 1px solid #FFF;
  8025.     background: #D7D7D1;
  8026.     background: -moz-linear-gradient(top,  #cacac5 0%, #d7d7d1 50px); /* FF3.6+ */
  8027.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacac5), color-stop(50px,#d7d7d1)); /* Chrome,Safari4+ */
  8028.     background: -webkit-linear-gradient(top,  #cacac5 0%,#d7d7d1 50px); /* Chrome10+,Safari5.1+ */
  8029.     background: -o-linear-gradient(top,  #cacac5 0%,#d7d7d1 50px); /* Opera 11.10+ */
  8030.     background: -ms-linear-gradient(top,  #cacac5 0%,#d7d7d1 50px); /* IE10+ */
  8031.     background: linear-gradient(to bottom,  #cacac5 0%,#d7d7d1 50px); /* W3C */
  8032. }
  8033.  
  8034. .content-style-tan #wrapper .tab-box:before {
  8035.    border-top: 1px solid #BABBB5;
  8036. }
  8037.  
  8038. .content-style-tan .comment-content {
  8039.     border: none;
  8040.     box-shadow: 0 0 0 1px #d7d7d1, 0 0 0 2px #cacac5;  
  8041. }
  8042.  
  8043.  
  8044. /*----------------------------*/
  8045. /* Content Area - Grey
  8046. /*----------------------------*/
  8047. .content-style-grey #main,
  8048. .content-style-grey #footer-top,
  8049. .content-style-grey .heading-horizontal span {
  8050.     background-color: #DFE3E3;
  8051. }
  8052.  
  8053. .content-style-grey .tools .breadcrumb .current_crumb:after,
  8054. .content-style-grey .tt-woocommerce .breadcrumb span:last-child:after {
  8055.     color: #DFE3E3 !important;
  8056. }
  8057.  
  8058.  
  8059. /* ----- Element styling ----- */
  8060. .content-style-grey .testimonials,
  8061. .content-style-grey .testimonials_static {
  8062.     background-color: #CBCFCF;
  8063.     border: 1px solid #BCC1C1;
  8064. }
  8065.  
  8066. .content-style-tan .heading-horizontal:before {
  8067.     border-top: 1px solid #C0C3C3;
  8068.     border-bottom: 1px solid #F3F4F4;  
  8069. }
  8070.  
  8071. .content-style-grey .callout-wrap,
  8072. .content-style-grey .post_footer,
  8073. .content-style-grey .heading-horizontal:before {
  8074.     border-top: 1px solid #C0C3C3;
  8075.     border-bottom: 1px solid #F3F4F4;
  8076. }
  8077.  
  8078. .content-style-grey .hr,
  8079. .content-style-grey .hr_top_link {
  8080.     border-top: 1px solid #F3F4F4; 
  8081. }
  8082.  
  8083. .content-style-grey .callout-wrap:before,
  8084. .content-style-grey .post_footer:before,
  8085. .content-style-grey .hr:before,
  8086. .content-style-grey .hr_top_link:before {
  8087.    border-top: 1px solid #C0C3C3;
  8088. }
  8089.  
  8090. .content-style-grey .callout-wrap:after,
  8091. .content-style-grey .post_footer:after,
  8092. .content-style-grey #horizontal_nav:after,
  8093. .content-style-grey .member-wrap:after {
  8094.    border-bottom: 1px solid #C0C3C3;
  8095. }
  8096.  
  8097. .content-style-grey #horizontal_nav,
  8098. .content-style-grey .sidebar-widget,
  8099. .content-style-grey #sub_nav ul a,
  8100. .content-style-grey .member-wrap {
  8101.     border-bottom: 1px solid #F3F4F4;
  8102. }
  8103.  
  8104. .content-style-grey #sidebar {
  8105.     border-left: 1px solid #C0C3C3;
  8106. }
  8107.  
  8108. .content-style-grey #sidebar:before {
  8109.    border-left: 1px solid #F3F4F4;
  8110. }
  8111.  
  8112. .content-style-grey #sidebar.left_sidebar {
  8113.     border-right: 1px solid #F3F4F4;
  8114.    
  8115. }
  8116.  
  8117. .content-style-grey #sidebar.left_sidebar:after {
  8118.    border-right: 1px solid #C0C3C3;
  8119. }
  8120.  
  8121. .content-style-grey #sidebar.left_sidebar,
  8122. .content-style-grey #sidebar.left_sidebar:before {
  8123.     border-left: none; 
  8124. }
  8125.  
  8126. .content-style-grey .sidebar-widget:after,
  8127. .content-style-grey #sub_nav ul a:after {
  8128.    border-bottom: 1px solid #C0C3C3;
  8129. }
  8130.  
  8131. .content-style-grey #sub_nav {
  8132.     background: url(images/_global/bg-sidebar.png) 206px 0 repeat-y;
  8133. }
  8134.  
  8135. .content-style-grey #sub_nav.nav_right_sub_nav {
  8136.     float: right;
  8137.     background: url(images/_global/bg-sidebar.png) 12px 0 repeat-y;
  8138. }
  8139.  
  8140. .content-style-grey #wrapper .tab-box,
  8141. .content-style-grey .comment-content {
  8142.     border-top: 1px solid #F3F4F4;
  8143.     background: #CBCFCF;
  8144.     background: linear-gradient(to bottom,  #bbbfbf 0%,#cbcfcf 50px);
  8145.     background: -moz-linear-gradient(top,  #bbbfbf 0%, #cbcfcf 50px);
  8146.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbfbf), color-stop(50px,#cbcfcf));
  8147.     background: -webkit-linear-gradient(top,  #bbbfbf 0%,#cbcfcf 50px);
  8148.     background: -o-linear-gradient(top,  #bbbfbf 0%,#cbcfcf 50px);
  8149.     background: -ms-linear-gradient(top,  #bbbfbf 0%,#cbcfcf 50px);
  8150. }
  8151.  
  8152. .content-style-grey #wrapper .tab-box:before {
  8153.    border-top: 1px solid #C0C3C3;
  8154. }
  8155.  
  8156. .content-style-grey .comment-content {
  8157.     border: none;
  8158.     box-shadow: 0 0 0 1px #cbcfcf, 0 0 0 2px #bbbfbf;  
  8159. }
  8160.  
  8161. /*-----------------------------------------------------*/
  8162. /* Content Area (custom bgcolor set with color picker)
  8163. /*-----------------------------------------------------*/
  8164. .content-custom-bg #sub_nav {
  8165.     background: url(images/_global/bg-sidebar.png) 206px 0 repeat-y;
  8166. }
  8167.  
  8168. .content-custom-bg #sub_nav.nav_right_sub_nav {
  8169.     float: right;
  8170.     background: url(images/_global/bg-sidebar.png) 12px 0 repeat-y;
  8171. }
  8172.  
  8173. /* re-set for proper rendering */
  8174. #sub_nav ul a:hover,
  8175. #sub_nav ul a:hover:after {
  8176.     border-color: transparent;
  8177. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!