/*
Theme Name:   Viteeo
Theme URI:    viteeo.wptitans.it
Description:  Viteeo is the theme for creatives and professionals. Packed with great and usable features it's the perfect solution for when you want to built a super duper theme for you next project.
Author:       WP Titans
Author URI:   http://www.wptitans.com/
Tags:         dark, light,full-width-template,left-sidebar, right-sidebar,theme-options, translation-ready,featured-images
Version:      1.0.3
*/
/* Base */
/* normalize.css http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
 
 @font-face
{
 font-family:'delicious-roman';
 src:url('../font/delicious-roman.eot');
 src:url('../font/delicious-roman.woff') format('woff'),
     url('../font/delicious-roman.eot?#iefix') format('embedded-opentype'),
     url('../font/delicious-roman.ttf') format('truetype'),
     url('../font/delicious-roman.svg') format('svg');
 font-weight:normal;
 font-style:normal;
 }	
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */
audio:not([controls]) {
  display: none; }

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *  http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *  www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0; }

/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em;
  margin: 0; }

h2 {
  font-size: 1.5em;
  margin: 0; }

h3 {
  font-size: 1.17em;
  margin: 0; }

h4 {
  font-size: 1em;
  margin: 0; }

h5 {
  font-size: 0.83em;
  margin: 0; }

h6 {
  font-size: 0.75em;
  margin: 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none; }

/* 2 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *  code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */ }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *  Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
    Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* == Core Styles Powered by Twitter Bootstrap 2 */
/*
 * Bootstrap v2.0.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

a:hover, a:active {
  outline: 0; }

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

#map_canvas img {
  max-width: none; }

button, input, select, textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle; }

button, input {
  *overflow: visible;
  line-height: normal; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

body {
  margin: 0;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff; }

a {
  color: #C85A5D;
  text-decoration: none; }

a:hover {
  color: #454545;
  text-decoration: underline; }

.img-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }

.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

cite {
  font-style: normal; }

.muted {
  color: #999999; }

.text-warning {
  color: #c09853; }

.text-error {
  color: #b94a48; }

.text-info {
  color: #3a87ad; }

.text-success {
  color: #468847; }

h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: normal;
  line-height: 1;
  color: inherit;
  text-rendering: optimizelegibility; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999; }

h1 {
  font-size: 36px;
  line-height: 40px; }

h2 {
  font-size: 30px;
  line-height: 40px; }

h3 {
  font-size: 24px;
  line-height: 40px; }

h4 {
  font-size: 18px;
  line-height: 20px; }

h5 {
  font-size: 14px;
  line-height: 20px; }

h6 {
  font-size: 12px;
  line-height: 20px; }

h1 small {
  font-size: 24px; }

h2 small {
  font-size: 18px; }

h3 small {
  font-size: 14px; }

h4 small {
  font-size: 14px; }

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee; }

ul, ol {
  padding: 0;
  margin: 0 0 10px 25px; }

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0; }

li {
  line-height: 20px; }

ul.unstyled, ol.unstyled {
  margin-left: 0;
  list-style: none; }

dl {
  margin-bottom: 20px; }

dt, dd {
  line-height: 20px; }

dt {
  font-weight: bold; }

dd {
  margin-left: 10px; }

.dl-horizontal {
  *zoom: 1; }

.dl-horizontal:before, .dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0; }

.dl-horizontal:after {
  clear: both; }

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dl-horizontal dd {
  margin-left: 180px; }

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid white; }

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #999999; }

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee; }

blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px; }

blockquote small {
  display: block;
  line-height: 20px;
  color: #999999; }

blockquote small:before {
  content: '\2014 \00A0'; }

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0; }

blockquote.pull-right p, blockquote.pull-right small {
  text-align: right; }

blockquote.pull-right small:before {
  content: ''; }

blockquote.pull-right small:after {
  content: '\00A0 \2014'; }

q:before, q:after, blockquote:before, blockquote:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px; }

.label {
  padding: 1px 4px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px; }

a.label:hover, a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer; }

.label-important, .badge-important {
  background-color: #b94a48; }

.label-important[href], .badge-important[href] {
  background-color: #953b39; }

.label-warning, .badge-warning {
  background-color: #f89406; }

.label-warning[href], .badge-warning[href] {
  background-color: #c67605; }

.label-success, .badge-success {
  background-color: #468847; }

.label-success[href], .badge-success[href] {
  background-color: #356635; }

.label-info, .badge-info {
  background-color: #3a87ad; }

.label-info[href], .badge-info[href] {
  background-color: #2d6987; }

.label-inverse, .badge-inverse {
  background-color: #333333; }

.label-inverse[href], .badge-inverse[href] {
  background-color: #1a1a1a; }

.btn .label, .btn .badge {
  position: relative;
  top: -1px; }

.btn-mini .label, .btn-mini .badge {
  top: 0; }

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

.table {
  width: 100%;
  margin-bottom: 20px; }

.table th, .table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd; }

.table th {
  font-weight: bold; }

.table thead th {
  vertical-align: bottom; }

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
  border-top: 0; }

.table tbody + tbody {
  border-top: 2px solid #dddddd; }

.table-condensed th, .table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.table-bordered th, .table-bordered td {
  border-left: 1px solid #dddddd; }

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
  border-top: 0; }

.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px; }

.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px; }

.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px; }

.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9; }

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #f5f5f5; }

table [class*=span], .row-fluid table [class*=span] {
  display: table-cell;
  float: none;
  margin-left: 0; }

.table .span1 {
  float: none;
  width: 44px;
  margin-left: 0; }

.table .span2 {
  float: none;
  width: 124px;
  margin-left: 0; }

.table .span3 {
  float: none;
  width: 204px;
  margin-left: 0; }

.table .span4 {
  float: none;
  width: 284px;
  margin-left: 0; }

.table .span5 {
  float: none;
  width: 364px;
  margin-left: 0; }

.table .span6 {
  float: none;
  width: 444px;
  margin-left: 0; }

.table .span7 {
  float: none;
  width: 524px;
  margin-left: 0; }

.table .span8 {
  float: none;
  width: 604px;
  margin-left: 0; }

.table .span9 {
  float: none;
  width: 684px;
  margin-left: 0; }

.table .span10 {
  float: none;
  width: 764px;
  margin-left: 0; }

.table .span11 {
  float: none;
  width: 844px;
  margin-left: 0; }

.table .span12 {
  float: none;
  width: 924px;
  margin-left: 0; }

.table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0; }

.table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0; }

.table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0; }

.table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0; }

.table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0; }

.table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0; }

.table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0; }

.table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0; }

.table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0; }

.table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0; }

.table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0; }

.table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0; }

.table tbody tr.success td {
  background-color: #dff0d8; }

.table tbody tr.error td {
  background-color: #f2dede; }

.table tbody tr.warning td {
  background-color: #fcf8e3; }

.table tbody tr.info td {
  background-color: #d9edf7; }

.table-hover tbody tr.success:hover td {
  background-color: #d0e9c6; }

.table-hover tbody tr.error:hover td {
  background-color: #ebcccc; }

.table-hover tbody tr.warning:hover td {
  background-color: #faf2cc; }

.table-hover tbody tr.info:hover td {
  background-color: #c4e3f3; }

.hide {
  display: none; }

form {
  margin: 0 0 20px; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

legend small {
  font-size: 15px;
  color: #999999; }

label, input, button, select, textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px; }

input, button, select, textarea {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

label {
  display: block;
  margin-bottom: 5px; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none; }

input, textarea, .uneditable-input {
  width: 206px; }

textarea {
  height: auto; }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border: 1px solid #f0f0f0;
  box-shadow: none; }

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  margin-top: 1px \9;
  line-height: normal;
  cursor: pointer; }

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
  width: auto; }

select, input[type="file"] {
  height: 30px;
  *margin-top: 4px;
  line-height: 30px; }

select {
  width: 220px;
  border: 1px solid #cccccc;
  background-color: #ffffff; }

select[multiple], select[size] {
  height: auto; }

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.uneditable-input, .uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed; }

.uneditable-input {
  overflow: hidden;
  white-space: nowrap; }

.uneditable-textarea {
  width: auto;
  height: auto; }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999999; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999999; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999999; }

.radio, .checkbox {
  min-height: 18px;
  padding-left: 18px; }

.radio input[type="radio"], .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px; }

.controls > .radio:first-child, .controls > .checkbox:first-child {
  padding-top: 5px; }

.radio.inline, .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

.input-mini {
  width: 60px; }

.input-small {
  width: 90px; }

.input-medium {
  width: 150px; }

.input-large {
  width: 210px; }

.input-xlarge {
  width: 270px; }

.input-xxlarge {
  width: 530px; }

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0; }

.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
  display: inline-block; }

input, textarea, .uneditable-input {
  margin-left: 0; }

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px; }

input.span12, textarea.span12, .uneditable-input.span12 {
  width: 926px; }

input.span11, textarea.span11, .uneditable-input.span11 {
  width: 846px; }

input.span10, textarea.span10, .uneditable-input.span10 {
  width: 766px; }

input.span9, textarea.span9, .uneditable-input.span9 {
  width: 686px; }

input.span8, textarea.span8, .uneditable-input.span8 {
  width: 606px; }

input.span7, textarea.span7, .uneditable-input.span7 {
  width: 526px; }

input.span6, textarea.span6, .uneditable-input.span6 {
  width: 446px; }

input.span5, textarea.span5, .uneditable-input.span5 {
  width: 366px; }

input.span4, textarea.span4, .uneditable-input.span4 {
  width: 286px; }

input.span3, textarea.span3, .uneditable-input.span3 {
  width: 206px; }

input.span2, textarea.span2, .uneditable-input.span2 {
  width: 126px; }

input.span1, textarea.span1, .uneditable-input.span1 {
  width: 46px; }

.controls-row {
  *zoom: 1; }

.controls-row:before, .controls-row:after {
  display: table;
  content: "";
  line-height: 0; }

.controls-row:after {
  clear: both; }

.controls-row [class*="span"] {
  float: left; }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee; }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
  background-color: transparent; }

.control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {
  color: #c09853; }

.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
  color: #c09853; }

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853; }

.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
  color: #b94a48; }

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
  color: #b94a48; }

.control-group.error input, .control-group.error select, .control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; }

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48; }

.control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {
  color: #468847; }

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
  color: #468847; }

.control-group.success input, .control-group.success select, .control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; }

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847; }

.control-group.info > label, .control-group.info .help-block, .control-group.info .help-inline {
  color: #3a87ad; }

.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
  color: #3a87ad; }

.control-group.info input, .control-group.info select, .control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; }

.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad; }

input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b; }

input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7; }

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1; }

.form-actions:before, .form-actions:after {
  display: table;
  content: "";
  line-height: 0; }

.form-actions:after {
  clear: both; }

.help-block, .help-inline {
  color: #595959; }

.help-block {
  display: block;
  margin-bottom: 10px; }

.help-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px; }

.input-append, .input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap; }

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  font-size: 14px;
  vertical-align: top;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
  z-index: 2; }

.input-append .add-on, .input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 white;
  background-color: #eeeeee;
  border: 1px solid #cccccc; }

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.input-append .active, .input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546; }

.input-prepend .add-on, .input-prepend .btn {
  margin-right: -1px; }

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-append input, .input-append select, .input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-append .add-on, .input-append .btn {
  margin-left: -1px; }

.input-append .add-on:last-child, .input-append .btn:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }

.dropup, .dropdown {
  position: relative; }

.dropdown-toggle {
  *margin-bottom: -3px; }

.dropdown-toggle:active, .open .dropdown-toggle {
  outline: 0; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid black;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""; }

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid white; }

.dropdown-menu a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0088cc;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear, to bottom, #0088cc, #0077b3;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); }

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0088cc;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear, to bottom, #0088cc, #0077b3;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); }

.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
  color: #999999; }

.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  background-color: transparent;
  cursor: default; }

.open {
  *z-index: 1000; }

.open > .dropdown-menu {
  display: block; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid black;
  content: ""; }

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff; }

.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px; }

.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

/* =WordPress Core
-------------------------------------------------------------- */

.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px;
}

.bypostauthor {
}

.sticky {
}
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

.entry-content img {
  margin: 0 0 1.5em 0; }

.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px; }

.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0; }

.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0; }

.wp-smiley {
  margin: 0 !important;
  max-height: 1em; }

blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left; }

blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right; }

div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
  height: 13px; }

div.pp_default .pp_top .pp_left {
  background: url(sprites/i/lightbox_sprites/sprite.png) -78px -93px no-repeat; }

div.pp_default .pp_top .pp_middle {
  background: url(sprites/i/lightbox_sprites/sprite_x.png) top left repeat-x; }

div.pp_default .pp_top .pp_right {
  background: url(sprites/i/lightbox_sprites/sprite.png) -112px -93px no-repeat; }

div.pp_default .pp_content .ppt {
  color: #f8f8f8; }

div.pp_default .pp_content_container .pp_left {
  background: url(sprites/i/lightbox_sprites/sprite_y.png) -7px 0 repeat-y;
  padding-left: 13px; }

div.pp_default .pp_content_container .pp_right {
  background: url(sprites/i/lightbox_sprites/sprite_y.png) top right repeat-y;
  padding-right: 13px; }

div.pp_default .pp_next:hover {
  background: url(sprites/i/lightbox_sprites/sprite_next.png) center right no-repeat;
  cursor: pointer; }

div.pp_default .pp_previous:hover {
  background: url(sprites/i/lightbox_sprites/sprite_prev.png) center left no-repeat;
  cursor: pointer; }

div.pp_default .pp_expand {
  background: url(sprites/i/lightbox_sprites/sprite.png) 0 -29px no-repeat;
  cursor: pointer;
  height: 28px;
  width: 28px; }

div.pp_default .pp_expand:hover {
  background: url(sprites/i/lightbox_sprites/sprite.png) 0 -56px no-repeat;
  cursor: pointer; }

div.pp_default .pp_contract {
  background: url(sprites/i/lightbox_sprites/sprite.png) 0 -84px no-repeat;
  cursor: pointer;
  height: 28px;
  width: 28px; }

div.pp_default .pp_contract:hover {
  background: url(sprites/i/lightbox_sprites/sprite.png) 0 -113px no-repeat;
  cursor: pointer; }

div.pp_default .pp_close {
  background: url(sprites/i/lightbox_sprites/sprite.png) 2px 1px no-repeat;
  cursor: pointer;
  height: 30px;
  width: 30px; }

div.pp_default .pp_gallery ul li a {
  background: url(sprites/i/lightbox_sprites/default_thumb.png) center center #f8f8f8;
  border: 1px solid #aaaaaa; }

div.pp_default .pp_social {
  margin-top: 7px; }

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
  left: auto;
  position: static; }

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
  background: url(sprites/i/lightbox_sprites/sprite.png) -51px 1px no-repeat;
  height: 30px;
  width: 30px; }

div.pp_default .pp_nav .pp_pause {
  background-position: -51px -29px; }

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
  background: url(sprites/i/lightbox_sprites/sprite.png) -31px -3px no-repeat;
  height: 20px;
  margin: 4px 0 0;
  width: 20px; }

div.pp_default a.pp_arrow_next {
  background-position: -82px -3px;
  left: 52px; }

div.pp_default .pp_content_container .pp_details {
  margin-top: 5px; }

div.pp_default .pp_nav {
  clear: none;
  height: 30px;
  position: relative;
  width: 110px; }

div.pp_default .pp_nav .currentTextHolder {
  color: #999;
  font-family: Georgia;
  font-size: 11px;
  font-style: italic;
  left: 75px;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  position: absolute;
  top: 2px; }

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
  opacity: 0.7; }

div.pp_default .pp_description {
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  margin: 5px 50px 5px 0; }

div.pp_default .pp_bottom .pp_left {
  background: url(sprites/i/lightbox_sprites/sprite.png) -78px -127px no-repeat; }

div.pp_default .pp_bottom .pp_middle {
  background: url(sprites/i/lightbox_sprites/sprite_x.png) bottom left repeat-x; }

div.pp_default .pp_bottom .pp_right {
  background: url(sprites/i/lightbox_sprites/sprite.png) -112px -127px no-repeat; }

div.pp_default .pp_loaderIcon {
  background: url(sprites/i/lightbox_sprites/loader.gif) center center no-repeat; }

div.pp_pic_holder a:focus {
  outline: none; }

div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500; }

div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000; }

.pp_content {
  height: 40px;
  min-width: 40px; }

* html .pp_content {
  width: 40px; }

.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%; }

.pp_content_container .pp_left {
  padding-left: 20px; }

.pp_content_container .pp_right {
  padding-right: 20px; }

.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px; }

.pp_description {
  display: none;
  margin: 0; }

.pp_social {
  float: left;
  margin: 0; }

.pp_social .facebook {
  float: left;
  margin-left: 5px;
  overflow: hidden;
  width: 55px; }

.pp_social .twitter {
  float: left; }

.pp_nav {
  clear: right;
  float: left;
  margin: 3px 10px 0 0; }

.pp_nav p {
  float: left;
  margin: 2px 4px;
  white-space: nowrap; }

.pp_nav .pp_play, .pp_nav .pp_pause {
  float: left;
  margin-right: 4px;
  text-indent: -10000px; }

a.pp_arrow_previous, a.pp_arrow_next {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px; }

.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000; }

.pp_gallery {
  display: none;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000; }

.pp_gallery div {
  float: left;
  overflow: hidden;
  position: relative; }

.pp_gallery ul {
  float: left;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  white-space: nowrap; }

.pp_gallery ul a {
  border: 1px rgba(0, 0, 0, 0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden; }

.pp_gallery ul a img {
  border: 0; }

.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0; }

.pp_gallery li.default a {
  background: url(sprites/i/lightbox_sprites/facebook/default_thumbnail.gif) 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px; }

.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
  margin-top: 7px !important; }

a.pp_next {
  background: url(sprites/i/lightbox_sprites/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: right;
  height: 100%;
  text-indent: -10000px;
  width: 49%; }

a.pp_previous {
  background: url(sprites/i/lightbox_sprites/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: left;
  height: 100%;
  text-indent: -10000px;
  width: 49%; }

a.pp_expand, a.pp_contract {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000; }

a.pp_close {
  display: block;
  line-height: 22px;
  position: absolute;
  right: 0;
  text-indent: -10000px;
  top: 0; }

.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -12px;
  position: absolute;
  top: 50%;
  width: 24px; }

#pp_full_res {
  line-height: 1 !important; }

#pp_full_res .pp_inline {
  text-align: left; }

#pp_full_res .pp_inline p {
  margin: 0 0 15px; }

div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  margin: 0 0 5px 15px;
  z-index: 9999; }

div.pp_default .pp_content, div.light_rounded .pp_content {
  background-color: #fff; }

div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
  color: #000; }

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
  border-color: #fff; }

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
  position: relative; }

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
  background: #fff; }

div.light_rounded .pp_description, div.light_square .pp_description {
  margin-right: 85px; }

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
  margin-top: 12px !important; }

div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default; }

div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default; }

div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
  background: url(sprites/i/lightbox_sprites/light_rounded/loader.gif) center center no-repeat; }

div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {
  background: url(sprites/i/lightbox_sprites/dark_rounded/contentPattern.png) top left repeat; }

div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
  color: #c4c4c4; }

div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
  color: #fff; }

.pp_top, .pp_bottom {
  height: 20px;
  position: relative; }

* html .pp_top, * html .pp_bottom {
  padding: 0 20px; }

.pp_top .pp_left, .pp_bottom .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px; }

.pp_top .pp_middle, .pp_bottom .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px; }

* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
  left: 0;
  position: static; }

.pp_top .pp_right, .pp_bottom .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.pp_fade, .pp_gallery li.default a img {
  display: none; }

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
  background: #000; }

div.dark_square .currentTextHolder {
  color: #c4c4c4; }

div.dark_square .pp_description {
  color: #fff; }

div.dark_square .pp_loaderIcon {
  background: url(sprites/i/lightbox_sprites/dark_square/loader.gif) center center no-repeat; }

/* Loader icon */
div.dark_square .pp_expand {
  background: url(sprites/i/lightbox_sprites/dark_square/sprite.png) -31px -26px no-repeat;
  cursor: pointer; }

/* Expand button */
div.dark_square .pp_expand:hover {
  background: url(sprites/i/lightbox_sprites/dark_square/sprite.png) -31px -47px no-repeat;
  cursor: pointer; }

/* Expand button hover */
div.dark_square .pp_contract {
  background: url(sprites/i/lightbox_sprites/dark_square/sprite.png) 0 -26px no-repeat;
  cursor: pointer; }

/* Contract button */
div.dark_square .pp_contract:hover {
  background: url(sprites/i/lightbox_sprites/dark_square/sprite.png) 0 -47px no-repeat;
  cursor: pointer; }

/* Contract button hover */
div.dark_square .pp_close {
  width: 75px;
  height: 22px;
  background: url(sprites/i/lightbox_sprites/dark_square/sprite.png) -1px -1px no-repeat;
  cursor: pointer; }

/* Close button */
div.dark_square .pp_details {
  position: relative; }

div.dark_square .pp_description {
  margin: 0 85px 0 0; }

div.dark_square #pp_full_res .pp_inline {
  color: #fff; }

div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next {
  margin-top: 12px !important; }

div.dark_square .pp_nav {
  clear: none; }

div.dark_square .pp_nav .pp_play {
  background: url(sprites/i/lightbox_sprites/dark_square/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px; }

div.dark_square .pp_nav .pp_pause {
  background: url(sprites/i/lightbox_sprites/dark_square/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px; }

div.dark_square .pp_arrow_previous {
  background: url(sprites/i/lightbox_sprites/dark_square/sprite.png) 0 -71px no-repeat; }

/* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default; }

div.dark_square .pp_arrow_next {
  background: url(sprites/i/lightbox_sprites/dark_square/sprite.png) -22px -71px no-repeat; }

/* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default; }

div.dark_square .pp_next:hover {
  background: url(sprites/i/lightbox_sprites/dark_square/btnNext.png) center right no-repeat;
  cursor: pointer; }

/* Next button */
div.dark_square .pp_previous:hover {
  background: url(sprites/i/lightbox_sprites/dark_square/btnPrevious.png) center left no-repeat;
  cursor: pointer; }

body {
  background: #f2f2f2;
  color: #666;
  font-family: 'RobotoRegular', arial, sans-serif;
  font-size: 15px;
  line-height: 24px; }

/* Site */
/* Layout */
/* ================================================================================== */
/* == Responsive Layout ============================================================= */
/* ================================================================================== */
.layout_element {
  margin: 20px 2% 20px 0;
  float: left;
  min-height: 1px; }

.layout_element img {max-width: 100%; }
.full_width.layout_element {margin: 0; }

.one_half, .one_half_last {
  max-width: 519px;
  width: 49%; }

.one_third, .one_third_last {
  max-width: 340px;
  width: 32%; }

.one_fourth, .one_fourth_last {
  max-width: 249px;
  width: 23.5%; }

.two_third, .two_third_last {
  max-width: 700px;
  width: 66%; }

.three_fourth, .three_fourth_last {
  max-width: 790px;
  width: 74.5%; }

.one_fifth, .one_fifth_last {
  max-width: 195px;
  width: 18.4%; }

.four_fifth, .four_fifth_last {
  max-width: 844px;
  width: 79.6%; }

.post-preview.one_half, .post-preview.one_half_last { max-width: 519px !important; }
.post-preview.one_third, .post-preview.one_third_last { max-width: 340px !important; }
.post-preview.one_fourth, .post-preview.one_fourth_last { max-width: 249px !important; }
.post-preview.two_third, .post-preview.two_third_last { max-width: 700px !important; }
.post-preview.three_fourth, .post-preview.three_fourth_last { max-width: 790px !important; }
.post-preview.one_fifth, .post-preview.one_fifth_last { max-width: 195px !important; }
.post-preview.four_fifth, .post-preview.four_fifth_last { max-width: 844px !important; }

.post.one_half:nth-child(2n+1),
.post.one_third:nth-child(3n+1),
.post.one_fourth:nth-child(4n+1),
.post.one_fifth:nth-child(5n+1){ clear: left; }

.post.one_half:nth-child(2n),
.post.one_third:nth-child(3n),
.post.one_fourth:nth-child(4n),
.post.two_third:nth-child(2n),
.post.three_fourth:nth-child(2n),
.post.four_fifth:nth-child(2n) {margin-right: 0; }

.one_third .one_third, .one_third_last .one_third, .one_half .one_half, .one_half_last .one_half, .one_fourth .one_fourth, .one_fourth_last .one_fourth, .one_fifth .one_fifth, .one_fifth_last .one_fifth {
  width: 100%; }

/*== Smaller widths === */
div.bg-texture div.two-third-width div.layout_element {
  float: left;
  min-height: 1px;
  padding-right: 2%;
  margin-right: 0; }

div.bg-texture div.two-third-width div.one_half_last, div.bg-texture div.two-third-width div.one_half {
  width: 48%; }

div.bg-texture div.two-third-width div.one_third {
  width: 28%%; }

div.bg-texture div.two-third-width div.one_third_last {
  width: 28%%; }

div.bg-texture div.two-third-width div.one_fourth {
  width: 21.45%; }

div.bg-texture div.two-third-width div.one_fourth_last {
  width: 21.45%; }

div.bg-texture div.two-third-width div.two_third {
  width: 65.4%; }

div.bg-texture div.two-third-width div.two_third_last {
  width: 65.4%; }

div.bg-texture div.two-third-width div.three_fourth {
  width: 73.05%; }

div.bg-texture div.two-third-width div.three_fourth_last {
  width: 73.05%; }

div.bg-texture div.two-third-width div.one_fifth {
  width: 16.5%; }

div.bg-texture div.two-third-width div.one_fifth_last {
  width: 16.5%; }

div.bg-texture div.two-third-width div.four_fifth {
  width: 78.2%; }

div.bg-texture div.two-third-width div.four_fifth_last {
  width: 78.2%; }

div.one_half_last, div.one_third_last, div.one_fourth_last, div.two_third_last, div.three_fourth_last, div.one_fifth_last, div.four_fifth_last, div.one_sixth_last, div.five_sixth_last {
  padding-right: 0 !important;
  clear: right;
  margin-right: 0 !important; }

/*
  Header
*/

html div.top{
  -webkit-font-smoothing: subpixel-antialiased;
  background: #1b1b1b;
  border-bottom: 1px solid #272727;
  color: #fff;
  height: 40px;
  float: left;
  padding: 0;
  position: relative;
  z-index: 20;
  width: 100%; }

  html div.top .top-menu{
    margin: 0 auto;
    max-width: 1060px; }

  html div.top ul.menu {
  opacity: 1;
  float: right;
  margin: 0;
  padding: 4px 0px 0px 15px;
  z-index: 2;
  position: relative;
  }
  html div.top ul.menu > li {
  color: #fff;
  font-size: 11px;
  float: left;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0px 15px;
  line-height: 3;
  font-weight: 500;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 7);
  }

  html div.top ul.menu > li a{
  color: #fff;
  }
  html div.top ul.menu > li a:hover{
  color: #6699CC;
  }

html div.top-area {
-webkit-font-smoothing: subpixel-antialiased;
  background: #222;
  color: #fff;
  float: left;
  padding: 0 0 0 0;
  position: relative;
  z-index: 20;
  width: 100%;
  min-height: 80px;}

#logo {
  float: left;
  margin-top: 15px;}

/* == Social icons ========================== */

@font-face {
    font-family: 'Mono Social Icons Font';
    src: url(sprites/font/MonoSocialIconsFont-1.10.eot);
    src: url(sprites/font/MonoSocialIconsFont-1.10.eot?#iefix) format('embedded-opentype'), url(sprites/font/MonoSocialIconsFont-1.10.woff) format('woff'), url(sprites/font/MonoSocialIconsFont-1.10.ttf) format('truetype'), url(sprites/font/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont) format('svg');
    src: url(sprites/font/MonoSocialIconsFont-1.10.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    display: block;
    font-size: 20px;
    line-height: 1em;
    margin: 11px 0.5em 0 0;
}

a.symbol:after{ display: none; }

.top-social-icons {
  float: left;
  padding: 0;
  margin-left: 5px;
  z-index: 2;
  position: relative;
}

.top-social-icons a{
  color: #fff;
  float: left;
  text-decoration: none;
}

.top-social-icons a:hover, .top-social-icons a:focus{
  color: #6699CC;
}

/* == Search Field ========================== */
/* extendable mixin for search button */
.search-form {
  float: right;
  margin: 40px 0 0 10px; }

.search-form a.search-control {
  background: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: right;
  height: 32px;
  overflow: hidden;
  position: relative;
  text-indent: -999px;
  width: 32px;
  position: relative;
  z-index: 10; }

.search-form a.search-control:after {
  content: "";
  background-image: url(sprites/i/search-icon.gif);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.search-form #searchform {
  float: right;
  display: none;
  overflow: hidden;
  position: relative;
  width: 0;
  /* Active width = width: 220px; */
  z-index: 20; }

.search-form #searchform > div {
  width: 220px; }

.search-form #searchform input[type=text] {
  backgorund: #fff;
  border-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #dddddd;
  border-right: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  font-size: 0.9em;
  height: 32px;
  margin: 0;
  padding: 0 10px;
  overflow: hidden;
  width: 175px; }

.search-form #searchform input[type=submit] {
  background: #ffffff;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: right;
  height: 32px;
  overflow: hidden;
  position: relative;
  text-indent: -999px;
  width: 32px;
  float: left;
  margin-left: -4px; }

.search-form #searchform input[type=submit]:after {
  content: "";
  background-image: url(sprites/i/search-icon.gif);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.search-form #searchform .search-icon {
  background-image: url(sprites/i/search-icon.gif);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  float: right;
  height: 32px;
  margin-right: 16px;
  margin-top: -32px;
  position: relative;
  pointer-events: none;
  width: 32px; }

/* == Subtitle ========================== */
div.title-wrap {
  display: block;
  font-family: 'Raleway', sans-serif;
  padding: 0 0;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 1;
  background-color: #e9e9e9;
  }

div.title-wrap h1.custom-title {
  color: #333;
  display: block;
  font-size: 24px;
  margin: 0;
  padding: 8px 0 0 0;
  width: 50%;
  line-height: 1em;
  text-transform: uppercase;
}

div.title-wrap h3.page-subtitle {
  color: #1a1a1a;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.8;
  margin: 0;
  padding: 0;
  width: 60%; }

div.title-wrap h3.page-subtitle a {
  color: #1a1a1a; }

div.title-wrap h3.page-subtitle a:hover {
  text-decoration: underline; }

div.title-wrap p {
  color: #1a1a1a;
  margin-top: 2em; }

div.title-wrap div.meta-tag {
  text-align: center; }

div.title-wrap div.wrap {
  padding: 30px 0px 30px 0;
  position: relative;
  z-index: 2; }

div.bottom-home-bar {
  height: 23px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

/* == Title wrap search bar =====================================================================
*/
div.title-wrap form {
  display: block;
  right: 0;
  position: absolute;
  top: 10px; }

div.title-wrap form input[type=text] {
  backgorund: none;
  border-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: none;
  border-right: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  font-size: 0.9em;
  height: 40px;
  margin: 0 !important;
  padding: 0 10px;
  overflow: hidden;
  width: 280px; }

div.title-wrap form input[type=submit] {
  background:url(../images/search-top-icon.png) no-repeat center center #fff; outline:none;
 -webkit-border-top-right-radius: 3px;
 -webkit-border-bottom-right-radius: 3px;
 -moz-border-radius-topright: 3px;
 -moz-border-radius-bottomright: 3px;
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: right;
  height: 39px;
  overflow: hidden;
  position: relative;
  text-indent: -999px;
  width: 40px;
  float: left;
  margin-left: -4px;
  margin-top: 1px;

}

  .tp-caption.fullscreenvideo iframe {
  width: 100% !important;
  height: 100% !important;
  border: none;
  }



  /* == Header Layouts =====================================================================
    These are the options set in the backend
    Layout 1 is the default that is done above

    These are wrapped in a media query so they all take the default layout when made smaller.
  */
@media only screen and (min-width: 1060px) {
  /* Layout 2 */
  .top-area.header-layout-2 #logo {
    float:right }

   .top.header-layout-2 .top-social-icons {
    float:right;
   }

  .top.header-layout-2 .top-menu {
    float: left;
  }

  .top.header-layout-2 .top-menu ul{
    padding-left: 0;
  }

  .top-area.header-layout-2 .search-form {
    margin: 6px 0 0 10px; }

  .top-area.header-layout-2 #menu {
    float: left; }

  /* Layout 3 */
  .top-area.header-layout-3 #logo {
    float: none;
    margin-bottom: 0;
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center; }

  .top-area.header-layout-3 #logo img {
    width: auto;
    margin: 0 auto; }

 .top-area.header-layout-3 {
      height:140px
    }

    .top-area.header-layout-3 #menu{ width: 100%; text-align: center;}

    .top-area.header-layout-3 #menu li{ text-align: left; }
    .top-area.header-layout-3 #menu > li{ padding: 2px 10px 23px 10px; }


    .top-area.header-layout-3 #menu > li > ul.sub-menu {
      top: 140px;
    }

    .top-area.header-layout-3 #menu > li > div.sub-menu {
      display: none;
      left: 0;
      margin: 0;
      position: absolute;
      top: 140px;
      width: 100%; }

  /* Layout 4 */
  .top-area.header-layout-4 #logo {
    float: left; }

    .top-area.header-layout-4 #menu {
      float: right; }

.top.header-layout-4{
       display: none;
      }

    .top-area.header-layout-4 #menu > li > ul.sub-menu {
      top: 80px;
    }

    .top-area.header-layout-4 #menu > li > div.sub-menu {
      display: none;
      left: 0;
      margin: 0;
      position: absolute;
      top: 80px;
      width: 100%; }

  }
@media (max-width: 1060px) {
  /*
  Social icons
  */
  ul.top-social-icons {
    margin: 0 0 20px 0;
    width: 100%;
    text-align: center; }
    ul.top-social-icons li {
      display: inline-block;
      float: none; }

  /*
  Search form
  importants used to overwrite the attributes set in js.
  */
  .search-form {
    display: block;
    float: none;
    margin: 10px auto;
    width: 220px; }
    .search-form .search-control {
      display: none !important; }
    .search-form #searchform {
      display: block !important;
      width: 220px !important; } }

/* Navigation styles */

#menu-bar-wrapper, #menu-bar{ float: right; }

#menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  margin: 0;
  padding: 0; }
  #menu > li {
    display: inline-block;
    margin-top: 25px;
    margin-left: 10px;
    margin-left: 0;
    padding-bottom: 23px;
  }
    #menu > li a {
      color: #fff;
      font-weight: 500;
      display: inline-block;
      font-size: 0.9em;
      margin: 0;
      padding:4px 20px;
      text-transform: uppercase; }
      #menu > li a.nav-show {
        display: none; }
      #menu > li > a:hover {
        background: none;
        color: #6699CC; }
    #menu > li.current-menu-item > a {
      background: none;
      color: #6699CC;  }

    #menu > li > ul.sub-menu {
      background: #6699CC;
      display: none;
      margin: 0;
      position: absolute;
      top: 81px;
      width: 200px;
	}
      #menu > li > ul.sub-menu > li {
        color: #fff;
        display: block; }
        #menu > li > ul.sub-menu > li a {
          background: #6699CC;
          color: #fff;
          border: 0 !important;
          padding: 1em 20px;
          font-size: 0.9em;
          font-weight: 400;
          text-transform: capitalize;
          display: block;
		}
          #menu > li > ul.sub-menu > li a:hover, #menu > li > ul.sub-menu > li a:focus {
            color: #ffffff;
            background: #222; }
      #menu > li > ul.sub-menu .sub-menu {
        left: 100%;
        top: 0; }
    #menu > li > div.sub-menu {
      background: #6699CC;
      display: none;
      left: 0;
      margin: 0;
      position: absolute;
      top: 80px;
      width: 100%;
      text-transform: capitalize; }
      #menu > li > div.sub-menu > div {
        float: left;
        margin: 10px 10px 10px 20px;
        padding-bottom: 10px;
        width: 175px; }
      #menu > li > div.sub-menu ul {
        margin: 0; }
      #menu > li > div.sub-menu li {
        list-style-type: none; }
      #menu > li > div.sub-menu a {
        background: #6699CC;
        color: #fff;
        border: 0 !important;
        padding: 1em 20px;
        font-size: 0.9em;
        text-transform: capitalize;}
        #menu > li > div.sub-menu a:hover, #menu > li > div.sub-menu a:focus {
          color: #222; }

          #menu div.sub-menu h6 a {
          font-size: 16px;
          font-weight: 700;
          text-decoration: none;
          padding: 0;
          }
          #menu div.sub-menu h6 a:hover {
          color: #fff;
          }
          #menu div.sub-menu a.menu-more {
          font-size: 0.9em;
          font-weight: 500;
          color: #222;
          text-transform: uppercase;
          padding: 0;
          margin: 5px 0 0 0;
          }

          html .megamenu-textbox p{
          	color: #fff;
          }

          #menu div.sub-menu a.menu-more:hover {
          color: #fff;
          }

        @media only screen and (max-width: 1060px) {
          #menu{
            width: 100%;
          }
          #menu > li > a:hover{
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
          }

        }

        @media only screen and (max-width: 1060px) and (min-width: 768){
        }

/* ==================================================================================== */
/* == Sidebar Styling ================================================================= */
/* ==================================================================================== */
.sidebar-wrap .post-date {
  display: block;
  font-size: 11px;
  font-style: italic; }

.sidebar-wrap {
  padding: 40px 0 40px 0;
  margin: 0;
  border-bottom: 1px solid #eeeeee; }

.sidebar-wrap:last-child {
  border-bottom: none; }

.hasRightSidebar .sidebar-wrap {
  margin-right: 0px;
  padding-right: 0; }

.hasLeftSidebar .sidebar-wrap {
  margin-left: 0px;
  padding-left: 0; }

.sidebar-wrap a.more {
  background: #6699CC;
  color: #fff;
  padding: 8px 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400; }

.sidebar .sidebar-wrap h3.heading, .sidebar .sidebar-wrap h3.custom-box-title {
  padding: 0px;
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 15px 0;
  color: #333;
  line-height: 1.4; }

.sidebar .sidebar-wrap .thunder_button {
  text-decoration: none;
  margin: 0px 5px 5px 0px;
  float: left;
  padding: 9px 18px;
  border-radius: 2px;
  color: #6699CC;
  background: none;
  text-shadow: none;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 12px;
  border: 2px solid #6699CC;
  border: none; }

.sidebar .sidebar-wrap .thunder_button:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #454545; }

.sidebar .sidebar-wrap h5 {
  font-size: 16px;
  line-height: 1.2; }

.sidebar-wrap ul {
  margin: 0;
  padding: 0; }

.sidebar-wrap ul li {
  list-style: none;
  margin: 0;
  padding: 5px 0px 5px 20px;
  border-bottom: 1px dotted #dddddd;
  display: block;
  background: url(i/widget-arrow.png) 3px 12px no-repeat; }

.sidebar-wrap ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0 !important; }

.sidebar-wrap .textwidget {
  margin-top: 11px; }

ul.social-icons {
  padding: 0;
  margin: 0 !important; }

ul.social-icons li {
  padding: 0 !important;
  margin: 0 7px 7px 0 !important; }

ul.social-icons li a {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0px;
  position: relative; }

.sidebar-wrap .social-set {
  margin-top: 0px;
  padding: 4px 0px;
  margin-bottom: 0px; }

.sidebar-wrap .social-set ul {
  margin: 0;
  padding: 0; }

.sidebar-wrap .social-set ul li {
  float: left;
  border-bottom: none;
  margin: 0 4px 0 0;
  padding: 0; }

.sidebar .sidebar-wrap input[type=text] {
  display: block;
  width: 54%;
  padding: 8px 5px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.sidebar .sidebar-wrap input[name=s] {
  padding: 8px 5px;
  width: 50%; }

.sidebar .sidebar-wrap textarea {
  display: block;
  width: 94%;
  height: 170px;
  padding: 8px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #888;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.sidebar-wrap .dynamic_forms {
  margin-top: 15px; }

.fb-widget {
  margin-top: 15px; }

.sidebar-wrap .dynamic_forms form {
  margin-bottom: 0; }

.sidebar-wrap .dynamic_forms .error input[type=text], .sidebar-wrap .dynamic_forms .error textarea {
  border: 1px solid #ff3300 !important; }

.sidebar-wrap #searchform {
  padding: 0px;
  margin: 0; }

#searchform label {
  display: none; }

#searchform input[type=text] {
  margin-right: 16px; }

.sidebar-wrap .widget-posts {
  margin: 0;
  padding: 0; }

.sidebar-wrap .widget-posts li {
  padding-bottom: 6px;
  margin-bottom: 15px;
  padding-left: 0;
  background: none; }

.sidebar-wrap .widget-posts .image {
  width: 50px;
  float: left; }

.sidebar-wrap .widget-posts .image img {
  margin-right: 0px; }

.sidebar-wrap .widget-posts .description {
  float: left;
  width: 170px;
  margin-left: 15px; }

.sidebar-wrap .widget-posts li:last-child {
  margin-bottom: 0;
  padding: 0; }

.sidebar .sidebar-wrap h3.heading, .sidebar .sidebar-wrap h3.custom-box-title {
  font-size: 18px;
  text-transform: none; }

.sidebar .sidebar-wrap .tagcloud {
  margin-top: 5px !important; }

.sidebar .sidebar-wrap .tagcloud a {
  margin-top: 10px !important;
  display: inline-block;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 400; }

.sidebar-wrap ul li a {
  color: #6699CC; }

.sidebar-wrap ul li a:hover {
  color: #333; }

.sidebar-wrap .latest-tweets {
  margin: 0;
  padding: 0; }

.sidebar-wrap .latest-tweets li {
  line-height: 1.8;
  font-size: 12px;
  color: #888; }

.sidebar-wrap .latest-tweets li:last-child, .sidebar-wrap .cat-item:last-child, .sidebar-wrap .blogroll li:last-child {
  margin-bottom: 0; }

.custom-box-content img {
  float: left;
  margin: 0px 8px 5px 0; }

.custom-box-content {
  margin-bottom: 10px;
  margin-top: 0px; }

.sidebar-wrap a:hover {
  text-decoration: none; }

div.hasDoubleLeftSidebar .sidebar-wrap .widget-posts .description, div.hasDoubleRightSidebar .sidebar-wrap .widget-posts .description, div.hasDoubleSidebar .sidebar-wrap .widget-posts .description {
  width: 160px; }

div.hasDoubleLeftSidebar .sidebar-wrap ul.social-icons li, div.hasDoubleRightSidebar .sidebar-wrap ul.social-icons li, div.hasDoubleSidebar .sidebar-wrap ul.social-icons li {
  margin-right: 8px; }

div.flickr-pictures a {
  float: left;
  margin: 20px 20px 0px 0;
  width: 85px;
  height: 65px; }

div.flickr-pictures a img {
  width: 85px;
  height: 65px;
  border-radius: 3px; }

div.dribble_widget_media a {
  float: left;
  margin: 20px 20px 10px 0;
  width: 85px;
  height: 65px; }

div.dribble_widget_media a img {
  width: 85px;
  height: 65px;
  border-radius: 3px; }

#wp-calendar {
  width: 100%; }

#wp-calendar caption {
  font-weight: bold;
  padding-bottom: 6px;
  text-align: left; }

#wp-calendar td {
  padding: 14px; }

#wp-calendar {
  margin: 0px;
  display: block;
  padding: 0;
  position: relative; }

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
  background: none; }

.table th, .table td {
  border-top: none; }

.table th, .table td col {
  color: #fff;
  border-bottom: 1px solid #545963;
  border-top: 1px solid #545963; }

.google-map {
  margin: 0px;
  display: block;
  position: relative;
  background: white;
  margin-bottom: 20px; }

.sidebar-wrap ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 5px; }

html .sidebar-wrap p {
  line-height: 1.8;
  font-size: 12px;
  color: #888; }

.sidebar-wrap .social-set li {
  line-height: 1;
  font-weight: 600; }

.sidebar .sidebar-wrap input[type="text"] {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  color: #333;
  display: block;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 9px;
  padding: 10px 5px;
  width: 90%; }

.sidebar .sidebar-wrap input[type="text"]:focus, .sidebar .sidebar-wrap textarea:focus {
  background: #eee;
  color: #333; }

.sidebar .sidebar-wrap textarea {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  color: #333;
  display: block;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 9px;
  padding: 10px 5px;
  width: 96%; }

.sidebar .sidebar-wrap .thunder_button, .sidebar .sidebar-wrap .d_submit, .sidebar .sidebar-wrap #searchsubmit {
  box-shadow: none;
  text-decoration: none;
  margin: 0px 0px 5px 0px;
  float: left;
  padding: 9px 15px;
  color: #6699CC;
  background: none;
  text-shadow: none;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 12px;
  border: 2px solid #6699CC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.sidebar .sidebar-wrap .thunder_button:hover, .sidebar .sidebar-wrap .d_submit:hover, .sidebar .sidebar-wrap #searchsubmit:hover {
  background: none;
  border: 2px solid #333;
  color: #333; }

.sidebar-wrap {
  border-bottom: 1px solid #dddddd;
  margin: 0;
  font-weight: 300;
  padding: 40px 0 40px 0; }

.sidebar-wrap .widget-posts .description {
  float: left;
  margin-left: 0;
  width: 69%; }

.sidebar-wrap .widget-posts .description h5 {
  color: #333;
  font-size: 12px;
  font-weight: 500 !important;
  margin-bottom: 10px;
  margin-top: 0px;
  text-transform: uppercase;
  }

.sidebar-wrap h3.heading.custom-font {
  line-height: 1; }

.sidebar-wrap .widget-posts .image {
  float: left;
  margin-right: 25px;
  width: 50px; }

.sidebar-wrap .widget-posts .image img {
  margin-right: 15px;
  margin-top: 2px;
  padding: 3px;
  border-radius: 2px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3); }

.sidebar-wrap .latest-tweets li {
  color: #888;
  font-size: 13px;
  line-height: 1.8; }

.sidebar-wrap ul li {
  line-height: 1.8;
  font-size: 13px;
  background: url(sprites/i/widget-arrow.png) 3px 10px no-repeat; }

.sidebar-wrap ul li a {
  color: #6699CC;
  font-weight: 400; }

.sidebar-wrap ul li a:hover {
  color: #333; }

.sidebar-wrap p {
  color: #888;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.8; }

.sidebar .sidebar-wrap h3.heading, .sidebar .sidebar-wrap h3.custom-box-title, .sidebar-wrap h3.s-title {
  text-transform: none; font-family: 'Open Sans', Helvetica , Arial , sans-serif;
  color: #4d4d4d;
  line-height: 1.4;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300; }

.sidebar-wrap h5.s-sub-title {
  color: #888;
  font-size: 13px;
  font-weight: 400;
  font-style: normal; }

/* ==================================================================================== */
/* == Footer Styling ================================================================== */
/* ==================================================================================== */
.footer-wrap #searchsubmit {
  display: none; }

#footer .footer-wrap a {
  color: #eee; }

#footer .footer-wrap a:hover {
  color: #fff;
  text-decoration: none; }

#footer .footer-wrap h3.custom-box-title, #footer .footer-wrap h3.footer-heading {
  font-size: 18px;
  margin: 0 0 10px 0;
  padding: 0px 0 10px 0;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.7px;
  line-height: 20px; }

#footer .footer-wrap h5 a {
  font-size: 14px;
  letter-spacing: 0px; }

#footer .footer-wrap h3 a {
  color: #fff;
  font-weight: 400; }

.footer-wrap {
  color: #fff;
  padding-bottom: 5px;
  margin: 10px 5px 10px 0; }

#footer .footer-wrap #wp-calendar td, #footer .footer-wrap #wp-calendar thead th, #footer .footer-wrap #wp-calendar caption {
  color: #333;
  text-shadow: none; }

#footer .one_fourth .footer-wrap #wp-calendar td, #footer .one_fourth_last .footer-wrap #wp-calendar td {
  padding: 5px 7px; }

#footer .one_fifth .footer-wrap #wp-calendar td, #footer .one_fifth_last .footer-wrap #wp-calendar td {
  padding: 5px 0px; }

#footer .footer-wrap .social-set {
  margin-top: 0px;
  background: white;
  padding: 4px;
  border: 1px solid #111111;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

#footer .footer-wrap .social-set ul {
  margin-left: 20px; }

#footer .footer-wrap .social-set ul li {
  float: left;
  border-bottom: none;
  margin-right: 15px;
  margin-bottom: 0; }

#footer div.inner-footer-wrapper ul {
  padding: 0;
  margin: 0; }

#footer div.inner-footer-wrapper ul li {
  list-style: none;
  margin: 6px 0 7px 0;
  padding: 0 0 10px 0; }

#footer div.inner-footer-wrapper ul li:last-child {
  border-bottom: none !important; }

/* == Footer Super posts Styling ======================================== */
.footer-wrap .widget-posts {
  margin-top: -10px !important; }

.footer-wrap .widget-posts li {
  margin-right: 15px;
  padding: 15px 0 !important;
  margin-bottom: 10px; }

#footer .footer-wrap ul.latest-tweets li:first-child {
  margin-top: -5px; }

#footer .footer-wrap ul.latest-tweets li a:hover {
  color: #6699CC; }

#footer .footer-wrap ul.latest-tweets li {
  color: #a9aeb4; }

#footer .footer-wrap input[type=text] {
  display: block;
  width: 60%;
  padding: 15px 5px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #262A30;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#footer .footer-wrap textarea {
  display: block;
  width: 100%;
  height: 170px;
  padding: 8px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #262a30 !important;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#footer .footer-wrap .thunder_button, #footer .footer-wrap input[type=submit] {
  text-decoration: none;
  margin: 0px 5px 5px 0px;
  float: left;
  padding: 9px 18px;
  border-radius: 2px;
  color: #fff;
  background: #6699CC;
  text-shadow: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  border: none; }

#footer .footer-wrap .thunder_button:hover, #footer .footer-wrap input[type=submit]:hover {
  background: #454545; }

#footer .footer-wrap .dynamic_forms {
  margin-top: 20px; }

.footer-wrap .widget-posts li:first-child {
  padding-top: 5px;
  margin-top: -1px; }

.footer-wrap .widget-posts li:last-child {
  background: none;
  border-bottom: none;
  margin-bottom: 0; }

.footer-wrap .widget-posts li h5 a {
  color: #6699CC;
  font-size: 13px; }

.footer-wrap .widget-posts li h5 {
  line-height: 1.2;
  margin-bottom: 15px; }

.footer-wrap .widget-posts li h5 a:hover {
  color: #fff;
  text-decoration: none; }

.footer-wrap .widget-posts li p {
  color: #fff;
  float: none !important; }

.footer-wrap .widget-posts li .image {
  width: 50px;
  float: left;
  margin-right: 15px; }

.footer-wrap .widget-posts li .image a img {
  display: block; }

/* == Recent Comments Styling ============================ */
#footer #recentcomments li {
  list-style: none;
  padding: 7px 0 10px 0;
  margin-right: 15px;
  color: #eee;
  text-shadow: none; }

#footer #recentcomments li:last-child {
  border: none; }

#footer #recentcomments li a {
  color: #eee; }

#footer #recentcomments li a:hover {
  color: #fff;
  text-decoration: underline; }

/* == Page Lists Styling ============================ */
#footer .page_item {
  list-style: none;
  padding: 7px 0 10px 0;
  margin-right: 15px;
  color: #eee;
  text-shadow: none; }

#footer .page_item a {
  color: #fff; }

/* == Blog roll Styling ============================ */
#footer ul.blogroll li {
  list-style: none;
  text-shadow: none;
  margin: 6px 0 7px 0;
  padding: 0 0 8px 0 !important;
  color: #fff; }

#footer .blogroll a:hover {
  text-decoration: none; }

#footer #searchform {
  background: none;
  border: none; }

/* == Custom Box Styling ============================ */
.footer-wrap a.btn {
  color: #444444 !important; }

.footer-wrap .custom-box-content p {
  padding: 6px 0;
  color: #fff; }

/* == Tweets Styling ============================ */
#footer .footer-wrap .latest-tweets li:last-child {
  background: none; }

#footer .footer-wrap .latest-tweets li a {
  color: #6699CC; }

#footer .footer-wrap .latest-tweets li a:hover {
  color: #fff;
  text-decoration: none; }

#footer .footer-wrap ul.latest-tweets li {
  margin: 6px 0 7px 0;
  padding: 0 0 8px 0 !important;
  display: block;
  color: #fff; }

#footer .footer-wrap .latest-tweets li:last-child {
  border-bottom: none; }

#footer .footer-wrap .authorlink {
  float: right;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px; }

/* == Categories Styling ============================ */
#footer li.cat-item {
  margin: 6px 0 7px 0;
  padding: 0 0 8px 0 !important; }

#footer .cat-item a {
  font-weight: 300; }

/* == Tag Styling ============================ */
#footer .tagcloud {
  margin: 5px 0;
  padding-bottom: 20px; }

html #footer .tagcloud a {
  background: none!important;
  border: 2px solid #fff!important;
  display: inline-block;
  padding: 3px 13px;
  margin-right: 2px;
  font-size: 12px !important;
  border-radius: 2px;
  text-shadow: none;
  font-weight: 500;
  color: #fff; }

html #footer .tagcloud a:hover {
  background: none!important;
  border: 2px solid #6699CC!important;
  color: #6699CC; }

#footer .footer-wrap input[type=text]:focus, #footer .footer-wrap textarea:focus {
  box-shadow: none; }

#footer {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background: #1a1a1a;
  position: relative;
  z-index: 10;
  width: 100%;
  float: left;
}

#footer div.inner-footer-wrapper {
  padding: 60px 0 0 0; }

#footer div.mobile_footer_widget {
  display: none; }

#footer .layout_element {
  margin-bottom: 0px; }

#footer .footer-wrap {
  margin-bottom: 30px;
  margin-top: 0; }

#footer .footer-wrap:last-child {
  margin-bottom: 30px; }

#footer .footer-wrap h3.custom-box-title, #footer .footer-wrap h3.footer-heading, div.footer-wrap h3.s-title {
  border-bottom: none;
  color: #fff;
  line-height: 1.4;
  font-size: 1.3em;
  font-weight: 300;
  margin: 0 0 15px 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  }

#footer .footer-wrap .social-set {
  margin-top: 0px;
  background: none;
  padding: 0px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

/*Twitter section in footer*/
#footer .footer-wrap ul.latest-tweets li {
  color: #777;
  margin: 10px 0;
  padding: 15px 0 !important;
  font-size: 13px;
  font-weight: 300; }

#footer .footer-wrap ul.latest-tweets li:first-child {
  margin-top: 10px; }

#footer .footer-wrap ul.latest-tweets li a {
  color: #fff; }

#footer .footer-wrap ul.latest-tweets li a:hover {
  color: #6699CC;
  text-decoration: none; }

#footer .footer-wrap .thunder_button{
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #6699CC;
  border: none;
  float: left;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  margin: 0px 5px 5px 0px;
  padding: 0;
  text-decoration: underline;
  text-shadow: none;
  text-transform: capitalize; }

#footer .footer-wrap input[type="submit"] {
  background: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #6699CC;
  border: 2px solid #6699CC;
  float: left;
  font-size: 12px;
  font-weight: 500;
  margin: 0px 5px 5px 0px;
  padding: 10px 20px 8px;
  text-decoration: none;
  text-shadow: none;
  text-transform: capitalize; }

#footer .footer-wrap .thunder_button:hover{
  background: none;
  border: noned;
  color: #fff; }

#footer .footer-wrap input[type="submit"]:hover {
  background: none;
  border: 2px solid #fff;
  color: #fff; }

#footer #recentcomments li {
  color: #fff;
  font-weight: 400; }

#footer #recentcomments li a {
  color: #6699CC; }

#footer #recentcomments li a:hover {
  color: #fff;
  text-decoration: underline; }

#footer .footer-wrap ul li a {
  color: #6699CC;
  text-decoration: none; }

#footer .footer-wrap ul li a:hover {
  color: #fff;
  text-decoration: none; }

#footer .footer-wrap span.white {
  color: #fff; }

#footer .footer-wrap h5 a {
  color: #6699CC;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.4; }

#footer .footer-wrap h5 a:hover {
  color: #fff;
  text-decoration: none; }

#footer .footer-wrap li {
  border-bottom: 1px solid #383838;
  color: #fff;
  margin: 5px 0; }

.footer-wrap .custom-box-content p {
  padding: 0;
  color: #fff; }

#footer .footer-wrap p {
  color: #fff;
  font-size: 12px;
  font-weight: 300;}

.footer-wrap .custom-box-content img {
  margin-bottom: 20px; }

#footer .footer-wrap a {
  color: #fff;
  font-weight: 300; }

#footer .footer-wrap a:hover {
  color: #6699CC;
  text-decoration: none; }

.footer-wrap .widget-posts li .image {
  width: 50px;
  float: left;
  margin: 5px 15px 15px 0; }

#bottom-logo {
  float: right; }

.footer-wrap .widget-posts li h5 {
  margin-bottom: 5px;
  margin-top: 0; }

#footer-menu {
  color: #fff;
  position: relative;
  width: 100%;
  background: #222;
  padding: 40px 0;
  border-top: 1px solid #272727;}

#footer-menu .menu {
  float: right;
  margin: 0;
  padding: 0; }

#footer-menu .menu li {
  border-left: 1px solid #fff;
  float: left;
  list-style: none;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 10px; }

#footer-menu .menu li:first-child {
  border: none; }

#footer-menu .menu li a {
  border-left: none;
  color: #fff;
  display: block;
  font-size: 0.8em;
  font-weight: 500;
  line-height: 1.1;
  padding: 0px 3px;
  text-transform: uppercase; }

#footer-menu .menu li a:hover {
  color: #6699CC;
  text-decoration: none; }

.footer-wrap .widget-posts li .image a img {
  background: none;
  border: none;
  box-shadow: none;
  display: block;
  border-radius: 3px;
  margin-top: 0; }

div.footer-wrap ul.product_list_widget li {
  border-bottom: 1px solid #333333;
  padding: 5px 0 15px 0 !important; }

div.footer-wrap ul.product_list_widget li span.amount {
  color: #6699CC;
  font-size: 15px;
  font-weight: 600; }

div.footer-wrap ul.product_list_widget li:last-child {
  border-bottom: none; }

div.footer-wrap ul.product_list_widget li div.image {
  background: #fff;
  border: 1px solid #111111;
  float: right;
  height: 45px;
  margin-left: 15px;
  padding: 5px;
  width: 45px; }

div.footer-wrap ul.product_list_widget li div.image a {
  display: block;
  height: 45px; }

div.footer-wrap ul.product_list_widget li div.image a img {
  display: block;
  margin: 0 auto;
  max-height: 100%; }

div.footer-wrap ul.product_list_widget li del {
  color: #888888; }

div.footer-wrap ul.product_list_widget li del span.amount {
  color: #fff;
  text-decoration: none; }

div.footer-wrap ul.product_list_widget li ins {
  text-decoration: none; }

div.footer-wrap ul.product_list_widget li a {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 5px; }

html p.footer-text {
  color: #fff;
  float: left;
  line-height: 1.1;
  margin: 0;
  font-size: 13px;
  font-weight: 300; }

div.footer-wrap h5.s-sub-title {
  font-size: 13px;
  font-weight: 300;
  -webkit-font-smoothing: subpixel-antialiased; }

#footer .footer-wrap .error input[type="text"], #footer .footer-wrap .error textarea {
  border: 1px solid #990000; }

#footer .footer-wrap input[type="text"] {
  background: #ffffff;
  display: block;
  width: 46%;
  padding: 10px 5px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 12px;
  line-height: 1.4;
  color: #fff;
  border: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#footer .footer-wrap input.qemail {
  margin-right: 0px; }

    #footer .footer-wrap ::-webkit-input-placeholder { /* WebKit browsers */
        color:    #6699CC;
    }
    #footer .footer-wrap :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #6699CC;
    }
    #footer .footer-wrap ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #6699CC;
    }
    #footer .footer-wrap :-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    #6699CC;
    }

#footer .footer-wrap textarea {
  background: #ffffff;
  display: block;
  width: 95%;
  height: 120px;
  padding: 10px 5px;
  margin-bottom: 9px;
  font-size: 12px;
  line-height: 18px;
  color: white !important;
  border: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#footer .tagcloud a {
  background: rgba(0, 0, 0, 0.2);
  border: none !important;
  display: inline-block;
  padding: 3px 13px;
  margin-right: 2px;
  margin-bottom: 5px;
  font-size: 11px !important;
  border-radius: 3px;
  text-shadow: none;
  font-weight: 500 !important;
  color: #fff; }

#footer .tagcloud a:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #777; }

/* Modules */
/* == Core Skeletons ================================================================ */
.cushion {
  padding: 0px 20px !important; }

.cushion-h {
  padding: 40px 0px; }

.cushion-v {
  padding: 20px; }

.skeleton {
  max-width: 1060px;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 2;
  margin: 0 auto; }

div.super-wrapper {
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 3; }

/* ===  Contact form 7 stylings ===================================================== */
.wpcf7 {
  margin: 20px 0;
  padding-top: 20px; }
  .wpcf7 p {
    clear: both;
    font-weight: 400;
    color: #34373D;
    font-size: 14px; }
  .wpcf7 .wpcf7 p span {
    margin: 0;
    display: block;
    clear: both; }
  .wpcf7 span input[type=text] {
    display: block;
    width: 50%;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 18px;
    color: #34373D;
    border: 1px solid #cccccc; }
  .wpcf7 span textarea.wpcf7-textarea {
    display: block;
    width: 80%;
    height: 170px;
    padding: 8px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #34373D;
    border: 1px solid #cccccc;
    margin-top: 0px; }

.ajax-loader {
  display: none; }

.wpcf7-submit {
  position: relative;
  padding: 23px 30px 20px 30px;
  margin: 0px 0 20px 0px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  border-radius: 2px;
  clear: both;
  float: left; }

.wpcf7-submit:hover {
  background: #262A30; }

.wpcf7-response-output {
  clear: both;
  margin: 0;
  width: 80%; }

/* == Contact Form 7 ========================
 ================================================== */
div.wpcf7 span input[type=text], div.wpcf7 span input[type=email] {
  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 5px;
  width: 90%; }

div.wpcf7 p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  padding-top: 10px;
  width: 100%; }

div.wpcf7 p.wpcf-text, div.wpcf7 p.wpcf-radio {
  float: left;
  width: 49%;
  clear: none; }

div.wpcf7 p.wpcf-radio span.wpcf7-list-item input[type=radio] {
  float: none;
  margin-top: -2px; }

div.wpcf7 p.wpcf-radio span.wpcf7-list-item span {
  float: none;
  clear: none;
  display: inline-block;
  margin: 4px 0 0px 10px;
  font-size: 12px; }

div.wpcf7 p.wpcf-checkbox span.wpcf7-list-item input[type=checkbox] {
  float: none;
  margin-top: -2px; }

div.wpcf7 p.wpcf-checkbox span.wpcf7-list-item span {
  float: none;
  clear: none;
  display: inline-block;
  margin: 4px 0 0px 10px;
  font-size: 12px; }

div.wpcf7 p.wpcf-checkbox span.wpcf7-list-item, div.wpcf7 p.wpcf-radio span.wpcf7-list-item {
  float: left;
  clear: none;
  width: 33%; }

div.wpcf7 span textarea.wpcf7-textarea {
  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 5px;
  width: 93%; }

div.wpcf7 span input[type=text]:focus, div.wpcf7 span input[type=email]:focus, div.wpcf7 span textarea.wpcf7-textarea:focus {
  background: #eeeeee; }

.wpcf7-submit {
  box-shadow: none;
  text-decoration: none;
  margin: 0px 0px 35px 0px;
  float: left;
  padding: 10px 15px;
  border-radius: 3px;
  color: #6699CC;
  background: none;
  text-shadow: none;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 13px;
  border: 2px solid #6699CC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.wpcf7-submit:hover {
  background: none;
  border: 2px solid #333;
  color: #333;}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  color: #6699CC;
  margin-top: 0; }

div.title h1 {
  border-bottom: 1px solid #dddddd;
  color: #333;
  margin: 0px;
  padding: 20px 20px 25px 0; }

div.page-content {
  margin-top: 40px;
  margin-bottom: 40px; }

.page p, .content p {
  color: #333;
  line-height: 1.8;
  font-weight: 400; }

/* == Pagination ====================================================================== */
div.pagination {
  border-top: 1px solid #e0e0e0;
  margin: 0 0 30px 0;
  margin-top: 10px;
  padding-top: 30px;
  width: 100%; }

div.pagination ul {
  list-style: none;
  margin: 10px 5px 5px 0;
  padding: 0; }

.pagination {
  padding-top: 0px; }

.pagination li {
  float: none;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0; }

.pagination a {
  background: none;
  color: #333333;
  text-shadow: none;
  font-weight: 400;
  margin: 0px 0px 5px 0px;
  border: 2px solid #333;
  float: left;
  padding: 7px 12px;
  text-transform: capitalize;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;  }

.pagination a:hover, .pagination .active a {
  box-shadow: none;
  text-decoration: none;
  margin: 0px 0px 5px 0px;
  float: left;
  padding: 7px 12px;
  color: #6699CC;
  background: none;
  border: 2px solid #6699CC;
  text-shadow: none;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

/* == Google Map =================================== */
#google-map {
  margin-top: 20px;
  height: 450px;
  width: 100%; }

div.map-bar #google-map {
  margin: 55px 0 20px 0; }

div.google-map {
  max-width: 100% !important; }

div.google-map iframe {
  max-width: 100% !important; }

/* == Portfolio overlay =================================== */
.portfolio-item {
  overflow: hidden;
  position: relative; }

.portfolio-item .image {
  float: left;
  position: relative; }

.folio-overlay {
  display: none;
  background: #6699CC;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  height: 100%;
  padding: 5%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
  text-align: center;}

html .folio-overlay h2 {
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 300;
  color: #fff!important;
  text-align: center;
  text-transform: uppercase;}

html .folio-overlay p {
  color: #fff;
  margin: 0 !important;
  padding: 0;
  line-height: 1.65;
  font-weight: 300;}

.folio-overlay a.link, .folio-overlay a.lightbox {
  background: no-repeat center center;
  background-color: none!important;
  border: 2px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  margin: 15px 4px 0 0;
  overflow: hidden;
  pointer-events: all;
  text-indent: -999px;
  height: 25px;
  width: 25px; }

.folio-overlay a.lightbox {
  background-image: url(sprites/i/folio-lightbox-icon.png); }

.folio-overlay a.link {
  background-image: url(sprites/i/folio-link-icon.png); }

.folio-overlay a:hover, .folio-overlay a:focus {
  background-color: #333;
  border: 2px solid #333;
  color: #fff; }

/* == Breadcrumbs ===================================================================== */
#breadcrumbs {
background: #f5f5f5;
color: #ddd;
border-bottom: 1px solid #eee;
font-size: 1.1em;
font-weight: 100;
padding-top: 25px;
height: 50px;
position: relative;
width: 100%;
border-top: 1px solid #fff;
}
  #breadcrumbs .current {
    color: #000;
    display: inline-block;
    font-weight: 400;
    padding: 0 2px; }
  #breadcrumbs a {
    color: #ddd;
    display: inline-block;
    font-weight: 400;
    padding: 0 2px; }
    #breadcrumbs a:hover, #breadcrumbs a:focus {
      color: #000; }
    #breadcrumbs a:first-child {
      background:url(../images/breadcrumb-bg.png) no-repeat 0 0;
      height: 16px;
      text-indent: -999px;
      width: 18px; }

#page-starter {
  position: relative;
  z-index: 4; }

html a.titanbutton {
  background-image: none;
  border: none !important;
  display: inline-block;
  padding: 2% 6%;
  margin: 5px;
  font-weight: 700;
  text-transform: none;
  font-size: 13px; }

a.titanbutton:hover {
  opacity: 0.8 !important; }

html a.medium {
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 3% 7% !important; }

html a.big {
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 2% 7% !important; }

html .titanquotes_left {
  background: #f0f0f0;
  border-radius: 3px;
  float: left;
  font-style: italic;
  font-family: 'PT Serif', serif;
  margin: 5px 30px 10px 0;
  width: 30% !important;
  font-size: 16px !important;
  font-weight: 400;
  padding: 15px; }

html .titanquotes_right {
  background: #f0f0f0;
  border-radius: 3px;
  float: right;
  font-style: italic;
  font-family: 'PT Serif', serif;
  margin: 5px 0 10px 30px;
  width: 30% !important;
  font-size: 16px !important;
  font-weight: 400;
  padding: 15px; }

html .titanquotes {
  background: #f0f0f0;
  border-radius: 3px;
  padding: 15px;
  font-style: italic;
  font-family: 'PT Serif', serif;
  margin: 15px 0px;
  width: 93% !important;
  font-size: 16px !important;
  font-weight: 400;
  color: #333; }

html .accordion-heading .accordion-toggle, html .nav-tabs > li > a, html .nav-tabs > .active > a, html .nav-tabs > .active > a:hover {
  font-weight: 400;
  padding: 10px 20px !important;
  text-transform: uppercase;
  }

.alert {
  padding: 15px 35px 15px 15px; }

html pre {
  color: #888;
  display: block;
  padding: 10px;
  margin: 15px 0 40px;
  font-size: 11px;
  font-weight: 400;
  font-family: 'PT Sans Caption', sans-serif;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.content h1.color1, .content h2.color1, .content h3.color1, .content h4.color1, .content h5.color1, .content h6.color1 {
  color: #888; }

.content h1.color2, .content h2.color2, .content h3.color2, .content h4.color2, .content h5.color2, .content h6.color2 {
  color: #333; }

.content h1.color3, .content h2.color3, .content h3.color3, .content h4.color3, .content h5.color3, .content h6.color3 {
  color: #6699CC; }

/*
  Titles
*/
.section-title, div.intro-fancy-title {
  font-weight: 300;
  margin-top: 0px;
  width: 100%;
  /* All headers can be used so need to rule them all. */ }

.section-title h1, div.intro-fancy-title h1 {
  border-bottom: 3px solid #cccccc;
  color: #333;
  float: left;
  font-size: 4em;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 15px 0;
  padding: 0.4em 0;
  text-align: left; }

.section-title h2 {
  color: #333;
  font-size: 2.5em;
  font-weight: 300;
  line-height: 1.3;
  margin:40px 0;
  padding: 0.4em 0;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase; }

div.intro-fancy-title h2 {
  color: #333;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.3;
  margin: 0;
  padding: 0.4em 0 0;
  text-align: center;
  text-transform: uppercase;
  }

.section-title h1 a, .section-title h2 a, div.intro-fancy-title h1 a, div.intro-fancy-title h2 a {
  color: #333; }

.section-title h1 span, .section-title h2 span, div.intro-fancy-title h1 span, div.intro-fancy-title h2 span {
  display: block;
  font-size: 0.7em;
  font-weight: 100;
  margin: 0.5em 0 0 0;
  text-transform: uppercase; }

.section-title h3 {
  font-size: 11px;
  font-weight: 300;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase; }

div.intro-fancy-title h3 {
  font-size: 11px;
  font-weight: 300;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

.section-title h3, .section-title h4, .section-title h5, .section-title h6, div.intro-fancy-title h3, div.intro-fancy-title h4, div.intro-fancy-title h5, div.intro-fancy-title h6 {
  float: left;
  width: 100%; }

.posts-nav {
  right: 15px;
  position: absolute;
  top: 85px; }

.posts-nav .slide-prev {
  background-color: #6699CC;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  color: #ffffff;
  text-shadow: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  float: left;
  padding: 5px 10px;
  text-decoration: none; }

.posts-nav .slide-next {
  background-color: #6699CC;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  color: #ffffff;
  text-shadow: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  float: left;
  padding: 5px 10px;
  margin-right: 5px;
  margin-left: 15px;
  text-decoration: none; }

.posts-nav .slide-next:hover, .posts-nav .slide-prev:hover {
  background-color: #333; }

.posts-nav .slide-next:active, .posts-nav .slide-prev:active {
  position: relative;
  top: 1px; }

.shortcodes-accordion {
  margin-bottom: 20px; }

.accordion-group .active a {
  color: #333; }

html .nav-tabs {
  border-bottom: 1px solid #DDDDDD; }

/* == Testimonials ======================================= */

div.tesimonials-wrapper{
  float: left;
  width: 100%;
  background: #fff;
}

div.testimonials {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  padding: 40px 0;
  width: 100%; }

.testimonial-nav {
  float: left;
  margin-top: 20px;
  text-align: center;
  max-width: 1140px;
  width: 100%; }

.testimonial-nav a {
  background: #6699CC;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  overflow: hidden;
  opacity: 0.5;
  text-indent: -999px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.testimonial-nav a.is-active, .testimonial-nav a:hover, .testimonial-nav a:focus {
  opacity: 1; }

div.testimonial-slider {
  position: relative;
  width: 100%; }

.testimonial {
  float: left !important;
  margin: 0;
  position: relative;
  max-width: 1140px;
  z-index: 10;
  width: 100%; }

@media only screen and (max-width: 768px){
  .testimonial{
    width: 100% !important;
  }
}

.testimonial .content {
  float: left;
  font-size: 16px;
  line-height: 1.25em;
  margin: 20px 10%;
  text-align: center;
  width: 80%; }

.testimonial .content .meta-data .name {
  font-size: 14px;
  font-weight: bold; }

.testimonial .content .meta-data .design {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-transform: capitalize;
}

/* == Post previews ============================================= */
.post-preview {
  background: #fff;
  margin: 25px 2% 25px 0;
  float: left;
  overflow: hidden;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
   box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
}

.post-preview.no-bg{
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.post-preview .desc p {
  font-weight: 300;
  line-height: 1.65;
  margin: 0;
}

.posts li .imageholder, .post-preview .imageholder {
  display: block;
  float: left;
  height: 100%;
  position: relative;
  width: 100%; }

.blog-template .posts li .imageholder:after, .post-preview .imageholder:after {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  display: none;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.blog-template .posts li .imageholder:after, .post-preview.portfolio-post .imageholder:after {
  display: none !important; }

.posts li .imageholder:hover:after, .post-preview .imageholder:hover:after {
  display: block;
  height: 100%; }

.post-preview.portfolio-post {
  -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  background: #fff;
  padding: 5px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.post-preview.portfolio-post.filtered-inactive{
  opacity: 0.5;
}

.post-preview .image {
  float: left;
  position: relative; }

.post-preview .image h2 {
  padding-top: 0;
  color: #6699CC; }

.post-preview img.post-image {
  float: left;
  width: 100%; }

.post-preview h2 {
  color: #333;
  float: left;
  font-size: 1.1em !important;
  line-height: 1;
  margin: 0.5em 0;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

  .post-preview section h2 {
    float: left;
    font-size: 1.3em !important;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 0.3em 0;
    padding: 0.9em 0 0.6em;
    text-align: center;
    width: 100%; }

.post-preview.shortcode-portfolio h2 {
  border: 0;
  margin: 0; }

.post-preview h2 a {
  color: #333; }

.post-preview h2 a:hover {
  color: #6699CC; }

.post-preview .post-link {
  display: none;
  float: left;
  margin-top: -50px;
  text-align: center;
  width: 100%; }

.post-preview .post-link img {
  border-radius: 0; }

.post-preview .read-more {
  display: none; }

.post-preview.shortcode-post .desc {
  margin-bottom: 40px; }

.two_third .post-preview {
  margin: 0 0 3em 0;
  width: 9%; }

.two_third .post-preview * {
  text-align: left; }

.two_third .post-preview .image {
  float: left;
  position: relative;
  width: 330px; }

.two_third .post-preview .image .post-link {
  right: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: auto; }

.two_third .post-preview .desc {
  float: right;
  width: 330px; }

.two_third .post-preview .desc h2 {
  font-size: 2em;
  padding: 0 0 0.5em 0; }

.two_third .post-preview .desc h2 span {
  font-size: 0.35em;
  line-height: 1.25em; }

.two_third .post-preview .desc .read-more {
  display: block; }

  .post-preview .post-meta {
    color: #6699CC;
}


/* == Post Section with Text =========================== */
div.latest-info-posts {
  padding: 60px 0 40px; }

div.latest-info-posts h2 {
  font-size: 1.3em;
  font-weight: 300;
  margin-top: 0;
  padding-top: 0;
  line-height: 1;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #333;
  }

div.latest-info-posts div.description {
  font-size: 13px;
  color: #333;
  font-weight: 300; }

div.latest-info-posts a.main-button {
  text-transform: capitalize;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 2px solid #6699CC;
  color: #6699CC;
  font-weight: 400;
  background: none;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px;
  float: left;
  margin-top: 14px; }

div.latest-info-posts a.main-button:hover {
  border: 2px solid #333;
  color: #333;
  background: none; }

div.info-post-items > div {
  float: left;
  width: 33%;
  margin: 0 0 20px 0;
  padding: 0; }

div.info-post-items div.post-block0 {
  clear: left; }

div.info-post-items div.post-block2 {
  clear: right; }

div.info-post-items div.inner-post-block-wrap {
  margin: 0 10px; }

div.info-post-items div.post-block0 div.inner-post-block-wrap {
  margin: 0 20px 0 0; }

div.info-post-items div.post-block2 div.inner-post-block-wrap {
  margin: 0 0 0 20px; }

div.info-post-items h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  margin: 20px 10px 10px 10px; }

div.info-post-items h3 a {
  color: #ffffff; }

div.info-post-items div.desc p {
  color: #fff;
  margin: 0 15px; }

div.info-post-items div.image img {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear; }

div.info-post-items div.image {
  overflow: hidden;
  position: relative; }

div.info-post-items div.image a.imageholder {
  display: block;
  position: relative;
  z-index: 1; }

div.info-post-items div.desc {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

div.info-post-items div.desc p {
  display: block;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 13px;
  color: #333; }

div.info-post-items a.more-link {
  display: block;
  width: 30px;
  margin: 20px auto 0px auto;
  padding: 6px 10px;
  color: #fff;
  background: #6699CC;
  border-radius: 2px; }

/* == Three Columns ==================================== */
.col-image {
  margin: 0px 0px 5px 0; }

.col-image img {
  display: block;
  position: relative; }

div.column-inner-wrapper div.section-title {
  margin-bottom: 40px; }

p.icon-image img {
  margin: 13px 0 0 0;
  max-width: 25px; }

p.icon-lib-image {
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center center;
  background: #222;
  height: 90px;
  margin: 20px auto;
  display: block;
  width: 90px;
  -webkit-transition: all 0.2s linear;
}

p.icon-lib-image:hover { background: #6699CC;-webkit-transform: rotate(-30deg); cursor: pointer;}

p.icon-lib-image i {
  float: left;
  font-size: 25px;
  line-height: 90px;
  margin: 0;
  text-align: center;
  width: 100%;
}

div.home-page-two-columns .col-image {
  margin: 0; }

div.home-page-two-columns .hasImage {
  margin: 0px 0px 20px 0; }

/* Titles on layout builder posts */
div.intro-fancy-title h6.custom-font {
  color: #6699CC;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0px;
  margin: 0 0 3px 0;
  padding: 1px 0px 0 0px;
  text-align: center; }

.intro-fancy-title {
  position: relative; }

.intro-fancy-title img {
  margin: 0 0 20px 0; }

.column-content {
  margin-left: 0px;
  margin-top: 0px;
  padding-right: 0px; }

.column-content ul {
  margin: 0;
  padding: 0; }

.column-content ul li {
  border-bottom: 1px dashed #e3e3e3;
  color: #333;
  line-height: 2.4;
  list-style-position: inside;
  list-style-type: circle;
  padding: 6px 0; }

.column-content ul li:last-child {
  border-bottom: none; }

.column-content ul li a.client {
  color: #6699CC;
  font-size: 14px;
  font-weight: 300;
  text-transform: none; }

.column-content ul li a.client:hover {
  color: #333333; }

.column-content p, .column-content {
  line-height: 1.6;
  padding-top: 5px;
  font-weight: 300;
  text-align: center; }

.items div.desc {
  line-height: 1.6;
  padding-top: 5px;
  font-weight: 300; }

.column-content p a.more {
  background: url(sprites/i/button-theme-bg.png) repeat-x;
  border: 1px solid #4c9dd5;
  box-shadow: 0px 0px 3px #b4b4b4;
  color: #fff;
  float: left;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 15px;
  text-shadow: 1px 1px 1px #4e7d9b;
  text-transform: uppercase; }

.column-content p a.more:hover {
  opacity: 0.9; }

.column-content p a {
  color: #6699CC; }

.column-content p a:hover {
  color: #333; }

div.column-content p:last-child {
  margin-bottom: 0;
  padding-bottom: 0; }

div.editor-cols {
  background: #f3f3f3;
  clear: left;
  padding: 40px 0 60px;
  max-width: 100%;
  margin: 0 auto; }

div.editor-cols div.column-inner-wrapper {
  padding: 20px 0px; }

div.editor-cols div.layout_element {
  margin-bottom: 0;
  margin-top: 0px; }

p.icon-image-l {
  float: left;
  margin: 0px 20px 40px 0;
  width: 50px; }

/* Lazy Loading of elements */

.has-lazyload{
  position: relative;
  top: 30px;
  opacity: 0;
}

div.separator {
  border-bottom: 1px solid #e6e6e6;
  clear: both;
  display: block;
  margin: 0px auto;
  max-width: 100%; }

div.super-wrapper div.titanseparator {
  border-bottom: 1px solid #e6e6e6;
  clear: both;
  display: block;
  margin: 0px auto;
  max-width: 1200px; }

div.page-content div.titanseparator {
  margin: 0 auto 30px; }

div.logoshowcase {
  margin: 20px 0 30px 0; }

div.logoshowcase img {
  display: block;
  float: left;
  max-width: 33.33%; }

/* Full width */
div.full-width-text {
  margin: 40px auto; }

div.news-letter form {
  margin-top: 20px;
  margin-bottom: 0; }

div.news-letter form input[type=submit] {
  background: #6699CC;
  float: left;
  border: none;
  outline: none;
  font-size: 12px;
  font-weight: 400;
  margin-left: 14px;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  padding: 13px 16px;
  border-radius: 2px;
  text-align: center; }

div.news-letter form input[type=submit]:hover {
  background: #333;
  color: #fff; }

div.news-letter form input[type=text] {
  color: #7f7f7f;
  background: #fff;
  float: left;
  width: 78%;
  border: 1px solid #dddddd;
  outline: none;
  padding: 13px 10px;
  box-shadow: none;
  font-size: 14px; }

div.news-letter form input[type=text].error {
  border: 1px solid #941b1e; }

div.news-letter span {
  color: #999;
  font-size: 11px;
  font-style: italic;
  display: block;
  margin-bottom: 40px; }

div.dribble_shortcode_media {
  margin-top: 60px; }

div.dribble_shortcode_media a.nomarginleft {
  margin-left: 0; }

div.dribble_shortcode_media a img {
  display: block;
  height: 160px;
  width: 242px; }

div.dribble_shortcode_media a {
  float: left;
  margin: 0px 0px 30px 30px;
  position: relative;
  width: 242px; }

div.flickr_shortcode_media {
  margin-top: 60px; }

div.flickr_shortcode_media a.nomarginleft {
  margin-left: 0; }

div.flickr_shortcode_media a img {
  display: block;
  height: 160px;
  width: 242px; }

div.flickr_shortcode_media a {
  float: left;
  margin: 0px 0px 30px 30px;
  position: relative;
  width: 242px; }

.desc .post-date {
  background: #E54D42;
  border-radius: 3px;
  float: left;
  font-size: 11px;
  padding: 5px 10px;
  font-weight: 500;
  color: #fff;
  margin: 10px 0 0; }

/* == Slider in titan template ==== */
div.titan_slider {
  padding: 0; }

  div.titan_slider .skeleton {
  max-width: 100%;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 2;
  margin: 0 auto;
  }

/* == Custom posts ===== */

.team.super-parent { text-align: center;padding-bottom: 40px;background: #fff; }

.team-member img {
-webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
border-radius: 50%!important;
display: block!important;
-webkit-transition: all 0.1s linear;
}
.team-member img:hover {
-webkit-transform: rotate(-20deg); cursor: pointer;
}

    .team-member {
      display: inline-block;
      float: none;
      max-width: 244px;
      width: 21%;
    }

    .team-member:last-child {
    margin-right: 0;
    }

    .team-member .desc {
    text-align: center;
    }

    .team-member .desc p{
    font-weight: 300;
    line-height: 1.65;
    }

    .team-member .desc a.symbol{
    color: #333;
    display: inline-block;
    margin: 0 2px;
    }

    .team-member .desc a.symbol:before{
      font-size: 25px !important;
      margin-right: 0 !important;
    }

    .team-member .desc a.symbol:hover{
    color: #6699CC;
    }


    .team-member h2 {
    color: #6699CC;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
    padding:1em 0 0.4em;
    text-align: center;
    text-transform: uppercase;
    }

.post-item .image img {
  background: #fff;
  max-width: 100%; }

.layout_element img {
  max-width: 100%;
  border-radius: 0;
  background-position: top center;
  margin: 0 auto;
  display: block; }

.col-image img {
  background: #fff;
  margin: 20px auto;
  display: block;}


div.layout-builder-posts {
  overflow: hidden;
  padding:0;
  max-width: 100%;
  width: 1060px;
  margin: 0 auto 40px;
}

div.posts-wrapper {
  clear: left;
  left: 0;
  position: relative; }

div.layout-builder-posts div.posts-wrapper .desc {
  clear: left;
  padding: 1em; }

div.layout-builder-posts div.posts-wrapper ul {
  margin: 0px;
  padding: 0; }

div.layout-builder-posts div.posts-wrapper ul li {
  padding: 0;
  margin: 0;
  list-style: none; }

div.layout-builder-posts div.posts-wrapper ul > li {
  border-radius: 0px;
  float: left;
  list-style: none;
  margin: 10px 0;
  padding: 0;
  position: relative;
  width: 50%; }

div.layout-builder-posts div.posts-wrapper ul li.first {
  clear: left; }

div.layout-builder-posts div.posts-wrapper ul li.last {
  clear: right; }

div.layout-builder-posts div.posts-wrapper ul li.first div.posts-inner-wrap {
  margin-right: 10px; }

div.layout-builder-posts div.posts-wrapper ul li.last div.posts-inner-wrap {
  margin-left: 10px; }

div.layout-builder-posts div.posts-wrapper ul li div.image {
  width: 50px;
  float: left;
  margin: 0px 20px 0 0; }

div.layout-builder-posts div.posts-wrapper ul li div.image img {
  border-radius: 3px; }

div.layout-builder-posts div.posts-wrapper ul li div.desc {
  width: 170px;
  float: left; }

div.layout-builder-posts div.posts-wrapper ul li div.extra {
  font-size: 11px;
  color: #333;
  background: url(sprites/i/comment-icon.png) center left no-repeat;
  padding: 0px 0px 0px 18px; }

div.layout-builder-posts div.posts-wrapper ul li div.extra a {
  font-size: 11px;
  color: #333; }

div.layout-builder-posts div.posts-wrapper ul li h3.custom-font {
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  font-weight: 600; }

div.layout-builder-posts div.posts-wrapper ul li h3.custom-font a {
  color: #333;
  display: block; }

div.layout-builder-posts div.posts-wrapper ul li h3.custom-font a:hover {
  color: #6699CC; }

.home-template-area {
  padding-bottom: 0px; }

/* == scrollable posts ============================================================================== */
.latest-scrollable-posts {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  padding: 30px 0 0px 0;
  position: relative; }

.latest-scrollable-posts a.more {
  display: block;
  font-size: 11px;
  font-weight: 400;
  margin: -50px 0 20px 0;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  position: absolute;
  bottom: 20%;
  right: 24.2%; }

.latest-scrollable-posts a.scrollable-next:hover {
  opcaity: 0.9; }

.latest-scrollable-posts a.scrollable-prev {
  background: #6699CC;
  border-radius: 3px;
  display: block;
  height: 28px;
  position: absolute;
  right: 110px;
  top: -71px;
  z-index: 10;
  color: #fff;
  padding: 3px 10px 0px; }

.latest-scrollable-posts a.scrollable-prev:hover {
  opcaity: 0.9; }

.latest-scrollable-posts a.scrollable-next {
  background: #6699CC;
  display: block;
  height: 28px;
  position: absolute;
  right: 54px;
  top: -71px;
  z-index: 10;
  border-radius: 3px;
  color: #fff;
  padding: 3px 10px 0px; }

.latest-scrollable-posts .layout_element {
  position: relative; }

.latest-scrollable-posts .scrollable {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 370px; }

.latest-scrollable-posts .scrollable .items {
  left: 0;
  position: absolute;
  top: 0;
  width: 20000em; }

.latest-scrollable-posts .scrollable .items .items-block {
  float: left;
  margin: 10px 6px 0 0;
  padding: 0;
  width: 1140px; }

.scrollable .items .items-block {
  margin-left: 4px; }

div.latest-scrollable-posts ul.items-block li {
  width: 205px; }

div.latest-scrollable-posts ul.items-block li:first-child {
  margin-left: 0; }

div.latest-scrollable-posts ul.items-block li {
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 45px; }

div.latest-scrollable-posts ul.items-block li.first {
  margin-left: 0px; }

div.latest-scrollable-posts ul.items-block li.last {
  margin-right: 35px; }

div.latest-scrollable-posts ul.items-block li.product {
  width: 206px; }

div.latest-scrollable-posts ul.items-block li {
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 30px; }

div.latest-scrollable-posts ul.items-block li.first {
  margin-left: 0px; }

div.latest-scrollable-posts ul.items-block li.last {
  margin-right: 0px; }

div.latest-scrollable-posts ul.post-nonproduct {
  margin-top: 0px; }

div.latest-scrollable-posts ul.post-nonproduct > li {
  border-radius: 0px;
  float: left;
  list-style: none;
  margin-bottom: 30px;
  margin-left: 35px;
  margin-right: 0;
  padding: 0;
  position: relative;
  width: 190px; }

div.latest-scrollable-posts ul.post-nonproduct > li h3.custom-font {
  line-height: 1;
  margin: 10px 0;
  padding: 0 4px 0 0;
  text-align: left; }

div.latest-scrollable-posts ul.post-nonproduct > li div.image {
  margin-bottom: 0;
  overflow: hidden;
  position: relative; }

div.latest-scrollable-posts .folio-overlay, div.info-post-items .folio-overlay {
  text-align: center; }

div.latest-scrollable-posts .folio-overlay a, div.info-post-items .folio-overlay a {
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 45px; }

div.info-post-items .folio-overlay a {
  margin-top: 75px; }

ul.post-nonproduct li h3 a {
  color: #6699CC;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: none; }

ul.post-nonproduct li h3 a:hover {
  color: #F15B2F;
  text-decoration: none; }

div.latest-scrollable-posts ul.post-nonproduct > li.nomarginleft {
  margin-left: 0 !important; }

div.subscribe-box img {
  float: left;
  margin: 10px 15px 55px 0; }

div.subscribe-box form {
  padding-top: 15px; }

div.subscribe-box form input[type=submit] {
  background: #6699CC;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 400;
  margin-left: 10px;
  outline: none;
  padding: 10px 26px;
  text-shadow: none;
  text-transform: uppercase; }

div.subscribe-box form input[type=submit]:hover {
  background: #333; }

div.subscribe-box form input[type=text] {
  background: #fff;
  border: 1px solid #dddddd;
  box-shadow: 2px 2px 2px 1px #eeeeee inset;
  display: block;
  margin: 0;
  padding: 10px 15px;
  width: 40%; }

div.subscribe-box form span {
  clear: left;
  color: #333;
  display: block;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  margin: 6px 5px 0 5px; }

div.main-info h3 {
  color: #333;
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 10px 0; }

div.main-info p {
  font-size: 13px;
  line-height: 1.8;
  padding-top: 5px;
  font-weight: 400; }

/* == Twitter ==================== */
.twitter-wrapper {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  padding: 60px 0 60px 0; }

.twitter-wrapper h2 {
  border-bottom: 1px solid #e7e7e7;
  color: #333;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.2;
  margin: 0px 0px 20px 0;
  padding: 0px 0px 10px 0px; }

.twitter-wrapper p {
  color: #888;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2; }

.twitter ul {
  margin: 0;
  padding: 0; }

.twitter ul li {
  background: url(sprites/i/widget-arrow.png) 3px 12px no-repeat;
  border-bottom: 1px dotted #e0e0e0;
  color: #888;
  display: block;
  list-style: none;
  margin: 0;
  padding: 10px 0px 10px 20px; }

.twitter ul li a {
  color: #6699CC; }

.twitter ul li a:hover {
  color: #333; }

.twitter-wrapper {
  background: url(sprites/i/twitter-le.png) 50% 30px no-repeat #f3f3f3;
  width: 100%;
  padding: 80px 0 60px;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.twitter-wrapper h2 {
  border-bottom: none;
  color: #333;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.3;
  margin: 0px 0px 20px 0;
  padding: 0px 140px;
  text-align: center; }

.twitter-wrapper p {
  color: #6e7275;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3; }

.twitter-wrapper .twitter ul {
  margin: 0;
  padding: 0; }

.twitter-wrapper .twitter ul li {
  font-weight: 400;
  font-size: 15px !important;
  line-height: 1.3;
  list-style: none;
  margin: 0 !important;
  border-bottom: none;
  display: block;
  text-align: center;
  background: none;
  color: #333;}

.twitter-wrapper .twitter ul li a {
  color: #6699CC; }

.twitter-wrapper .twitter ul li a:hover {
  color: #333; }

.pricing-section {
  padding: 60px 0 40px; }

/* == Latest Info Posts ===================================================================================== */
a.more-info {
  display: block;
  font-size: 11px;
  font-weight: 300;
  margin: 15px 0 20px 0;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase; }

div.home-page-content {
  padding: 40px 0; }

div.inner-carousel-wrap {
  margin: 50px 0;
  position: relative; }

div.inner-carousel-wrap ul {
  margin: 0 auto; }

/* == General styling =================================== */
/* === Testimonails =====*/
html .testimonials p {
  font-size: 24px;
  font-style: italic;
  line-height: 1.4;
  font-weight: 300; }

.testimonials .meta-data {
  font-size: 14px;
  color: #6699CC;
  line-height: 1.4;
  font-weight: 300;
  text-transform: uppercase;
}

.carousel {
  margin-top: 40px !important; }

.alignright {
  float: right;
  margin: 20px 0 20px 20px; }

.size-thumbnail {
  background: #fff;
  border: 1px solid #dddddd;
  box-shadow: 0px 2px 3px #eeeeee;
  padding: 4px; }

.shortcodes-accordion {
  display: inline-block; }

::selection {
  background: #6699CC;
  color: #fff; }

.page-wrapper, .carousel {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  background: #fafafa;
}

a {
  color: #6699CC;
  text-decoration: none; }

a:hover {
  color: #465662;
  text-decoration: none; }

div.stage-background {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1; }

.homeslidercontainer.skeleton {
  margin-bottom: 20px;
  margin-top: -40px;
  width: 100%;
  border-radius: 3px;
  overflow: hidden; }

/* Bullets and the control container under image */
html .tp-bullets {
  background:rgba(250, 250, 250, .2);
  bottom: 0 !important;
  display: block;
  margin: 0 auto;
  padding-bottom: 25px;
  text-align: center;
  width: 100%; }

html .rev_slider_wrapper {
  padding: 0 !important; }

html .tp-bullets:before {
  content: "";
  float: left;
  width: 100%;
  height: 30px;
  z-index: 100; }

html .tp-bullets.simplebullets.round .bullet {
  background: url(sprites/i/home-slider-btns.png) no-repeat -16px center;
  display: inline-block;
  height: 14px;
  float: none;
  width: 14px; }

html .tp-bullets.simplebullets.round .bullet:hover, html .tp-bullets.simplebullets.round .bullet:focus, html .tp-bullets.simplebullets.round .bullet.selected {
  background-position: 0 center; }

/* Arrow controls for the slider */
html .tparrows {
  display: block;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  width: 100%; }

html .tparrows.tp-rightarrow {
  background: url(sprites/i/image-next.png) center center no-repeat white;
  border-radius: 0;
  display: block;
  height: 38px;
  right: 28% !important;
  bottom: 0 !important;
  width: 38px;
  top: auto !important;
  z-index: 1000; }

html .tparrows.tp-rightarrow:focus, html .tparrows.tp-rightarrow:hover {
  background: url(sprites/i/image-next-hover.png) center center no-repeat white; }

html .tparrows.tp-leftarrow {
  background: url(sprites/i/image-prev.png) center center no-repeat white;
  border-radius: 0;
  display: block;
  height: 38px;
  left: 28% !important;
  bottom: 0 !important;
  width: 38px;
  top: auto !important;
  z-index: 1000; }

html .tparrows.tp-leftarrow:hover, html .tparrows.tp-leftarrow:focus {
  background: url(sprites/i/image-prev-hover.png) center center no-repeat white; }

html .style1-highlight-text {
  background-color: #6CA2F7;
  padding: 3px 1px 3px 4px;
  font-size: 10.998px;
  font-weight: 400;
  line-height: 13px;
  color: white;
  border-radius: 3px; }

html .style2-highlight-text {
  background-color: #ED4741;
  padding: 3px 4px;
  font-size: 10.998px;
  font-weight: 400;
  line-height: 13px;
  color: white;
  border-radius: 3px; }

html .style3-highlight-text {
  background-color: #468847;
  padding: 3px 2px 3px 4px;
  font-size: 10.998px;
  font-weight: 400;
  line-height: 13px;
  color: white;
  border-radius: 3px; }

html .style4-highlight-text {
  background-color: #F15B2F;
  padding: 3px 2px 3px 4px;
  font-size: 10.998px;
  font-weight: 400;
  line-height: 1.8;
  color: white;
  border-radius: 3px; }

html .style5-highlight-text {
  background-color: #333333;
  padding: 3px 2px 3px 4px;
  font-size: 10.998px;
  font-weight: 400;
  line-height: 1.8;
  color: white;
  border-radius: 3px; }

/* == Slider caption styles ======================================= */
html .tp-caption.very_large_text {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  font-family: inherit;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-shadow: none;
  letter-spacing: -3px; }

html .tp-caption.medium_text {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  font-family: inherit;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-shadow: none; }

html .tp-caption.large_text {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  font-family: inherit;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  letter-spacing: -2px;
  text-shadow: none;
  background: #6699CC;
  padding: 5px; }

html .tp-caption.small_text {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 500;
  font-size: 14px!important;
  line-height: 20px;
  font-family: inherit;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-shadow: none;
  background: none;
  padding: 5px;
  letter-spacing: 0;
  -webkit-font-smoothing: subpixel-antialiased;}

html .tp-caption.big_white {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 400;
  font-size: 26px!important;
  line-height: 36px;
  font-family: inherit;
  padding: 0px 4px;
  padding-top: 1px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  background: none!important;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
}

/*  BUTTON COLORS */
html .tp-button {
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  height: 30px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  line-height: 45px;
  background: none;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: -1px;
  text-decoration: none; }

/* == green ======================================= */
html .tp-button.green, html .purchase.green {
  background-color: #21a117;
  box-shadow: none;
  text-shadow: none !important; }

html .tp-button:hover.green, html .purchase:hover.green {
  background-color: #21a117;
  opacity: 0.8;
  box-shadow: none;
  text-shadow: none !important; }

/* == blue ======================================= */
html .tp-button.blue, html .purchase.blue {
  background-color: #1d78cb;
  box-shadow: none;
  text-shadow: none !important; }

html .tp-button:hover.blue, html .purchase:hover.blue {
  background-color: #1d78cb;
  opacity: 0.8;
  box-shadow: none;
  text-shadow: none !important; }

/* == red ======================================= */
html .tp-button.red, html .purchase.red {
  background-color: #cb1d1d;
  box-shadow: none;
  text-shadow: none !important; }

html .tp-button:hover.red, html .purchase:hover.red {
  background-color: #cb1d1d;
  opacity: 0.8;
  box-shadow: none;
  text-shadow: none !important; }

/* == orange ======================================= */
html .tp-button.orange, html .purchase.orange {
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid rgba(255, 255, 255, 1);
  box-shadow: none;
  text-shadow: none !important; }

html .tp-button:hover.orange, html .purchase:hover.orange {
  background-color: rgba(34, 34, 34, 1);
  border: 2px solid rgba(34, 34, 34, 1);
  box-shadow: none;
  text-shadow: none !important; }

/* == grey ======================================= */
html .tp-button.darkgrey, html .tp-button.grey, html .purchase.darkgrey {
  background-color: #333;
  box-shadow: none;
  text-shadow: none !important; }

html .tp-button:hover.darkgrey, html .tp-button:hover.grey, html .purchase:hover.darkgrey {
  background-color: #333;
  opacity: 0.8;
  box-shadow: none;
  text-shadow: none !important; }

html .tp-button.lightgrey, html .purchase.lightgrey {
  background-color: #888;
  box-shadow: none;
  text-shadow: none !important; }

html .tp-button:hover.lightgrey, html .purchase:hover.lightgrey {
  background-color: #888;
  opacity: 0.8;
  box-shadow: none;
  text-shadow: none !important; }

/* ============== REDILS =================================================== */
.redilsSlider {
  margin: 0px auto 0px auto;
  /* JS CODE OVERRIDES IT */
  position: relative;
  border: none;
  width: 1300px;
  height: 440px;
  visibility: hidden;
  z-index: 2; }

.redilsSlider div.redils-slide {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1; }

.redilsSlider div.redils-slide > a {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%; }

.redilsSlider div.redils-slide img {
  padding: 0;
  display: block;
  max-width: 100%;
  position: relative;
  z-index: 1;
  border-radius: 3px; }

.redilsSlider div.redils-slide video,
.redilsSlider div.redils-slide iframe,
.redilsSlider div.redils-slide object,
.redilsSlider div.redils-slide embed {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  outline: none; }

div.redils-kenburns div.redils-slide img {
  width: auto;
  height: auto; }

.redilsSlider div.redils-slide.r-next-slide {
  z-index: 7; }

.redilsSlider div.redils-slide.r-active-slide {
  z-index: 5; }

.redilsSlider div.redils-slide.r-reset-slide {
  z-index: 2; }

.isclickable {
  cursor: pointer; }

/* == letter animation ========= */
span.r-l-a {
  display: inline-block;
  position: relative; }

.redils-letter-b {
  color: #fff;
  font-size: 36px;
  padding: 5px 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 0px 0px 5px #111111; }

/* == word animation ========= */
span.r-w-a {
  display: inline-block;
  position: relative; }

.redils-letter-b {
  color: #fff;
  font-size: 36px;
  padding: 5px 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 0px 0px 5px #111111; }

/* == Progress Bar =============== */
div.redils-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 10; }

div.redils-progress-bar div {
  width: 0;
  background: rgba(255, 255, 255, 0.7);
  height: 4px; }

/* == jQuery Animation ================= */
.redilsSlider div.redils-brick {
  position: absolute;
  z-index: 20; }

.redils-threeD div.r-next-slide canvas {
  z-index: 7;
  position: absolute;
  top: 0;
  left: 0; }

.redils-threeD div.redils-slide img {
  z-index: 9; }

ul.redils-bullet-controls {
  position: absolute;
  bottom: -6px;
  left: 0;
  z-index: 10;
  margin: 10px;
  padding: 0; }

ul.redils-bullet-controls li {
  float: left;
  text-indent: -9999px;
  height: 9px;
  width: 9px;
  padding: 0px;
  font-size: 11px;
  background: #eee;
  margin: 3px;
  border: none;
  border-radius: 100%;
  list-style: none;
  cursor: pointer; }

ul.redils-bullet-controls li.active {
  background: #777;
  border: none; }

ul.redils-thumb-controls {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  margin: 10px;
  padding: 0; }

ul.redils-thumb-controls li {
  float: left;
  opacity: 0.2;
  margin: 5px;
  list-style: none;
  width: 50px;
  height: 50px;
  cursor: pointer; }

ul.redils-thumb-controls li img {
  width: 100%;
  height: 100%; }

ul.redils-thumb-controls li.active {
  opacity: 1;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }

.redilsSlider div.counter {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  margin: 10px;
  padding: 0;
  background: #6699CC;
  padding: 10px;
  color: #fff;
  border-radius: 3px; }

.redilsSlider div.counter span {
  font-style: italic;
  color: #fff; }

html .rev_slider_wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  z-index: 10;
}

/* == Lists =================================== */
.styled-list {
  margin-left: 10px; }

.styled-list li {
  background-repeat: no-repeat;
  background-position: 0 center;
  list-style-type: none;
  padding-left: 15px; }

.styled-list.light {
  color: #b5b5b4; }

.styled-list.color {
  color: #6699CC; }

.styled-list.heart.default li {
  background-image: url(sprites/i/shortcode/list/list-heart.png); }

.styled-list.heart.light li {
  background-image: url(sprites/i/shortcode/list/list-heart-light.png); }

.styled-list.heart.color li {
  background-image: url(sprites/i/shortcode/list/list-heart-color.png); }

.styled-list.dot.default li {
  background-image: url(sprites/i/shortcode/list/list-dot.png); }

.styled-list.dot.light li {
  background-image: url(sprites/i/shortcode/list/list-dot-light.png); }

.styled-list.dot.color li {
  background-image: url(sprites/i/shortcode/list/list-dot-color.png); }

.styled-list.star.default li {
  background-image: url(sprites/i/shortcode/list/list-star.png); }

.styled-list.star.light li {
  background-image: url(sprites/i/shortcode/list/list-star-light.png); }

.styled-list.star.color li {
  background-image: url(sprites/i/shortcode/list/list-star-color.png); }

.styled-list.tick.default li {
  background-image: url(sprites/i/shortcode/list/list-tick.png); }

.styled-list.tick.light li {
  background-image: url(sprites/i/shortcode/list/list-tick-light.png); }

.styled-list.tick.color li {
  background-image: url(sprites/i/shortcode/list/list-tick-color.png); }

.styled-list.linked.default li {
  background-image: url(sprites/i/shortcode/list/list-linked.png); }

.styled-list.linked.light li {
  background-image: url(sprites/i/shortcode/list/list-linked-light.png); }

.styled-list.linked.color li {
  background-image: url(sprites/i/shortcode/list/list-linked-color.png); }

.styled-list.arrow.default li {
  background-image: url(sprites/i/shortcode/list/list-arrow.png); }

.styled-list.arrow.light li {
  background-image: url(sprites/i/shortcode/list/list-arrow-light.png); }

.styled-list.arrow.color li {
  background-image: url(sprites/i/shortcode/list/list-arrow-color.png); }

/* == Skills =================================== */
.skills {
  margin-left: 0;
  padding: 0; }

.skills .skill-title {
  margin-top: 10px; }

.skills .skill-title:first-child {
  margin-top: 0px; }

.skills li {
  background: rgba(0, 0, 0, 0.15);
  color: #f0f0f0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: auto;
  margin-bottom: 3px;
  padding: 6px;
  position: relative;
  width: 100%;
  text-indent: -9999px; }

.skills li .percent-bar {
  background-color: #333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  content: "test";
  display: block;
  height: auto;
  padding: 5px 10px 7px;
  left: 0;
  position: absolute;
  text-align: right;
  text-indent: 0;
  top: 0;
  width: 0; }

.skills.light li .percent-bar {
  background-color: #b5b5b4; }

.skills.color li .percent-bar {
  background-color: #6699CC; }

/* Flipped */
.skills.flipped li {
  text-align: left; }

.skills.flipped li .percent-bar {
  left: auto;
  right: 0; }

/* == Charts =================================== */
.easyPieChart {
  position: relative;
  text-align: center;
  margin: 30px auto 30px auto; }

.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0; }

.charttitle {
  font-size: 24px;
  font-weight: 700; }

/* == Custom Menu =================================== */
.custom-menu {
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  display: block;
  margin-bottom: 25px;
  width: 100%; }

.custom-menu ul {
  margin: 0; }

.custom-menu li {
  list-style-type: none;
  border-bottom: 1px solid transparent;
  display: block;
  float: none;
  line-height: 2; }

.custom-menu li:last-child {
  border-bottom: 0; }

.custom-menu li a {
  color: #333;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 10px; }

.custom-menu .menu > li:first-child a {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.custom-menu .menu > li:last-child a {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.custom-menu li a:hover {
  background: #f0f0f0;
  color: #333; }

.custom-menu .menu > li > ul.sub-menu, .custom-menu .menu > li > ul.sub-menu ul.sub-menu {
  border-top: 1px solid transparent;
  display: none; }

.custom-menu .menu > li > ul.sub-menu ul.sub-menu a {
  padding-left: 30px;
  opacity: 0.9; }

.custom-menu .menu > li > ul.sub-menu a {
  padding-left: 15px;
  opacity: 0.8; }

.custom-menu .menu > li > ul.sub-menu a:before, .custom-menu .menu > li > ul.sub-menu ul.sub-menu a:before {
  content: "– "; }

/* iframes */
iframe {
  width: 100%; }

/* Colors */
.custom-menu.dark li a {
  background: #333;
  color: #fff; }

.custom-menu.dark li a:hover {
  background: #6699CC;
  color: #fff; }

.custom-menu.color li a {
  background: #6699CC;
  color: white; }

.custom-menu.color li a:hover {
  background: #333;
  color: #fff; }

/* ==================================================================================================================================== */
/* == Pricing Tables Stylings  ======================================================================================================== */
/* ==================================================================================================================================== */

.pricing-wrapper{
  float: left;
  width: 100%;
}

html .shortcodetable .plans {
  color: #fff;
  font-size: 12px;
  margin: 30px auto;
  display: block;
  text-shadow: none; }

html .shortcodetable .plans > div {
  float: left;
  border-top: none;
  border-bottom: none;
  border-left: none;
  position: relative;
  background-color: transparent;
  padding: 0;
  margin: 0; }

html .shortcodetable .plans > div.first {
  border-left: none; }

html .shortcodetable .plans > div.last {
  border-right: none; }

html .shortcodetable .plans > div ul {
  margin: 0;
  padding: 0;
  list-style: none; }

html div.shortcodetable div.plans > div ul li {
  text-align: center;
  padding: 8px 0;
  border-bottom: 1px dotted #ddd;
  margin: 0 12px;
  list-style: none;
  color: #333;
  text-shadow: none; }

html div.shortcodetable div.plans > div ul li:last-child {
  border-bottom: none !important; }

html .shortcodetable .plans > div ul li.plan_name {
  color: #333;
  background: transparent;
  font-size: 24px;
  font-weight: 400;
  padding: 35px 12px;
  text-align: center;
  text-shadow: none;
  border-bottom: none;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px; }

html .shortcodetable .plans > div ul li.currency {
  color: #333;
  font-weight: 700;
  font-size: 50px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: transparent;
  margin: 0 0 8px 0;
  letter-spacing: 2px;
  padding: 25px 0; }

html .shortcodetable .plans > div ul li.description {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  text-shadow: none;
  letter-spacing: 0px;
  padding: 30px; }

html .shortcodetable .plans > div ul li.sign-button {
  border-bottom: none;
  margin: 28px 0 0;
  border-top: none;
  padding: 18px 0; }

html .shortcodetable .plans > div ul li.sign-button a {
  background: none;
  border: 2px solid #6699CC;
  border-radius: 3px;
  padding: 8px 25px;
  margin: 1px auto;
  display: inline-block;
  color: #6699CC;
  font-weight: 400;
  font-size: 12px;
  box-shadow: none;
  text-shadow: none;
  text-transform: capitalize; }

html .shortcodetable .plans > div ul li.sign-button a:hover {
  background: none;
  border: 2px solid #333;
  box-shadow: none;
  color: #333;
  font-weight: 400;
  font-size: 12px; }

html .shortcodetable .plans > div.featured {
  background: #6699CC;
  z-index: 2;
  text-shadow: 1px 1px 1px #d32c1a;
  color: #fff;
  border: none;
  padding-bottom: 40px;
  padding-top: 0px;
  margin-top: -20px; }

html .shortcodetable .plans > div.featured ul li.description {
  font-size: 16px;
  font-weight: 500;
  text-shadow: none;
  padding: 30px; }

html .shortcodetable .plans > div.featured li.plan_name {
  background: #6699CC;
  text-shadow: none;
  border-bottom: none;
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
  }

html .shortcodetable .plans > div.featured ul li.currency {
  color: #fff;
  border-bottom: 1px solid #6699CC;
  border-top: 1px solid #6699CC;
  background: #6699CC; }

html .shortcodetable .plans > div.featured ul li {
  border-bottom: 1px dotted #d32c1a;
  color: #fff;
  font-weight: 500; }

.shortcodetable .plans > div.featured ul li.sign-button {
  border-top: 1px solid transaprent;
  border-bottom: none; }

html .shortcodetable .plans > div.featured ul li.sign-button a {
  background: none;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 10px 25px 9px;
  margin: 1px auto;
  display: inline-block;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  box-shadow: none;
  text-shadow: none; }

html .shortcodetable .plans > div.featured ul li.sign-button a:hover {
background: none;
border: 2px solid #333;
border-radius: 3px;
padding: 10px 25px 9px;
margin: 1px auto;
display: inline-block;
color: #333;
font-weight: 400;
font-size: 13px;
box-shadow: none;
text-shadow: none; }

.shortcodetable .one_half_last, .shortcodetable .one_half {
  width: 49.5%;
  max-width: 49.5%; }

.shortcodetable .one_third, .shortcodetable .one_third_last {
  width: 33%;
  max-width: 33%; }

.shortcodetable .one_fourth, .shortcodetable .one_fourth_last {
  width: 24.75%;
  max-width: 24.75%; }

.shortcodetable .one_fifth, .shortcodetable .one_fifth_last {
  width: 19.8%;
  max-width: 19.8%; }

.shortcodetable .one_sixth, .shortcodetable .one_sixth_last {
  width: 14.65%;
  max-width: 14.65%; }

/* == Blurb styler - CTA ============================================= */
#page-starter {
  padding: 0; }

div.inner-slider-wrapper {
  padding: 0px 0px; }

div.inner-slider-wrapper div.mSlider {
  margin: 0;
  padding: 0; }

.blurb-parent-wrap {
  background: #222;
  max-width: 100%;
  margin: 0 auto;
  padding: 60px 0; }

.blurb-wrapper {
  margin-top: 0px; }

.blurb-wrapper div.inner-blurb-wrapper {
  padding: 0px 40px 0px;
  text-align: center; }

.blurb-wrapper div.inner-blurb-wrapper p {
  margin-top: 0; }

.blurb-wrapper h3.blurb-text {
  font-size: 2.5em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0px 0 5px 0;
  padding: 8px;
  text-transform: uppercase;
  font-weight: 300;
}

.blurb-wrapper .blurb-button {
  padding-top: 25px; }

.blurb-wrapper .blurb-button a {
  position: relative;
  display: block;
  width: 150px;
  text-align: center;
  background-color: none!important;
  border: 2px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
  font-size: 1.2em;
  font-weight: 400;
  padding: 10px 30px;
  text-decoration: none;
  text-transform: capitalize; }

.blurb-wrapper .blurb-button a:hover {
  background-color: none!important;
  border: 2px solid #6699CC;
  color: #6699CC;}

.blurb-wrapper .blurb-button a:active {
  position: relative;
  top: 1px; }

  .blurb-parent-wrap.cta_style_2 .blurb-wrapper h3.blurb-text {
    color: #fff; }
  .blurb-parent-wrap.cta_style_2 .blurb-wrapper .blurb-secondary-text {
   color: #888;
   font-weight: 300;
  }

.blurb-secondary-text {
  font-size: 15px;
  line-height: 1.8;
  margin: 20px 0 20px 0;
  padding: 0; }

/* Style 1 - Dark */
.blurb-parent-wrap.cta_style_1 {
  background: #6699CC;
  border-radius: 0;
  color: #fff; }

.blurb-parent-wrap.cta_style_1 .blurb-wrapper .blurb-button a {
  background-color: none!important;
  border: 2px solid #fff;
  color: #fff;}

.blurb-parent-wrap.cta_style_1 .blurb-wrapper .blurb-button a:hover {
background-color: none!important;
border: 2px solid #333;
color: #333;}

.blurb-parent-wrap.cta_style_1 .blurb-wrapper .blurb-button a {
  color: #fff; }

.blurb-parent-wrap.cta_style_1 .blurb-wrapper div.inner-blurb-wrapper p {
  color: #fff; }

.blurb-parent-wrap.cta_style_1 .blurb-wrapper h3.blurb-text, .blurb-parent-wrap.cta_style_1 .blurb-wrapper .blurb-secondary-text {
  color: #fff; }

 /*Style 2 - Light */
.blurb-parent-wrap.cta_style_2 {
  background: #333;
  color: #fff; }

.blurb-parent-wrap.cta_style_2 .blurb-wrapper .blurb-button a {
  background-color: none!important;
  border: 2px solid #fff;
  color: #fff;}

.blurb-parent-wrap.cta_style_2 .blurb-wrapper .blurb-button a:hover {
background-color: none!important;
border: 2px solid #6699CC;
color: #6699CC;}

.blurb-parent-wrap.cta_style_2 .blurb-wrapper .blurb-button a {
  color: #fff; }

.blurb-parent-wrap.cta_style_2 .blurb-wrapper h3.blurb-text, .blurb-parent-wrap.cta_style_2 .blurb-wrapper .blurb-secondary-text {
  color: #fff; }



/* Style 3 - Colored  */
.blurb-parent-wrap.cta_style_3 {
  background: #fff;
  color: #6699CC; }

.blurb-parent-wrap.cta_style_3 .blurb-wrapper .blurb-button a {
  background-color: none!important;
  text-transform: capitalize;
  font-size: 18px!important;
  border: 2px solid #6699CC;
  color: #6699CC;}

.blurb-parent-wrap.cta_style_3 .blurb-wrapper .blurb-button a:hover {
  background-color: none!important;
  border: 2px solid #333;
  color: #333;}

.blurb-parent-wrap.cta_style_3 .blurb-wrapper h3.blurb-text, .blurb-parent-wrap.cta_style_3 .blurb-wrapper .blurb-secondary-text {
  color: #333!important; }

.blurb-parent-wrap.cta_style_3 .blurb-wrapper div.inner-blurb-wrapper p {
  color: #6699CC; }



/* Sections */
/* == Page Layouts & Sidebar ======================================================== */
/* == Right Sidebar ========================== */
.hasRightSidebar .two-third-width {
  float: left;
  width: 74%;
  }

.hasRightSidebar .sidebar {
  float: right;
  width: 24%;
  padding: 0;
  margin: 0; }

/* == Left Sidebar ========================== */
.hasLeftSidebar .two-third-width {
  float: right;
  width: 74%;}

.hasLeftSidebar .sidebar {
  float: left;
  width: 24%;
  padding: 0;
  margin: 0; }

/* ==================================================================================================================================== */
/* == Portfolio Layout ================================================================================================================ */
/* ==================================================================================================================================== */
div.dribbble-template div.imageholder-wrapper a.wrap, div.dribbble-template div.imageholder-wrapper a img {
  display: block;
  width: 243px; }

div.flickr-template div.imageholder-wrapper a.wrap, div.flickr-template div.imageholder-wrapper a img {
  display: block;
  width: 243px; }

.full-width div.flickr-template div.imageholder-wrapper {
  position: relative;
  width: 243px; }

.full-width div.dribbble-template div.imageholder-wrapper {
  position: relative;
  width: 243px; }

/*
.portfolio-template{
  margin: 0;
  padding: 0;
}

.portfolio-template {
  width: 1000px;
  padding: 0 30px;
  margin: 0 auto 20px;
}
*/
.portfolio-template {
  margin: 0 auto;
  padding: 0;
  max-width: 1060px; }

.portfolio-template ul.posts li{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3); box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3); background: #fff;
  padding: 5px;
}

.portfolio-template ul.posts li .folio-overlay{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* ==  four columns ==================================================== */
.portfolio-template .imageholder-wrapper a.imageholder img {
  display: block;
  width: 100%; }

.portfolio-template div.description {
  background: rgba(0, 0, 0, 0.9);
  border: none;
  padding: 25px 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  text-align: left;
  color: #fff; }

.portfolio-template div.image {
  position: relative;
  overflow: hidden; }

.portfolio-template div.image:hover div.description p {
  color: #fff;
  font-size: 12px;
  font-weight: 400; }

.full-width .portfolio-four-column .imageholder-wrapper {
  margin-bottom: 0px;
  position: relative; }

.full-width .portfolio-four-column .imageholder-wrapper a.imageholder {
  display: block; }

.full-width .portfolio-four-column .posts > li h2 {
  text-shadow: none; }

.full-width .portfolio-four-column .posts > li h2 a {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  text-transform: none;
  -webkit-font-smoothing: subpixel-antialiased; }

.full-width .portfolio-four-column .posts > li h2 a:hover {
  color: #6699CC;
  text-decoration: none; }

.full-width .portfolio-four-column .imageholder {
  position: relative; }

.full-width .portfolio-four-column div.image {
  position: relative;
  overflow: hidden;
  width: 100%; }

.full-width .portfolio-four-column ul.posts {
  margin: 40px 0 0 0;
  padding: 0;
  position: relative;
  text-align: center; }

.full-width .portfolio-four-column ul.posts > li h2.custom-font {
  line-height: 1;
  margin-bottom: 5px !important;
  padding: 0px 15px 0px 15px; }

.full-width .portfolio-four-column ul.posts > li p {
  margin: 0px 15px;
  color: #fff;
  line-height: 1.4;
  font-weight: 400;
  font-size: 12px; }

.full-width div.portfolio-four-column ul.posts > li {
  display: inline-block;
  list-style: none;
  margin: 0.7em 1%;
  position: relative;
  width: 23%;
}

.full-width div.portfolio-four-column ul.posts > li:nth-child(4n+1){ margin-left: 0; }
.full-width div.portfolio-four-column ul.posts > li:nth-child(4n){ margin-right: 0; }

.full-width div.portfolio-four-column ul.posts > li.portfolio-item-4-1 {
  margin-right: 0; }

/* ==  three columns ==================================================== */
.full-width .portfolio-three-column {
  margin-bottom: 20px; }

.full-width .portfolio-three-column .imageholder-wrapper {
  margin-bottom: 0px;
  position: relative; }

.full-width .portfolio-three-column .imageholder-wrapper a.imageholder {
  display: block; }

.full-width .portfolio-three-column .imageholder-wrapper a.imageholder img {
  display: block;
  width: 100%; }

.full-width .portfolio-three-column .posts > li h2 {
  text-shadow: none; }

.full-width .portfolio-three-column .posts > li h2 a {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  text-transform: none; }

.full-width .portfolio-three-column .posts > li h2 a:hover {
  color: #6699CC;
  text-decoration: none; }

.full-width .portfolio-three-column .imageholder {
  display: block; }

.full-width .portfolio-three-column div.image {
  width: 100%;
  position: relative; }

.full-width .portfolio-three-column ul.posts {
  margin: 0;
  padding: 0; }

.full-width .portfolio-three-column ul.posts {
  margin: 40px 0 0 0;
  padding: 0;
  position: relative; }

.full-width .portfolio-three-column ul.posts > li h2.custom-font {
  line-height: 1;
  margin-bottom: 5px !important;
  padding: 0px 15px 0px 15px; }

.full-width .portfolio-three-column ul.posts > li p {
  margin: 0px 15px;
  color: #fff;
  line-height: 1.4;
  font-weight: 400;
  font-size: 12px; }

.full-width div.portfolio-three-column ul.posts > li {
  float: left;
  list-style: none;
  margin: 0 2.3% 2.3% 0;
  position: relative;
  width: 31.8%; }

.full-width div.portfolio-three-column ul.posts > li:nth-child(3n) {
  margin-right: 0; }

/* ==  two columns ==================================================== */
.full-width .portfolio-two-column {
  margin-bottom: 20px; }

.full-width .portfolio-two-column .imageholder-wrapper {
  margin-bottom: 0px;
  position: relative; }

.full-width .portfolio-two-column .imageholder-wrapper a.imageholder {
  display: block; }

.full-width .portfolio-two-column .imageholder-wrapper a.imageholder img {
  display: block;
  width: 100%; }

.full-width .portfolio-two-column .imageholder {
  display: block; }

.full-width .portfolio-two-column .posts > li h2 {
  text-shadow: none; }

.full-width .portfolio-two-column .posts > li h2 a {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  text-transform: none; }

.full-width .portfolio-two-column .posts > li span.year {
  color: #6699CC;
  display: block;
  font-size: 10px;
  font-style: italic;
  margin-top: 3px;
  text-align: center; }

.full-width .portfolio-two-column .posts > li h2 a:hover {
  color: #6699CC;
  text-decoration: none; }

.full-width .portfolio-two-column div.image {
  position: relative;
  width: 100%; }

.full-width .portfolio-two-column ul.posts {
  margin: 40px 0 0 0;
  padding: 0;
  position: relative; }

.full-width .portfolio-two-column ul.posts > li h2.custom-font {
  line-height: 1;
  margin-bottom: 5px !important;
  padding: 0px 15px 0px 15px; }

.full-width .portfolio-two-column ul.posts > li p {
  margin: 0px 15px;
  color: #fff;
  line-height: 1.4;
  font-weight: 400;
  font-size: 12px; }

.full-width div.portfolio-two-column ul.posts > li {
  float: left;
  list-style: none;
  margin: 0 2.4% 2.4% 0;
  position: relative;
  width: 48.8%; }

.full-width div.portfolio-two-column ul.posts > li:nth-child(even) {
  margin-right: 0; }

/* ==  one columns ==================================================== */
.full-width .portfolio-one-column {
  margin-bottom: 20px; }

.full-width .portfolio-one-column .imageholder-wrapper {
  margin-bottom: 0px;
  position: relative; }

.full-width .portfolio-one-column .imageholder-wrapper a.imageholder {
  display: block; }

.full-width .portfolio-one-column .imageholder-wrapper a.imageholder img {
  display: block;
  width: 100%; }

.full-width .portfolio-one-column div.description {
  border: none;
  position: relative;
  z-index: 3;
  float: left;
  width: 280px; }

.full-width .portfolio-one-column .posts > li h2 {
  text-shadow: none; }

.full-width .portfolio-one-column .posts > li h2 a {
  color: #333;
  display: block;
  font-size: 32px;
  font-weight: 300;
  letter-spacing:2px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 20px; }

.full-width .portfolio-one-column .posts > li h2 a:hover {
  color: #6699CC;
  text-decoration: none; }

.full-width .portfolio-one-column div.image {
  position: relative;
  float: left;
  margin-right: 40px;
  width: 640px; }

.full-width .portfolio-one-column ul.posts {
  margin: 40px 0 0 0;
  padding: 0;
  position: relative; }

.full-width .portfolio-one-column ul.posts > li h2.custom-font {
  line-height: 1;
  margin-bottom: 5px !important;
  padding: 0px 4px 0px 0px; }

.full-width div.portfolio-one-column ul.posts > li {
  list-style: none;
  margin-bottom: 30px;
  padding: 0;
  position: relative; }

/* ----------- Portfolio Filter Nav ----------- */
.portfolio-taxonomy {
  margin: 20px 0 0 0;
  padding: 0; }

.portfolio-taxonomy ul{ margin-left: 5px; text-align: center;}

.portfolio-taxonomy ul li {
  font-weight: 500;
  cursor: pointer;
  font-size: 11px;
  text-transform: uppercase;
  list-style: none;
  margin: 40px 10px 0px 0px;
  padding: 0px 15px 0px 0px;
  display: inline-block;}

.portfolio-taxonomy ul li:first-child {
  background: none; }

.portfolio-taxonomy ul li:hover a, .portfolio-taxonomy ul li.active a {
  color: #6699CC;
  background: none;
  border: 2px solid #6699CC;}

.portfolio-taxonomy ul li a {
  background: none;
  border: 2px solid #333;
  border-radius: 3px;
  color: #333;
  text-shadow: none;
  font-weight: 400;
  margin: 0px 0px 5px 0px;
  float: left;
  padding: 7px 12px;
  text-transform: capitalize;
  font-size: 12px; }

  /* ----------- Portfolio More Button ----------- */

  .layout-builder-posts a.more-btn {
    text-align: center;
    display: block;
    position: relative;
    top: -30px;
    font-style: italic;
    text-decoration: underline;
  }


/* ----------- Portfolio Filtering ----------- */
.filterable .posts li {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s; }

.filterable .posts li.filtered-inactive {
  opacity: 0.2;
  pointer-events: none; }

/* ===================================================================================================================== */
/* == Single Portfolio Styling ========================================================================================= */
/* ===================================================================================================================== */
div.meta-portfolio-text h2 {
  color: #6699CC;
  font-weight: 400;
  font-style: normal; }

div.single-portfolio {
  position: relative; }

div.portfolio_featured_slider, div.single-portfolio div.single-image, div.single-portfolio div.single-video {
  margin-top: 40px;
  margin-bottom: 30px; }

div.single-portfolio h1 {
  color: #333;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 20px; }

a.portfolio-meta-button {
  display: block;
  font-size: 13px;
  margin: 0px 0 30px 0;
  text-transform: uppercase;
  text-decoration: underline; }

div.single-portfolio div.single-image {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  background: #fff;
  padding: 5px;}

div.single_portfolio_content {
  padding: 0px 0 40px 0; }

div.single_portfolio_content span.client {
  float: right;
  font-size: 13px;
  color: #6699CC;
  font-weight: 400; }

div.single_portfolio_content p {
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 400;
  color: #333; }

div.portfolio_featured_slider {
  padding-bottom: 0;
  padding-top: 10px; }

div.portfolio_featured_slider div.redilsSlider {
  overflow: hidden; }

div.portfolio_featured_slider div.redilsSlider img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  background: #fff;
  padding: 5px;}

div.portfolio_featured_slider ul.redils-bullet-controls {
  left: 46%;
  bottom: 10px; }

div.portfolio_featured_slider ul.redils-bullet-controls li {
  background: #dedede; }

div.portfolio_featured_slider ul.redils-bullet-controls li.active {
  background: #333; }

div.meta-portfolio-text {
  color: #888;
  font-size: 24px;
  margin-top: 20px;
  padding: 0px 0px 30px 0;
  text-align: center; }

div.meta-portfolio-text h3, div.meta-portfolio-text h4 {
  font-weight: 300;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center; }

/* == Portfolio Navigation ======================= */
.project-nav {
  margin: 0 0 30px; }

.project-nav a {
  box-shadow: none;
  text-decoration: none;
  margin: 0px 0px 5px 0px;
  float: right;
  padding: 7px 12px;
  color: #6699CC;
  background: none;
  text-shadow: none;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 12px;
  border: 2px solid #6699CC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.project-nav a:hover {
  background: none;
  border: 2px solid #333;
  color: #333;}

.project-nav a.nav-p {
  float: left; }

.project-nav a.nav-n {
  float: right; }

div.portfolio-metadata {
  border-top: 1px solid #dddddd;
  padding-top: 30px;
  margin-top: 0; }

div.portfolio-metadata h3.custom-title {
  color: #333;
  font-size: 18px;
  font-weight: 300;
  margin: 0 auto;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block; }

ul.related-posts {
  margin: 20px 0 35px 0; }

.related-posts li {
  display: block;
  float: left;
  list-style: none;
  margin: 0 3% 2% 0;
  width: 241px;
  height: 200px;
  position: relative; }

.related-posts li a.imageholder {
  display: block; }

.related-posts li div.hover {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2; }

.related-posts li div.image {
  position: relative; }

.related-posts li img {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3);
  background: #fff;
  padding: 3px; }

.related-posts li.nomarginright {
  margin-right: 0; }

div.relate-posts-wrapper {
  position: relative; }

/* ===================================================================================================================== */
/* == Blog Template Styling ============================================================================================ */
/* ===================================================================================================================== */
div.blog-template ul.posts {
  list-style: none;
  margin: 40px 0 0 0;
  padding: 0; }

div.blog-template ul.posts li:first-child {
  padding-top: 0; }

div.blog-template ul.posts li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.4);
  box-shadow: 0 1px 2px -1px rgba(0,0,0,0.4);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  float: left;
  margin: 0 3% 40px 0;
  border-bottom: none;
  width: 47%;
}

div.blog-template ul.posts li.featured-post{
  width: 97%;
  padding: 5px;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.4);
  box-shadow: 0 1px 2px -1px rgba(0,0,0,0.4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  margin-bottom: 30px;
  border-bottom: none;
}

div.blog-template ul.posts li:nth-child(even){ clear: left; }

div.blog-template ul.posts li div.imageholder-wrapper {
  position: relative; }

div.blog-template ul.posts li div.imageholder-wrapper a.imageholder {
  display: block; }

div.blog-template ul.posts li div.imageholder-wrapper a.imageholder img {
  border-radius: 3px; }

div.blog-template ul.posts li h2.custom-font a, .shortcode-post.post-preview h2.custom-font a{
  color: #6699CC;
  display: block;
  margin: 1em 0 0;
  font-weight: 300;
  line-height: 1; }

.shortcode-post.post-preview h2.custom-font a{ margin-left: 10px; }

div.blog-template ul.posts li h2.custom-font a:hover, .shortcode-post.post-preview h2.custom-font a:hover {
  color: #333;
  text-decoration: none; }

div.blog-template ul.posts li div.description, .shortcode-post.post-preview div.desc {
  margin: 0;
  padding: 0 10px 10px 10px;}

.shortcode-post.post-preview div.desc{ float: left; width: 90%; }

div.blog-template ul.posts li div.description .wp-excerpt, .shortcode-post.post-preview div.desc .wp-excerpt {
  color: #888;
  margin-bottom: 40px;
  font-weight: 300;
  font-size: 13px !important;
  line-height: 1.8; }

div.blog-template ul.posts li h2.custom-font, .shortcode-post.post-preview h2.custom-font {
  color: #333;
  font-weight: 300;
  line-height: 1.0;
  margin: 0px 0px 6px 0;
  padding: 0px 10px 0px 0px;
  text-transform: uppercase; }

div.blog-template ul.posts li a.read-more, .shortcode-post.post-preview a.read-more {
  background: none;
  border: none;
  color: #6699CC;
  font-size: 12px;
  font-weight: 400;
  padding: 0;
  text-decoration: none;
  text-transform: capitalize;
  text-decoration:underline;
  text-align: center;
  margin-top: 10px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

  .shortcode-post.post-preview a.read-more { display: block; text-align: left; clear: both; }

div.blog-template ul.posts li a.read-more:hover, .shortcode-post.post-preview a.read-more:hover {
  background: none;
  color: #333;
  border: 2px solid #333;}

div.blog-template ul.posts li div.image {
  float: left;
  width: 100%; }

li.hasFeaturedImage div.post-info-wrap {
  color: #333;
  display: block;
  width: 100%; }

div.extras {
  margin: 10px 0;
  font-size: 12px;
  color: #333; }

div.dribble_widget_media a {
  float: left;
  margin: 10px 10px 5px 0;
  width: 60px;
  height: 65px; }

/* ===================================================================================================================== */
/* == Single Post Styling ============================================================================================== */
/* ===================================================================================================================== */

.single-post .two-third-width{
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3); box-shadow: 0 1px 2px -1px rgba(0,0,0,0.3); background: #fff;
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 5px;
}

.single-video video, .single-video iframe {
  border: none;
  margin-top: 1em;
  width: 100% !important; }

div.single-post-content {
  margin-top: 37px; }

div.single-post-content {
  margin-bottom: 40px;
  padding: 0 20px; }

div.single-post div.single-image, div.single-post div.single-video {
  position: relative;
}

  div.single-post h3.page-subtitle {
    margin: 0 20px;
    border-bottom: 1px solid #ddd;
    font-size: 12px;}

    div.single-post h1.custom-title {
      margin: 1em 20px 0;
      font-size: 30px;
      text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 300;
    }

.details {
  border-top: 1px solid #eeeeee;
  padding: 20px 20px; }

#authorbox {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  margin: 0 20px;
  padding: 40px 0;
  }

#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: 20px;
  width: 83%; }

#authorbox .authortext h3 {
  color: #6699cc;
  font-size: 20px;
  font-family:'delicious-roman';
  font-weight: 500;
  line-height: 1.2;
  margin-left: 0px;
  margin-top: 0px; }

#authorbox .authortext p {
  color: #888;
  font-size: 12px;
  margin-top: 5px;
  padding-right: 20px;
  font-weight: 300; }

div.single-project-nav {
  border-bottom: 1px solid #454545;
  border-top: 1px solid #454545;
  padding: 20px 0; }

div.single-project-nav a.nav-n {
  float: right; }

div.single-project-nav a.nav-p {
  float: left; }

div.single-project-nav a {
  color: #333; }

div.single-project-nav a:hover {
  color: #6699CC; }

h3.single-related-posts-title {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin: 0 auto;
  display: inline-block; }

div.single-relate-posts-wrapper {
  margin: 20px 20px 0; }

ul.single-related-posts {
  margin: 20px 0 5px 0; }

ul.single-related-posts li {
  display: block;
  float: left;
  list-style: none;
  margin: 5px 0 5px 2.5%;
  overflow: hidden;
  position: relative;
  width: 23.1%; }

ul.single-related-posts li .folio-overlay a {
  margin: 60px auto;
  display: block; }

ul.single-related-posts li:first-child {
  margin-left: 0; }

.single-related-posts li a.imageholder {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%; }

.single-related-posts li img {
  display: block;
  border-radius: 3px; }

.single-related-posts li.nomarginright {
  margin-right: 0; }

div.hover {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 4; }

div.hover h3 {
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  margin: 40px 10px 10px 10px; }

div.hover p {
  text-align: center;
  font-weight: 300;
  font-size: 10px;
  color: #777;
  margin: 0px 10px 25px 10px; }

/* == Comments ========================= */
#comments {
  line-height: 1.8; }

#comments h3#comments-title {
  color: #333;
  font-size: 18px !important;
  font-weight: 500;
  margin: 25px 0 15px;
  padding: 0 0 10px 0; }

#comments .logged-in-as a {
  color: #6699CC; }

#comments .logged-in-as a:hover {
  color: #333333; }

#comments .comment-body {
  border: 1px solid #dddddd;
  float: right;
  margin: 20px 0 30px 0;
  padding: 5%;
  width: 90%;
  border-radius: 3px; }

#comments .comment-body p {
  font-size: 14px;
  margin: 0;
  padding: 0; }

#comments .image-info {
  clear: left;
  margin: 0px 20px 0 0; }

#comments .image-info cite {
  display: block;
  float: left;
  font-size: 15px;
  color: #333;
  font-weight: 500;
  margin: 15px 0 0 10px;
  text-transform: capitalize; }

#comments .image-info img {
  display: block;
  float: left;
  margin-top: 5px;
  border-radius: 3px; }

#comments .image-info a {
  color: #6699CC;
  display: block;
  float: left;
  margin: 18px 0 0 15px;
  font-size: 10px;
  font-style: italic; }

#comments ol, #comments ul {
  margin: 0;
  padding: 0; }

#comments ol .children .children .children .comment-body {
  width: 45%; }

#comments ol .children .children .comment-body {
  width: 60%; }

#comments ol .children .comment-body {
  width: 80%; }

#comments ol li, #comments ul li {
  list-style: none;
  margin: 0;
  padding: 0; }

.comment-info {
  position: relative; }

span.fn {
  color: #333;
  font-size: 14px !important;
  font-weight: 600;
  margin-left: 2px;
  margin-top: 5px; }


/* == Comment Form ======================================================================== */
#respond {
  clear: both;
  padding: 10px 0px 72px 0; }

#respond h3.custom-font {
  color: #333;
  font-size: 18px !important;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px; }

#comments_template {
  border-top: none;
  margin: 0 20px;
  padding: 0 0 20px 0;
}

#comments_template input[type=text] {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  color: #465662;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 9px;
  padding: 10px;
  width: 90%; }

#comments_template input[type=text]:focus, #comments_template textarea :focus {
  background: #fff;
  color: #333; }

#comments_template textarea {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  color: #465662;
  display: block;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 9px;
  padding: 10px;
  width: 98%; }

#comments_template code {
  background-color: #fff;
  border: none;
  color: #465662;
  font-size: 11px;
  padding: 2px 4px; }

#comments_template form {
  margin-left: 0px;
  margin-top: 0px; }

#comments_template form p.single-row-textfield {
  float: left;
  margin-bottom: 10px;
  width: 32%; }

#comments_template form p.comment-form-url {
  margin-right: 0; }

#comments_template form input[type=submit] {
  background: none;
  border: 2px solid #6699CC;
  border-radius: 3px;
  box-shadow: none;
  color: #6699CC;
  float: left;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 10px 21px;
  text-shadow: none;
  text-transform: capitalize; }

#comments_template form input[type=submit]:hover {
  background: none;
  color: #333;
  border: 2px solid #333; }

#comments_template form label, input {
  float: left; }

#comments_template form label {
  color: #333;
  font-size: 11px;
  margin-right: 20px;
  margin-top: 14px;
  text-align: right;
  width: 45px; }

#comments_template form p {
  margin: 5px 12px 20px 0;
  font-size: 11px;
  font-style: italic; }

#comments .heading {
  font-size: 18px;
  font-weight: 400;
  margin: 25px 0 -15px; }

div.reply {
  position: absolute;
  right: 0px;
  top: 0px; }

a#cancel-comment-reply-link {
  color: #6699CC;
  float: right;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 0; }

a#cancel-comment-reply-link:hover {
  color: #333333; }

a.comment-reply-link:hover, a.comment-reply-link {
  background: #6699CC;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  float: right;
  float: left;
  font-size: 10px;
  font-weight: 700;
  margin-top: 15px;
  padding: 1px 5px;
  text-shadow: none;
  text-transform: uppercase; }

.fb_comments_template {
  border-top: 1px solid #eeeeee;
  margin-top: 30px;
  min-height: 165px;
  padding: 30px 0px 0px 0px; }

.fb-comments, .fb_iframe_widget iframe[style], .fb_iframe_widget span[style] {
  width: 100% !important; }

/* == 404 Error styling ============================================== */
p.not-found {
  text-align: center;
  margin: 80px 0 60px 0; }

.error-search #searchform {
  max-width: 410px;
  height: 60px;
  display: block;
  margin: 40px auto; }

.error-search input[type="text"] {
  background-color: #fff;
  color: #333;
  display: block;
  width: 61%;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #eee;
  padding: 10px 5px; }

.error-search #searchsubmit {
  box-shadow: none;
  text-decoration: none;
  margin: 1px 0px 5px 0px;
  float: left;
  padding: 8px 15px;
  border-radius: 3px;
  color: #6699CC;
  background: none;
  border: 2px solid #6699CC;
  text-shadow: none;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 12px;}

.error-search #searchsubmit:hover {
  color: #333;
  background: none;
  border: 2px solid #333; }

/* State */
@media (min-width: 768px) and (max-width: 1060px) {
  /* Header fixes */
  .search-form #searchform {
    float: right;
    margin-top: 20px; }

  /* Portfolio pages */
  html .super-wrapper .page-wrapper .portfolio-template .skeleton {
    margin: 0;
    padding: 0 5%;
    width: 90%; }

  .folio-overlay {
    display: none !important; }

  /* Responsive layout */
  .post.one_half:nth-child(2n) {
    padding-right: 0; }

  .post.one_third:nth-child(3n) {
    padding-right: 0; }

  .post.one_fourth:nth-child(4n) {
    padding-right: 0; }

  .post.two_third:nth-child(2n) {
    padding-right: 0; }

  .post.three_fourth:nth-child(2n) {
    padding-right: 0; }

  .post.four_fifth:nth-child(2n) {
    padding-right: 0; }

  #authorbox .authortext {
    width: 75%; }

  .skeleton, .page-wrapper .skeleton {
    width: 98%; }

  div.info-post-items div.desc p, div.info-post-items a.more-link {
    display: none; }

  #menu-bar .menu > li > a {
    padding: 8px 35px; }

  .portfolio-template div.image:hover div.description p {
    display: none; }

  #home-slider-caption {
    display: none !important; }

  div.right_stage ul.redils-bullet-controls, div.left_stage ul.redils-bullet-controls {
    left: auto; }

  div.homepage-slider {
    float: none; }

  div.layout_element {
    float: left;
    min-height: 1px;
}

  div.layout-builder-posts div.posts-wrapper ul li div.desc {
    width: 90px; }

  .footer-text {
    margin-left: 10px; }

  #logo {
    float: none;
    margin: 10px auto;
    text-align: center;
    width: 100%;
  }

  #menu-bar-wrapper {
    float: none;
    clear: left; }

  .full-width .portfolio-one-column div.image {
    width: 45%; }

  .full-width .portfolio-one-column div.description {
    width: 50%; }

  div.news-letter form input[type="text"] {
    width: 209px; }

  /* == Right Sidebar ========================== */
  .hasRightSidebar .two-third-width {
    float: left;
    width: 66%;
    padding: 0;
    margin: 0; }

  .hasRightSidebar .sidebar {
    float: right;
    width: 32%;
    padding: 0;
    margin: 0; }

  /* == Left Sidebar ========================== */
  .hasLeftSidebar .two-third-width {
    float: right;
    width: 66%;
    padding: 0;
    margin: 0; }

  .hasLeftSidebar .sidebar {
    float: left;
    width: 32%;
    margin: 0;
    padding: 0; }

  .latest-scrollable-posts .scrollable {
    width: 100%; }

  .sidebar-wrap .widget-posts .description {
    width: 140px; }

  .top-area .skeleton {
    width: 100%; }

  #menu-bar {
    float: left;
    padding-left: 0;
    width: 100%;
  }

  #menu-bar .menu {
    text-align: center; }

  #menu-bar .menu li {
    padding-bottom: 0;
    float: none;
    display: inline-block;
    text-align: left; }

  div.megamenu-inner-html {
    display: none; }

  #menu > li > div.sub-menu {
    top: 124px;
    width: 100%; }

  #menu > li > div.sub-menu > div {
    width: 15%; }

  #menu > li > ul.sub-menu {
    top: 168px; }

  .col-image {
    float: none;
    margin: 10px auto;
    max-width: 90%; }

  div.editor-cols div.description {
    float: none;
    width: auto;
    margin-left: 0; }

  div.editor-cols div.description div.column-content {
    margin: 0;
    padding: 0; }

  li.hasFeaturedImage div.post-info-wrap {
    width: auto;
    height: auto !important;
    padding-left: 0;
    padding-right: 0; }

  .blog-template #main-content ul.posts li {
    margin-bottom: 1em;
    padding-bottom: 10px; }

  .related-posts li {
    width: 23%;
    height: 100%;
    margin: 5px 1% 5px 1%; }

  .related-posts li a.imageholder {
    display: block;
    height: 100%;
    width: 100%; }

  .related-posts li img {
    width: 100%; }

  ul.related-posts li div.hover {
    display: none !important; }

  ul.single-related-posts li div.hover {
    display: none !important; }

  div.portfolio-featured-image {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 20px; }

  div.portfolio-content {
    float: none;
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%; }

  div.relate-posts-wrapper {
    display: none; }

  #comments_template form p.single-row-textfield {
    width: 31%; }

  div.search-box {
    display: none; }

  div.footer-search-bar {
    display: none; }

  .latest-scrollable-posts .scrollable .items .items-block {
    margin-right: 30px; }

  div.latest-scrollable-posts div.layout_element {
    width: 100%;
    margin-right: 0;
    padding-right: 0; }

  div.layout-builder-posts div.posts-wrapper ul.post-nonproduct li {
    width: 165px;
    margin-right: 20px; }

  div.subscribe-box form span {
    display: inline-block;
    margin-left: 80px; }

  div.flickr_shortcode_media a, div.flickr_shortcode_media a img {
    width: 157px;
    height: 95px; }

  div.dribble_shortcode_media a, div.dribble_shortcode_media a img {
    width: 157px;
    height: 95px; }

  div.gallery-showcase img.shadow {
    margin-top: -20px; }

  ul.titan-gallery li {
    margin: 0 0 25px 25px; }

  div.flickr-pictures a, div.flickr-pictures a img {
    width: 80px;
    height: 50px; }

  div.dribble_widget_media a, div.dribble_widget_media a img {
    width: 80px;
    height: 50px; }

  div.main-info {
    margin-top: 60px; }

  div.home-page-two-columns .col-image {
    float: none; }

  }
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #menu-bar .menu > li > a {
    margin-left: 5px; }

  #authorbox .authortext {
    width: 67%; }

  div.news-letter form input[type="text"] {
    width: 160px; }

  .related-posts li {
    width: 23%;
    height: 100%;
    margin: 5px 1% 5px 1%; }

  .related-posts li a.imageholder {
    display: block;
    height: 100%;
    width: 100%; }

  .related-posts li img {
    width: 100%; }

  ul.related-posts li div.hover {
    display: none !important; }

  ul.single-related-posts li div.hover {
    display: none !important; }

  #menu-bar .menu > li > a {
    padding: 8px 29px; }

  div.layout-builder-posts div.posts-wrapper ul li div.image {
    display: none; }

  div.layout-builder-posts div.posts-wrapper ul li div.desc {
    width: auto; }

  .full-width .portfolio-one-column div.image {
    width: 310px; }

  .blurb-wrapper h3.blurb-text {
    font-size: 32px;
    line-height: 1;
    margin: 0px 0 15px 0;
    padding: 0;
    font-weight: normal;
    opacity: 0; }

  .sidebar-wrap .widget-posts .description {
    width: 120px; }

  div.latest-scrollable-posts ul.post-nonproduct > li {
    width: 190px; }

  #footer div.footer-cols:nth-child(4) {
    display: none; }

  #footer div.footer-cols:nth-child(5) {
    display: none; }

  #footer div.inner-footer-wrapper div.skeleton, #footer-menu .skeleton {
    width: 90% !important;
    margin: 0;
    padding-left: 5%;
    padding-right: 5%; }

  #footer div.inner-footer-wrapper div.skeleton .one_fourth, #footer div.inner-footer-wrapper div.skeleton .one_fourth_last {
    width: 46%;
    padding: 0% 2%; }

  #footer div.inner-footer-wrapper div.skeleton .one_half, #footer div.inner-footer-wrapper div.skeleton .one_half_last {
    width: 46%;
    padding: 0% 2%; }

  #footer div.inner-footer-wrapper div.skeleton .one_third, #footer div.inner-footer-wrapper div.skeleton .one_third_last {
    width: 46%;
    padding: 0% 2%; }

  #footer div.inner-footer-wrapper div.skeleton .one_fifth, #footer div.inner-footer-wrapper div.skeleton .one_fifth_last {
    width: 46%;
    padding: 0% 2%; }

  div.layout-builder-posts div.posts-wrapper ul.post-nonproduct {
    width: 500px;
    margin: 0 auto; }

  div.layout-builder-posts div.posts-wrapper ul.post-nonproduct li {
    width: 234px; }

  div.layout-builder-posts div.posts-wrapper ul.post-nonproduct li.posts1 {
    margin-right: 0;
    clear: right; }

  div.layout-builder-posts div.posts-wrapper ul.post-nonproduct li.posts0, div.layout-builder-posts div.posts-wrapper ul.post-nonproduct li.posts2 {
    clear: left; }

  div.layout-builder-posts div.posts-wrapper ul.post-nonproduct li.posts3 {
    clear: right; }

  div.subscribe-box form span {
    display: inline-block;
    margin-left: 80px; }

  div.flickr_shortcode_media a, div.flickr_shortcode_media a img {
    width: 131px;
    height: 90px; }

  div.dribble_shortcode_media a, div.dribble_shortcode_media a img {
    width: 131px;
    height: 90px; }

  div.gallery-showcase img.shadow {
    margin-top: -20px; }

  ul.titan-gallery li {
    margin: 0 0 10px 10px; }

  div.dribbble-template div.imageholder-wrapper a.wrap, div.dribbble-template div.imageholder-wrapper a img, .full-width div.dribbble-template div.imageholder-wrapper {
    width: 175px;
    height: 120px; }

  div.flickr-template div.imageholder-wrapper a.wrap, div.flickr-template div.imageholder-wrapper a img, .full-width div.flickr-template div.imageholder-wrapper {
    width: 175px;
    height: 120px; }

  div.single-portfolio-media img.shadow {
    margin-top: -70px; }

  div.Half div.portfolio_featured_slider img.shadow {
    margin-top: -25px; }

  div.flickr-pictures a, div.flickr-pictures a img {
    width: 80px;
    height: 50px; }

  div.dribble_widget_media a, div.dribble_widget_media a img {
    width: 80px;
    height: 50px; } }
/* Screen sizes less than tablet */
@media only screen and (max-width: 767px) {
  #menu-bar-wrapper {
    float: left;
    left: 0;
    margin: 0 -5% 0 !important;
    width: 110%; }

  #menu-bar .menu:after {
    display: none; }

  #menu-bar .menu li {
    float: left;
    margin: 0;
    width: 100%; }

  #menu-bar .menu a {
    border: 0 !important; }

  #menu-bar .menu > li > a {
    border-radius: none !important;
    display: none;
    float: left;
    padding: 10px 0;
    width: 100%;
    text-align: center; }

  #menu-bar .menu > li.megamenu > a {
    display: none !important; }

  #menu-bar .menu > li > a span {
    display: none; }

  #menu > li:hover > a, #menu > li.current_page_item > a, #menu > li.current-menu-ancestor > a, #menu-bar .menu > li > a:hover,
  #menu > li > ul.sub-menu a:hover, #menu > li > ul.sub-menu > li.current_page_item a:hover {
    background: #6699CC;
    color: #fff; }

  #menu-bar .menu > li > a.nav-show {
    background: url(sprites/i/nav-icon.png) no-repeat right center;
    background-width: 50px;
    display: block;
    float: right;
    margin-right: 2%;
    overflow: hidden;
    text-indent: -9999px;
    width: 40px;
  }

  #menu > li:hover > a, #menu > li.current_page_item > a, #menu > li.current-menu-ancestor > a {
    border-radius: 0 !important;
    color: #fff;
    padding-left: 0;
    padding-right: 0; }

  #menu-bar{
    float: left;
    margin-bottom: 2em;
    width: 100%;
  }

  /* Mobile subnavs */
  #menu-bar-wrapper ul {
    position: relative; }

  #menu-bar .menu li {
    padding-bottom: 0;
    position: static; }

  #menu > li > ul.sub-menu, #menu > li > ul.sub-menu ul.sub-menu {
    border-radius: 0;
    box-shadow: none;
    display: none;
    left: 0;
    position: relative;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    width: 100%; }

  #menu > li > ul.sub-menu > li a{
    background: #222;
    display: none;
    padding: 15px 0;
    text-align: center;
    width: 100%;
  }

  #menu > li > ul.sub-menu > li a:hover, #menu > li > ul.sub-menu > li a:focus,
  #menu > li > ul.sub-menu > li.current_page_item a:hover, #menu > li > ul.sub-menu > li.current_page_item a:focus {
    background: #6699CC;
  }

  /* Header */
  #logo a {
    text-align: center;
    margin-bottom: 1em; }

  .search-form, .search-form #searchform > div {
    width: 100%; }

  .search-form #searchform {
    width: 100% !important; }

  .search-form #searchform input[type=text] {
    height: 45px;
    width: 90%; }

  .search-form #searchform input[type=submit] {
    border-left: 0;
    height: 45px;
    width: 10%; }

  .search-form #searchform .search-icon {
    margin-right: 11px;
    margin-top: -37px; }

  /* Testimonials */
  div.testimonial-slider {
    width: 100% !important; }

  .testimonial-nav {
    display: none; }

  /* Portfolio Pages */
  html .super-wrapper .page-wrapper .portfolio-template .skeleton {
    margin: 0;
    width: 90%; }

  .full-width div.portfolio-four-column ul.posts > li,
  .full-width div.portfolio-three-column ul.posts > li,
  .full-width div.portfolio-two-column ul.posts > li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .full-width div.portfolio-four-column ul.posts > li:nth-child(even),
  .full-width div.portfolio-three-column ul.posts > li:nth-child(even),
  .full-width div.portfolio-two-column ul.posts > li:nth-child(even) {
    margin-right: 0; }

  .full-width .portfolio-one-column .posts > li h2 a {
    margin-top: 20px; }

  .full-width div.portfolio-three-column ul.posts > li:nth-child(3n) {
    margin: 0 2.3% 2.3% 0; }

  .folio-overlay {
    display: none !important; }

  /* Page titles */
  div.title-wrap h1.custom-title, div.title-wrap h3.page-subtitle {
    text-align: center;
    width: 100%; }

  div.title-wrap form {
    display: none; }

  .sliding .posts-nav {
    display: none; }

  /* Contact Forms */
  div.wpcf7 p.wpcf-text, div.wpcf7 p.wpcf-radio {
    width: 100%; }

  div.single-relate-posts-wrapper {
    display: none; }

  .blurb-wrapper .blurb-button a {
    padding: 7px 10px; }

  div.info-post-items div.desc p {
    display: none; }

  div.info-post-items div.post-block0 div.inner-post-block-wrap {
    margin: 0; }

  div.info-post-items > div {
    float: none;
    max-width: 250px;
    width: auto;
    margin: 10px auto; }

  div.info-post-items div.inner-post-block-wrap, div.info-post-items div.post-block2 div.inner-post-block-wrap {
    margin: 0; }

  div.info-post-items a.more-link {
    display: none; }

  #logo {
    float: left;
    margin: 0;
    text-align: center;
    width: 100%;
  }

  .latest-scrollable-posts .scrollable {
    width: 100%; }

  .blurb-wrapper div.inner-blurb-wrapper {
    padding: 20px 10px 20px 10px; }

  .blurb-wrapper h3.blurb-text {
    line-height: 1;
    margin: 0px 0 15px 0;
    padding: 0;
    font-weight: normal;
    opacity: 0; }

  div.relate-posts-wrapper {
    display: none; }

  div.shortcodetable div.plans {
    width: 100% !important; }

  .shortcodetable .plans > div {
    float: none;
    width: 100% !important;
    max-width: 100%;
  }

  .blurb-parent-wrap {
    padding: 30px 0; }

  .col-image, div.home-page-two-columns .col-image {
    float: none;
    margin: 10px auto;
    max-width: 90%; }

  .latest-scrollable-posts .scrollable .items .post-block div.image {
    display: none; }

  .latest-scrollable-posts .scrollable .items .post-block div.desc {
    float: left;
    width: 80%;
    margin: 40px 0 0px 30px; }

  .blurb-wrapper h3.blurb-text {
    font-size: 24px !important; }

  #menu-bar-wrapper {
    float: none;
    clear: left; }

  #footer-menu {
    display: none; }

  html .layout_element {
    float: none;
    width: 100%; }

  div.editor-cols div.layout_element {
    margin: 0 auto 15px !important; }

  .feature-thumb {
    display: none !important; }

  .sidebar {
    display: none; }

  .two-third-width, .one-third-width {
    width: 100% !important; }

  .layout_element img {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block; }

  .portfolio-taxonomy {
    display: none; }

  .home-template-area .blurb-wrapper {
    padding: 20px 0 20px; }

  div.home-page-two-columns div.one_third .hasImage, div.home-page-two-columns div.one_third_last .hasImage,
  div.home-page-two-columns div.two_third .hasImage, div.home-page-two-columns div.two_third_last .hasImage,
  div.home-page-two-columns div.one_fourth .hasImage, div.home-page-two-columns div.one_fourth_last .hasImage,
  div.home-page-two-columns div.three_fourth .hasImage, div.home-page-two-columns div.three_fourth_last .hasImage,
  div.home-page-two-columns div.one_fifth .hasImage, div.home-page-two-columns div.one_fifth_last .hasImage,
  div.home-page-two-columns div.four_fifth .hasImage, div.home-page-two-columns div.four_fifth_last .hasImage {
    width: auto; }

  #footer-menu .footer-text {
    float: none;
    display: block;
    text-align: center; }

  .inner-footer-wrapper .layout_element {
    display: none; }

  .mobile_footer_widget {
    display: block; }

  #footer-menu .menu {
    float: none;
    margin-left: 10%; }

  #authorbox {
    display: none; }

  .image-info {
    display: none; }

  .inner-blurb-wrapper .blurb-text {
    font-size: 17px; }

  .one_half_last, .one_half,
  .one_third, .one_third_last,
  .one_fourth, .one_fourth_last,
  .two_third, .two_third_last,
  .three_fourth, .three_fourth_last,
  .one_fifth, .one_fifth_last,
  .four_fifth, .four_fifth_last {
    width: 100% !important;
    margin: 0 !important;
    max-width: 100%;
   }

  html .post-preview {
    margin: 25px auto !important;
  }

  .skeleton, .page-wrapper .skeleton{
    width: 90%;
    padding-left: 5%;
    padding-right: 5%; }

  .homeslidercontainer.skeleton {
    padding: 0; }

  #project-button {
    display: none; }

  div.hover {
    display: none !important; }

  #top-bar #topmenu {
    display: none; }

  div.wpcf7 {
    margin-bottom: 60px !important; }

  #footer div.mobile_footer_widget {
    display: block; }

  #comments_template form p.single-row-textfield {
    float: none;
    display: block;
    width: 82%;
    margin-bottom: 10px; }

  #footer div.inner-footer-wrapper div.skeleton, #footer-menu .skeleton {
    width: 90% !important;
    padding-left: 5%;
    padding-right: 5%; }

  div.home-page-two-columns .hasImage {
    width: auto; }

  div.home-page-two-columns .col-image {
    float: none; }

  div.latest-scrollable-posts ul.post-nonproduct > li {
    margin: 20px 0;
    width: 95%; }

  div.dribble_shortcode_media a img, div.flickr_shortcode_media a img {
    width: auto;
    height: auto;
    max-width: 250px;
    display: block;
    margin: 0 auto; }

  div.flickr_shortcode_media a, div.dribble_shortcode_media a {
    width: 100%;
    height: auto;
    margin: 20px auto; }

  ul.titan-gallery li {
    margin: 0 0 25px 25px; }

  .full-width .portfolio-four-column ul.posts, .full-width .portfolio-two-column ul.posts, .full-width .portfolio-three-column ul.posts {
    width: 100%; }

  div.dribbble-template div.imageholder-wrapper a.wrap, .full-width div.dribbble-template div.imageholder-wrapper {
    width: 100%; }

  div.dribbble-template div.imageholder-wrapper a img {
    max-width: 250px;
    display: block;
    margin: 0 auto; }

  div.flickr-template div.imageholder-wrapper a.wrap, .full-width div.flickr-template div.imageholder-wrapper {
    width: 100%; }

  div.flickr-template div.imageholder-wrapper a img {
    max-width: 250px;
    margin: 0 auto; }

  li.hasFeaturedImage div.post-info-wrap {
    width: auto;
    height: auto !important;
    padding-left: 0;
    padding-right: 0; }

  .blog-template #main-content ul.posts li {
    margin-bottom: 1em;
    padding-bottom: 10px;
    width: 100%;
  }

  div.portfolio-metadata {
    display: none; }

  .redils-title-1, .redils-title-2, .redils-title-3, .redils-title-4, .redils-title-5 {
    letter-spacing: 0; }

  .blog-template #main-content ul.posts div.image img{
    width: 100%;
  }

  div.layout-builder-posts div.posts-wrapper {
    width: 100% !important; }

  div.layout-builder-posts div.posts-wrapper ul li div.image {
    display: none; }

  div.layout-builder-posts div.posts-wrapper ul li div.desc {
    width: auto; }

  div.news-letter form input[type=text] {
    width: 90%; }

  div.news-letter form input[type=submit] {
    margin-left: 0;
    margin-bottom: 15px; }

  .full-width .portfolio-one-column div.image, .full-width .portfolio-one-column div.description {
    width: 100%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  div.portfolio-metadata {
    display: none; }

  ul.related-posts {
    margin-top: 10px; }

  .related-posts li {
    width: 70px;
    margin: 5px 0px 5px 11px; }

  .related-posts li a.imageholder {
    display: block;
    width: 70px; }

  .related-posts li img {
    width: 60px; }

  div.page-wrapper {
    width: 100%;
    overflow-x: hidden; } }
/* == Only Mobile Portrait View =========== */
@media only screen and (max-width: 479px) {
  .full-width div.portfolio-four-column ul.posts > li, .full-width div.portfolio-three-column ul.posts > li, .full-width div.portfolio-two-column ul.posts > li {
    width: 100%;
    margin-bottom: 20px; } }