/*
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:    1.6
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

========================================================================== */
/* 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: #363c40; }

h2 {
  margin: 0px 0px 15px 0px;
  padding: 0;
  font-size: 36;
  color: #363c40; }

h3 {
  margin: 0px 0px 15px 0px;
  padding: 0;
  font-size: 32;
  color: #363c40; }

h4 {
  margin: 0px 0px 15px 0px;
  padding: 0;
  font-size: 24;
  color: #363c40; }

h5 {
  margin: 0px 0px 15px 0px;
  padding: 0;
  font-size: 24;
  color: #363c40; }

h6 {
  margin: 0px 0px 15px 0px;
  padding: 0;
  font-size: 15;
  color: #363c40; }

.page-wrapper a {
  text-decoration: underline;
  color: #333333; }

body {
  background: white;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 1.9;
  color: #7c7e82;
  font-family: "Open Sans","Helvetica","Arial"; }

body * {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizelegibility; }

strong {
  color: inherit; }

/**
 * ## 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: #526778;
  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: #526778;
  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: #526778;
  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: #526778;
  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: #526778; }

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: #526778; }

#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 {
  position: absolute;
  top: 19px;
  right: 15px;
  font-size: 10px; }

#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: #526778; }

#mobile-menu .sub-menu > li.current-menu-parent > a, #mobile-menu .sub-menu > li.current-menu-ancestor > a {
  color: #fff;
  background: #526778; }

#mobile-menu > li.current-menu-ancestor > a, #mobile-menu > li.current-menu-parent > a {
  color: #fff;
  background: #526778; }

#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: #526778; }

#mobile-side-menu .sub-menu > li.current-menu-parent > a, #mobile-menu .sub-menu > li.current-menu-ancestor > a {
  color: #fff;
  background: #526778; }

#mobile-side-menu li.current-menu-ancestor > a, #mobile-side-menu li.current-menu-parent > a {
  color: #fff;
  background: #526778; }

#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; }

a.mobile-menu, a.mobile-menu:visited {
  color: #526778;
  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: #526778; }

#mobile-menu li:hover i, #mobile-side-menu li:hover i {
  color: #fff; }

#mobile-menu li a:hover, #mobile-side-menu li a:hover {
  transition-property: color,background-color;
  transition-duration: 0.7s;
  color: #fff;
  background-color: #526778; }

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: #526778; }

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: #526778; }

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: #526778;
  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: #526778; }

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;
  background: #526778;
  -webkit-font-smoothing: antialiased;
  border-top: 3px solid #d6dada; }

.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: -32px;
  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-bar .menu > li.current_page_item > span.color-overlay,
div.theme-header .menu-bar .menu > li.current-menu-ancestor > span.color-overlay,
div.theme-header .menu-bar .menu > li.menu-active > span.color-overlay,
div.theme-header .menu-bar .menu > li.current-menu-item > span.color-overlay {
  display: block; }

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: #fff; }

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 div.sub-menu ul.sub-menu li.current_page_item a {
  padding-left: 24px;
  color: #fff; }

div.theme-header .menu-bar .menu li .sub-menu li.current-menu-item > span.color-overlay,
div.theme-header .menu-bar .menu li .sub-menu li.current_page_item > span.color-overlay {
  border-radius: 0;
  display: block; }

div.theme-header span.color-overlay {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: url(sprites/i/button_shade.png) repeat-x #526778; }

div.top-area-wrapper span.color-overlay {
  border-radius: 3px; }

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: 12px;
  right: 12px;
  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: #526778; }

div.theme-header .menu-bar .menu > li.menu-item-language-current ul.sub-menu li:hover > a {
  color: #fff;
  background: #526778; }

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: url(sprites/i/button_shade.png) repeat-x #526778;
  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;
  position: relative;
  text-decoration: none;
  position: relative;
  z-index: 2;
  letter-spacing: -0.1px; }

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; }

/**
 * 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.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: #526778;
  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: #526778;
  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: #526778; }

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: #526778;
  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: #526778; }

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; }

.default {
  margin: 0px auto; }

/**
 * Header Areas Stylings
 */
div.trans-head {
  background: url(sprites/i/header-gloss.png) bottom left repeat-x;
  position: relative;
  z-index: 3; }

div.header-cons-area {
  position: relative;
  z-index: 20; }

span.border {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #e2e2e2;
  width: 100%;
  box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.05); }

#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-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 .menu div.hoverdir-wrap span.hoverdir {
  border-radius: 2px; }

/**
 * Compact Bar stylings
 */
div.compact-bar {
  -webkit-font-smoothing: antialiased;
  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; }

/**
 * ## 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 .

=======================================

*/
/**
 * Audio Player
 */
.super-wrapper .mejs-container .mejs-controls {
  background: #526778; }

div.super-wrapper .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #526778; }

div.super-wrapper .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #526778; }

div.super-wrapper .mejs-container {
  width: 100% !important; }

/**
 * Featured Image
 */
div.mutual-content-wrap > img {
  margin: 30px auto;
  display: block;
  max-width: 100%; }

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.single-image, div.video, div.featured-gallery, div.featured-slider {
  margin-top: 40px; }

div.sidebar-layout div.single-image, div.sidebar-layout div.video, div.sidebar-layout div.featured-gallery, div.sidebar-layout div.featured-slider {
  margin-top: 30px; }

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; }

.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; }

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;
  top: -65px;
  margin-bottom: -65px; }

/**
* 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; }

/**
 * RAD EDITABLE
 */
div.title-editable-area {
  position: absolute;
  width: 400px;
  top: 0;
  opacity: 0;
  height: 44px;
  background: #fff;
  border-radius: 3px;
  cursor: text; }

div.title-editable-area input {
  color: #526778;
  background: none;
  padding: 8px 15px;
  font-size: 28px;
  border: none;
  width: 100%; }

div.subtitle-editable-area {
  position: absolute;
  width: 300px;
  top: 0;
  opacity: 0;
  height: 34px;
  background: #fff;
  border-radius: 3px;
  cursor: text; }

div.subtitle-editable-area input {
  color: #526778;
  background: none;
  padding: 4px 15px;
  font-size: 18px;
  border: none;
  width: 100%; }

/**
* Layout Stylings - To change width goto sprites -> stylesheets -> layout.css .
*/
div.mutual-content-wrap p:first-child {
  margin-top: 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: 600px; }

/* == 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: 40px 0; }

.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: #526778;
  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: 0px 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
 */
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: #ffffff;
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%; }

div.overlay-address {
  max-width: 600px;
  padding: 10px;
  border: 3px solid #fff;
  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: #526778;
  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: #526778;
  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: #526778;
  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: #526778;
  color: #fff; }

/**
 * Sticky Contact Form
 */
div.sticky-contact {
  position: fixed;
  top: 25%;
  right: 0;
  right: -301px;
  width: 300px;
  background: #526778;
  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: #526778;
  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: #526778;
  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; }

/**
 * ## 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: #526778;
  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: #526778;
  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: #526778;
  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: #526778;
  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: #12b8db;
  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: #526778;
  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: #526778;
  color: #fff; }

/**
 * Gallery Tiles
 */
div.gallery {
  margin: 0px 0px 15px 0px;
  clear: both; }

div.gallery dl.gallery-item {
  margin: 15px 0;
  padding: 0;
  float: left;
  width: 25%; }

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: #526778;
  opacity: 0.9; }

ul.posts li div.image a.imageholder {
  display: block; }

ul.posts li div.image a.imageholder img {
  display: block; }

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: #999;
  font-size: 11px;
  margin: 5px 0 5px 0;
  font-weight: 100; }

ul.posts div.extras a {
  color: #999;
  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: #526778;
  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;
  background: #fff; }

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: 700;
  font-size: 19px;
  margin-bottom: 0; }

ul.posts-grid h2 a {
  color: #526778;
  text-decoration: none; }

ul.posts-grid li div.image {
  overflow: hidden;
  border: 1px solid #f4f4f4;
  padding: 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-6cols.posts-grid li a.hover .hover-link {
  padding: 10px 0;
  width: 35px; }

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 a.hover {
  z-index: 1;
  background: #61c4d9;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 28px; }

ul.posts-grid li a.hover .hover-link {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 42%;
  left: 42%;
  background: #fff;
  font-size: 14px;
  color: #444;
  padding: 15px 0;
  width: 45px;
  text-align: center;
  border-radius: 100%;
  display: block;
  text-decoration: none; }

ul.posts-grid li div.desc {
  line-height: 1.7;
  color: #777;
  margin: 0;
  font-size: 12px;
  padding: 15px 0; }

ul.posts-grid li div.desc p {
  margin-bottom: 0;
  margin-top: 5px; }

.first ul.thumb-list {
  margin-left: 0; }

.last ul.thumb-list {
  margin-right: 0; }

ul.thumb-list li h2 {
  margin: 4px 0 0px 0;
  font-size: 13px;
  padding: 5px 0px 0px 0px;
  line-height: 1.1;
  font-weight: 700;
  display: inline-block; }

ul.thumb-list li h2 a {
  color: #646464;
  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: 14px;
  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 #f4f4f4;
  padding: 8px 0 18px 0; }

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 {
  float: left;
  margin-right: 15px;
  width: 50px;
  margin-top: 8px;
  border: 1px solid #f4f4f4;
  padding: 4px; }

ul.thumb-list div.desc {
  float: left;
  width: 50%;
  font-size: 12px; }

.one_fifth ul.thumb-list div.image, .sidebar-layout .one_fourth ul.thumb-list div.image, .sidebar-layout .one_fifth ul.thumb-list div.image {
  width: 30px; }

ul.plain-list {
  margin-top: 15px; }

ul.plain-list li {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 10px;
  margin-bottom: 10px; }

ul.plain-list li h2 {
  margin: 0 0 0px 0;
  padding: 5px 0px 0px 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: #526778;
  color: #fff;
  border-radius: 2px; }

ul.shortcode-post-filter li.active a {
  color: #fff; }

/**
 * ## 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: #32353c;
  z-index: 1;
  position: relative; }

.inner-footer-wrapper .skeleton {
  padding: 30px 0; }

#footer-menu {
  background: #404349;
  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 #404349; }

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: #526778;
  color: #fff;
  z-index: 100;
  padding: 17px 20px;
  display: none;
  border-radius: 2px; }

#lang_sel_footer {
  background: #526778;
  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; }

div.supper-title-wrapper {
  overflow: hidden; }

/* ### END OF SECTION ### */
