psa.or.th
Open in
urlscan Pro
103.86.51.214
Public Scan
URL:
https://psa.or.th/wp-content/themes/limitless/style.css?ver=5.8.1
Submission: On December 20 via api from US — Scanned from DE
Submission: On December 20 via api from US — Scanned from DE
Form analysis 0 forms found in the DOM
Text Content
/*
Theme Name: limitless
Theme URI: http://artillegence.com/products?item=limitless
Author: Artillegence
Author URI: http://artillegence.com/
Description: Limitless is a Multipurpose Drag n Drop theme.
Version: 2.1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: ioa
*/
/*
===== INDEX ============================================================
1. Icon Fonts Inclusion
2. Header Constructor Code
3. Page Stylings [Titles,Featured Image,Layout]
4. Single Post Stylings [Titles,Featured Image,Layout,Comments]
5. Basic Post List Stylings
6. RAD Components Stylings
7. Gallery Stylings
8. Slider Stylings
9. Scrollable Stylings
10. Blog Templates Stylings
11. Portfolio Templates Stylings
12. Single Portfolio Stylings
13. Pricing Tables Stylings
14. Footer Stylings
15. Shortcodes Stylings
16. Styles When Live Editing is Activated
========================================================================== */
@import url("sprites/fonts/_ioa_front.css");
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
/** Typography */
h1 { margin: 0px 0px 15px 0px; padding: 0; font-size: 48; color: #32353c; }
h2 { margin: 0px 0px 15px 0px; padding: 0; font-size: 36; color: #32353c; }
h3 { margin: 0px 0px 15px 0px; padding: 0; font-size: 32; color: #32353c; }
h4 { margin: 0px 0px 15px 0px; padding: 0; font-size: 24; color: #32353c; }
h5 { margin: 0px 0px 15px 0px; padding: 0; font-size: 24; color: #32353c; }
h6 { margin: 0px 0px 15px 0px; padding: 0; font-size: 15; color: #32353c; }
.page-wrapper a { text-decoration: underline; color: #46759b; }
body { background: white; font-size: 14px; line-height: 1.8; color: #888888; font-family: "Open Sans","Helvetica","Arial"; -webkit-font-smoothing: subpixel-antialiased !important; -webkit-text-stroke: 1px transparent; text-rendering: optimizeLegibility; }
strong { color: #333; }
/** ## Header Constructor Code ## ==================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
/** Top Progress Bar */
#nprogress { pointer-events: none; position: absolute; top: 0; left: 0; height: 3px; width: 100%; z-index: 10000; overflow: hidden; }
#nprogress .bar { background: #46759b; position: absolute; z-index: 9999; top: 0; left: 0; right: 0; height: 3px; }
#nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px, 0 0 5px; color: #46759b; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }
/* Remove these to get rid of the spinner */
#nprogress .spinner { display: none; }
/** WPML Stylings */
div.wpml-selector:hover a.wpml-lang-selector { background: #464646; }
a.wpml-lang-selector { position: relative; z-index: 2; text-decoration: none; color: #fff; font-weight: 600; background: #46759b; padding: 8px 15px; font-size: 11px; display: block; }
a.wpml-lang-selector span { float: left; }
a.wpml-lang-selector i { float: left; margin: 4px 5px 0 0; }
div.wpml-selector { position: relative; }
div.wpml-selector ul { border-radius: 4px; display: none; padding: 0px; margin: 0; width: 150px; position: absolute; top: 41px; left: -21px; background: #46759b; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
div.wpml-selector ul i { position: absolute; top: -12px; left: 75px; margin: 0; font-size: 18px; color: #46759b; }
div.wpml-selector ul li { margin: 0; padding: 0; list-style: none; position: relative; z-index: 1; }
div.wpml-selector ul li a { font-size: 11px; padding: 4px 11px; color: #fff; text-decoration: none; display: block; border-bottom: 1px solid #14b8c7; }
div.wpml-selector ul li.first-c a { border-top-left-radius: 4px; border-top-right-radius: 4px; }
div.wpml-selector ul li.last a { border-bottom: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
div.wpml-selector ul li a:hover { background: #fff; color: #46759b; }
#top-bar #lang_sel { height: 27px; }
#top-bar #lang_sel li { width: 170px; }
#top-bar #lang_sel li a { color: #444; font-size: 10px; }
/** Responsive View */
#mobile-menu { margin: -2px 0 0 0; border-top: 1px solid #eee; padding: 0; display: none; left: 0; width: 100%; background: #fff; position: relative; z-index: 10000; border-bottom: 1px solid #eee; }
#mobile-menu li { list-style: none; padding: 0; margin: 0; text-align: left; position: relative; }
#mobile-menu li a { text-decoration: none; color: #444; font-size: 12px; padding: 12px; display: block; }
#mobile-menu li i, #mobile-side-menu li i { cursor: pointer; position: absolute; top: 8px; color: #fff; right: 15px; font-size: 10px; background: rgba(0, 0, 0, 0.4); padding: 10px; z-index: 10; }
#mobile-menu li ul.sub-menu { display: none; margin: 0; padding: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08) inset; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
#mobile-menu li ul.sub-menu li a { padding-left: 16px; }
#mobile-menu .sub-menu > li.current-menu-item > a, #mobile-menu .sub-menu > li.current_page_item > a { color: #fff; background: #46759b; }
#mobile-menu .sub-menu > li.current-menu-parent > a, #mobile-menu .sub-menu > li.current-menu-ancestor > a { color: #fff; background: #46759b; }
#mobile-menu > li.current-menu-ancestor > a, #mobile-menu > li.current-menu-parent > a { color: #fff; background: #46759b; }
#mobile-menu .sub-menu > li.current-menu-item > i, #mobile-menu .sub-menu > li.current_page_item > i { color: #fff; }
#mobile-menu .sub-menu > li.current-menu-parent > i, #mobile-menu .sub-menu > li.current-menu-ancestor > i { color: #fff; }
#mobile-menu > li.current-menu-ancestor > i, #mobile-menu > li.current-menu-parent > i { color: #fff; }
div.mobile-side-wrap { margin: 0; top: 45px; background: #fff; left: -400px; display: none; width: 200px; position: fixed; z-index: 10000; box-shadow: 3px 10px 20px rgba(0, 0, 0, 0.1); }
#mobile-side-menu { padding: 0; margin: 0; width: 200px; background: #fff; }
#mobile-side-menu li { list-style: none; padding: 0; margin: 0; text-align: left; position: relative; }
#mobile-side-menu li a { text-decoration: none; color: #444; font-size: 12px; padding: 12px; display: block; }
#mobile-side-menu li ul.sub-menu { display: none; margin: 0; padding: 0; box-shadow: 0px 0px 10px #eee inset; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
#mobile-side-menu li ul.sub-menu li a { padding-left: 16px; }
#mobile-side-menu .sub-menu > li.current-menu-item > a, #mobile-menu .sub-menu > li.current_page_item > a { color: #fff; background: #46759b; }
#mobile-side-menu .sub-menu > li.current-menu-parent > a, #mobile-menu .sub-menu > li.current-menu-ancestor > a { color: #fff; background: #46759b; }
#mobile-side-menu li.current-menu-ancestor > a, #mobile-side-menu li.current-menu-parent > a { color: #fff; background: #46759b; }
#mobile-side-menu .sub-menu > li.current-menu-item > i, #mobile-menu .sub-menu > li.current_page_item > i { color: #fff; }
#mobile-side-menu .sub-menu > li.current-menu-parent > i, #mobile-menu .sub-menu > li.current-menu-ancestor > i { color: #fff; }
#mobile-side-menu li.current-menu-ancestor > i, #mobile-side-menu li.current-menu-parent > i { color: #fff; }
div.mobile-head { padding: 5px 0; width: 100%; z-index: 9999; position: fixed; top: 0; left: 0; background: #fff; opacity: 0.9; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); display: none; }
#mobile-logo img { opacity: 1; margin: 0 auto; display: block; max-height: 35px; }
a.mobile-menu, a.mobile-menu:visited { color: #46759b; position: absolute; top: 0px; left: 0px; display: block; font-size: 14px; border-right: 1px solid #f4f4f4; padding: 15px; }
a.sidebar-mobile-menu, a.sidebar-mobile-menu:visited { position: absolute; top: 0px; left: 42px; display: block; font-size: 14px; border-right: 1px solid #f4f4f4; padding: 15px; }
a.mobile-menu:hover { transition-property: color,background-color; transition-duration: 0.7s; color: #fff; background-color: #46759b; }
#mobile-menu li a:hover, #mobile-side-menu li a:hover { transition-property: color,background-color; transition-duration: 0.7s; color: #fff; background-color: #46759b; }
a.majax-search-trigger { font-size: 14px; color: #aaa; padding: 8px 11px 11px 11px; position: absolute; top: 0px; right: 0px; text-decoration: none; padding: 15px; border-left: 1px solid #eee; }
a.majax-search-trigger.active { color: #46759b; }
div.majax-search { margin: 0 auto; z-index: 25; position: relative; display: none; }
div.majax-search-pane { background: #fff; box-shadow: 0px 11px 13px rgba(0, 0, 0, 0.1); display: none; }
div.majax-search-pane div.form { padding: 13px 40px 13px 40px; position: relative; border-top: 1px solid #eee; }
div.majax-search-pane div.form input[type=submit] { display: none; }
div.majax-search-pane div.form input[type=text] { width: 90%; text-align: center; background: none; border: none; outline: none; padding: 5px 5%; font-weight: 100; color: #657079; font-size: 12px; }
div.majax-search-pane div.form label { text-align: center; color: #b8bcc0; font-size: 11px; display: block; }
a.majax-search-close { position: absolute; top: 10px; left: 15px; color: #ccc; font-size: 11px; z-index: 3; }
span.msearch-loader { background: url(sprites/i/search-loader.gif); display: none; width: 16px; height: 16px; position: absolute; top: 16px; right: 15px; }
div.majax-search h4.no-results { display: none; padding: 15px; text-align: center; }
div.msearch-results { min-height: 0px; display: none; margin-top: -20px; }
div.msearch-results strong { color: #46759b; }
div.msearch-results ul { margin: 0; padding: 0 25px 0 30px; }
div.msearch-results ul li { list-style: none; margin: 10px 0 10px 0; border-bottom: 1px dotted #f4f4f4; padding: 0 0 10px; position: relative; }
div.msearch-results ul li:last-child { border-bottom: none; }
div.msearch-results ul li.not-found { text-align: center; padding: 10px; margin: 0; }
div.msearch-results ul li div.image { float: left; margin-right: 15px; width: 60px; }
div.msearch-results ul li div.image img { display: block; padding: 4px; border: 1px solid #f4f4f4; }
div.msearch-results ul li div.desc span.date { font-size: 10px; margin-top: -2px; color: #999; display: block; }
div.msearch-results ul li div.desc a.more { font-size: 10px; color: #fff; background: #46759b; display: block; padding: 2px 8px 3px 8px; text-decoration: none; font-weight: 600; position: absolute; top: 0; right: 0; }
div.msearch-results ul li div.desc a.more:hover { background: #46759b; }
div.msearch-results ul li h5 { margin: 0 50px 0 0; padding: 0; line-height: 12px; font-weight: 700; }
div.msearch-results ul li h5 a { color: #5b6770; font-size: 13px; text-decoration: none; word-wrap: break-word; }
div.msearch-results ul li a.view-all { background: #35393a; border-radius: 2px; text-decoration: none; font-weight: 600; color: #fff; text-align: center; padding: 15px 10px; display: block; }
/** Header Stylings */
div.header-construtor div.one_third { width: 33.33%; float: left; padding: 0; margin: 0; min-height: 1px; }
div.header-construtor div.full-area { width: 100%; float: none; clear: both; min-height: 1px; padding: 0; margin: 0; }
.left .default { float: left; }
.right .default { float: right; }
.left .lb { clear: left; }
.right .lb { clear: right; }
.right .forceright { clear: right; float: right; }
.right .forceleft { clear: right; float: left; }
.left .forceright { clear: left; float: right; }
.left .forceleft { clear: left; float: left; }
.center .forceright { clear: both; float: right; }
.center .forceleft { clear: both; float: left; }
div.theme-header { z-index: 102; position: relative; border-top: 3px solid #d6dada; }
.no-np-loader div.theme-header { border-top: 0; }
.theme-header .menu .ioa-menu-icon, div.compact-bar .menu .ioa-menu-icon { margin-right: 3px; }
/* == Shadows ================================= */
span.menu_shadow_type1 { background: url(sprites/i/shadows/sh_type1.png); width: 350px; height: 36px; position: absolute; bottom: -34px; left: 0%; }
span.menu_shadow_type2 { background: url(sprites/i/shadows/sh_type2.png); width: 1037px; height: 34px; position: absolute; bottom: -29px; left: 0%; }
span.sh_left_wing { background: url(sprites/i/shadows/sh_left_wing.png); width: 453px; height: 31px; position: absolute; bottom: -29px; left: 0%; }
span.sh_right_wing { background: url(sprites/i/shadows/sh_right_wing.png); width: 453px; height: 31px; position: absolute; bottom: -29px; right: 0%; }
/** Common Menu Settings */
div.theme-header .menu li span.spacer { display: none; border: none; border-bottom: 2px solid #46759b; height: 1px; position: absolute; bottom: 5px; left: 12px; right: 12px; }
div.theme-header .menu li.hasDropDown span.spacer { right: 24px; }
div.theme-header .menu-bar .menu > li.current_page_item > a > span.spacer, div.theme-header .menu-bar .menu > li.current-menu-ancestor > a > span.spacer, div.theme-header .menu-bar .menu > li.menu-active > a > span.spacer, div.theme-header .menu-bar .menu > li.current-menu-item > a > span.spacer { display: block; }
div.theme-header .menu-bar .sub-menu > li.current-menu-item > a, div.theme-header .menu-bar .sub-menu > li.current_page_item > a { color: #fff; background: #46759b; }
div.theme-header .menu-bar .sub-menu > li.current-menu-parent > a, div.theme-header .menu-bar .sub-menu > li.current-menu-ancestor > a { color: #fff; background: #46759b; }
#top-bar .menu-bar .menu > li.current_page_item > a, #top-bar .menu-bar .menu > li.current-menu-ancestor > a, #top-bar .menu-bar .menu > li.menu-active > a, #top-bar .menu-bar .menu > li.current-menu-item > a { background: url(sprites/i/button_shade.png) repeat-x #46759b; color: #fff; }
div.theme-header .menu-bar .menu > li.current_page_item > a, div.theme-header .menu-bar .menu > li.current-menu-ancestor > a, div.theme-header .menu-bar .menu > li.menu-active > a, div.theme-header .menu-bar .menu > li.current-menu-item > a { color: #46759b; }
div.top-area-wrapper .menu-bar .menu > li.current_page_item > a, div.top-area-wrapper .menu-bar .menu > li.current-menu-ancestor > a, div.top-area-wrapper .menu-bar .menu > li.menu-active > a, div.top-area-wrapper .menu-bar .menu > li.current-menu-item > a { border-radius: 2px; }
div.theme-header .menu-bar div.sub-menu .menu li ul.sub-menu li.current-menu-item > a, div.theme-header .menu-bar .menu li ul.sub-menu li.current_page_item > a, div.theme-header .menu-bar .menu li ul.sub-menu li.current-menu-parent > a { color: #fff; }
div.menu_layers.right { float: right; }
div.menu_layers.left { float: left; }
div.theme-header .right ul.menu { float: right; }
div.theme-header .full ul.menu { margin: 0 auto; display: block; }
div.theme-header .center ul.menu { margin: 0 auto; display: block; }
div.theme-header.center .menu-bar .menu { margin: 0 auto; }
.menu-wrapper { position: relative; z-index: 26; }
.menu-wrapper .menu { position: relative; }
div.theme-header .menu > li > a span.menu-arrow { top: 50%; right: 12px; margin-top: -4px; font-size: 11px; position: absolute; }
div.theme-header .menu-bar ul.sub-menu li a span.menu-arrow { top: 14px; right: 11px; font-size: 11px; position: absolute; }
div.theme-header .menu-bar .menu > li.menu-item-language-current:hover > a { color: #fff; background: #46759b; }
div.theme-header .menu-bar .menu > li.menu-item-language-current ul.sub-menu li:hover > a { color: #fff; background: #46759b; }
div.theme-header .menu-bar .menu > li.menu-item-language-current img { float: left; }
div.theme-header .menu-bar li ul.sub-menu { display: none; }
div.theme-header .menu-bar li.relative ul.sub-menu { display: none; box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1); background: #fff; position: absolute; top: 33px; width: 180px; margin: 0; padding: 0; z-index: 2; }
div.theme-header .menu-bar ul.sub-menu ul.sub-menu { left: 180px; top: 0px; box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.1); background: #fff; background: rgba(255, 255, 255, 0.95); }
div.theme-header .menu-bar ul.sub-menu li { position: relative; }
div.theme-header .menu-bar ul.sub-menu li:hover { z-index: 20; }
div.theme-header .menu-bar ul.sub-menu li:hover span.menu-arrow { color: inherit; }
div.theme-header .menu-bar ul.sub-menu li { padding: 0; margin: 0; display: block; }
div.theme-header .menu-bar ul.sub-menu li a { text-decoration: none; padding: 8px 14px; display: block; color: #888888; font-size: 12px; }
div.theme-header .menu-bar span.menu-subtitle { display: block; text-align: center; font-size: 11px; font-style: italic; line-height: 1; }
/** Right Chain */
div.theme-header .menu-bar li.forceRightChain ul.sub-menu li { text-align: right; }
div.theme-header .menu-bar li.forceRightChain ul.sub-menu li a span.menu-arrow { top: 14px; right: auto; left: 11px; font-size: 11px; position: absolute; }
div.theme-header .menu-bar li.forceRightChain ul.sub-menu { left: auto; right: 0px; }
div.theme-header .menu-bar li.forceRightChain ul.sub-menu ul.sub-menu { left: auto; right: 180px; }
/** Menu Items Arrows */
.menu-bar span.menu-arrow { color: inherit; }
/** Hover Block */
div.theme-header .menu-bar .menu div.hoverdir-wrap { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; height: 100%; }
div.theme-header .menu-bar .menu div.hoverdir-wrap span.hoverdir { background: #46759b; height: 100%; display: block; position: absolute; width: 100%; z-index: 1; top: 0; left: -100%; }
div.theme-header .menu-bar .menu ul li:first-child div.hoverdir-wrap { border-top: none; }
div.theme-header .menu-bar .menu li ul.sub-menu div.hoverdir-wrap span.hoverdir { border-radius: 0px; display: block; position: absolute; z-index: 1; }
div.theme-header .menu-bar .menu li ul.sub-menu li a { position: relative; z-index: 2; }
div.theme-header .menu-bar .menu li ul.sub-menu div.hoverdir-wrap { width: 100%; }
div.theme-header .menu-bar .menu { padding: 0; margin: 0; }
div.theme-header .menu-bar .menu li a { color: #414747; }
div.theme-header .menu-bar .menu li:hover > a { transition-property: color; transition-duration: 0.7s; color: #fff; }
div.theme-header .menu-bar .menu > li { display: block; float: left; margin: 0; z-index: 9; position: relative; }
div.theme-header .menu > li > a { text-align: center; color: #4c4f55; display: block; font-size: 13px; padding: 5px 12px; margin: 0 0 0 0px; position: relative; text-decoration: none; position: relative; z-index: 2; }
div.theme-header .menu > li.hasDropDown > a { padding-right: 28px; }
/** Hyper Menu code */
div.theme-header .menu-bar li div.sub-menu ul.sub-menu { display: block; margin-bottom: 15px; margin-top: 5px; }
div.theme-header .menu-bar div.sub-menu { display: none; }
div.sub-menu { display: none; box-shadow: 0px 14px 20px rgba(0, 0, 0, 0.1); background: #fff; position: absolute; top: 33px; left: 0%; width: 1060px; margin: 0; padding: 0; z-index: 2; }
div.sub-menu > div { width: 19.78%; float: left; }
div.sub-menu > div h6 { padding-bottom: 3px; margin: 15px 10px 0px 20px; font-weight: 300; border-bottom: 1px solid #f4f4f4; }
div.sub-menu > div h6 a { font-size: 14px; color: #444; text-decoration: none; }
div.sub-menu ul.sub-menu { padding-left: 20px; }
div.theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li a { padding-left: 0px; }
div.theme-header .menu-bar div.sub-menu ul.sub-menu li a { padding-left: 0; }
div.megamenu-textbox { font-size: 12px; padding: 0 20px 20px 20px; }
div.widget_menu .widget-tail { display: none; }
div.widget_menu > div { width: 100%; float: none; }
div.widget_menu div.sidebar-wrap { width: 225px; padding: 30px 20px; background: none; float: left; }
div.sub-menu iframe.video { background: none; padding-bottom: 0; }
div.sub-menu div.sidebar-wrap:first-child { padding-right: 10px; }
div.sub-menu div.sidebar-wrap:last-child { padding-left: 10px; }
/** === Top Bars text === */
.top-text { font-size: 12px; font-weight: 400; line-height: 1.5; margin-bottom: 0; margin-top: 3px; color: #4c4f55; }
.top-text a { color: #2f2f2f; text-decoration: underline; }
.right .top-text { float: right; text-align: right; }
.full .top-text { text-align: center; display: block; }
.center .top-text { text-align: center; }
#top-bar .top-text { padding: 7px 0; }
/** Tagline */
.left h6.tagline { font-style: italic; }
.right h6.tagline { float: right; text-align: right; }
.full h6.tagline { text-align: center; display: block; }
.center h6.tagline { text-align: center; }
h6.tagline { font-size: 14px; font-weight: 100; color: #444; margin: 0; padding: 0; }
/** Social Icons */
.center ul.top-area-social-list { margin: 0 auto; text-align: center; opacity: 0; }
div.top-area a.social-icons { margin-top: 0px; margin-bottom: 0px; }
ul.top-area-social-list { margin: 0; padding: 0; overflow: hidden; }
ul.top-area-social-list li { float: left; margin: 0px 0px; padding: 0; list-style: none; overflow: hidden; }
ul.top-area-social-list li a { text-decoration: none; position: relative; padding: 8px; display: block; }
ul.top-area-social-list li:first-child a { border-left: none; }
ul.top-area-social-list li a img { display: block; margin: 0 auto; }
ul.top-area-social-list li a span.proxy-color { opacity: 0; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; }
ul.top-area-social-list li a span.proxy-color img { margin: 8px 8px 0 8px; }
#top-bar ul.top-area-social-list { border-left: 1px solid rgba(0, 0, 0, 0.05); }
#top-bar ul.top-area-social-list li a { border-right: 1px solid rgba(0, 0, 0, 0.05); }
ul.top-area-social-list a.twitter span.proxy-color { background: #39a9e0; border-color: #39a9e0; }
ul.top-area-social-list a.blogger span.proxy-color { background: #ff9434; border-color: #ff9434; }
ul.top-area-social-list a.facebook span.proxy-color { background: #3b5998; border-color: #3b5998; }
ul.top-area-social-list a.github span.proxy-color { background: #4183c4; border-color: #4183c4; }
ul.top-area-social-list a.flickr span.proxy-color { background: #0063db; border-color: #0063db; }
ul.top-area-social-list a.vimeo span.proxy-color { background: #44bbff; border-color: #44bbff; }
ul.top-area-social-list a.google-plus span.proxy-color { background: #d14836; border-color: #d14836; }
ul.top-area-social-list a.pinterest span.proxy-color { background: #cb2027; border-color: #cb2027; }
ul.top-area-social-list a.tumblr span.proxy-color { background: #2c4762; border-color: #2c4762; }
ul.top-area-social-list a.linkedin span.proxy-color { background: #007fb1; border-color: #007fb1; }
ul.top-area-social-list a.dribbble span.proxy-color { background: #ea4c89; border-color: #ea4c89; }
ul.top-area-social-list a.stumbleupon span.proxy-color { background: #eb4924; border-color: #eb4924; }
ul.top-area-social-list a.lastfm span.proxy-color { background: #d51007; border-color: #d51007; }
ul.top-area-social-list a.rdio span.proxy-color { background: #0087dc; border-color: #0087dc; }
ul.top-area-social-list a.spotify span.proxy-color { background: #80b719; border-color: #80b719; }
ul.top-area-social-list a.instagram span.proxy-color { background: #3f729b; border-color: #3f729b; }
ul.top-area-social-list a.dropbox span.proxy-color { background: #2281cf; border-color: #2281cf; }
ul.top-area-social-list a.evernote span.proxy-color { background: #7ac142; border-color: #7ac142; }
ul.top-area-social-list a.flattr span.proxy-color { background: #e1650b; border-color: #e1650b; }
ul.top-area-social-list a.skype span.proxy-color { background: #00aff0; border-color: #00aff0; }
ul.top-area-social-list a.soundcloud span.proxy-color { background: #ff6600; border-color: #ff6600; }
ul.top-area-social-list a.picasa span.proxy-color { background: #78256d; border-color: #78256d; }
ul.top-area-social-list a.behance span.proxy-color { background: #1769ff; border-color: #1769ff; }
ul.top-area-social-list a.smashing span.proxy-color { background: #e95c33; border-color: #e95c33; }
/** Search Bar */
a.ajax-search-trigger { font-size: 14px; display: inline-block; color: #ddd; -webkit-font-smoothing: subpixel-antialiased; padding: 10px 11px 10px 11px; text-decoration: none; border-radius: 2px; }
a.ajax-search-trigger.active { background: #46759b; color: #fff; }
#top-bar a.ajax-search-trigger { font-size: 16px; color: #888; padding: 12px 15px 11px 15px; border-radius: 0; box-shadow: 1px 0px 0px 0px #eee; line-height: 16px; background: #fff; }
#top-bar a.ajax-search-trigger.active { background: #46759b; color: #fff; }
div.ajax-search { margin: 0 auto; position: relative; z-index: 25; }
div.ajax-search-pane { background: #fff; border-radius: 3px; width: 400px; box-shadow: 0px 6px 23px rgba(0, 0, 0, 0.1); position: absolute; top: 60px; right: 0; display: none; }
.menu_layers.left div.ajax-search-pane { right: auto; left: 0; }
div.ajax-search-pane div.form { padding: 20px 40px 20px 40px; position: relative; }
div.ajax-search-pane div.form input[type=submit] { display: none; }
div.ajax-search-pane div.form input[type=text] { width: 93%; text-align: center; background: transparent; border: none; outline: none; padding: 5px 10px; font-weight: 100; color: #777777; font-size: 12px; font-family: "Droid Serif","Georgia",Arial; font-style: italic; }
div.ajax-search-pane div.form label { text-align: center; color: #b8bcc0; font-size: 11px; display: block; }
a.ajax-search-close { position: absolute; top: 10px; left: 15px; color: #ccc; font-size: 11px; z-index: 3; }
span.search-loader { background: url(sprites/i/search-loader.gif) center center no-repeat white; padding: 4px; display: none; border-radius: 3px; width: 16px; height: 16px; position: absolute; top: 18px; right: 8px; }
div.ajax-search h4.no-results { display: none; padding: 15px; text-align: center; }
div.search-results { min-height: 0px; display: none; margin-top: -20px; }
div.search-results strong { color: #46759b; }
div.search-results ul { margin: 0; padding: 0 25px 0 30px; }
div.search-results ul li { list-style: none; margin: 10px 0 10px 0; border-bottom: 1px dotted #f4f4f4; padding: 0 0 10px; position: relative; }
div.search-results ul li:last-child { border-bottom: none; }
div.search-results ul li.not-found { text-align: center; padding: 10px; margin: 0; }
div.search-results ul li div.image { float: left; margin-right: 15px; width: 60px; }
div.search-results ul li div.image img { display: block; padding: 4px; border: 1px solid #f4f4f4; }
div.search-results ul li div.desc.hasImage { width: 225px; float: left; }
div.search-results ul li div.desc span.date { font-size: 10px; margin-top: -2px; color: #999; display: block; }
div.search-results ul li div.desc a.more { font-size: 10px; color: #fff; background: #46759b; display: block; padding: 2px 8px 3px 8px; text-decoration: none; font-weight: 600; position: absolute; top: 0; right: 0; }
div.search-results ul li div.desc a.more:hover { background: #46759b; }
div.search-results ul li h5 { margin: 0 50px 0 0; padding: 0; line-height: 12px; font-weight: 700; }
div.search-results ul li h5 a { color: #5b6770; font-size: 13px; text-decoration: none; word-wrap: break-word; }
div.search-results ul li a.view-all { background: #35393a; border-radius: 2px; text-decoration: none; font-weight: 600; color: #fff; text-align: center; padding: 15px 10px; display: block; }
div.ajax-search-pane span.tip { color: #fff; font-size: 24px; top: -16px; right: 11px; position: absolute; }
/** Logo */
#logo { border-bottom: none; }
#logo { display: block; margin: 0px auto; position: relative; }
#logo span { left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; }
#logo img { display: block; height: auto; max-width: 100%; width: auto; }
.left #logo { float: left; }
.right #logo { float: right; }
.center #logo img { margin: 0px auto; }
.default { margin: 0px auto; }
/** Header Areas Stylings */
div.trans-head { background: #fff; position: relative; z-index: 3; }
div.header-cons-area { position: relative; z-index: 20; }
#top-bar { background: rgba(255, 255, 255, 0.95); position: relative; z-index: 10; }
#top-bar .menu > li:last-child > a { border-right: 1px solid rgba(0, 0, 0, 0.05); }
div.theme-header #top-bar .menu > li > a { border-left: 1px solid rgba(0, 0, 0, 0.05); padding: 8px 17px 9px 17px; font-size: 12px; }
div.theme-header #top-bar .menu > li.hasDropDown > a { padding-right: 28px; }
#top-bar .menu > li > a span.spacer { display: none; }
#top-bar .menu-bar .menu div.hoverdir-wrap span.hoverdir { border-radius: 0; }
div.theme-header div.trans-head .menu > li { margin-right: 15px; }
div.theme-header div.trans-head .menu > li:last-child { margin-right: 0; }
div.top-area-wrapper .menu-bar { margin-top: 7px; }
div.top-area-wrapper .menu-bar .menu div.hoverdir-wrap span.hoverdir { border-radius: 2px; }
div.top-area-wrapper { position: relative; z-index: 8; background: #fff; }
.top-area-wrapper div.top-area { border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 20px 0; }
div.bottom-area { position: relative; z-index: 6; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 25px 0; }
/** Compact Bar stylings */
div.compact-bar { background: #fff; padding: 0; visibility: hidden; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; width: 100%; opacity: 0.97; z-index: 9999; }
div.compact-bar #clogo { float: left; margin-top: 0px; }
div.compact-bar #clogo img { display: block; }
div.compact-bar .menu-wrapper { float: right; margin-top: 5px; }
/** ## Page Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
/** General Stylings */
div.ioa-menu { margin-top: 30px; line-height: 1; position: relative; width: 96px; float: right; z-index: 10; }
div.ioa-menu > span { float: left; z-index: 2; font-size: 12px; color: #fff; background: #46759b; padding: 15px 0px; width: 54px; text-align: center; font-weight: 600; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
div.ioa-menu a { display: block; float: left; background: #46759b; text-align: center; padding: 12px 12px; font-size: 18px; text-decoration: none; color: #ffffff; background: #222; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
div.ioa-menu ul { display: none; box-shadow: 0px 22px 20px rgba(0, 0, 0, 0.4); border-left: none; background: #222222; margin: 0; padding: 0; position: absolute; top: 40px; right: 0; width: 150px; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topright: 0; border-radius: 4px; border-top-right-radius: 0; }
div.ioa-menu a:hover { color: #fff; }
div.ioa-menu ul li.active:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; }
div.ioa-menu ul li span { position: relative; z-index: 10; display: block; }
div.ioa-menu ul li { cursor: pointer; position: relative; list-style: none; padding: 11px 0; margin: 0; text-align: center; color: #fff; font-size: 11px; font-weight: 600; }
div.ioa-menu ul li div.hoverdir-wrap { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div.ioa-menu ul li div.hoverdir-wrap span.hoverdir { background: #46759b; height: 100%; display: block; position: absolute; width: 100%; z-index: 1; top: 0; left: -150px; }
div.ioa-menu ul li.active { background: #46759b; }
/** Menu Version 2 */
div.ioa-menu-open { margin-top: 30px; position: relative; width: auto; float: right; z-index: 10; }
div.ioa-menu-open ul { display: block; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset; border-left: none; background: #5e8fb6; margin: 0; padding: 0; position: relative; top: auto; right: 0; width: auto; border-radius: 4px; }
div.ioa-menu-open ul li span { position: relative; z-index: 10; display: block; }
div.ioa-menu-open ul li { cursor: pointer; position: relative; list-style: none; padding: 11px 19px; text-align: center; color: #fff; font-size: 11px; font-weight: 600; float: left; }
div.ioa-menu-open ul li div.hoverdir-wrap { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div.ioa-menu-open ul li div.hoverdir-wrap span.hoverdir { background: #46759b; height: 100%; display: block; position: absolute; width: 100%; z-index: 1; top: 0; left: -150px; }
div.ioa-menu-open ul li.active { background: #46759b; }
div.ioa-menu-open ul li:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
/** Pagination */
div.pagination_wrap { padding: 0; }
div.pagination { float: left; padding: 15px 0; }
div.pagination ul { margin: 0; padding: 15px 0; }
div.pagination ul li, .page-numbers { float: left; list-style: none; padding: 0; margin: 0px 2px 0px 0px; }
div.pagination ul li a, .pagination_wrap a.page-numbers { border-radius: 2px; color: #fff; background: #444444; text-decoration: none; font-weight: 600; font-size: 11px; display: block; padding: 7px 14px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background; transition-duration: 200ms, 200ms; transition-delay: 0s; color: #fff; }
div.pagination ul li a:hover { background: #46759b; }
div.pagination ul li span.current { background: #46759b; color: #fff; border-radius: 3px; font-weight: 600; font-size: 12px; display: block; padding: 6px 14px 7px 14px; }
.pagination_wrap span.page-numbers { background: #444444; color: #fff; border-radius: 3px; font-weight: 600; font-size: 12px; display: block; padding: 6px 14px 6px 14px; }
div.pagination ul li span.gap { color: #444; font-weight: 600; font-size: 12px; display: block; padding: 12px 12px; }
div.pagination-dropdown { float: right; padding: 30px 0; }
div.pagination-dropdown span { font-size: 11px; font-style: italic; font-weight: 100; float: left; margin: 11px 5px 0 0; }
div.pagination-dropdown div.select-wrap i { position: absolute; top: 3px; right: 0; color: #46759b; font-size: 18px; display: block; padding: 5px 7px; }
div.pagination-dropdown div.select-wrap { height: 21px; margin: 0; overflow: hidden; padding: 5px 0; position: relative; width: 54px; z-index: 1; float: left; border: 2px solid #46759b; border-radius: 4px; padding-top: 8px; }
div.pagination-dropdown div.select-wrap select { -webkit-appearance: none; background: transparent !important; border: none; color: #888; cursor: pointer; display: block; font-size: 13px; margin: 0 !important; outline: none; outline: none; padding: 0px 0px 10px 10px; width: 83px; height: 25px; font-weight: 600; position: relative; z-index: 2; }
/** Featured Image */
div.mutual-content-wrap > img { margin: 30px auto; display: block; max-width: 100%; }
/** Featured Media Stylings */
div.single-image { display: block; position: relative; z-index: 9; }
div.single-image img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
div.single-image.layout-full { margin: 0; }
div.featured-slider-full { margin: 0; background-size: cover; }
div.featured-slider-full div.ioaslider.quartz.full-stretch { margin: 0; }
div.full-width-image-wrap { overflow: hidden; position: relative; z-index: 9; background-size: cover; }
div.full-width-image-wrap img { width: 100%; min-height: 100%; height: auto; display: block; }
div.full-width-image-wrap.adaptive_height img { min-height: 0; }
div.top-image-wrap { position: relative; z-index: 9; background-size: cover; margin-top: 20px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07); }
div.featured-gallery-contained { box-shadow: 0px 1px 1px #fafafa; }
div.top-image-wrap img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
div.contained-image-wrap img { display: block; margin: 0 auto; max-width: 100%; margin-top: 30px; }
div.featured-slider-contained, div.featured-gallery-contained { margin-top: 40px; }
.top-layered-slider { margin-bottom: 0px; position: relative; z-index: 5; }
div.page-highlight { border-bottom: 1px solid transparent; opacity: 0.5; width: 100%; position: absolute; bottom: 0; left: 0; height: 0; z-index: 2; }
div.title-wrap { padding: 15px 0; position: relative; overflow: hidden; background-size: auto; background: #46759b; }
div.title-wrap h1 { font-size: 24px; color: #fff; font-weight: 100; padding: 4px; margin: 0; display: block; line-height: 1.2; }
div.title-wrap br { height: 0; clear: both; visibility: hidden; }
h3.page-subtitle { font-size: 14px; font-weight: 400; padding: 2px 4px; font-style: italic; margin: 0; display: block; color: #ffffff; }
div.title-block, div.subtitle-block { display: inline-block; }
div.title-block i.icon { margin-right: 20px; }
.mobile-title { display: none; }
div.mobile-title { background: #333; }
div.mobile-title h2 { margin-bottom: 0; font-size: 15px; text-align: center; color: #fff; padding: 7px 0; }
div.custom-tax-template { padding-top: 15px; }
div.merge-trans { position: relative; }
.video-bg { overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; z-index: 1; }
/**
* Title Align
*/
div.title-text-algin-right { text-align: right; }
div.title-text-algin-center { text-align: center; }
.fade { opacity: 0; }
.fade-left { opacity: 0; margin-left: -20px; }
.fade-right { opacity: 0; margin-left: 20px; }
.rotate-left { transform: rotate(35deg); opacity: 0; }
.rotate-right { transform: rotate(-35deg); opacity: 0; }
.scale-out { transform: scale(0); opacity: 0; }
.scale-in { transform: scale(1.2); opacity: 0; }
.curtain-show, .curtain-fade { opacity: 0; }
.title-block, .subtitle-block { position: relative; }
.title-wrap.metro { transform: rotateY(15deg); opacity: 0; }
.title-wrap.parallex { background-attachment: fixed; }
div.supper-title-wrapper { overflow: hidden; }
/**
* Layout Stylings - To change width goto sprites -> stylesheets -> layout.css .
*/
div.mutual-content-wrap { padding: 40px 0; }
div.mutual-content-wrap p { margin: 15px 0px 15px 0; }
/**
* Layouts
*/
.below-title span.widget-tail { display: none; }
.below-title { background: #fff; border-bottom: 1px solid #eee; }
.above-footer.sidebar { background: #fff; border-top: 1px solid #eee; margin-top: 0px; }
.sticky-left-sidebar.stoper, .sticky-right-sidebar.stoper { position: absolute; }
.sticky-left-sidebar.sticky_bar { position: fixed; top: 0; }
.sticky-right-sidebar.sticky_bar { position: fixed; top: 0; left: 0; }
div.page-wrapper { position: relative; z-index: 3; }
/* == Right Sidebar ========================== */
.left-sidebar.sidebar, .sticky-left-sidebar { background: url(sprites/i/left-sidebar-sprite.png) top right no-repeat; min-height: 300px; }
.right-sidebar.sidebar, .sticky-right-sidebar { background: url(sprites/i/right-sidebar-sprite.png) top left no-repeat; min-height: 300px; }
/* == Left Sidebar ========================== */
span.right-tip { background: url(sprites/i/right-sidebar-tip.png); width: 10px; height: 32px; position: absolute; bottom: -1px; right: 280px; display: block; z-index: 99; }
/**
* Pages
*/
#breadcrumbs { position: absolute; bottom: 0; right: 0; z-index: 3; background: #fff; padding: 1px 7px; display: block; color: #444; }
#breadcrumbs a { font-size: 11px; text-decoration: none; color: #444; }
#breadcrumbs span.current { color: #999; font-style: italic; font-size: 11px; }
div.title-text-algin-right #breadcrumbs { left: 0; right: auto; }
div.page-content img { max-width: 100%; }
div.page-content { margin-top: 40px; margin-bottom: 40px; }
.sidebar-layout div.page-content { margin: 30px 0; }
div.page-content p:first-child { margin-top: 0; }
div.page-content p:last-child { margin-bottom: 0; }
/**
* 404
*/
div.not-found-image { display: block; position: relative; }
div.not-found-image img { display: block; margin: 90px auto 5px auto; max-width: 100%; }
div.not-found-image canvas#icon404 { position: absolute; top: -60px; left: 35%; z-index: 10; }
div.not-found-image canvas#icon404-subset { position: absolute; top: -60px; left: 64%; z-index: 10; }
div.mutual-content-wrap div.not-found-text { max-width: 70%; margin: 5px auto; font-size: 12px; display: block; text-align: center; }
div.error-search { width: 450px; margin: 25px auto 20px auto; }
div.error-search label { display: none; }
div.error-search input[type=text] { border: 1px solid #eee; padding: 11px; width: 310px; color: #616268; margin-right: 20px; float: left; }
div.error-search input[type=submit] { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 12px 24px 12px 24px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; text-decoration: none; float: left; }
/**
* Sitemap
*/
div.sitemap { padding: 30px 0 30px 0; }
div.sitemap h2 { padding: 0; margin: 0px 30px 20px 0px; font-size: 17px; border-bottom: 1px dotted #ddd; }
div.sitemap ul { margin: 0px 20px 0px 0px; padding: 0; }
div.sitemap ul li { list-style: none; padding: 6px 0; margin: 0; display: block; border-bottom: 1px solid #eee; }
div.sitemap ul li a { color: #444; display: block; text-decoration: none; }
div.sitemap h5 { margin: 0; padding: 0; font-size: 13px; color: #666; }
div.sitemap ul.subcats { margin-left: 20px; }
div.sitemap ul.subcats li:last-child { border-bottom: none; }
div.sitemap ul.children { margin-left: 20px; }
div.sitemap ul.children li:last-child { border-bottom: none; }
/** Contact Page */
.full-layout div.address-area { width: 325px; }
.full-layout div.address-mutual-wrap div.map-wrapper { width: 625px; }
div.address-mutual-wrap { border: 1px solid #f4f4f4; margin-top: 30px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05); }
div.address-mutual-wrap div.map-wrapper { height: 400px; width: 390px; float: left; margin: 30px 0; }
div.address-area { padding: 30px; font-size: 15px; margin: 20px 10px 10px 0; font-weight: 100; float: left; width: 250px; }
div.address-area p { font-size: 13px; }
div.map-wrapper { max-width: 100%; position: relative; min-height: 400px; }
#map { height: 100%; width: 100%; border: none; outline: none; position: absolute; top: 0; left: 0; z-index: 1; }
div.overlay-address-area { background: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; z-index: 2; height: 100%; width: 100%; }
div.overlay-address { max-width: 600px; padding: 10px; border: 3px solid #333; margin: 30px auto 0px auto; }
div.inner-overlay-address { padding: 20px; }
div.inner-overlay-address strong { color: inherit; }
div.inner-overlay-address p { margin-bottom: 0px; margin-top: 2px; }
div.inner-overlay-address a { color: inherit; }
/** Contact Form */
form.wpcf7-form p.full-text .wpcf7-text { padding: 14px; border: 1px solid #eee; width: 90%; }
form.wpcf7-form p { font-size: 12px; margin-bottom: 15px; font-style: italic; }
form.wpcf7-form .wpcf7-text { padding: 14px; border: 1px solid #eee; width: 55%; }
form.wpcf7-form .wpcf7-textarea { padding: 14px; border: 1px solid #eee; width: 90%; overflow: auto; }
form.wpcf7-form .wpcf7-submit { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 12px 24px 12px 24px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; }
form.wpcf7-form .wpcf7-submit:hover { background: none; background: #46759B; color: #fff; }
form.wpcf7-form .wpcf7-text:focus, form.wpcf7-form .wpcf7-textarea:focus { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); }
form.wpcf7-form .wpcf7-captchar { padding: 14px; border: 1px solid #e90000; width: 100px; }
form.wpcf7-form .wpcf7-captchac { margin: 7px 10px 0px 0px; float: left; }
div.wpcf7-response-output { padding: 15px !important; background: #398f14; margin: 0 !important; text-align: center; color: #fff; }
div.wpcf7-validation-errors.wpcf7-response-output { background: red !important; border-color: red !important; }
span.wpcf7-not-valid-tip { left: auto !important; width: auto !important; right: 0 !important; background: red !important; color: #fff; font-size: 11px !important; top: 29px !important; }
/** Password Protected */
.page-content > form { padding: 30px; border: 1px solid #f4f4f4; border-radius: 2px; margin: 30px auto; width: 490px; }
.page-content > form input[type=password] { padding: 12px 10px; border: 1px solid #f4f4f4; width: 300px; }
.page-content > form input[type=submit] { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 12px 24px 12px 24px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; outline: none; border: none; }
.page-content > form input[type=submit]:hover { background: none; background: #46759B; color: #fff; }
/** Sticky Contact Form */
div.sticky-contact { position: fixed; top: 25%; right: 0; right: -301px; width: 300px; background: #46759b; z-index: 9997; min-height: 300px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
div.sticky-contact a.trigger { position: absolute; left: -55px; top: 30px; background: #46759b; color: #fff; font-size: 17px; padding: 19px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.inner-sticky-contact p { color: #fff; margin-top: 0; position: relative; }
.inner-sticky-contact span.error-note { position: absolute; left: -126px; top: 6px; width: 114px; text-align: center; font-weight: bold; background: #ea0000; opacity: 0; visibility: hidden; border-radius: 2px; color: #fff; font-size: 10px; padding: 3px 6px; }
.inner-sticky-contact { padding: 20px; }
.inner-sticky-contact div.success { display: none; padding: 15px; text-align: center; background: #73d40b; color: #fff; margin-bottom: 15px; }
.inner-sticky-contact input[type=text], .inner-sticky-contact input[type=email] { font-size: 12px; color: #888; padding: 10px 14px; width: 55%; border: none; outline: none; }
.inner-sticky-contact textarea { font-size: 12px; color: #888; font-family: inherit; overflow: auto; padding: 10px 14px; border: none; outline: none; width: 90%; }
.inner-sticky-contact input[type=submit] { font-size: 11px; font-weight: bold; outline: none; border-radius: 2px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); border: none; background: #fff; color: #46759b; display: inline-block; padding: 8px 15px; }
.inner-sticky-contact input[type=submit]:hover { background: #464646; color: #fff; }
.inner-sticky-contact .error { border: 1px solid #dc1414 !important; box-shadow: 0px 0px 4px #ff9393; }
#wp-admin-bar-rad { background: url(sprites/i/rad_sprites/save-button-bg.png) repeat-x #1782c0 !important; }
#wp-admin-bar-rad a { color: #fff; font-weight: 700; }
/** ## Single Post Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
div.post-content { margin: 20px 0 0 0; }
div.post-content img { display: block; max-width: 100%; height: auto; }
div.meta-info { border: 1px solid #eee; margin: 15px 0px 25px 0; }
div.meta-info div.inner-meta-info { float: left; width: 518px; padding: 11px 0 0 16px; }
div.meta-info div.inner-meta-info a { margin-right: 8px; }
div.meta-info div.inner-meta-info > div { display: block; padding: 14px 15px 14px 15px; margin: 0px; text-align: center; font-size: 11px; border-radius: 2px; float: left; }
div.meta-info a { text-decoration: none; color: #999; font-size: 11px; font-style: italic; }
div.meta-info > div.social { margin: 0; background: #eee; padding: 0; float: right; }
div.meta-info > div.social a { text-align: center; float: left; width: 50px; margin: 0; padding: 15px 0; font-size: 18px; font-style: normal; }
div.meta-info > div.social a.icon-twitter { color: #fff; background-color: #0bc3d9; }
div.meta-info > div.social a.icon-facebook { color: #fff; background-color: #128bf1; }
div.meta-info > div.social a.icon-google-plus { color: #fff; background-color: #f16612; }
div.meta-info > div.social a.icon-pinterest { color: #fff; background-color: #f11246; }
div.post-tags { border: 1px solid #f4f4f4; margin-top: 15px; padding: 20px 20px 5px 20px; }
div.post-tags a { float: left; padding: 5px 10px; background: #f4f4f4; color: #888; font-size: 11px; border-radius: 2px; text-decoration: none; margin-right: 15px; margin-bottom: 15px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; }
div.post-tags a:hover { background: #46759b; color: #fff; }
/** Author box */
#authorbox { border: 1px solid #f4f4f4; margin-top: 30px; padding: 20px; }
#authorbox .author-avatar { float: left; width: 100px; }
#authorbox .author-avatar img { display: block; margin: 10px 0px 15px 0; border-radius: 3px; }
#authorbox .authortext { float: left; margin: 10px 0 0 10px; padding-bottom: 0px; width: 83%; }
#authorbox .authortext h3 { color: #333; font-size: 18px; font-weight: 500; line-height: 1.2; margin-left: 0px; margin-top: 0px; }
#authorbox .authortext p { color: #777; font-size: 12px; margin-top: 5px; padding-right: 20px; margin-bottom: 0; }
/** Comments Section */
/* == Comments ========================= */
#comments { padding: 10px 0 20px 0; }
h2.comments-title { font-size: 16px; margin-bottom: 15px; border-bottom: 2px solid #444; }
ol.comment-list { list-style: none; padding: 30px 0 0 0; margin: 0; }
ol.comment-list li { padding-bottom: 30px; position: relative; }
ol.comment-list li:last-child { padding-bottom: 10px; }
ol.children { list-style: none; padding: 30px 0 0px 30px; margin: 0; }
ol.children li { padding-bottom: 0px; }
div.image-info img { display: block; padding: 5px; border: 1px solid #eee; float: left; }
div.image-info > a { float: left; font-size: 11px; color: #999; font-style: italic; }
div.comment-info { position: relative; }
#comments cite.fn { font-size: 11px; padding: 0px 8px 0px 15px; float: left; }
#comments .image-info em { font-size: 11px; display: inline-block; margin-left: 10px; }
div.comment-body { padding: 20px; border: 1px solid #eee; margin: 10px 0; border-radius: 5px; }
#comments li.bypostauthor div.image-info img { background: #eee; }
div.comment-body img.avatar { display: block; max-width: 100%; }
#comments div.reply { position: absolute; top: 13px; right: 0; z-index: 3; }
#comments div.reply a { border: 2px solid #0cbce2; padding: 3px 7px; color: #0cbce2; text-decoration: none; font-weight: 600; font-size: 10px; border-radius: 3px; }
p.no-comments { border: 1px solid #f4f4f4; text-align: center; display: block; padding: 30px; border-radius: 2px; }
/* == Comment Form ======================================================================== */
#respond { clear: both; padding: 10px 0px 0px 0; position: relative; }
#respond h3#reply-title { border-bottom: 1px solid #eee; font-size: 18px; }
#respond h3.custom-font { color: #333; font-size: 18px; font-weight: 500; line-height: 1.2; margin-bottom: 10px; }
#commentform { border-top: none; padding: 0 0 20px 0; }
#commentform input[type=text], #commentform input[type=email], #commentform input[type=url] { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; color: #777; font-size: 13px; line-height: 18px; margin-bottom: 9px; padding: 10px; width: 90%; }
#commentform input[type=text]:focus, #commentform textarea :focus { background: #fff; color: #333; }
#commentform textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fff; border: 1px solid #dddddd; border-radius: 3px; color: #777; display: block; font-size: 13px; line-height: 18px; margin-bottom: 9px; padding: 10px; width: 98%; }
#commentform code { background-color: #fff; border: none; color: #333; font-size: 11px; padding: 2px 4px; }
#commentform { margin-left: 0px; margin-top: 0px; }
#commentform p.single-row-textfield { float: left; margin-bottom: 10px; width: 32%; }
#commentform p.comment-form-url { margin-right: 0; }
#commentform input[type=submit] { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 10px 24px 10px 24px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; }
#commentform input[type=submit]:hover { background: none; background: #46759B; color: #fff; }
#commentform label { color: #777; font-size: 11px; margin-right: 20px; margin-top: 14px; text-align: right; width: 45px; }
#commentform p { margin: 5px 12px 20px 0; font-size: 10px; font-style: italic; }
a#cancel-comment-reply-link { position: absolute; top: 0; right: 0; background: #d40a18; padding: 2px 7px; border-radius: 3px; text-decoration: none; font-size: 10px; color: #fff; }
/** Related Posts */
div.fb_comments_template { margin-top: 30px; }
div.related_posts .ioa-menu { margin-right: 0; margin-top: -5px; }
div.related_posts { padding: 35px 0 0px 0; }
div.related-posts-wrap { height: 150px; position: relative; }
ul.single-related-posts { margin: 0; padding: 0; position: absolute; top: 0; left: 0; visibility: hidden; }
ul.single-related-posts.recent { visibility: visible; opacity: 1; }
ul.single-related-posts li { float: left; padding: 0; margin: 0 10px 0px 0; list-style: none; width: 176px; }
ul.single-related-posts li div.image { position: relative; }
ul.single-related-posts li div.image img { display: block; max-width: 100%; height: auto; }
ul.single-related-posts li .hover { display: none; opacity: 0.9; background: #46759b; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
ul.single-related-posts li .hover h3 { color: inherit; font-size: 13px; text-align: center; padding: 30px 10px 20px 10px; line-height: 1.4; }
ul.single-related-posts li .hover i { position: absolute; bottom: 0; left: 0; text-decoration: none; color: inherit; text-align: center; width: 40px; padding: 14px 0; display: block; color: #444; background: #fff; }
div.related_posts div.related_posts-title-area { margin-bottom: 25px; }
h3.single-related-posts-title { margin-top: 0px; display: block; }
/** Password Protected */
.post-content > form { padding: 30px; border: 1px solid #f4f4f4; border-radius: 2px; margin: 30px auto; width: 490px; }
.post-content > form input[type=password] { padding: 12px 10px; border: 1px solid #f4f4f4; width: 300px; }
.post-content > form input[type=submit] { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 12px 24px 12px 24px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; outline: none; border: none; }
.post-content > form input[type=submit]:hover { background: none; background: #46759B; color: #fff; }
/** Gallery Tiles */
div.gallery { margin: 0px 0px 15px 0px; clear: both; }
div.gallery dl.gallery-item { margin: 15px; padding: 0; float: left; width: auto; border: 1px solid #ddd; padding: 3px; }
div.gallery dl.gallery-item a, div.gallery dl.gallery-item img { display: block; max-width: 100%; margin: 0 auto; }
div.gallery a.read-more { margin-top: 10px; }
#RAD_DPT671S8H3P0J0D9BMEPQD7UD60TJK12 #post_grid51fec557d55d2 div.post_grid-inner-wrap div.inner-item-wrap { background: none; }
/** ## Basic Post List Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
/** General Posts Stylings */
ul.posts { margin: 0; padding: 0; }
ul.posts li a { border-bottom: none; }
ul.posts li { margin: 0; padding: 0; list-style: none; position: relative; }
ul.posts li div.image { position: relative; }
ul.posts li div.image img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
ul.posts li div.image a.hover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: #46759b; opacity: 0.9; }
ul.posts li div.image a.imageholder { display: block; }
ul.posts li div.image a.imageholder img { display: block; width: 100%; }
ul.posts li.first { clear: left; margin-left: 0; }
ul.posts li.last { clear: right; margin-right: 0; }
ul.posts h2 a { color: #333333; text-decoration: none; }
ul.posts div.extras { line-height: 1.3; color: #888; font-size: 11px; margin: 5px 0 5px 0; font-weight: 400; }
ul.posts div.extras a { color: #888; text-decoration: none; }
ul.posts-list div.image, ul.thumb-list div.image { float: left; position: relative; }
ul.posts-grid, ul.posts-list, ul.thumb-list { margin: 0; padding: 0; }
ul.posts-grid { padding-top: 1px; }
ul.posts-grid div.extras i { color: #46759b; margin-right: 4px; }
ul.posts-grid li { list-style: none; padding: 0; position: relative; margin: 0; }
ul.posts-grid li span.spacer { display: block; width: 30px; height: 0; border-bottom: 2px solid #ddd; margin-bottom: 5px; margin-top: 3px; }
ul.posts-grid li div.inner-item-wrap { margin: 0; }
ul.posts-grid li.first { margin-left: 0; }
ul.posts-grid li.last { margin-right: 0; }
ul.posts-grid h2 { line-height: 1.3; display: block; font-weight: 600; font-size: 16px; margin-bottom: 0; }
ul.posts-grid h2 a { font-size: 16px; display: block; text-decoration: none; }
ul.posts-grid li div.image { overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.4); padding: 4px; border-color: #fff; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); border-radius: 4px; }
ul.post-grid-1cols li { float: none; margin-left: 0; margin-right: 0; }
ul.post-grid-2cols li { float: left; width: 49.9%; }
ul.post-grid-3cols li { float: left; width: 33.2%; }
ul.post-grid-4cols li { float: left; width: 24.9%; margin: 0; }
ul.post-grid-5cols li { float: left; width: 19.9%; }
ul.post-grid-6cols li { float: left; width: 16.6%; }
ul.post-grid-2cols li div.inner-item-wrap, ul.post-grid-3cols li div.inner-item-wrap, ul.post-grid-4cols li div.inner-item-wrap, ul.post-grid-5cols li div.inner-item-wrap, ul.post-grid-6cols li div.inner-item-wrap { margin: 0px 5px; }
.has-sidebar ul.post-grid-4cols li { float: left; width: 162px; }
ul.posts-grid li div.desc { line-height: 1.7; color: #444; margin: 0; font-size: 12px; padding: 15px 0; }
ul.posts-grid li div.desc p { margin-bottom: 20px; margin-top: 5px; font-size: 14px; -webkit-font-smoothing: subpixel-antialiased; }
.first ul.thumb-list { margin-left: 0; }
.last ul.thumb-list { margin-right: 0; }
ul.thumb-list li h2 { margin: 0; font-size: 13px; padding: 0px; line-height: 1.1; font-weight: 700; display: inline-block; }
ul.thumb-list li h2 a { color: #222; font-weight: 700; border-bottom: 1px solid transparent; }
ul.thumb-list li h2 a:hover { border-bottom: 1px solid #ccc; }
ul.post-grid-6cols li h2 { margin: 0; line-height: 1.3; }
ul.post-grid-6cols li h2 a { font-size: 13px; display: block; text-decoration: none; }
ul.post-grid-5cols li h2 { margin: 0 0 15px 0; line-height: 1.3; text-decoration: none; }
ul.post-grid-5cols li h2 a { font-size: 14px; display: block; text-decoration: none; }
ul.post-grid-4cols li h2 { margin: 0 0 5px 0; line-height: 1.3; }
ul.post-grid-4cols li h2 a { font-size: 16px; display: block; text-decoration: none; }
ul.post-grid-3cols li h2 { margin: 0 0 5px 0; line-height: 1.3; }
ul.post-grid-3cols li h2 a { font-size: 15px; display: block; text-decoration: none; }
ul.post-grid-2cols li h2 { margin: 0 0 5px 0; line-height: 1.3; }
ul.post-grid-2cols li h2 a { font-size: 16px; display: block; text-decoration: none; }
ul.thumb-list li { border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding: 8px 0 18px 0; position: relative; min-height: 50px; }
ul.thumb-list li div.desc p { line-height: 1.6; margin: 0; }
ul.thumb-list li:last-child { border-bottom: none; }
ul.thumb-list div.image { position: absolute; top: 0; left: 0; width: 50px; border: 1px solid rgba(255, 255, 255, 0.4); padding: 4px; }
ul.thumb-list div.desc { margin-left: 70px; font-size: 12px; }
ul.plain-list { margin-top: 15px; }
ul.plain-list li { border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 10px; margin-bottom: 10px; }
ul.plain-list li h2 { margin: 0; padding: 0px; line-height: 1.1; display: block; font-weight: 700; }
ul.plain-list li h2 a { font-size: 13px; display: block; }
ul.plain-list li p { margin: 0; font-size: 12px; }
ul.shortcode-post-filter { padding: 0; margin: 0 0 15px 0; }
ul.shortcode-post-filter li { float: left; margin: 0; padding: 3px 20px; list-style: none; }
ul.shortcode-post-filter li a { text-decoration: none; font-size: 11px; color: #888; }
ul.shortcode-post-filter li.active { background: #46759b; color: #fff; border-radius: 2px; }
ul.shortcode-post-filter li.active a { color: #fff; }
/** ## RAD Components Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
/** RAD Stylings */
.way-animated, .chain-animated .chain-link { opacity: 0; position: relative; }
.senseBottomBorderModel { padding-bottom: 30px; }
.senseTopBorderModel { padding-top: 30px; }
div.page-rad-component h2.text_title { font-size: 16px; font-weight: 600; margin: 0 0 20px 0; color: #4a4d50; line-height: 1.3; }
div.page-rad-component { margin-bottom: 15px; }
div.rad-container div.page-rad-component:last-child { margin-bottom: 0; }
.senseBottomBorderModel { padding-bottom: 30px; }
.senseTopBorderModel { padding-top: 30px; }
div.rad-container.last { margin-right: 0; clear: right; }
div.rad-widget { margin-bottom: 25px; }
div.rad-container .rad-inner-container div.rad-widget:last-child { margin-bottom: 0; }
div.page-section { padding: 0; position: relative; }
div.page-section div.rad-container.top { margin-top: 50px; }
div.page-section div.full_width div.rad-container { margin-top: 0; margin-bottom: 0; }
div.page-section div.full_width div.rad-container.senseBGModel div.rad-inner-container { padding: 0; }
div.page-section div.full_width .text-title-wrap { padding: 15px; }
div.rad-container.senseBGModel { border-radius: 2px; }
div.rad-container.senseBGModel div.rad-inner-container { padding: 30px; }
div.rad-inner-container.nested { margin-bottom: 0; }
div.rad-container.full { margin-right: 0; }
div.rad-container.auto_align { float: none; margin-left: auto !important; margin-right: auto; }
div.rad-container.right { float: right; }
div.section-content { position: relative; z-index: 3; }
.section-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
.ioa-widget-title { margin: 0 0 30px 0; padding: 0; color: #444444; line-height: 1; font-size: 18px; }
.full_width .section-content .ioa-widget-title { margin-bottom: 0; padding: 25px; }
/** Text RAD Widget */
div.page-rad-component div.text-inner-wrap h2.text_title { font-size: 15px; font-weight: 600; margin: 0; color: #222222; line-height: 1; }
div.text-inner-wrap h4.text_subtitle { font-size: 11px; font-weight: 100; margin: 5px 0 0 0px; line-height: 1.6; color: #808e98; }
div.text-inner-wrap div.text { margin-top: 15px; }
div.text-inner-wrap div.text p:last-child { margin-bottom: 0; }
div.text-inner-wrap div.text strong { color: inherit; }
div.text-title-wrap { margin-bottom: 0px; }
div.text-title-wrap div.icon { max-width: 100%; }
div.text-title-wrap div.float-none.icon { margin: 10px auto 10px auto; width: 100%; }
div.text-title-wrap div.float-none.icon span.icon-wrap { margin: 0 auto; display: inline-block; }
div.text-title-wrap div.float-none.icon img { display: block; margin: 0 auto; }
div.text-title-wrap div.float-none.icon span.icon-wrap { margin-bottom: 15px; }
div.text-title-wrap div.float-left.icon { float: left; margin: 0px 8px 0px 0; }
div.text-title-wrap div.float-right.icon { float: right; margin: 0px 0px 0px 8px; }
div.subtitle-state-hide div.text-title-wrap div.float-right.icon { margin-top: 0; }
div.subtitle-state-hide div.text-title-wrap div.float-left.icon { margin-top: 0; }
div.text-title-wrap div.icon span.icon-wrap { max-width: 100%; margin: 0 auto; border: 0px solid transparent; display: inline-block; }
div.text-title-wrap div.icon span.icon-wrap img { max-width: 100%; display: block; }
div.text-title-wrap div.icon i { text-align: center; display: block; color: inherit; }
div.align-left { text-align: left; }
div.align-right { text-align: right; }
div.align-center { text-align: center; }
div.text-inner-wrap form.wpcf7-form .wpcf7-text { width: 94%; }
/** Gallery RAD Widget */
div.gallery-wrapper { position: relative; }
div.gallery-wrapper .text-title-wrap span.spacer { width: 30px; display: block; margin: 0px 0px 0px 0; border-bottom: 2px solid #f4f4f4; height: 0; }
div.gallery-wrapper .text-title-wrap { margin-bottom: 15px; }
/** Sidebar */
div.sidebar-inner-wrap { padding: 15px; -webkit-font-smoothing: antialiased; }
div.sidebar-inner-wrap .sidebar { margin-top: 0; padding: 0; width: auto; background: none; float: none; min-height: 0; }
div.sidebar-inner-wrap .sidebar div.sidebar-wrap:first-child { margin-top: 0; padding-top: 0; }
div.sidebar-inner-wrap .sidebar div.sidebar-wrap input[type=text] { width: 90%; clear: both; margin-bottom: 10px; border-radius: 4px; }
div.sidebar-inner-wrap .sidebar div.sidebar-wrap ul.menu { margin-left: 0; margin-right: 0; }
/** Post Slider */
div.post_slider-inner-wrap a.read-more { display: inline-block; padding: 5px 12px; text-decoration: none; }
/** Post List RAD Widget */
div.post_list-wrapper { position: relative; -webkit-font-smoothing: antialiased; }
div.post_list-inner-wrap div.image { padding: 4px; border: 1px solid #f4f4f4; }
div.post_list-inner-wrap .text-title-wrap { margin-bottom: 0; }
div.post_list-inner-wrap ul.thumb-list div.extras { margin: 0 0 6px 0; }
/** Post Grid RAD Widget */
div.post_grid-wrapper { position: relative; -webkit-font-smoothing: antialiased; }
div.post_grid-inner-wrap .text-title-wrap { position: relative; }
div.post_grid-wrapper .text-title-wrap .ioa-menu { position: absolute; top: -7px; right: 15px; margin-top: 0; border-radius: 4px; }
div.post_grid-inner-wrap h2 a { text-decoration: none; }
div.post_grid-inner-wrap ul.posts-grid li div.desc { padding-bottom: 0; padding-top: 20px; }
div.post_grid-inner-wrap ul.posts-grid li { padding: 0; margin: 18px 0px 0 0px; }
div.post_grid-inner-wrap ul.post-grid-1cols.posts-grid li { margin: 30px 0 0 0; }
/** Intro Title RAD Widget */
div.intro_title-inner-wrap h4.text_subtitle { margin: 0px 0px 0px 0px; text-align: inherit; font-size: 14px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; line-height: 1.6; color: #7e7e7e; }
div.intro_title-inner-wrap h2.text_title { margin: 20px 0px 20px 0px; text-align: inherit; font-size: 64px; line-height: 1; font-weight: 700; color: #222222; }
div.intro_title-inner-wrap span.spacer { margin-top: 0px; width: 180px; height: 0; border-bottom: 2px solid #efefef; display: block; }
div.intro_title-inner-wrap .sp-align-center { margin: 0 auto; }
div.intro_title-inner-wrap .sp-align-right { float: right; }
div.intro_title-inner-wrap div.icon { max-width: 100%; }
div.intro_title-inner-wrap div.float-none.icon { margin: 5px 0px 15px 0; }
div.intro_title-inner-wrap div.float-left.icon { float: left; margin: 5px 10px 5px 0; }
div.intro_title-inner-wrap div.float-right.icon { float: right; margin: 5px 0px 5px 10px; }
div.intro_title-inner-wrap div.icon span.icon-wrap { margin: 0 auto; border-style: solid; border-color: transparent; display: inline-block; }
div.intro_title-inner-wrap div.icon span.icon-wrap img { max-width: 100%; }
div.intro_title-inner-wrap div.icon i { text-align: center; display: block; color: inherit; }
/** CTA RAD Widget */
div.cta-wrapper.sh1 { background: url(sprites/i/shadows/sh_type1.png) bottom left no-repeat; padding-bottom: 33px; }
div.cta-wrapper.sh2 { background: url(sprites/i/shadows/sh_type2.png) bottom left no-repeat; padding-bottom: 32px; }
div.cta-wrapper.sh3 { background: url(sprites/i/shadows/sh_right_wing.png) bottom right no-repeat; padding-bottom: 30px; }
div.cta-wrapper.sh4 { background: url(sprites/i/shadows/sh_left_wing.png) bottom left no-repeat; padding-bottom: 30px; }
div.cta-wrap div.text-title-wrap { margin-bottom: 0; }
div.cta-inner-wrap { padding: 30px 20px; -webkit-font-smoothing: antialiased; margin: 15px; border: 0px solid transparent; }
div.cta-inner-wrap h2.text_title { margin: 5px 10px 0px 10px; font-size: 24px; font-weight: 600; }
div.cta-inner-wrap a.cta_button { text-align: center; text-decoration: none; margin: 0px auto 0px auto; display: block; padding: 11px 2px; background: #ffffff; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #fff; background: #46759b; }
div.cta-inner-wrap div.text-title-wrap { margin-bottom: 0; }
div.cta-left div.text-title-wrap { width: 85%; float: right; }
div.cta-left div.button-area { width: 15%; float: left; }
div.cta-right div.text-title-wrap { width: 85%; float: left; }
div.cta-right div.button-area { width: 15%; float: left; }
div.cta-center-bottom div.text-title-wrap { width: auto; float: none; }
div.cta-center-bottom div.button-area { float: none; width: 15%; margin: 15px auto 0px auto; }
div.cta-left h2.text_title { margin-left: 20px; }
div.cta-right h2.text_title { margin-right: 20px; }
div.cta-center { text-align: center !important; }
div.cta-center div.text-title-wrap, div.cta-center div.button-area { float: none; width: 100%; }
div.cta-center.cta-inner-wrap div.button-area { margin-top: 15px; }
div.cta-center.cta-inner-wrap div.button-area a.cta_button { display: inline-block; padding: 11px 25px; }
/** Tabs RAD Widget */
.tabs-align-left .ui-tabs-panel { margin-left: 10px; }
.one_fifth .tabs-align-left .ui-tabs .ui-tabs-nav, .one_fifth .tabs-align-right .ui-tabs .ui-tabs-nav { width: 83px; }
.has-sidebar .one_third .tabs-align-left .ui-tabs .ui-tabs-nav, .one_third .tabs-align-right .ui-tabs .ui-tabs-nav { width: 83px; }
.has-sidebar .one_fourth .tabs-align-left .ui-tabs .ui-tabs-nav, .one_fourth .tabs-align-right .ui-tabs .ui-tabs-nav { width: 83px; }
.one_half .tabs-align-left .ui-tabs .tab-content, .one_half .tabs-align-right .ui-tabs .tab-content { width: 69%; }
.two_third .tabs-align-left .ui-tabs .tab-content, .two_third .tabs-align-right .ui-tabs .tab-content { width: 78%; }
.three_fourth .tabs-align-left .ui-tabs .tab-content, .three_fourth .tabs-align-right .ui-tabs .tab-content { width: 80%; }
.four_fifth .tabs-align-left .ui-tabs .tab-content, .three_fourth .tabs-align-right .ui-tabs .tab-content { width: 81%; }
.one_third .tabs-align-left .ui-tabs .tab-content, .one_third .tabs-align-right .ui-tabs .tab-content { width: 51%; }
.one_fourth .tabs-align-left .ui-tabs .tab-content, .one_fourth .tabs-align-right .ui-tabs .tab-content { width: 37%; }
.one_fifth .tabs-align-left .ui-tabs .tab-content, .one_third .tabs-align-right .ui-tabs .tab-content { width: 39%; }
.has-sidebar .tabs-align-left .ui-tabs .tab-content, .has-sidebar .tabs-align-right .ui-tabs .tab-content { width: 79%; }
.has-sidebar .one_half .tabs-align-left .ui-tabs .tab-content, .one_half .tabs-align-right .ui-tabs .tab-content { width: 58%; }
.has-sidebar .one_third .tabs-align-left .ui-tabs .tab-content, .one_third .tabs-align-right .ui-tabs .tab-content { width: 51%; }
.has-sidebar .one_fourth .tabs-align-left .ui-tabs .tab-content, .one_fourth .tabs-align-right .ui-tabs .tab-content { width: 34%; }
.has-sidebar .three_fourth .tabs-align-left .ui-tabs .tab-content, .three_fourth .tabs-align-right .ui-tabs .tab-content { width: 72%; }
.has-sidebar .two_third .tabs-align-left .ui-tabs .tab-content, .two_third .tabs-align-right .ui-tabs .tab-content { width: 68%; }
.has-sidebar .four_fifth .tabs-align-left .ui-tabs .tab-content, .four_fifth .tabs-align-right .ui-tabs .tab-content { width: 73%; }
/** Image */
div.image-inner-wrap h4.text_caption { margin: 0px 0px 4px 0px; font-size: 12px; font-weight: 600; }
div.image-align-none img { display: block; margin: 0 auto; }
div.image-align-none { margin: 0 auto; }
/** Divider */
.line div.divider { border-bottom: 1px solid #eee; height: 1px; width: 100%; margin: 0 15px; }
.dashed div.divider { border-bottom: 1px dashed #eee; height: 1px; width: 100%; margin: 0 15px; }
.dotted div.divider { border-bottom: 1px dotted #eee; height: 1px; width: 100%; margin: 0 15px; }
.double div.divider { border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; height: 1px; width: 100%; margin: 0 15px; }
.ripper img { max-width: 100%; padding-top: 10px; }
/** Scrollable */
div.scrollable-inner-wrap div.scrollable { width: 100%; }
div.scrollable-inner-wrap div.slide { float: left; list-style: none; margin: 0px 20px 0px 0px; padding: 0; max-width: 330px; }
div.scrollable-inner-wrap div.slide div.image a { display: block; border-bottom: none; }
div.scrollable-inner-wrap div.slide div.image a.hover { opacity: 0; }
div.scrollable div.slide div.image img { width: 100%; }
div.scrollable-inner-wrap div.slide h2 { margin: 0; line-height: 14px; }
div.scrollable-inner-wrap div.slide h2 a { border-bottom: 0; color: #333; font-size: 15px; line-height: 1.1; }
div.scrollable-inner-wrap div.slide div.desc { display: none; }
div.scrollable div.image { position: relative; }
/** Testimonials */
div.testimonials-wrapper { position: relative; }
div.testimonials-wrapper ul.rad-testimonials-list { margin: 0; padding: 0; }
div.testimonials-wrapper ul.rad-testimonials-list li { position: relative; list-style: none; margin: 0; padding-bottom: 0px; }
div.testimonials-wrapper ul.rad-testimonials-list li div.content { position: relative; padding: 20px; text-align: center; background: #46759b; color: #fff; font-size: 14px; }
div.testimonials-wrapper ul.rad-testimonials-list li div.content i { position: absolute; bottom: -13px; left: 13px; font-size: 32px; color: #46759b; }
div.testimonials-wrapper ul.rad-testimonials-list li div.image { float: left; margin-right: 10px; border: 1px solid #eee; padding: 3px; margin-top: 10px; }
div.testimonials-wrapper ul.rad-testimonials-list li div.image img { display: block; }
div.testimonials-wrapper ul.rad-testimonials-list li div.info { float: left; }
div.testimonials-wrapper ul.rad-testimonials-list li div.info h2 { margin: 0; line-height: 14px; font-size: 14px; margin-top: 16px; }
div.testimonials-wrapper ul.rad-testimonials-list li div.info span { color: #888; font-size: 10px; font-style: italic; line-height: 1.3; display: block; }
/** Testimonial Bubble */
div.testimonial_bubble-wrapper div.testimonial-bubble-content { position: relative; padding: 20px; text-align: center; background: #46759b; color: #fff; font-size: 14px; }
div.testimonial_bubble-wrapper div.testimonial-bubble-content i { position: absolute; bottom: -13px; left: 13px; font-size: 32px; color: #46759b; }
div.testimonial_bubble-wrapper div.image { float: left; margin-right: 10px; border: 1px solid #eee; padding: 3px; margin-top: 10px; }
div.testimonial_bubble-wrapper div.image img { display: block; }
div.testimonial_bubble-wrapper div.info { float: left; }
div.testimonial_bubble-wrapper div.info h2 { margin: 0; line-height: 14px; font-size: 14px; margin-top: 16px; }
div.testimonial_bubble-wrapper div.info span { color: #888; font-size: 10px; font-style: italic; line-height: 1.3; display: block; }
/** Video */
iframe.video, video.video { outline: 0; border: 0; max-width: 100% !important; background: url(sprites/i/shadows/sh_type1.png) bottom left no-repeat; padding-bottom: 31px; }
div.video-inner-wrap .text_caption { font-size: 12px; color: #777; text-align: center; padding: 5px 0; font-weight: 100; }
div.ioa-video { display: block; }
div.video-inner-wrap .fluid-width-video-wrapper { position: relative; visibility: visible; }
div.ioa-video video, div.ioa-video iframe { max-width: 100% !important; }
/** Pie Chart */
div.graph > div { margin: 0 auto; }
div.pie_chart-inner-wrap .text-title-wrap span.spacer { width: 30px; display: block; margin: 0px 0px 20px 0; border-bottom: 2px solid #f4f4f4; height: 0; }
div.pie-chart-wrap { position: relative; margin: 0 auto; }
div.pie-chart-wrap i { background: rgba(0, 0, 0, 0.8); z-index: 2; cursor: pointer; position: absolute; top: 0px; left: 0; color: #fff; width: 35px; text-align: center; padding: 10px 0; display: block; }
div.pie-chart-wrap div.info-area { position: absolute; display: none; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); padding: 5px; }
div.pie-chart-wrap div.info-area div.pie-val { margin-bottom: 5px; }
div.pie-chart-wrap div.info-area div.pie-val span { float: left; }
div.pie-chart-wrap div.info-area div.pie-val span.label { font-size: 12px; width: 130px; padding-top: 5px; color: #fff; text-align: right; }
div.pie-chart-wrap div.info-area div.pie-val span.block { display: block; width: 32px; font-weight: 700; padding: 8px 0; text-align: center; color: #fff; font-size: 9px; margin-left: 10px; }
div.pie-chart-wrap canvas { display: block; max-width: 100% !important; height: auto !important; }
/** Bar Graph */
.bar-val { display: none; }
/** Line Graph */
.line-val { display: none; }
/** Doughnut Graph */
div.donut-chart-wrap { position: relative; margin: 0 auto; }
div.donut-chart-wrap i { background: rgba(0, 0, 0, 0.8); z-index: 2; cursor: pointer; position: absolute; top: 0px; left: 0; color: #fff; width: 35px; text-align: center; padding: 10px 0; display: block; }
div.donut-chart-wrap div.info-area { position: absolute; display: none; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); padding: 5px; }
div.donut-chart-wrap div.info-area div.donut-val { margin-bottom: 5px; }
div.donut-chart-wrap div.info-area div.donut-val span { float: left; }
div.donut-chart-wrap div.info-area div.donut-val span.label { font-size: 12px; width: 130px; padding-top: 5px; color: #fff; text-align: right; }
div.donut-chart-wrap div.info-area div.donut-val span.block { display: block; width: 32px; font-weight: 700; padding: 8px 0; text-align: center; color: #fff; font-size: 9px; margin-left: 10px; }
div.donut-chart-wrap canvas { display: block; max-width: 100% !important; height: auto !important; }
/** Polar Value */
div.polar-chart-wrap { position: relative; margin: 0 auto; }
div.polar-chart-wrap i { background: rgba(0, 0, 0, 0.8); z-index: 2; cursor: pointer; position: absolute; top: 0px; left: 0; color: #fff; width: 35px; text-align: center; padding: 10px 0; display: block; }
div.polar-chart-wrap div.info-area { position: absolute; display: none; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); padding: 5px; }
div.polar-chart-wrap div.info-area div.polar-val { margin-bottom: 5px; }
div.polar-chart-wrap div.info-area div.polar-val span { float: left; }
div.polar-chart-wrap div.info-area div.polar-val span.label { font-size: 12px; width: 130px; padding-top: 5px; color: #fff; text-align: right; }
div.polar-chart-wrap div.info-area div.polar-val span.block { display: block; width: 32px; font-weight: 700; padding: 8px 0; text-align: center; color: #fff; font-size: 9px; margin-left: 10px; }
div.polar-chart-wrap canvas, div.bar-chart-wrap canvas, div.line-chart-wrap canvas { display: block; max-width: 100% !important; height: auto !important; }
/** Pie Chart */
.easyPieChart { position: relative; text-align: center; }
.easyPieChart canvas { position: absolute; top: 0; left: 0; max-height: 100%; max-width: 100%; }
/** Radial Chart */
div.radial-chart { font-size: 16px; margin: 0 auto; max-width: 100%; }
/** Progress Bar */
div.progress-bar h6.progress-bar-title { z-index: 2; border-radius: 2px; padding: 6px 7px; position: absolute; top: 5px; left: 5px; display: block; background: #000; background: rgba(0, 0, 0, 0.6); color: #fff; font-weight: 600; font-size: 11px; margin: 0px 0px 0px 0; line-height: 1.2; }
div.progress-bar { position: relative; width: 100%; height: 35px; background: #f2f2f2; border-radius: 2px; margin-bottom: 15px; }
div.progress-bar div.filler { width: 0px; opacity: 0; font-size: 11px; font-weight: 700; position: absolute; top: 0; left: 0; height: 30px; background: #aee1d8; border-radius: 2px; text-align: right; color: #fff; border-radius: 2px; }
div.progress-bar div.filler { padding: 5px 0px 0px 0px; }
div.progress-bar div.filler span { display: none; position: absolute; top: -26px; right: 0px; color: #fff; padding: 2px 6px; background: #000; background: rgba(0, 0, 0, 0.6); color: #fff; font-weight: 600; font-size: 10px; width: 32px; text-align: center; }
div.progress-bar div.filler span i { position: absolute; bottom: -7px; right: 1px; color: #000; opacity: 0.7; }
/** Stacked Circles */
div.stacked_circle-inner-wrap { padding: 15px; }
div.circles-group { margin: 0 auto; }
div.circles-group h6 { font-weight: 600; border-radius: 2px; background: #2a2d32; padding: 2px 6px; font-size: 10px; color: #fff; text-align: center; position: absolute; top: -16px; left: 45%; margin: 0px; line-height: 1; }
div.circles-group { position: relative; }
div.circles-group div.circle { position: absolute; bottom: 0; left: 0; border-radius: 100%; opacity: 0; box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1); }
div.circles-group h6 i { position: absolute; bottom: -6px; left: 5px; color: #2a2d32; }
/** Person */
/** ## Gallery Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
.seleneGallery { margin: 0px auto 0px auto; position: relative; padding: 0; width: 600px; max-width: 100%; visibility: hidden; opacity: 0; }
.seleneGallery div.gallery-holder { position: relative; border: none; width: 100%; height: 450px; overflow: hidden; z-index: 2; }
.seleneGallery div.gallery-item { position: absolute; top: 0; left: 0; border: none; margin: 0; padding: 0; display: block; width: 100%; height: 100%; z-index: 1; }
.seleneGallery div.gallery-item > a { margin: 0; padding: 0; outline: none; border: none; text-decoration: none; display: block; width: 100%; height: 100%; }
.seleneGallery div.gallery-item img { margin: 0 auto; padding: 0; display: block; max-width: 100%; height: auto; position: relative; z-index: 1; }
.seleneGallery div.gallery-item video, .seleneGallery div.gallery-item iframe, .seleneGallery div.gallery-item object, .seleneGallery div.gallery-item embed { position: absolute; top: 0; left: 0; border: none; outline: none; }
.seleneGallery div.gallery-item.hidden { z-index: 2; display: none; }
.seleneGallery div.gallery-item.active { z-index: 7; }
.seleneGallery div.gallery-item.reset { z-index: 5; }
div.gallery-desc h4 { margin-top: 0; top: 0px; display: inline-block; background: #fff; font-weight: 400; font-size: 17px; line-height: 1.6; padding: 2px 5px; position: absolute; }
div.gallery-desc div.caption { margin-top: 0; top: 40px; background: #fff; padding: 3px 3px; position: absolute; max-width: 50%; }
div.gallery-desc { position: absolute; top: 45%; left: 15px; width: 100%; height: 100%; z-index: 40; font-size: 12px; display: none; }
.full-stretch ul.selene-thumbnails li img { min-height: 100%; }
.seleneGallery .selene-thumbnails-wrap { height: 85px; position: relative; overflow: hidden; margin-top: 5px; }
.seleneGallery ul.selene-thumbnails { width: 2000em; margin: 0 0; padding: 0 0; height: 85px; position: absolute; top: 0; left: 0px; z-index: 4; }
.seleneGallery ul.selene-thumbnails.push_right { margin-left: 20px; }
.seleneGallery ul.selene-thumbnails li { overflow: hidden; cursor: pointer; float: left; border: 1px solid rgba(0, 0, 0, 0.06); padding: 4px; list-style: none; position: relative; width: 75px; height: 75px; }
.seleneGallery ul.selene-thumbnails li img { opacity: 0.5; }
.seleneGallery ul.selene-thumbnails li:first-child { margin-left: 0; }
.seleneGallery ul.selene-thumbnails li span.gallery-loader { z-index: 3; width: 0px; display: block; background: #ffffff; opacity: 0.7; position: absolute; top: 0; left: 0; height: 100%; }
.seleneGallery ul.selene-thumbnails li.active img { opacity: 1; position: relative; }
.seleneGallery ul.selene-thumbnails li img { margin: 0 auto; padding: 0; display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.seleneGallery ul.selene-bullet-mode { padding: 0; margin: 9px 0 0 0; position: relative; }
.seleneGallery ul.selene-bullet-mode li { cursor: pointer; position: relative; margin: 0px 5px; float: left; list-style: none; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 100%; }
.seleneGallery ul.selene-bullet-mode li.active { background: #fff; }
div.selene-controls-wrap { position: absolute; bottom: 0px; left: 0px; z-index: 99; }
.seleneGallery div.selene-controls-wrap a { opacity: 0.95; float: left; background: #fff; text-decoration: none; text-align: center; color: #555555; font-size: 14px; width: 40px; padding: 20px 0 20px 0; line-height: 0px; display: block; z-index: 100; }
div.selene-controls-wrap a:hover { opacity: 1; }
div.selene-controls-wrap a.gallery-pause { font-size: 9px; }
a.gallery-next { bottom: 0px; right: 0px; }
.seleneGallery a.thumb-arrow-left { bottom: 25px; left: 0; text-decoration: none; background: #111; opacity: 0.7; text-align: center; color: #ffffff; font-size: 18px; width: 20px; padding: 20px 0 20px 0; line-height: 0px; display: block; z-index: 100; position: absolute; }
.seleneGallery a.thumb-arrow-right { bottom: 25px; right: 0; text-decoration: none; background: #111; opacity: 0.7; text-align: center; color: #ffffff; font-size: 18px; width: 20px; padding: 20px 0 20px 0; line-height: 0px; display: block; z-index: 100; position: absolute; }
/** ## Slider Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
.quartz { margin: 0px auto 0px auto; position: relative; padding: 0; width: 600px; max-width: 100%; visibility: hidden; opacity: 0; }
.quartz div.items-holder { position: relative; border: none; width: 100%; min-height: 50px; overflow: hidden; z-index: 2; }
.quartz div.slider-item { position: absolute; top: 0; left: 0; bottom: 0; border: none; margin: 0; padding: 0; display: block; width: 100%; z-index: 1; }
.quartz div.slider-item > a { margin: 0; padding: 0; outline: none; border: none; text-decoration: none; display: block; width: 100%; }
.quartz div.slider-item img { margin: 0 auto; padding: 0; display: block; max-width: 100%; min-height: 100%; height: auto; position: relative; z-index: 1; }
.quartz div.slider-item video, .quartz div.slider-item iframe, .quartz div.slider-item object, .quartz div.slider-item embed { position: absolute; top: 0; left: 0; border: none; outline: none; }
.quartz.full-stretch div.slider-item img { width: 100%; min-width: 100%; min-height: 100%; }
.quartz.adaptive div.slider-item img { min-height: 0; height: auto; min-height: 0; }
.quartz.adaptive div.slider-item { height: auto; }
.quartz div.slider-item.hidden { z-index: 2; display: none; }
.quartz div.slider-item.active { z-index: 17; }
.quartz div.slider-item.reset { z-index: 5; }
div.slider-desc h4 { opacity: 0.9; top: 0px; background: #fff; left: 20px; margin-top: 0; display: inline-block; font-weight: 400; font-size: 24px; line-height: 1; padding: 5px; position: absolute; }
div.slider-desc div.caption { opacity: 0.9; background: #fff; top: 41px; left: 20px; margin-top: 0; padding: 15px; position: absolute; max-width: 50%; }
div.slider-desc { position: absolute; top: 19%; width: 100%; left: 0; z-index: 40; font-size: 12px; display: none; }
div.slider-desc a.read-more { background: #333; color: #fff; }
.quartz .quartz-bullets-wrap { position: absolute; height: 30px; z-index: 100; }
.quartz ul.quartz-bullets { position: relative; top: -30px; border-radius: 3px; margin: 0 0; padding: 8px 4px 8px 8px; background: #fff; z-index: 4; display: inline-block; }
.quartz ul.quartz-bullets li { margin-right: 4px; cursor: pointer; border: 2px solid #888; border-radius: 100%; float: left; list-style: none; position: relative; width: 8px; height: 8px; padding: 0px; }
.quartz ul.quartz-bullets li.active { background: #222; border-color: #222; }
.quartz span.progress-bar { position: absolute; bottom: 0; left: 0; width: 0px; z-index: 100; height: 4px; background: #4fb8e3; opacity: 1; display: block; }
div.quartz-controls-wrap { position: absolute; bottom: 0px; left: 0px; z-index: 99; }
div.quartz-controls-wrap > a { position: relative; text-decoration: none; opacity: 0.95; float: left; background: #fff; text-align: center; color: #46759b; font-size: 14px; width: 40px; padding: 20px 0 21px 0; line-height: 0px; display: block; z-index: 100; }
div.quartz-controls-wrap > a:hover { opacity: 1; }
a.quartz-next { bottom: 0px; right: 0px; }
.quartz a.thumb-arrow-left { bottom: 0px; left: 0; background: #4fb8e3; text-align: center; color: #ffffff; font-size: 18px; width: 20px; padding: 20px 0 30px 0; line-height: 0px; display: block; z-index: 100; position: absolute; }
.quartz a.thumb-arrow-right { bottom: 0px; right: 0; background: #4fb8e3; text-align: center; color: #ffffff; font-size: 18px; width: 20px; padding: 20px 0 30px 0; line-height: 0px; display: block; z-index: 100; position: absolute; }
/** Revolution Slider */
div.top-layered-slider .tp-bullets { z-index: 100; position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; min-width: 57px; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; }
div.top-layered-slider .tp-bullets.simplebullets.round .bullet { border-radius: 100%; cursor: pointer; position: relative; background: #fff; border: 3px solid #fff; width: 7px; height: 7px; margin-right: 3px; float: left; margin-top: -10px; margin-left: 0px; }
div.top-layered-slider .tp-bullets.simplebullets.round .bullet.last { margin-right: 0px; }
.tp-bullets.simplebullets.round-old .bullet { cursor: pointer; position: relative; background: #222; width: 16px; height: 16px; margin-right: 0px; margin-top: -12px; }
.tp-bullets.simplebullets.round-old .bullet.last { margin-right: 0px; }
div.top-layered-slider .tp-bullets.simplebullets.round .bullet.selected { background: #000; }
/*************************************
- TP ARROWS -
**************************************/
div.top-layered-slider .tp-leftarrow.default { opacity: 0.7; z-index: 100; cursor: pointer; position: relative; background: url(sprites/i/rev_arrl.png) no-repeat 0 0; width: 40px; height: 40px; padding-bottom: 10px; }
div.top-layered-slider .tp-rightarrow.default { opacity: 0.7; z-index: 100; cursor: pointer; position: relative; background: url(sprites/i/rev_arrr.png) no-repeat 0 0; width: 40px; height: 40px; padding-bottom: 10px; }
div.top-layered-slider .tp-leftarrow:hover, div.top-layered-slider .tp-rightarrow:hover { opacity: 1; }
/** Custom Classes for layered slider */
h3.intro-heading { font-size: 40px; font-weight: 400; color: #fff; background: #3d4347; padding: 16px 12px; letter-spacing: -1px; display: inline-block; }
h4.sub-intro-heading { font-size: 22px; font-weight: 400; color: #fff; background: #3d4347; padding: 13px 12px; letter-spacing: 0px; display: inline-block; }
h6.intro-feature-list { font-size: 15px; font-weight: 400; color: #333; background: #fff; padding: 11px 12px; letter-spacing: 0px; display: inline-block; }
h6.intro-feature-list1 { font-size: 15px; font-weight: 400; color: #fff; background: #617570; padding: 11px 12px; letter-spacing: 0px; display: inline-block; }
a.layered-buy-now { font-size: 15px; width: 130px; text-align: center; text-decoration: none; font-weight: 400; color: white !important; background: #dc0606; padding: 15px 22px; letter-spacing: 0px; display: inline-block; }
a.layered-learn-more { font-size: 15px; width: 130px; text-align: center; text-decoration: none; font-weight: 400; color: white !important; background: #06bbdc; padding: 15px 22px; letter-spacing: 0px; display: inline-block; }
h4.sub-intro-heading strong, h3.intro-heading strong, h6.intro-feature-list strong, h6.intro-feature-list1 strong { color: #fff; }
/** ## Scrollable Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-controls { position: absolute; top: 43%; left: 0; width: 100%; z-index: 9999; }
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(sprites/i/loader.gif) center center no-repeat white; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { border: 2px solid #aaa; display: block; width: 6px; height: 6px; margin: 0 5px; outline: 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { border: 2px solid #404748; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 0px; background: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; }
.bx-wrapper .bx-next { right: 0px; background: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls { opacity: 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -20px; outline: 0; width: 32px; padding: 14px 0 16px 0; text-decoration: none; z-index: 9999; display: block; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(sprites/i/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(sprites/i/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
/** ## Blog Templates Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
.blog_posts ul li.format-gallery div.gallery { position: relative; }
.hoverable .hover { z-index: 1; background: #46759b; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 28px; }
.hoverable div.image a.imageholder img { margin: 0 auto; max-width: 100%; height: auto; }
.hoverable .hover i { position: absolute; top: 50%; left: 50%; background: #fff; font-size: 18px; color: #46759b; padding: 21px 0; width: 60px; text-align: center; border-radius: 100%; display: block; text-decoration: none; margin: -30px 0 0 -28px; }
.blog-template div.image-wrap { position: relative; z-index: 2; margin-bottom: 0px; }
.blog-template div.image { position: relative; background: #f8f8f8; overflow: hidden; }
.blog-template div.image a.imageholder, .blog-template div.image a.imageholder img { display: block; max-width: 100%; margin: 0 auto; }
/** Blog Template Format 1 */
div.blog-format1-posts ul { margin: 0; padding: 0; overflow: visible !important; }
div.blog-format1-posts ul li { list-style: none; margin: 0; padding: 30px 0; position: relative; width: 100%; min-height: 30px; }
div.blog-format1-posts ul li.no-posts-found { background: #e36804; text-align: center; color: #fff; margin: 30px 0 30px 0; font-weight: 700; }
div.blog-format1-posts div.datearea { z-index: 12; overflow: hidden; position: absolute; top: 20px; left: 10px; width: 77px; -webkit-font-smoothing: antialiased; padding: 0 0 0; background: #fafafa; border-radius: 3px; }
div.blog-format1-posts small.date { color: #464646; line-height: 36px; padding: 15px 0; letter-spacing: -3px; font-size: 36px; display: block; text-align: center; }
div.blog-format1-posts small.month { background: rgba(0, 0, 0, 0.08); color: #888; padding: 5px; text-transform: uppercase; font-size: 13px; font-weight: 700; display: block; text-align: center; }
div.blog-format1-posts div.image-wrap { background: url(sprites/i/shadows/sh_type1.png) bottom left no-repeat; padding-bottom: 32px; }
div.blog-format1-posts ul li div.video { max-width: 100%; z-index: 2; margin-bottom: 20px; margin-top: 0; padding: 0; position: relative; }
div.proxy-datearea { overflow: hidden; height: 0; border-radius: 3px; color: #fff; position: absolute; top: 0px; left: 0px; width: 77px; padding: 0; background: #46759b; }
div.proxy-datearea small.date { color: inherit; }
div.proxy-datearea small.month { color: inherit; }
div.blog-format1-posts span.line { z-index: 1; position: absolute; top: 100px; left: 48px; width: 1px; height: 3px; border-left: 1px solid #eee; border-left: 1px dashed #aaa; }
div.blog-format1-posts ul li div.ioaslider { margin-bottom: 25px; position: relative; z-index: 2; }
div.blog-format1-posts ul li div.desc { max-width: 70%; margin: 0px auto 2px auto; }
div.blog-format1-posts ul li div.desc div.excerpt { margin-top: 15px; margin-bottom: 10px; word-wrap: break-word; line-height: 1.5; font-weight: 100; }
div.blog-format1-posts ul li div.desc h2 { margin-bottom: 0; line-height: 1; font-size: 18px; }
div.blog-format1-posts ul li div.desc h2 a { font-weight: 700; word-wrap: break-word; text-decoration: none; color: #222; }
div.blog-format1-posts ul li div.extra { font-size: 11px; color: #888; font-weight: 100; margin-bottom: 15px; margin-top: 15px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
div.blog-format1-posts ul li div.extra a { text-decoration: none; color: #666; font-style: italic; display: inline-block; margin-right: 4px; }
div.blog-format1-posts ul li div.extra a:hover { text-decoration: underline; }
div.blog-format1-posts ul li div.desc a.read-more { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 5px 16px 5px 16px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; margin-top: 10px; }
div.blog-format1-posts ul li div.desc a.read-more:hover { background: none; background: #46759B; color: #fff; }
/** Blog Template Format 2 */
div.blog-format2-posts ul { margin: 0; padding: 0 0 0 0px; }
div.blog-format2-posts ul li { list-style: none; margin: 30px 0 0 0; padding: 0px 0 0px 0; position: relative; width: 100%; }
div.blog-format2-posts ul li.no-posts-found { padding: 15px; background: #e36804; text-align: center; color: #fff; margin: 30px 0; font-weight: 700; }
div.blog-format2-posts ul li div.video { margin: 0; }
div.blog-format2-posts ul li div.ioa-gallery, div.blog-format2-posts ul li div.ioaslider, div.blog-format2-posts ul li div.video { margin-right: 30px; float: left; width: 320px; margin-bottom: 0px; padding-bottom: 0; }
div.blog-format2-posts ul li div.desc div.excerpt { word-wrap: break-word; margin-top: 15px; margin-bottom: 15px; line-height: 1.5; font-weight: 100; }
div.blog-format2-posts ul li div.desc { margin: 0px auto 2px auto; float: left; width: 390px; }
.full-width-layout div.blog-format2-posts ul li div.desc { width: 710px; }
div.blog-format2-posts ul li h2 { margin: 0 0 15px 0; line-height: 1; font-size: 19px; }
div.blog-format2-posts ul li h2 a { font-size: 16px; word-wrap: break-word; text-decoration: none; color: #222; }
div.blog-format2-posts ul li div.extra { font-size: 11px; color: #888; font-weight: 100; margin-bottom: 15px; margin-top: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
div.blog-format2-posts ul li div.extra a { text-decoration: none; color: #666; font-style: italic; display: inline-block; margin-right: 4px; }
div.blog-format2-posts ul li div.extra a:hover { text-decoration: underline; }
div.blog-format2-posts ul li div.desc a.read-more { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 5px 16px 5px 16px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; }
div.blog-format2-posts ul li div.datearea, div.blog-format2-posts ul li span.line { display: none; }
div.blog-format2-posts ul li div.image-wrap { width: 300px; float: left; margin-right: 40px; }
/** Blog Template Format 3 */
div.blog-format3-posts ul { margin: 30px 0px 0 0; padding: 0px; }
div.blog-format3-posts ul li { list-style: none; margin: 3px 3px 0 0px; padding: 0; position: relative; float: left; width: 365px; border: 1px solid #eee; }
.full-width-layout div.blog-format3-posts ul li { width: 525px; }
div.blog-format3-posts ul li.no-posts-found { padding: 15px; float: none; width: auto; background: #e36804; text-align: center; color: #fff; margin: 20px 0 30px 0; font-weight: 700; }
div.blog-format3-posts span.line { display: none; }
div.blog-format3-posts ul li h2 { margin: 0; font-size: 13px; line-height: 1; text-align: center; padding: 15px 10px; }
div.blog-format3-posts ul li h2 a { font-size: 13px; word-wrap: break-word; text-decoration: none; color: #222; line-height: 1; }
div.blog-format3-posts ul li div.extra { font-size: 11px; color: #888; padding: 15px 10px; text-align: center; }
div.blog-format3-posts ul li div.extra a { text-decoration: none; color: #666; display: inline-block; padding: 0px 4px 0 0; }
div.blog-format3-posts ul li div.extra a:hover { text-decoration: underline; }
div.blog-format3-posts ul li div.desc a.read-more { display: none; }
div.blog-format3-posts ul li div.datearea, div.blog-format3-posts ul li span.line { display: none; }
div.blog-format3-posts ul li div.video { margin-top: 0; }
/** Blog Template Format 4 */
div.blog-format4-posts ul { margin: 0 0px 0 0; padding: 30px 0 0 0px; }
div.blog-format4-posts ul li { list-style: none; margin: 0; padding: 0px 0px 30px 0; position: relative; }
div.blog-format4-posts ul li.no-posts-found { padding: 15px; background: #e36804; text-align: center; color: #fff; margin: 0px 0 30px 0; font-weight: 700; }
div.blog-format4-posts ul li div.video, div.blog-format4-posts ul li div.ioa-gallery { margin-bottom: 20px; }
div.blog-format4-posts ul li div.image-wrap { margin-bottom: 0px; background: url(sprites/i/shadows/sh_type1.png) bottom left no-repeat; padding-bottom: 32px; }
ul li div.desc a.read-more { margin-bottom: 20px; word-wrap: break-word; outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 5px 16px 5px 16px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; }
div.blog-format4-posts ul li div.desc { max-width: 70%; margin: 10px auto 2px auto; font-weight: 100; }
div.blog-format4-posts ul li h2 { margin-bottom: 0; line-height: 1; }
div.blog-format4-posts ul li h2 a { font-size: 16px; word-wrap: break-word; text-decoration: none; color: #222; }
div.blog-format4-posts ul li div.extra { font-size: 11px; color: #888; font-weight: 100; margin-bottom: 15px; margin-top: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
div.blog-format4-posts ul li div.extra a { text-decoration: none; color: #666; font-style: italic; display: inline-block; margin-right: 4px; }
div.blog-format4-posts ul li div.extra a:hover { text-decoration: underline; }
div.blog-format4-posts ul li div.post-content-area { overflow: hidden; }
div.blog-format4-posts ul li a.bottom-view-toggle { visibility: hidden; opacity: 0; color: #444; border-top: 1px solid #eee; display: block; text-align: center; background: #fff; height: 21px; text-decoration: none; padding-top: 20px; width: 100%; }
div.blog-format4-posts ul li div.datearea, div.blog-format4-posts ul li span.line { display: none; }
/** Blog Template Format 5 */
div.blog-format5-posts ul { margin: 0; padding: 30px 0px 0 0px; }
div.blog-format5-posts ul.blog_posts > li { list-style: none; margin: 0px 8px 20px 8px; float: left; width: 350px; position: relative; }
div.blog-format5-posts ul.blog_posts > li.no-posts-found { width: auto; float: none; padding: 15px; background: #e36804; text-align: center; color: #fff; margin: 0px 0 30px 0; font-weight: 700; }
.full-width-layout div.blog-format5-posts ul.blog_posts > li.no-posts-found { float: none; width: auto; }
.full-width-layout div.blog-format5-posts ul.blog_posts > li { width: 512px; }
div.blog-format5-posts ul li.featured, .full-width-layout div.blog-format5-posts ul li.featured { clear: both; width: auto; float: none; margin: 0; }
div.blog-format5-posts ul li.spacer { clear: both; width: 20%; margin: 0px auto 20px auto; float: none; height: 0; border-bottom: 2px solid #eee; }
div.blog-format5-posts ul li div.image-wrap { margin-bottom: 0px; }
div.blog-format5-posts ul li div.image { position: relative; }
div.blog-format5-posts ul li div.video { margin-top: 0; }
div.blog-format5-posts ul li div.desc { word-wrap: break-word; padding: 18px 0px 18px 0px; font-weight: 100; }
div.blog-format5-posts ul li div.desc h2 { margin-bottom: 0; font-size: 16px; line-height: 1; }
div.blog-format5-posts ul li div.desc h2 a { text-decoration: none; word-wrap: break-word; color: #222; }
div.blog-format5-posts ul li div.extra { font-size: 11px; margin-top: 20px; color: #888; margin-bottom: 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
div.blog-format5-posts ul li div.extra a { text-decoration: none; color: #666; margin-right: 5px; }
div.blog-format5-posts ul li div.extra a:hover { text-decoration: underline; }
div.blog-format5-posts ul li div.desc a.read-more { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 5px 16px 5px 16px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; text-decoration: none; margin-top: 15px; margin-bottom: 10px; }
div.blog-format5-posts ul li div.datearea, div.blog-format5-posts ul li span.line { display: none; }
/** Blog Template Format 6 */
div.blog-format6-posts ul { margin: 0; padding: 0 0 0 0px; }
div.blog-format6-posts ul li { list-style: none; margin: 0px; padding: 40px 0; border-color: #f4f4f4; position: relative; color: #444; }
div.blog-format6-posts ul li.no-posts-found { margin: 0 auto; }
div.blog-format6-posts ul li.no-posts-found h4 { padding: 15px; background: #e36804; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
div.blog-format6-posts ul li div.image-wrap, div.blog-format6-posts ul li div.video, div.blog-format6-posts ul li div.ioa-gallery, div.blog-format6-posts ul li .ioaslider { margin-bottom: 0px; width: 600px; margin-right: 40px; float: left; }
div.blog-format6-posts ul li div.extra { font-size: 11px; margin-top: 20px; color: #888; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-color: inherit; }
div.blog-format6-posts ul li div.extra a { text-decoration: none; color: #666; margin-right: 5px; }
div.blog-format6-posts ul li div.extra a:hover { text-decoration: underline; }
div.blog-format6-posts ul li div.desc { width: 420px; word-wrap: break-word; padding: 0px; float: left; font-size: 12px; border-color: inherit; }
div.blog-format6-posts ul li div.desc h2 { margin-bottom: 0; line-height: 1; color: inherit; }
div.blog-format6-posts ul li div.desc h2 a { color: #222; font-size: 16px; word-wrap: break-word; text-decoration: none; color: inherit; }
div.blog-format6-posts ul li div.extra { font-size: 11px; margin-bottom: 15px; color: inherit; }
div.blog-format6-posts ul li div.extra a { text-decoration: none; color: inherit; }
div.blog-format6-posts ul li div.extra a:hover { text-decoration: underline; }
div.blog-format6-posts ul li div.desc a.read-more { text-decoration: none; padding: 4px 12px; border: 2px solid #555; font-weight: 700; margin-bottom: 10px; color: inherit; font-size: 11px; float: left; margin-top: 15px; background: none; }
/** Blog Template Format 7 */
div.blog-format7-posts ul { margin: 0; padding: 0 0 0 0px; }
div.blog-format7-posts ul li { list-style: none; margin: 0px; position: relative; position: relative; color: #444; text-align: center; }
div.blog-format7-posts ul li.no-posts-found { margin: 30px auto; }
div.blog-format7-posts ul li.no-posts-found h4 { padding: 15px; background: #e36804; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
div.blog-format7-posts ul li div.image-wrap { margin-bottom: 20px; }
div.blog-format7-posts ul li div.image { position: relative; }
div.blog-format7-posts ul li div.image a.imageholder, div.blog-format7-posts ul li div.image a.imageholder img { display: block; margin: 0 auto; max-width: 100%; }
div.blog-format7-posts ul li div.image a.imageholder img { height: auto; }
div.blog-format7-posts ul li .hover i { display: none; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }
div.blog-format7-posts ul li .hover { z-index: 1; background: #46759b; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 28px; }
div.blog-format7-posts div.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 0; }
div.blog-format7-posts div.skeleton { padding: 40px 0; position: relative; z-index: 5; }
div.blog-format7-posts ul li div.desc { padding: 0px; font-size: 12px; word-wrap: break-word; background: inherit; }
div.blog-format7-posts ul li span.spacer { height: 2px; background: #777; display: block; width: 20%; margin: 0 auto; }
div.blog-format7-posts ul li h2 { margin-bottom: 0; line-height: 1; color: inherit; }
div.blog-format7-posts ul li h2 a { font-size: 16px; word-wrap: break-word; text-decoration: none; color: inherit; }
div.blog-format7-posts ul li div.extra { font-size: 10px; margin-top: 0px; color: inherit; margin-bottom: 5px; }
div.blog-format7-posts ul li div.extra a { text-decoration: none; color: inherit; margin-right: 5px; }
div.blog-format7-posts ul li div.extra a:hover { text-decoration: underline; }
div.blog-format7-posts ul li div.desc a.read-more { text-decoration: none; margin-bottom: 10px; color: inherit; font-size: 11px; text-transform: uppercase; color: inherit; padding: 5px 15px; display: block; box-shadow: none; background: none; }
div.blog-format7-posts ul li div.desc a.read-more:hover { text-decoration: underline; }
div.blog-format7-posts ul li div.desc div.excerpt { max-width: 50%; margin: 0 auto; }
/** Blog Template Format 9 */
div.posts-tree { margin-bottom: 40px; position: relative; }
div.posts-tree .no-posts-found { padding: 15px; background: #e36804; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
div.posts-tree div.left-post { background: #fff; width: 330px; float: left; border: 1px solid #f4f4f4; margin: 10px 0px 30px 0px; clear: left; padding: 0px; position: relative; z-index: 2; }
div.posts-tree div.left-post h3.title { font-size: 15px; padding: 15px; font-weight: 600; text-align: right; line-height: 1.2; margin-bottom: 0; position: relative; }
div.posts-tree div.left-post h3.title a { color: #222; word-wrap: break-word; text-decoration: none; }
div.posts-tree div.left-post h3.title a:hover { color: #46759b; text-decoration: none; }
div.posts-tree div.left-post div.image a.imageholder, div.posts-tree div.left-post div.image img { display: block; }
div.posts-tree div.left-post div.image { position: relative; z-index: 2; }
div.posts-tree div.left-post div.image img { width: 100%; height: auto; }
div.posts-tree div.left-post div.desc { margin: 15px; font-size: 12px; text-align: right; }
div.posts-tree div.left-post a.main-button { text-decoration: none; float: right; margin: 0px 10px 10px 0px; padding: 4px 15px; border-radius: 2px; color: #fff; background: #777; font-weight: 600; font-size: 11px; }
div.posts-tree div.left-post span.dot { display: none; border-radius: 100%; z-index: 2; background: #eee; height: 12px; width: 12px; position: absolute; right: -30px; top: 47%; }
div.posts-tree div.left-post span.tip { display: none; background: #dddddd; border-radius: 100%; width: 12px; height: 12px; position: absolute; top: 47%; right: -6px; }
div.posts-tree div.left-post span.connector { background: #ddd; display: block; height: 1px; width: 0px; position: absolute; left: 5px; top: 5px; }
div.posts-tree div.left-post span.date { font-size: 21px; color: #fff; background: #777; font-weight: 500; padding: 10px 15px; position: absolute; display: block; top: 0px; z-index: 10; right: 0px; display: block; }
div.posts-tree div.right-post div.image a.imageholder, div.posts-tree div.right-post div.image img { display: block; }
div.posts-tree div.right-post div.image img { height: auto; }
div.posts-tree div.right-post { background: #fff; width: 330px; float: right; border: 1px solid #f4f4f4; margin: 10px 0px 30px 0px; clear: right; padding: 0px; position: relative; z-index: 2; }
div.posts-tree div.right-post h3.title { font-size: 15px; padding: 15px; font-weight: 600; line-height: 1.2; margin-bottom: 0; position: relative; z-index: 5; }
div.posts-tree div.right-post h3.title a { color: #222; text-decoration: none; }
div.posts-tree div.right-post h3.title a:hover { color: #46759b; text-decoration: none; }
div.posts-tree div.right-post span.date { font-size: 21px; color: #fff; background: #777; font-weight: 500; padding: 10px 15px; position: absolute; display: block; top: 0px; z-index: 10; left: 0px; display: block; }
div.posts-tree div.right-post div.image { position: relative; z-index: 4; }
div.posts-tree div.right-post div.desc { margin: 15px; font-size: 12px; }
div.posts-tree div.right-post a.main-button { text-decoration: none; float: left; margin: 0px 0px 10px 10px; padding: 4px 15px; border-radius: 2px; color: #fff; background: #777; font-weight: 600; font-size: 11px; }
div.posts-tree div.right-post span.tip { display: none; z-index: 2; border-radius: 100%; background: #ddd; width: 12px; height: 12px; position: absolute; top: 47%; left: -6px; }
div.posts-tree div.right-post span.dot { display: none; z-index: 3; border-radius: 100%; background: #eee; height: 12px; width: 12px; position: absolute; left: -30px; top: 47%; }
div.posts-tree div.right-post span.connector { background: #ddd; display: block; height: 1px; width: 0px; position: absolute; right: 5px; top: 5px; }
div.posts-tree .hover i { display: none; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }
div.posts-tree .hover { z-index: 1; background: #46759b; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 28px; }
div.posts-tree div.right-post div.image img { width: 100%; }
div.posts-tree span.line { position: absolute; top: 0; left: 49.99%; height: 100%; background: #eee; width: 1px; display: block; }
div.posts-tree { position: relative; margin-top: 30px; }
div.posts-tree h4.month-label { position: relative; font-size: 13px; z-index: 2; padding: 15px; border-radius: 2px; background: #fff; border-bottom: 2px solid #46759b; width: 100px; margin: 0px auto 30px auto; text-align: center; clear: both; }
div.posts-tree h4.post-end { position: relative; font-size: 12px; z-index: 2; padding: 15px; border-radius: 2px; background: #444; text-align: center; color: #fff; width: 100px; margin: 0px auto 30px auto; text-align: center; clear: both; }
span.circle { position: absolute; left: 38.9%; bottom: -32px; width: 30px; height: 30px; background: url(sprites/i/loader.gif) center center no-repeat white; padding: 4px; border-radius: 4px; opacity: 1; font-size: 11px; z-index: 5; }
/** ## Portfolio Templates Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
/** Portfolio Columns */
div.image a.hover { text-decoration: none; }
div.portfolio-template { margin-top: 0px; }
div.portfolio-template ul li div.inner-item-wrap div.image a img { margin: 0 auto; height: auto; }
div.portfolio-view { background: #fafafa; float: left; margin-top: 30px; }
div.portfolio-view a { float: left; color: #666; text-align: center; padding: 15px 0; text-decoration: none; font-size: 14px; width: 45px; }
div.portfolio-view a.active { background: #46759b; color: #fff; }
.portfolio-template div.image-wrap { position: relative; z-index: 2; margin-bottom: 0px; }
.portfolio-template div.image { position: relative; background: #f8f8f8; overflow: hidden; }
.portfolio-template div.image a.imageholder, .portfolio-template div.image a.imageholder img { display: block; max-width: 100%; margin: 0 auto; }
.portfolio-columns div.excerpt { padding: 0 15px; }
div.portfolio-full-screen div.mutual-content-wrap, div.portfolio-masonry-template div.mutual-content-wrap, div.portfolio-metro-template div.mutual-content-wrap { padding-top: 0; }
/* ## List ================================================================================================= */
div.portfolio-list { margin-bottom: 30px; margin-top: 30px; }
div.portfolio-list ul { padding: 0; margin: 0; }
div.portfolio-list ul li { padding: 0 0 35px 0; margin: 0; list-style: none; }
div.portfolio-list ul li div.inner-item-wrap h2 { margin: 0 0 15px 0; line-height: 1; font-size: 15px; padding: 0px 10px 0px 0px; }
div.portfolio-list ul li div.inner-item-wrap h2 a { font-size: 15px; text-decoration: none; color: #555; }
div.portfolio-list ul li div.inner-item-wrap a.read-more { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 7px 16px 7px 16px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; margin-top: 15px; text-decoration: none; }
div.portfolio-list ul li div.inner-item-wrap a.read-more:hover { background: none; background: #46759B; color: #fff; }
div.portfolio-list div.date { width: 110px; margin-top: 2px; float: left; position: relative; }
div.portfolio-list div.image-wrap { width: 320px; margin-right: 30px; float: left; position: relative; border: 1px solid #f4f4f4; padding: 4px; }
div.portfolio-list div.desc { width: 590px; float: left; }
.has-sidebar div.portfolio-list div.desc { width: 270px; }
div.portfolio-list div.desc, div.portfolio-list div.desc p { font-size: 12px; color: #888; line-height: 1.6; font-weight: 100; }
div.portfolio-list div.datearea { z-index: 2; overflow: hidden; position: relative; width: 77px; padding: 0 0 0; background: #fafafa; }
div.portfolio-list small.date { color: #464646; line-height: 36px; padding: 15px 0; letter-spacing: -3px; font-size: 36px; font-weight: 100; display: block; text-align: center; }
div.portfolio-list small.month { background: rgba(0, 0, 0, 0.08); color: #888; padding: 5px; text-transform: uppercase; font-size: 13px; font-weight: 700; display: block; text-align: center; }
div.portfolio-list div.proxy-datearea { overflow: hidden; height: 0; color: #fff; position: absolute; top: 0px; left: 0px; width: 77px; padding: 0; background: #46759b; }
div.portfolio-list div.proxy-datearea small.date { color: inherit; }
div.portfolio-list div.proxy-datearea small.month { color: inherit; }
div.portfolio-list ul li.no-posts-found { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
/* ## One columns ========================================================================================== */
div.one-column { margin-top: 30px; }
div.one-column ul { padding: 0; margin: 0; }
div.one-column ul li { padding: 0; margin: 0 0 30px; list-style: none; width: 100%; background: #fff; }
div.one-column ul li:last-child { margin-bottom: 0; }
div.one-column ul li div.inner-item-wrap { border: 1px solid #f4f4f4; }
div.one-column ul li div.inner-item-wrap { position: relative; overflow: hidden; }
div.one-column ul li div.inner-item-wrap div.desc { padding: 15px 0; border-bottom: 1px solid #f4f4f4; }
div.one-column ul li div.inner-item-wrap p.tags { margin: 0; line-height: 1; padding: 0 15px; text-align: center; }
div.one-column ul li div.inner-item-wrap p.tags a { font-size: 11px; font-style: italic; color: #999; text-decoration: none; }
div.one-column ul li div.inner-item-wrap p.tags a:hover { border-bottom: 1px solid #999; }
div.one-column ul li div.inner-item-wrap h2 { margin: 0; font-size: 15px; line-height: 1.2; text-align: center; padding: 5px 10px 0px 10px; }
div.one-column ul li div.inner-item-wrap h2 a { text-decoration: none; color: #222; }
div.one-column ul li.no-posts-found { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 0px 0 30px 0; font-weight: 700; }
/* ## Two columns ========================================================================================== */
div.two-column { margin-top: 30px; }
div.two-column ul { padding: 0; margin: 0; width: 1100px; }
.has-sidebar div.two-column ul { width: 800px; }
.has-sidebar div.two-column ul li { margin: 0px 20px 20px 0px; width: 45%; }
div.two-column ul li { padding: 0; margin: 0 26px 26px 0; list-style: none; float: left; width: 47%; background: #fff; }
div.two-column ul li:last-child { margin-bottom: 0; }
div.two-column ul li div.inner-item-wrap { border: 1px solid #f4f4f4; }
div.two-column ul li div.inner-item-wrap { position: relative; overflow: hidden; }
div.two-column ul li div.inner-item-wrap div.desc { padding: 15px 0; border-bottom: 1px solid #f4f4f4; }
div.two-column ul li div.inner-item-wrap p.tags { line-height: 1; margin: 0; padding: 0 15px; text-align: center; margin-bottom: 0px; }
div.two-column ul li div.inner-item-wrap p.tags a { font-size: 11px; font-style: italic; color: #999; text-decoration: none; }
div.two-column ul li div.inner-item-wrap p.tags a:hover { border-bottom: 1px solid #999; }
div.two-column ul li div.inner-item-wrap h2 { margin: 0; font-size: 13px; line-height: 1.2; text-align: center; padding: 0px 10px 0px 10px; }
div.two-column ul li div.inner-item-wrap h2 a { text-decoration: none; color: #222; }
div.two-column ul li.no-posts-found { width: 96%; padding: 0; margin: 0px 0 30px 0; }
div.two-column ul li.no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
/* ## Third columns ========================================================================================== */
div.three-column { margin-top: 30px; position: relative; }
div.three-column ul { padding: 0; margin: 0; width: 1078px; }
div.three-column ul li { padding: 0; list-style: none; float: left; width: 33.25%; margin-bottom: 15px; }
div.three-column ul li:last-child { margin-bottom: 0; }
.has-sidebar div.three-column ul { width: 800px; }
.has-sidebar div.three-column ul li { margin: 0px 15px 30px 0px; width: 30.2%; }
div.three-column ul li div.inner-item-wrap { border: 1px solid #f4f4f4; background: #fff; margin-right: 15px; }
div.three-column ul li div.inner-item-wrap { position: relative; overflow: hidden; }
div.three-column ul li div.inner-item-wrap div.desc { padding: 15px 0; border-bottom: 1px solid #f4f4f4; }
div.three-column ul li div.inner-item-wrap p.tags { margin: 0; padding: 0 15px; line-height: 1; text-align: center; margin-bottom: 5px; }
div.three-column ul li div.inner-item-wrap p.tags a { font-size: 11px; font-style: italic; color: #999; text-decoration: none; }
div.three-column ul li div.inner-item-wrap p.tags a:hover { border-bottom: 1px solid #999; }
div.three-column ul li div.inner-item-wrap h2 { margin: 0; line-height: 1.2; font-size: 13px; text-align: center; padding: 5px 10px 0px 10px; }
div.three-column ul li div.inner-item-wrap h2 a { text-decoration: none; color: #222; }
div.three-column ul li.no-posts-found { width: 98%; padding: 0; margin: 0px 0 30px 0; }
div.three-column ul li.no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
/* ## Four columns ========================================================================================== */
div.four-column { margin-top: 30px; }
div.four-column ul { padding: 0; margin: 0; width: 1080px; }
div.four-column ul li { padding: 0; list-style: none; float: left; width: 24.9%; margin-bottom: 15px; }
div.four-column ul li:last-child { margin-bottom: 0; }
div.four-column ul li div.inner-item-wrap { border: 1px solid #f4f4f4; background: #fff; margin-right: 15px; }
.has-sidebar div.four-column ul { width: 800px; }
.has-sidebar div.four-column ul li { margin: 0px 15px 30px 0px; width: 22.2%; }
div.four-column ul li div.inner-item-wrap { position: relative; overflow: hidden; }
div.four-column ul li div.inner-item-wrap div.desc { padding: 11px 0; border-bottom: 1px solid #f4f4f4; }
div.four-column ul li div.inner-item-wrap p.tags { margin: 0; padding: 0 15px; line-height: 1; font-size: 10px; text-align: center; margin-bottom: 5px; }
div.four-column ul li div.inner-item-wrap p.tags a { font-size: 10px; font-style: italic; color: #999; text-decoration: none; }
div.four-column ul li div.inner-item-wrap p.tags a:hover { border-bottom: 1px solid #999; }
div.four-column ul li div.inner-item-wrap h2 { margin: 0; line-height: 1.2; font-size: 12px; text-align: center; padding: 5px 10px 0px 10px; }
div.four-column ul li div.inner-item-wrap h2 a { text-decoration: none; color: #222; }
div.four-column ul li.no-posts-found { width: 98%; padding: 0; margin: 0px 0 30px 0; }
div.four-column ul li.no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
/* ## Five columns ========================================================================================== */
div.five-column { margin-top: 30px; }
div.five-column ul { padding: 0; margin: 0; width: 1078px; }
div.five-column ul li { padding: 0; list-style: none; float: left; width: 19.9%; margin-bottom: 15px; }
div.five-column ul li:last-child { margin-bottom: 0; }
div.five-column ul li div.inner-item-wrap { border: 1px solid #f4f4f4; background: #fff; margin-right: 15px; }
.has-sidebar div.five-column ul { width: 800px; }
.has-sidebar div.five-column ul li { margin: 0px 10px 20px 0px; width: 17.9%; }
div.five-column ul li div.inner-item-wrap { position: relative; overflow: hidden; }
div.five-column ul li div.inner-item-wrap div.desc { border-bottom: 1px solid #f4f4f4; }
div.five-column ul li div.inner-item-wrap p.tags { margin: 0; padding: 0 15px; line-height: 1.2; text-align: center; margin-bottom: 5px; }
div.five-column ul li div.inner-item-wrap p.tags a { font-size: 11px; font-style: italic; color: #999; text-decoration: none; }
div.five-column ul li div.inner-item-wrap p.tags a:hover { border-bottom: 1px solid #999; }
div.five-column ul li div.inner-item-wrap h2 { margin: 0; line-height: 1; font-size: 12px; text-align: center; padding: 13px 10px 0px 10px; }
div.five-column ul li div.inner-item-wrap h2 a { text-decoration: none; color: #222; }
div.five-column ul li.no-posts-found { width: 98%; padding: 0; margin: 0px 0 30px 0; }
div.five-column ul li.no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
/** Portfolio Gallery */
div.product-gallery { margin: 30px 0; position: relative; }
div.portfolio-gallery { margin: 0; }
div.product-gallery span.loader { position: absolute; top: 45%; left: 46%; z-index: 20; background: url(sprites/i/loader.gif) center center no-repeat white; border-radius: 4px; width: 40px; height: 40px; }
div.portfolio-gallery div.gallery-desc { position: absolute; height: 0; top: 45%; left: 30px; }
div.portfolio-gallery div.gallery-desc h4 { position: relative; padding: 4px 15px; background: #fff; margin: 0px 0px 10px 10px; font-weight: 600; }
div.portfolio-gallery div.gallery-desc h4, div.portfolio-gallery div.gallery-desc h4 a { text-decoration: none; color: inherit; color: #46759b; }
div.portfolio-gallery div.gallery-desc div.caption { margin-left: 10px; background: #fff; color: #46759b; position: relative; margin-top: 0; padding: 15px; position: absolute; max-width: 30%; color: inherit; }
div.portfolio-gallery div.gallery-desc div.caption p { margin-bottom: 0; }
div.portfolio-gallery div.gallery-desc div.caption a.hover-link { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 14px 14px 14px 14px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; margin-top: 20px; border-radius: 0; font-size: 14px; }
div.portfolio-gallery div.ioa-gallery div.selene-thumbnails-wrap { margin-top: 10px; }
div.portfolio-gallery div.ioa-gallery div.selene-thumbnails-wrap ul li { margin-right: 10px; }
div.portfolio-gallery div.ioa-gallery div.selene-controls-wrap { opacity: 1; border-radius: 3px; position: absolute; bottom: 0px; left: 0px; z-index: 99; }
div.portfolio-gallery div.ioa-gallery div.selene-controls-wrap a { opacity: 0.6; float: left; background: #000; text-decoration: none; text-align: center; color: #fff; font-size: 16px; width: 40px; padding: 19px 0 19px 0; line-height: 0px; display: block; z-index: 100; }
div.portfolio-gallery div.ioa-gallery div.selene-controls-wrap a:hover { opacity: 1; }
div.portfolio-gallery div.ioa-gallery div.selene-controls-wrap a.gallery-pause { font-size: 14px; }
div.portfolio-gallery .no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
/* == Portfolio Masonry =========================== */
div.portfolio-masonry { margin-bottom: 0px; margin-top: 0px; min-height: 300px; overflow: hidden; }
div.portfolio-masonry ul.portfolio_posts { padding: 0; margin: 0; width: 100.5%; }
div.portfolio-masonry span.loader { position: absolute; top: 45%; left: 46%; z-index: 20; background: url(sprites/i/loader.gif) center center no-repeat white; border-radius: 4px; width: 40px; height: 40px; }
div.portfolio-masonry ul.portfolio_posts li { position: relative; padding: 0; margin: 0; list-style: none; width: 24.9%; float: left; overflow: hidden; }
div.portfolio-masonry ul.portfolio_posts li div.inner-item-wrap { opacity: 0; }
div.portfolio-masonry ul.portfolio_posts li.no-posts-found { max-width: 100%; width: 100%; }
div.portfolio-masonry ul.portfolio_posts li.no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 29px 0 20px 0; font-weight: 700; }
div.portfolio-masonry ul li div.inner-item-wrap { position: relative; overflow: hidden; }
div.portfolio-masonry ul li div.inner-item-wrap div.image a img { display: block; width: 100%; }
div.portfolio-masonry ul li div.inner-item-wrap div.image a img { display: block; position: relative; }
div.portfolio-masonry ul li div.inner-item-wrap div.hoverdir-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
div.portfolio-masonry ul li div.inner-item-wrap .hoverdir { opacity: 1; z-index: 1; background: #46759b; opacity: 0.9; position: absolute; top: 0; left: -600px; width: 100%; height: 100%; bottom: 28px; }
div.portfolio-masonry ul li div.inner-item-wrap div.image { position: relative; overflow: hidden; }
div.portfolio-masonry ul li div.inner-item-wrap div.desc { padding: 24px 0 14px 0; text-align: center; color: #fff; }
div.portfolio-masonry ul li div.inner-item-wrap p.tags { margin: 0; padding: 0 15px; text-align: center; margin-bottom: 0px; }
div.portfolio-masonry ul li div.inner-item-wrap p.tags a { font-size: 11px; font-style: italic; color: inherit; text-decoration: none; }
div.portfolio-masonry ul li div.inner-item-wrap p.tags a:hover { text-decoration: underline; }
div.portfolio-masonry ul li div.desc h2 { margin: 0; line-height: 1; font-size: 16px; text-align: center; padding: 5px 10px 0px 10px; color: inherit; }
div.portfolio-masonry ul li div.desc h2 a { text-decoration: none; color: inherit; }
div.portfolio-masonry ul li .hoverdir-wrap i { position: absolute; top: 50%; left: 50%; background: #fff; font-size: 18px; color: #444; padding: 21px 0; width: 60px; text-align: center; border-radius: 100%; display: block; text-decoration: none; margin: -20px 0 0 -20px; }
div.portfolio-masonry-template div.pagination_wrap { padding: 0 30px 0px 30px; }
/* == Portfolio Metro =========================== */
div.metro-wrapper { overflow-x: hidden; margin: 0px 0 10px 0; }
div.portfolio-metro { width: 2000em; padding: 5px 0 20px 0; }
div.portfolio-metro ul { padding: 0; margin: 0; display: inline-block; }
div.portfolio-metro ul li { padding: 0; margin: 0 5px 5px 0; list-style: none; float: left; opacity: 0; }
div.portfolio-metro ul li.no-posts-found { opacity: 1; float: none; margin-top: 30px; }
div.portfolio-metro ul li.no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
div.portfolio-metro ul li div.inner-item-wrap { background: #46759b; color: #fff; font-weight: 100; overflow: hidden; }
div.portfolio-metro ul li div.inner-item-wrap { margin-bottom: 0px; position: relative; }
div.portfolio-metro ul li div.inner-item-wrap { position: relative; overflow: hidden; }
div.portfolio-metro ul li div.inner-item-wrap div.image-wrap { float: left; }
div.portfolio-metro ul li div.inner-item-wrap div.desc { width: 350px; float: left; }
div.portfolio-metro ul li div.inner-item-wrap div.image-wrap img { height: auto; max-width: 100%; display: block; }
div.portfolio-metro ul li div.inner-item-wrap p.tags { margin: 0; padding: 5px 15px; margin-bottom: 5px; font-weight: 600; display: inline-block; }
div.portfolio-metro ul li div.inner-item-wrap p.tags a { font-size: 11px; font-style: italic; text-decoration: none; color: inherit; }
div.portfolio-metro ul li div.inner-item-wrap p.tags a:hover { text-decoration: underline; }
div.portfolio-metro ul li div.inner-item-wrap h2 { margin: 0; line-height: 1; font-weight: 300; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); padding: 15px; background: rgba(0, 0, 0, 0.1); color: inherit; }
div.portfolio-metro ul li div.inner-item-wrap h2 a { font-size: 26px; text-decoration: none; color: inherit; }
div.portfolio-metro ul li div.inner-item-wrap div.desc div { padding: 15px; font-weight: 400; font-size: 12px; }
div.metro-wrapper .jspTrack { background: #f4f4f4; }
div.metro-wrapper .jspHorizontalBar { height: 6px; left: 0px; background: #f4f4f4; }
div.metro-wrapper .jspDrag { background: #968dac; border-radius: 0; height: 3px; }
div.portfolio-metro-template div.pagination_wrap { padding: 15px 30px 20px 30px; margin-top: 0; }
/* ## Featured columns ========================================================================================== */
div.featured-column { margin-bottom: 30px; margin-top: 30px; }
div.featured-column ul { padding: 0; margin: 0; }
div.featured-column ul li { padding: 0; margin: 0 0 30px; list-style: none; color: #fff; }
div.featured-column ul li.no-posts-found { width: 98%; padding: 0; margin: 0; }
div.featured-column ul li.no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
div.featured-column ul li div.title-area { color: #ffffff; background: #46759b; }
div.featured-column ul li div.excerpt { padding: 20px; }
div.featured-column ul li div.title-area p.tags { margin: 23px 0 0 0; padding: 0; float: left; margin-bottom: 5px; font-size: 11px; color: inherit; }
div.featured-column ul li div.title-area p.tags a { font-size: 11px; font-style: italic; color: inherit; text-decoration: none; }
div.featured-column ul li div.title-area p.tags a:hover { border-bottom: 1px solid inherit; }
div.featured-column ul li div.title-area span.date { float: left; text-align: center; background: rgba(0, 0, 0, 0.05); color: inherit; }
div.featured-column ul li div.title-area span.date small.no { font-size: 24px; font-weight: 100; display: block; padding: 4px 10px; line-height: 1.2; }
div.featured-column ul li div.title-area span.date small.rest { background: rgba(0, 0, 0, 0.04); font-size: 10px; display: block; padding: 7px 10px; line-height: 1.2; }
div.featured-column ul li div.title-area h2 { margin: 17px 0 0 20px; line-height: 1; font-size: 18px; float: left; padding: 5px 10px 0px 0px; color: inherit; }
div.featured-column ul li div.title-area h2 a { font-size: 18px; text-decoration: none; color: inherit; }
div.featured-column ul li div.inner-item-wrap { position: relative; color: #777; }
div.featured-column ul li.align-left div.inner-item-wrap div.desc { float: left; font-weight: 100; }
div.featured-column ul li.align-left div.inner-item-wrap div.image-wrap { float: left; }
div.featured-column ul li.align-left div.inner-item-wrap a.read-more { margin-left: 20px; }
div.featured-column ul li.align-right div.title-area span.date { float: right; }
div.featured-column ul li.align-right div.title-area h2 { float: left; }
div.featured-column ul li.align-right div.inner-item-wrap div.desc { float: left; font-weight: 100; }
div.featured-column ul li.align-right div.inner-item-wrap div.image-wrap { float: right; }
div.featured-column ul li.align-right div.inner-item-wrap a.read-more { margin-right: 20px; }
div.featured-column ul li.align-right div.title-area p.tags { float: right; margin-right: 15px; }
div.featured-column ul li.align-right div.title-area div.title-meta-info { float: right; }
div.featured-column ul li.align-left div.title-area div.title-meta-info { float: left; }
div.featured-column span.spacer { height: 0; border-bottom: 2px solid #f4f4f4; margin: 30px auto 30px auto; width: 20%; display: block; }
div.featured-column ul li div.inner-item-wrap div.desc { box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); width: 525px; padding: 0px; color: inherit; border: 1px solid #f4f4f4; border-top: none; min-height: 349px; }
div.featured-column ul li div.inner-item-wrap div.desc p { color: inherit; }
div.featured-column ul li.align-right div.inner-item-wrap div.desc { border-right: none; }
div.featured-column ul li.align-left div.inner-item-wrap div.desc { border-left: none; }
div.featured-column ul li a.read-more { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 6px 14px 6px 14px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; }
div.featured-column ul li a.read-more:hover { background: none; background: #46759B; color: #fff; }
div.featured-column ul li.align-right div.inner-item-wrap div.desc { text-align: right; }
div.featured-column ul li.featured-block div.excerpt { padding: 0; color: #fff; }
div.featured-column ul li.featured-block { width: 100%; margin-bottom: 0px; background: none; color: #fff; border: none; box-shadow: none; }
div.featured-column ul li.featured-block div.inner-item-wrap div.image-wrap { float: none; width: auto; }
div.featured-column ul li.featured-block div.inner-item-wrap { position: relative; }
div.featured-column ul li.featured-block div.inner-item-wrap div.overlay { background: #40c5e2; padding: 30px; opacity: 0.9; position: absolute; bottom: 90px; left: 0px; width: 30%; }
div.featured-column ul li.featured-block h2 { margin: 0px 0 0 0px; line-height: 1; padding: 5px 10px 0px 0px; color: inherit; color: inherit; }
div.featured-column ul li.featured-block h2 a { font-size: 18px; text-decoration: none; color: inherit; color: #fff; }
div.featured-column ul li.featured-block div.inner-item-wrap span.spacer { width: 180px; margin: 10px 0 10px 0; display: block; border: 2px solid #fff; height: 0; }
/** Modelie Stylings */
div.portfolio-modelie { margin: 0 0; }
div.view-pane { min-height: 200px; position: relative; overflow: hidden; margin-bottom: 0px; }
div.view-pane ul { padding: 0 0px 0px 0px; margin: 0; width: 20000em; }
div.view-pane ul li { height: 100%; padding: 0; margin: 0; list-style: none; float: left; position: relative; }
div.view-pane ul li span.loader { position: absolute; top: 45%; left: 46%; z-index: 20; background: url(sprites/i/loader.gif) center center no-repeat white; border-radius: 4px; width: 40px; height: 40px; }
div.view-pane ul li.load-more-posts { overflow: hidden; width: 400px; background: #444; }
div.view-pane ul li.load-more-posts a { width: 100%; height: 100%; text-align: center; color: #fff; text-decoration: none; vertical-align: middle; font-size: 36px; display: block; }
div.view-pane ul li.end-more-posts { width: 400px; background: #444; text-align: center; color: #fff; text-decoration: none; vertical-align: middle; font-size: 36px; display: block; }
div.view-pane ul li div.hover { background: #46759b; color: #fff; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.9; }
div.view-pane ul li div.hover h2 { margin: 14px 0 0 0px; font-weight: 100; line-height: 1; text-align: center; padding: 25px 0px 10px 0px; color: inherit; color: inherit; }
div.view-pane ul li div.hover h2 a { font-size: 28px; text-decoration: none; color: inherit; }
div.view-pane ul li div.inner-item-wrap { opacity: 0; }
div.view-pane ul li div.image, div.view-pane ul li div.image-wrap, div.view-pane ul li div.inner-item-wrap { position: relative; height: 100%; }
div.view-pane ul li div.image a.imageholder { display: block; height: 100%; position: relative; }
div.view-pane ul li div.image img { display: block; position: relative; height: auto; width: auto; }
div.view-pane ul li div.hover a.hover-lightbox { position: absolute; top: 50%; left: 10px; background: #fff; font-size: 18px; color: #444; padding: 25px; border-radius: 100%; text-align: center; display: block; text-decoration: none; }
div.view-pane ul li p.tags { margin: 31px 0 0 0; padding: 0; text-align: center; display: block; margin-bottom: 5px; font-size: 11px; color: inherit; }
div.view-pane ul li p.tags a { font-size: 11px; font-style: italic; color: inherit; text-decoration: none; }
div.view-pane ul li p.tags a:hover { border-bottom: 1px solid inherit; }
div.view-pane span.loader { background: url(sprites/i/loader.gif) center center no-repeat white; border-radius: 4px; width: 40px; height: 40px; display: block; position: absolute; top: 49%; left: 49%; }
div.view-pane ul li.span-class { width: 100%; height: 100%; opacity: 1; }
div.view-pane .jspTrack { background: #f4f4f4; }
div.view-pane .jspHorizontalBar { height: 6px; left: 0px; z-index: 3; }
div.view-pane .jspDrag { background: #888; border-radius: 4px; height: 3px; border-radius: 0; }
/** Full Screen Stylings */
div.portfolio-full-screen { margin-top: 0; position: relative; min-height: 80px; }
div.portfolio-full-screen span.loader { background: url(sprites/i/loader.gif) center center no-repeat white; border-right: 4px; width: 40px; height: 40px; display: block; position: absolute; top: 49%; left: 49%; }
div.full-stretch .seleneGallery div.gallery-item.none img { width: 100%; height: auto; min-height: 100%; }
div.full-stretch .seleneGallery div.gallery-item.default img { width: 100%; height: auto; min-height: 100%; }
div.full-stretch .seleneGallery div.gallery-item.proportional img { width: auto; height: auto; min-height: 100%; }
div.portfolio-full-screen div.ioa-gallery div.selene-thumbnails-wrap { margin-top: 0; }
div.portfolio-full-screen div.gallery-desc { position: absolute; height: 0; top: 45%; left: 30px; }
div.portfolio-full-screen div.gallery-desc h4 { position: relative; padding: 4px 15px; margin: 0px 0px 10px 10px; background: #fff; color: #46759b; }
div.portfolio-full-screen div.gallery-desc h4, div.portfolio-full-screen div.gallery-desc h4 a { text-decoration: none; color: inherit; }
div.portfolio-full-screen div.gallery-desc div.caption { margin-left: 10px; position: relative; margin-top: 0; background: #fff; color: #46759b; padding: 15px; position: absolute; max-width: 30%; color: inherit; }
div.portfolio-full-screen div.gallery-desc div.caption p { margin-bottom: 0; }
div.portfolio-full-screen div.gallery-desc div.caption a { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 6px 14px 6px 14px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; margin-top: 10px; border-radius: 0; }
div.portfolio-full-screen div.ioa-gallery div.selene-controls-wrap { opacity: 1; border-radius: 3px; position: absolute; bottom: 0px; left: 0px; z-index: 99; }
div.portfolio-full-screen div.ioa-gallery div.selene-controls-wrap a { opacity: 0.6; float: left; background: #000; text-decoration: none; text-align: center; color: #fff; font-size: 16px; width: 40px; padding: 19px 0 19px 0; line-height: 0px; display: block; z-index: 100; }
div.portfolio-full-screen div.ioa-gallery div.selene-controls-wrap a:hover { opacity: 1; }
div.portfolio-full-screen div.ioa-gallery div.selene-controls-wrap a.gallery-pause { font-size: 14px; }
div.full-screen-view-pane .no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
/** Maerya Template */
div.portfolio-maerya { margin: 40px 0; }
ul.portfolio-maerya-list { margin: 0; padding: 0; position: relative; height: 100%; }
ul.portfolio-maerya-list li { cursor: pointer; list-style: none; margin: 0; text-align: center; padding: 0; float: left; width: 198.5px; position: relative; overflow: hidden; }
ul.portfolio-maerya-list li.no-posts-found { opacity: 1; float: none; width: 100%; }
ul.portfolio-maerya-list li.no-posts-found h4 { background: #e36804; padding: 15px; text-align: center; color: #fff; margin: 10px 0; font-weight: 700; }
.portfolio-template ul.portfolio-maerya-list li div.image a.imageholder, .portfolio-template ul.portfolio-maerya-list li div.image a.imageholder img { display: block; max-width: none; }
ul.portfolio-maerya-list li div.stub { position: absolute; bottom: 30px; left: 0; background: #fff; width: 201px; padding: 15px 0; }
ul.portfolio-maerya-list li div.stub h2 { margin: 0px; font-weight: 100; font-size: 15px; display: inline-block; line-height: 1; text-align: center; color: #666; padding: 0px 15px 6px 15px; color: inherit; color: inherit; }
ul.portfolio-maerya-list li div.stub h2 a { text-decoration: none; color: inherit; }
ul.portfolio-maerya-list li div.stub p.tags { color: #999; font-family: Georgia,Arial; margin: 1px 0 0 0; padding: 0; text-align: center; display: block; font-size: 11px; }
ul.portfolio-maerya-list li div.stub p.tags a { font-size: 10px; font-style: italic; color: inherit; text-decoration: none; }
ul.portfolio-maerya-list li div.stub p.tags a:hover { border-bottom: 1px solid inherit; }
ul.portfolio-maerya-list li div.hover { position: absolute; top: 0; background: #46759b; left: 0; width: 100%; height: 0; opacity: 0.9; overflow: hidden; }
ul.portfolio-maerya-list li div.hover h2 { margin: 0px; font-weight: 100; font-size: 15px; display: inline-block; line-height: 1; text-align: center; color: #666; padding: 0px 15px 6px 15px; color: inherit; color: inherit; }
ul.portfolio-maerya-list li div.hover h2 a { text-decoration: none; color: inherit; }
ul.portfolio-maerya-list li div.proxy { position: absolute; bottom: 30px; left: 0; background: #fff; width: 201px; padding: 15px 0; }
ul.portfolio-maerya-list li div.hover p.tags { color: inherit; font-family: Georgia,Arial; margin: 1px 0 0 0; padding: 0; text-align: center; display: block; font-size: 11px; }
ul.portfolio-maerya-list li div.hover p.tags a { font-size: 10px; font-style: italic; color: inherit; text-decoration: none; }
ul.portfolio-maerya-list li div.hover p.tags a:hover { border-bottom: 1px solid inherit; }
ul.portfolio-maerya-list li div.hover-inner-wrap { height: 470px; position: relative; }
ul.portfolio-maerya-list li div.meta-info { display: none; }
ul.portfolio-maerya-list .meta-info { color: #fff; background: #46759b; }
div.portfolio-maerya-wrap { overflow: hidden; }
div.portfolio-content { padding: 25px; font-weight: 100; height: 420px; overflow: hidden; }
div.dynamic-content { height: 420px; background: #46759b; color: #fff; padding: 25px; font-weight: 100; position: relative; }
div.portfolio-maerya-wrap a.close-section { color: #fff; background: rgba(0, 0, 0, 0.2); padding: 20px 19px; display: block; position: absolute; top: 0; right: 0; text-decoration: none; font-size: 11px; z-index: 6; display: none; }
div.dynamic-content h2 { margin-bottom: 8px; }
div.dynamic-content h2, div.dynamic-content h2 a { color: inherit; text-decoration: none; font-size: 15px; }
div.dynamic-content a.hover-link { text-decoration: none; outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 6px 12px 6px 12px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; background: #fff; color: #46759b; margin-top: 15px; }
div.portfolio-maerya-wrap div.one_fourth { overflow: hidden; height: 470px; position: relative; }
div.portfolio-maerya div.three_fourth { overflow: hidden; height: 470px; position: relative; }
div.dynamic-content span.spacer { width: 20%; border-bottom: 2px solid #fff; display: block; margin-bottom: 12px; }
/** ## Single Portfolio Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
div.portfolio div.meta-info { padding: 10px 0; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07); margin: 15px 0px 10px 15px; width: 180px; float: right; }
div.portfolio div.meta-info > div { text-align: left; padding: 7px 20px; }
div.portfolio div.side-featured-media div.meta-info { width: auto; float: none; margin-left: 0; }
div.portfolio-navigation { margin-top: 0px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; padding: 8px 0; margin-bottom: 20px; }
div.portfolio-navigation a { text-decoration: none; color: #666; }
div.portfolio-navigation a:hover { text-decoration: underline; }
div.portfolio-navigation span.next { float: right; text-decoration: none; font-size: 11px; }
div.portfolio-navigation span.previous { float: left; text-decoration: none; font-size: 11px; }
/** Full Screen Templates */
div.single-prop-screen-view-pane { margin-top: 15px; position: relative; min-height: 500px; background: url(sprites/i/loader.gif) center center no-repeat; }
div.single-full-screen-view-pane { margin-top: 0; position: relative; min-height: 500px; background: url(sprites/i/loader.gif) center center no-repeat; }
div.single-full-screen-view-pane span.loader { background: url(sprites/i/loader.gif) center center no-repeat white; border-radius: 100%; border: 1px solid #eee; box-shadow: 0px 0px 10px #eeeeee; width: 40px; height: 40px; display: block; position: absolute; top: 49%; left: 49%; }
.spfs-gallery div.gallery-item img { width: 100%; }
div.single-full-screen-view-pane div.gallery-desc { position: absolute; height: 0; top: 45%; }
div.single-full-screen-view-pane div.gallery-desc h4 { background: #fff; opacity: 0.9; position: relative; padding: 4px 15px; margin: 0px 0px 10px 10px; }
div.single-full-screen-view-pane div.gallery-desc h4, div.single-full-screen-view-pane div.gallery-desc h4 a { text-decoration: none; color: inherit; }
div.single-full-screen-view-pane div.gallery-desc div.caption { background: #fff; opacity: 0.9; margin-left: 10px; position: relative; margin-top: 0; padding: 15px; position: absolute; max-width: 30%; color: inherit; }
div.single-full-screen-view-pane div.gallery-desc div.caption p { margin-bottom: 0; }
div.single-full-screen-view-pane div.gallery-desc div.caption a { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 6px 14px 6px 14px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; margin-top: 20px; }
div.single-prop-screen-view-pane div.gallery-desc { position: absolute; height: 0; top: 45%; }
div.single-prop-screen-view-pane div.gallery-desc h4 { background: rgba(0, 0, 0, 0.9); position: relative; color: #fff; padding: 4px 15px; margin: 0px 0px 10px 10px; }
div.single-prop-screen-view-pane div.gallery-desc h4, div.single-prop-screen-view-pane div.gallery-desc h4 a { text-decoration: none; color: #fff; }
div.single-prop-screen-view-pane div.gallery-desc div.caption { background: rgba(0, 0, 0, 0.9); color: #fff; margin-left: 10px; position: relative; margin-top: 0; padding: 15px; position: absolute; max-width: 30%; }
div.single-prop-screen-view-pane div.gallery-desc div.caption p { margin-bottom: 0; }
div.single-prop-screen-view-pane div.gallery-desc div.caption a { outline: none; border: none; border-radius: 2px; background: #46759B; color: #fff; padding: 6px 14px 6px 14px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background,color; transition-duration: 200ms, 200ms; transition-delay: 0s; margin-top: 20px; }
div.portfolio_related_posts { margin-bottom: 30px; }
div.portfolio_related_posts.related_posts div.related_posts-title-area { margin-bottom: 10px; }
div.portfolio_related_posts { padding-top: 15px; }
/** Modelie */
div.single-portfolio-modelie { overflow: hidden; }
/** Side */
div.side-single-portfolio-content { width: 500px; margin-left: 30px; }
ul.single-related-posts { visibility: visible; }
div.related_posts-title-area { margin-bottom: 5px; }
div.related_posts-title-area h3 { font-size: 15px; margin-bottom: 5px; }
/** ## Pricing Tables Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
div.pricing-table { display: inline-block; padding-top: 30px; padding-bottom: 30px; }
div.pricing-table div.plan { background: #fff; border: 1px solid #f4f4f4; width: 201px; float: left; position: relative; z-index: 1; }
div.pricing-table div.plan h6 { margin: 0; padding: 3px 0px; text-align: center; color: #777; text-transform: uppercase; font-size: 12px; border-bottom: 1px solid #f4f4f4; }
div.pricing_area { padding: 48px 10px 70px 10px; }
div.pricing_area h2 { font-size: 60px; line-height: 1; color: #333; font-weight: 700; letter-spacing: -2px; text-align: center; }
div.pricing_area span.suffix { font-size: 12px; font-style: italic; color: #999; text-align: center; display: block; }
div.pricing-table ul.pricing-row { margin: 0; padding: 0; border-top: 1px solid #f9f9f9; }
div.pricing-table ul.pricing-row li { color: #888888; padding: 11px 8px; border-bottom: 1px solid #f4f4f4; list-style: none; text-align: center; }
div.pricing-table ul.pricing-row li.sign-up { padding: 0; border-bottom: none !important; }
ul.pricing-row li.sign-up a { background: #222; display: block; margin: 0px; text-transform: uppercase; position: relative; color: #fff; font-weight: 600; text-align: center; padding: 12px 2px; margin: 10px; text-decoration: none; }
/** Pricing Table Settings */
div.pricing-table div.featured-plan.plan { margin-top: -33px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06); z-index: 2; }
div.pricing-table div.featured-plan.plan ul.pricing-row { margin: 0; }
div.pricing-table div.featured-plan.plan h6 { color: #666; }
div.pricing-table div.featured-plan.plan ul.pricing-row li.sign-up a { background: #bf0000; }
div.featured-plan.plan div.pricing_area h2 { font-size: 85px; }
div.featured-plan.plan div.pricing_area { padding-bottom: 90px; }
/** Feature Column */
div.feature-column { background: #fff; box-shadow: -17px 0px 30px rgba(0, 0, 0, 0.04); margin-top: 30px; width: 215px; z-index: 4; float: left; position: relative; border: 1px solid #f4f4f4; border-right: none; }
div.feature-column div.feature_area { margin-bottom: 1px; min-height: 213px; }
div.feature-column div.feature_area h2 { color: #777; font-size: 32px; text-align: center; padding: 20px; line-height: 1.1; margin-bottom: 0; padding-bottom: 2px; }
div.feature-column div.feature_area span.info { font-size: 10px; color: #909090; text-align: center; display: block; padding: 1px 10px; }
/** ## Footer Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
#footer { background: #222222; z-index: 1; position: relative; }
.inner-footer-wrapper .skeleton { padding: 30px 0; }
#footer-menu { background: #282828; padding: 35px 0; }
#footer-menu p.footer-text { float: left; color: #fff; font-size: 13px; font-weight: 400; }
#footer-menu p.footer-text a { color: inherit; text-decoration: underline; }
div.inner-footer-wrapper.page-content { margin: 0; border-bottom: 1px solid rgba(250, 250, 250, 0.1); }
div.inner-footer-wrapper.page-content .col { margin-bottom: 0; }
#footer-menu .menu { float: right; margin: 0; padding: 7px 0 0 0; }
#footer-menu .menu li { float: left; list-style: none; margin: 0; padding: 5px 10px; }
#footer-menu .menu li a { color: #fff; text-decoration: none; border-bottom: 1px solid transparent; }
#footer-menu .menu li:first-child a { border-left: none; }
#footer-menu .menu li a:hover { transition-property: border-bottom-color; transition-duration: 0.7s; border-bottom-color: #666; }
a.back-to-top { position: fixed; bottom: 40px; right: 40px; opacity: 0.9; background: #46759b; color: #fff; z-index: 100; padding: 17px 20px; display: none; border-radius: 2px; }
#lang_sel_footer { background: #46759b; padding: 5px 0; font-family: inherit; border-top: 1px solid #333; }
#lang_sel_footer a { color: #fff; text-decoration: none; border-bottom: 1px solid transparent; font-size: 11px; }
#lang_sel_footer a:hover { transition-property: border-bottom-color; transition-duration: 0.7s; border-bottom-color: #666; }
.mobile_footer_widget { display: none; }
/** ## Shortcodes Stylings ## ============================================== */
/* CSS Document */
/*
Widget styling for Hades PLus framework
== Index ==============================
---------------------------------------
1. Wordpress Native Widgets Styling for Sidebar .
2. Wordpress Native Widgets Styling for Footer .
=======================================
*/
div.social a { margin-right: 3px; }
a.shortcode-social-icon { display: inline-block; margin: 0px 1px 1px 0; padding: 0; }
a.shortcode-social-icon img { display: block; margin: 0; }
/** Twitter */
div.tweets-wrapper { position: relative; }
div.tweets-wrapper i { z-index: 2; top: 0; left: 0; position: absolute; color: #04c9f3; font-size: 14px; border-radius: 100%; }
div.tweets-wrapper.slider { border: 1px solid #f4f4f4; padding: 20px 0; }
div.tweets-wrapper.slider .bx-controls { opacity: 1 !important; }
div.tweets-wrapper.slider .bx-wrapper .bx-prev, div.tweets-wrapper.slider .bx-wrapper .bx-next { color: #fff; background: #46759b; }
div.tweets-wrapper.slider ul li { font-size: 18px; padding: 0 40px 0 40px; margin: 0; border: none; }
div.tweets-wrapper.slider i.icon { position: relative; float: none; margin: 0 auto; width: 16px; display: block; }
div.tweets-wrapper.slider ul { margin-top: 0px; text-align: center; }
ul.tweets { margin: 0 0 0 0px; padding: 0; }
ul.tweets li { padding: 0px 0px 10px 25px; margin: 15px 0 0 0; border-bottom: 1px solid #f4f4f4; line-height: 1.4; list-style: none; position: relative; }
ul.ioa-shortcode-list { margin: 0; padding: 3px 0; }
ul.ioa-shortcode-list li { border-bottom: none; padding: 3px 6px 3px 20px; list-style: none; position: relative; }
ul.ioa-shortcode-list span { margin-right: 0px; display: inline-block; position: absolute; top: 9px; left: 0; }
/** Word Drops */
.word_drop { display: inline-block; padding: 1px 8px; border-radius: 2px; font-size: 14px; font-weight: 600; }
/** Power Title */
div.power-title h3 { font-size: 18px; margin-bottom: 0px; line-height: 1.6; }
div.power-title span.spacer { width: 15%; margin: 0px 0 15px 0; height: 0; border-bottom: 2px solid #222; display: block; }
/** Power Accordion */
.power_accordion .power-section { width: 25%; float: left; }
.power_accordion .accordion-body { display: none; }
.power-section h3 { margin: 0; padding: 40px 10px; background: #46759b; color: #fff; text-align: center; font-weight: 300; font-size: 15px; cursor: pointer; }
div.power-overlay { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background: #46759b; display: none; }
div.power-overlay-content { position: fixed; z-index: 10000; top: 0; left: 0; width: 450px; height: 200px; background: #46759b; color: #fff; display: none; }
div.power-overlay-content div.filler { padding: 20px; font-weight: 100; color: inherit; }
div.power-overlay-content div.filler h2, div.power-overlay-content div.filler h3, div.power-overlay-content div.filler h4, div.power-overlay-content div.filler strong, div.power-overlay-content div.filler h5, div.power-overlay-content div.filler h6, div.power-overlay-content div.filler a { color: inherit; }
div.power-overlay-content a.close { position: absolute; top: 10px; right: 10px; color: inherit; text-decoration: none; }
/** Toggles */
a.toggle-title { text-decoration: none; color: #444; font-size: 14px; font-weight: 100; border-bottom: 1px solid #eee; padding: 6px 10px 6px 0; display: block; }
a.toggle-title i { margin-right: 5px; font-size: 14px; color: #777; margin-top: 2px; }
div.toggle-body { padding: 0px 0; display: none; position: relative; }
div.toggle-body.open { display: block; }
div.mutual-content-wrap div.toggle-body p { margin: 15px 0; }
/** Box */
div.ioa_box { padding: 30px 45px; line-height: 1.4; color: #fff; background: #46759b; font-weight: 100; font-size: 24px; position: relative; text-align: center; }
div.ioa_box i { position: absolute; top: 35px; left: 15px; font-size: 24px; }
div.ioa_box a.close { position: absolute; top: 5px; right: 5px; color: #fff; font-size: 11px; text-decoration: none; }
.one_third div.ioa_box { font-size: 20px; }
.one_fourth div.ioa_box { font-size: 18px; }
/** Countdown */
.ioa_counter_wrap { display: block; margin: 20px auto; border-radius: 100%; width: 160px; }
.ioa-counter { margin-top: 0px; font-weight: 100; border-radius: 100%; overflow: hidden; background: #fff; padding: 0; height: 160px; position: relative; }
.ioa-counter ul { background: inherit; border-radius: 100%; margin: 0; padding: 0; position: absolute; top: 4px; left: 0; width: 100%; }
.ioa-counter ul li { list-style: none; border-radius: 100%; text-align: center; margin: 0; padding: 0; background: inherit; font-size: 72px; height: 160px; }
.ioa-counter ul li.fade-item { width: 100%; position: absolute; top: 0; left: 0; list-style: none; text-align: center; margin: 0; padding: 0; }
.ioa-counter ul li.show-item { width: 100%; position: absolute; top: 0; left: 0; list-style: none; text-align: center; margin: 0; padding: 0; }
/** Button */
a.ioa-button { display: inline-block; padding: 7px 15px; margin: 3px; text-decoration: none; font-weight: 700; font-size: 12px; position: relative; border: 1px solid transparent; }
a.ioa-button.button-small { padding: 4px 11px; }
a.ioa-button.button-medium { padding: 7px 15px; }
a.ioa-button.button-large { padding: 10px 25px; }
a.ioa-button i { padding-right: 8px; }
a.ioa-button span { z-index: 2; position: relative; }
a.ioa-button span.underlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none; }
a.ioa-button.button-shader-gradient { background: url(sprites/i/button_shade.png) center left repeat-x; background-size: contain; }
a.ioa-button.button-shader-gloss { background: url(sprites/i/button_gloss.png) center left repeat-x; background-size: contain; }
a.ioa-button.button-shader-classic { background-size: contain; border-bottom: 3px solid transparent; }
/** Dividers */
div.separator { clear: both; }
div.separator.sep-default { height: 0px; border-top: 1px solid #eee; }
div.separator.sep-dotted { height: 0px; border-top: 1px dotted #999; }
div.separator.sep-dashed { height: 0px; border-top: 1px dashed #ddd; }
div.separator.sep-double { height: 1px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
/** Video */
.ioa-video video, .ioa-video iframe { max-width: 100% !important; display: block; }
/** Scrollable */
div.scrollable div.scroll-item { position: relative; width: 250px; height: 220px; overflow: hidden; }
div.scrollable div.scroll-item img { max-width: 100%; }
div.scrollable div.scroll-item a.hover i { position: absolute; top: 38%; left: 43%; background: #fff; font-size: 18px; color: #61c4d9; padding: 21px 0; width: 60px; text-align: center; border-radius: 100%; display: block; text-decoration: none; }
div.scrollable div.scroll-item a.hover { display: none; z-index: 1; background: #61c4d9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 28px; }
/** Google Map */
.google-map { padding: 5px; border: 1px solid #eee; }
/** Icon */
i.shortcode-icon { margin: 1px; display: inline-block; }
/** Image Frame */
div.image-frame { display: block; position: relative; max-width: 100% !important; }
div.image-frame a, div.image-frame img { display: block; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; height: auto; }
.image-align-left { float: left; margin: 10px 20px 10px 0; }
.image-align-right { float: right; margin: 10px 0px 10px 20px; }
div.image-frame a.hover i { position: absolute; top: 38%; left: 43%; background: #fff; font-size: 18px; color: #61c4d9; padding: 21px 0; width: 60px; text-align: center; border-radius: 100%; display: block; text-decoration: none; }
div.image-frame a.hover { display: none; z-index: 3; background: #61c4d9; position: absolute; top: 0; left: 0; width: 100.2%; height: 100%; bottom: 28px; }
.image-frame-border { border: 1px solid #eee; padding: 4px; }
.image-frame-double { border: 1px solid #eee; padding: 1px; }
.image-frame-double img { border: 1px solid #eee; padding: 3px; }
div.image-frame .shadow-1 { margin-top: -2px; max-width: 100%; z-index: 1; }
div.image-frame .shadow-2 { margin-top: -2px; max-width: 100%; z-index: 1; }
div.image-frame .shadow-3 { margin-top: -2px; max-width: 100%; z-index: 1; }
.effect-fade, .effect-fade-right, .effect-fade-left, .effect-fade-grow { opacity: 0; }
/** Media Frame */
div.super-wrapper div.media-frame iframe { display: block; margin: 0; max-width: 100% !important; padding: 0; outline: 0; }
div.super-wrapper div.media-frame { display: inline-block; position: relative; max-width: 100%; }
div.super-wrapper div.media-frame a, div.media-frame img { display: block; }
div.super-wrapper .media-align-left { float: left; margin: 10px 20px 10px 0; }
div.super-wrapper .media-align-right { float: right; margin: 10px 0px 10px 20px; }
div.super-wrapper .media-frame-border { border: 1px solid #eee; padding: 4px; }
div.media-frame .shadow-1 { margin-top: -2px; max-width: 100%; }
div.media-frame .shadow-2 { margin-top: -2px; max-width: 100%; }
div.media-frame .shadow-3 { margin-top: -2px; max-width: 100%; }
/** Person */
div.person { padding: 0px; position: relative; }
div.person div.image { position: relative; }
div.person h4 { font-weight: 600; font-size: 16px; line-height: 1.8; margin: 0; color: #fff; position: relative; }
div.person img { max-width: 100%; display: block; }
div.person div.info { position: relative; }
div.person p.desc { font-size: 12px; display: none; opacity: 0.95; margin-bottom: 0; background: #111; padding: 15px; position: absolute; z-index: 2; bottom: 50px; left: 50px; right: 50px; color: #fff; }
div.person .person-top-area span.desig { background: rgba(0, 0, 0, 0.7); display: block; position: absolute; top: 17px; right: 15px; font-size: 10px; padding: 2px 7px; border-radius: 2px; color: #fff; }
div.person .person-top-area span.spacer { width: 25%; height: 0; border-bottom: 2px solid #fff; display: block; margin-bottom: 6px; }
div.person div.social { padding: 0; line-height: 1; }
div.person .person-top-area { position: relative; padding: 15px; color: #fff; background: #46759b; }
div.person .person-top-area a { font-size: 11px; color: #fff; font-style: italic; text-decoration: none; }
div.person .person-top-area a:hover { border-bottom: 1px solid #fff; }
div.person i { background: #000; background: rgba(0, 0, 0, 0.8); z-index: 2; cursor: pointer; position: absolute; bottom: 0px; left: 0px; color: #fff; width: 35px; text-align: center; padding: 10px 0; display: block; }
/** Posts Slider */
div.posts_slider div.slide { position: relative; }
div.posts_slider div.slide a.imageholder, div.posts_slider div.slide a img { display: block; }
div.posts_slider div.slide div.desc { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0fc0e0; color: #fff; }
div.posts_slider div.slide div.desc h2 { font-size: 15px; line-height: 1.2; margin: 0; color: inherit; padding: 55px 15px 5px 15px; display: block; text-align: center; }
div.posts_slider div.slide div.desc h2 a { color: inherit; text-decoration: none; }
div.posts_slider div.slide div.desc a.read-more { margin: 20px auto 0 auto; font-size: 11px; text-decoration: none; color: inherit; display: block; font-weight: 600; text-align: center; padding: 5px 15px; border: 2px solid #fff; border-radius: 3px; width: 40px; }
/** CTA */
div.cta-wrap img.shadow { max-width: 100%; margin-top: -2px; }
div.cta { padding: 30px 20px; position: relative; z-index: 1; margin-bottom: 0px; background: #46759b; }
div.cta div.text-title-wrap { width: 75%; line-height: 1.4; color: #fff; font-size: 22px; font-weight: 100; float: left; }
div.cta div.text-title-inner-wrap { margin-right: 20px; margin-top: 5px; }
div.cta div.button-area { float: left; width: 25%; }
div.cta div.button-area a { color: #fff; font-size: 13px; text-align: center; display: block; font-weight: 700; margin: 0px auto 0px auto; padding: 7px 15px; border: 2px solid #fff; border-radius: 3px; text-decoration: none; }
/** Climacons */
.climacon-shortcode { margin: 0px auto; display: block; }
/** Accordion Stylings */
.ioa_accordion { margin: 0; }
.ioa_accordion .ui-accordion-header { margin: 0; background: #fff; border: 1px solid #f1f1f1; cursor: pointer; position: relative; margin-top: -1px; zoom: 1; font-weight: 400; font-style: italic; padding: 3px 7px; color: #888; }
.ioa_accordion .ui-accordion-header:focus { outline: none; }
.ioa_accordion .ui-accordion-header i { margin-right: 10px; }
.ioa_accordion .ui-state-active { background: #46759b; border: 2px solid #46759b; color: #fff; }
.ioa_accordion .ui-accordion-li-fix { display: inline; }
.ioa_accordion .ui-accordion-header { display: block; font-size: 13px; padding: 10px 15px; }
.ioa_accordion .ui-accordion-content { padding: 20px; font-size: 12px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ioa_accordion .ui-accordion-content-active { display: block; }
/* Tabs */
.ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0; margin: 0px 0 0 0; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.super-wrapper .ui-tabs .ui-tabs-nav li i { margin-right: 4px; }
.super-wrapper .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 0; padding: 0; border-bottom-width: 0; white-space: nowrap; margin-top: 4px; }
.super-wrapper .ui-tabs .ui-tabs-nav li span { display: inline-block; }
.super-wrapper .ui-tabs .ui-tabs-nav li a { display: block; color: #fff; text-decoration: none; padding: 8px 22px; font-size: 12px; background: #46759b; }
.super-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-top: 0px; box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05); }
.super-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active a { background: #46759b; padding: 10px 25px; }
.super-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .super-wrapper .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .super-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.super-wrapper .ui-tabs .ui-tabs-nav li a, .super-wrapper .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }
.super-wrapper .ui-tabs .tab-content { display: block; border-width: 0; padding: 15px; background: none; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; font-size: 12px; }
.tabs-align-bottom .ui-tabs .ui-tabs-nav li { margin-top: 0; }
/** Right & Left Align */
.tabs-align-left .ui-tabs .ui-tabs-nav { width: 120px; float: left; }
.tabs-align-left .ui-tabs .ui-tabs-nav li, .tabs-align-right .ui-tabs .ui-tabs-nav li { float: none; position: relative; margin-top: 0px; }
.tabs-align-left .ui-tabs .ui-tabs-nav li a, .tabs-align-right .ui-tabs .ui-tabs-nav li a { display: block; color: #fff; text-decoration: none; padding: 8px 12px; font-size: 12px; margin-left: 10px; background: #46759b; text-align: right; }
.tabs-align-right .ui-tabs .ui-tabs-nav li a { margin-right: 10px; margin-left: 0; }
.tabs-align-left .ui-tabs .ui-tabs-nav li.ui-tabs-active a { background: #46759b; margin-left: 0; }
.tabs-align-right .ui-tabs .ui-tabs-nav li.ui-tabs-active a { background: #46759b; margin-right: 0; }
.tabs-align-left .ui-tabs .tab-content { width: 85%; float: left; border: none; border-right: 1px solid #f4f4f4; }
.tabs-align-right .ui-tabs .ui-tabs-nav li a { text-align: left; }
.tabs-align-right .ui-tabs .ui-tabs-nav { float: right; width: 120px; }
.tabs-align-right .ui-tabs .tab-content { width: 85%; float: left; border: none; border-left: 1px solid #f4f4f4; }
/** Props */
div.prop-wrapper { position: relative; margin: 0 auto; }
div.prop { position: absolute; top: 0; left: 0; opacity: 0; }
div.prop img { max-width: none; }
/** Scrollable Posts */
div.shortcode-scrollable div.scrollable { width: 100%; }
div.shortcode-scrollable div.slide { float: left; list-style: none; margin: 0px 20px 0px 0px; padding: 0; max-width: 330px; }
div.shortcode-scrollable div.slide div.image a.imageholder { display: block; border-bottom: none; }
div.posts_slider a.imageholder img { width: 100%; }
div.shortcode-scrollable div.slide h2 { margin: 0; line-height: 14px; }
div.shortcode-scrollable div.slide h2 a { border-bottom: 0; color: #333; font-size: 15px; line-height: 1.1; }
div.shortcode-scrollable div.slide div.desc { display: none; }
div.scrollable div.image { position: relative; }
/** Full Width */
div.full-width-layout.page-content { background-attachment: fixed; margin: 0; background-size: cover; }
/** Magic List */
.magic-list-wrapper { position: relative; }
.magic-list-wrapper ul { margin: 0; padding: 0; position: relative; z-index: 4; }
.magic-list-wrapper ul li { list-style: none; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #f3f3f3; }
.magic-list-wrapper ul li div.icon-area { opacity: 0; float: left; width: 41px; border-radius: 100%; padding: 1px; background: #444; transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); /* IE 9 */ -webkit-transform: scale(0.5, 0.5); }
.magic-list-wrapper ul li div.inner-icon-area { padding: 8px; background: #fff; border-radius: 100%; }
.magic-list-wrapper ul li div.icon-area i { margin: 0 auto; width: 24px; text-align: center; display: block; height: 25px; color: #aaa; font-size: 24px; line-height: 1; }
.magic-list-wrapper ul li div.icon-area img { display: block; margin: 0 auto; max-width: 25px; background: #fff; }
.magic-list-wrapper ul li div.desc-area { float: left; width: 70%; }
.magic-list-wrapper ul li div.desc-area h4 { margin: 0 0 10px 25px; font-size: 15px; line-height: 1; }
.magic-list-wrapper ul li div.desc-area div.desc { font-size: 12px; margin-left: 25px; }
.magic-list-wrapper ul li div.desc-area div.desc p { margin: 0; }
.magic-list-wrapper span.line { position: absolute; top: 0; left: 22px; height: 0px; border-left: 1px solid #eee; width: 0px; }
div.ioa-image-wrap { padding: 15px; }
div.ioa-image-wrap img { display: block; margin: 0 auto; max-width: 100%; }
/** Post Filter */
.shortcode-filter { margin-bottom: 20px; }
div.supper-title-wrapper { overflow: hidden; }
/* ### END OF SECTION ### */