daily pastebin goal
65%
SHARE
TWEET

Karma current CSS

BakerMan May 5th, 2014 318 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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;