/*
Theme Name: GemPro
Theme URI: http://demo.webulous.in/gem/
Author: N. Venkat Raj
Author URI: http://www.webulous.in/
Description: Diamond is a multi purpose, responsive theme with beautiful design and cool CSS3 animations. It uses HTML5, CSS3, Bootstrap Grid system and coded with love and care. It's best suited for corporate/portfolio/blog sites. It has advanced theme options panel support to customize various parts of site, footer widget area to accommodate 4 widgets. Check the demo at http://gem.webulous.in/
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gempro
Domain Path: /languages/
Tags:  black, orange, custom-background, custom-header, custom-menu, dark, featured-images, fixed-layout, left-sidebar, post-formats, responsive-layout, right-sidebar, sticky-post, threaded-comments, translation-ready, two-columns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Boxy is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Grid
3.0 Typography
4.0 Elements
	4.1 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Media
	6.1 Captions
	6.2 Galleries	
7.0 Modules
	7.1 Accessibility
	7.2 Alignments
	7.3 Clearings
	7.4 Infinite scroll
8.0 Header
9.0 Primary
10.0 Secondary
11.0 Footer
12.0 Pro
13.0 Responsiveness

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  box-sizing: border-box;
  /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
  overflow-x: hidden; }

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

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

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

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

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

a img {
  border: 0; }

/*--------------------------------------------------------------
2.0 Grid
--------------------------------------------------------------*/
.container {
  position: relative;
  width: 93%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0; }
  .container .one.column {
    width: 4.1%; }
  .container .two.columns {
    width: 10.4%; }
  .container .three.columns {
    width: 16.6%; }
  .container .four.columns {
    width: 22.9%; }
  .container .five.columns {
    width: 29.16%; }
  .container .six.columns {
    width: 35%; }
  .container .seven.columns {
    width: 41.6%; }
  .container .eight.columns {
    width: 47.9%; }
  .container .nine.columns {
    width: 54.16%; }
  .container .ten.columns {
    width: 60%; }
  .container .eleven.columns {
    width: 66.66%; }
  .container .twelve.columns {
    width: 72.9%; }
  .container .thirteen.columns {
    width: 79.16%; }
  .container .fourteen.columns {
    width: 85%; }
  .container .fifteen.columns {
    width: 91.66%; }
  .container .sixteen.columns {
    width: 97.9%; }
  .container .one-third.column {
    width: 31.25%; }
  .container .two-thirds.column {
    width: 64.5%; }
  .container .offset-by-one {
    padding-left: 6.25%; }
  .container .offset-by-two {
    padding-left: 12.5%; }
  .container .offset-by-three {
    padding-left: 18.75%; }
  .container .offset-by-four {
    padding-left: 25%; }
  .container .offset-by-five {
    padding-left: 31.25%; }
  .container .offset-by-six {
    padding-left: 37.5%; }
  .container .offset-by-seven {
    padding-left: 43.7%; }
  .container .offset-by-eight {
    padding-left: 50%; }
  .container .offset-by-nine {
    padding-left: 56.25%; }
  .container .offset-by-ten {
    padding-left: 62.5%; }
  .container .offset-by-eleven {
    padding-left: 68.75%; }
  .container .offset-by-twelve {
    padding-left: 75%; }
  .container .offset-by-thirteen {
    padding-left: 81.25%; }
  .container .offset-by-fourteen {
    padding-left: 87.5%; }
  .container .offset-by-fifteen {
    padding-left: 93.75%; }

.column, .columns {
  float: left;
  display: inline;
  margin-left: 1%;
  margin-right: 1%; }

.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

.row {
  margin-bottom: 2%; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 93%; }
    .container .column, .container .columns {
      margin-left: 1.3%;
      margin-right: 1.3%; }
      .container .column .alpha, .container .columns .alpha {
        margin-left: 0;
        margin-right: 1.3%; }
      .container .column .omega, .container .columns .omega {
        margin-left: 1.3%;
        margin-right: 0%; }
    .container .one.column {
      width: 3.64%; }
    .container .two.columns {
      width: 9.89%; }
    .container .three.columns {
      width: 16.1%; }
    .container .four.columns {
      width: 22.39%; }
    .container .five.columns {
      width: 28.64%; }
    .container .six.columns {
      width: 34.89%; }
    .container .seven.columns {
      width: 41.14%; }
    .container .eight.columns {
      width: 47.39%; }
    .container .nine.columns {
      width: 53.64%; }
    .container .ten.columns {
      width: 59.89%; }
    .container .eleven.columns {
      width: 66.14%; }
    .container .twelve.columns {
      width: 72.39%; }
    .container .thirteen.columns {
      width: 78.64%; }
    .container .fourteen.columns {
      width: 84.89%; }
    .container .fifteen.columns {
      width: 91.14%; }
    .container .sixteen.columns {
      width: 97.39%; }
    .container .one-third.column {
      width: 30.72%; }
    .container .two-thirds.column {
      width: 64%; }
    .container .offset-by-one {
      padding-left: 6.25%; }
    .container .offset-by-two {
      padding-left: 12.5%; }
    .container .offset-by-three {
      padding-left: 18.75%; }
    .container .offset-by-four {
      padding-left: 25%; }
    .container .offset-by-five {
      padding-left: 31.25%; }
    .container .offset-by-six {
      padding-left: 37.5%; }
    .container .offset-by-seven {
      padding-left: 43.75%; }
    .container .offset-by-eight {
      padding-left: 45%; }
    .container .offset-by-nine {
      padding-left: 56.25%; }
    .container .offset-by-ten {
      padding-left: 62.5%; }
    .container .offset-by-eleven {
      padding-left: 68.75%; }
    .container .offset-by-twelve {
      padding-left: 75%; }
    .container .offset-by-thirteen {
      padding-left: 81.25%; }
    .container .offset-by-fourteen {
      padding-left: 87.5%; }
    .container .offset-by-fifteen {
      padding-left: 93.75%; } }
@media only screen and (max-width: 767px) {
  .container {
    width: 93%; }
    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
      width: 100%; }
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
      padding-left: 0; }

  .columns, .column {
    margin: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 93%; }
    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
      width: 100%; }

  .columns, .column {
    margin: 0; } }
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-wide-grey:after,
.panel-row-style-wide-grey:before,
.panel-row-style-wide-dark-grey:after,
.panel-row-style-wide-dark-grey:before,
.panel-row-style-section-pattern2:after,
.panel-row-style-section-pattern2:before,
.panel-row-style-section-pattern:before,
.panel-row-style-section-pattern:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* ==|== primary styles =====================================================
   Author: Lucas - Skeleton Based Media Queries
   ========================================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/*--------------------------------------------------------------
3.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #242424;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4; }

p {
  line-height: 1.7; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  color: #242424;
  clear: both;
  font-weight: 700;
  margin-bottom: 15px; }

h1 {
  font-size: 39px;
  font-size: 3.9rem; }

h2 {
  font-size: 32px;
  font-size: 3.2rem; }

h3 {
  font-size: 27px;
  font-size: 2.7rem; }

h4 {
  font-size: 22px;
  font-size: 2.2rem; }

h5 {
  font-size: 19px;
  font-size: 1.9rem; }

h6 {
  font-size: 16px;
  font-size: 1.6rem; }

p {
  margin-bottom: 1.5em; }

b, strong {
  font-weight: bold; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #d7d7d7;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #242424;
  cursor: help; }

mark, ins {
  background: #d7d7d7;
  text-decoration: none; }

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

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
4.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #848484;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

table tr th:hover a {
  color: #242424 !important; }

table td, th {
  border-bottom: 1px solid #d7d7d7;
  padding: 10px; }

table th {
  font-weight: 700;
  text-transform: uppercase; }

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  color: #fff;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  line-height: 1;
  padding: 0.8em 1.2em;
  font-weight: bold; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #242424; }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #242424; }

fsubmitinput[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none; }

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

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #000; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 5px;
  border: 1px solid #d7d7d7; }

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%; }

.entry-content input[type="radio"] {
  opacity: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 27px;
  top: 3px; }
.entry-content input[type="radio"] + span {
  background: url("images/form-radio1.png") no-repeat;
  padding-right: 15px;
  padding-left: 40px;
  cursor: pointer;
  background-size: contain; }
.entry-content input[type="radio"]:checked + span {
  background: url("images/form-radio-check.png") no-repeat;
  padding-right: 15px;
  padding-left: 40px;
  background-size: contain; }

.entry-content input[type="checkbox"] {
  opacity: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 27px;
  top: 3px; }
.entry-content input[type="checkbox"] + span {
  background: url("images/form-check.png") no-repeat;
  padding-right: 15px;
  padding-left: 40px;
  cursor: pointer;
  background-size: contain; }
.entry-content input[type="checkbox"]:checked + span {
  background: url("images/form-check-full.png") no-repeat;
  padding-right: 15px;
  padding-left: 40px;
  background-size: contain; }

.entry-content select {
  padding: 5px 180px 5px 0px;
  margin-top: 15px;
  -moz-appearance: none;
  appearance: none;
  background-color: black;
  color: white;
  border: none; }

.footer-widgets .textwidget .wpcf7-form {
  position: relative;
  margin-top: 10px; }
  .footer-widgets .textwidget .wpcf7-form input.wpcf7-email {
    margin-bottom: 10px;
    background-color: #7F7F7F;
    border: 0;
    color: #d7d7d7;
    width: 98%;
    padding: 6px 10px; }
  .footer-widgets .textwidget .wpcf7-form input.wpcf7-submit {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .footer-widgets .textwidget .wpcf7-form input.wpcf7-submit:hover {
      background-color: #242424;
      color: #fff; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: square; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #606060;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  a:hover, a:focus, a:active {
    outline: none;
    outline-offset: 0; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
#nav-wrap {
  background-color: #242424;
  position: relative; }

.main-navigation {
  display: block;
  position: relative; }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin-top: 0; }
    .main-navigation ul ul {
      box-shadow: none;
      float: left;
      position: absolute;
      top: 2.5em;
      left: -999em;
      z-index: 99999;
      margin: 0; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0;
        margin-top: 0; }
        .main-navigation ul ul ul li:first-child {
          margin-top: 3px; }
      .main-navigation ul ul li {
        background-color: #242424;
        margin: 0;
        padding: 0 15px;
        height: auto;
        position: relative; }
        .main-navigation ul ul li:first-child {
          margin-top: 25px; }
        .main-navigation ul ul li:last-child a {
          border: 0; }
        .main-navigation ul ul li:hover > ul {
          right: 100%; }
        .main-navigation ul ul li:hover {
          border: none;
          padding-bottom: 0px; }
      .main-navigation ul ul a {
        min-width: 300px;
        border: 0;
        height: auto;
        color: #fff;
        padding: 12px 15px;
        border-bottom: 1px solid #fff;
        text-transform: none;
        font-weight: 400; }
    .main-navigation ul li:hover > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
    .main-navigation li:hover ul {
      margin-top: 0; }
  .main-navigation a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 22px 5px 22px 20px;
    position: relative;
    margin-right: 30px;
    font-weight: 700;
    font-size: 15px;
    font-size: 1.5rem; }
    .main-navigation a:after {
      position: absolute;
      content: "";
      top: 0;
      right: -25px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      width: 0;
      border-top: 33px solid transparent;
      border-left: 25px solid transparent;
      border-bottom: 33px solid transparent; }
  .main-navigation li li a {
    margin-right: 0; }
    .main-navigation li li a:after {
      display: none; }
  .main-navigation a:hover,
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current-menu-parent > a,
  .main-navigation .current_page_ancestor > a,
  .main-navigation .current_page_parent > a {
    color: #fff; }

.main-navigation .sub-menu .current_page_item > a,
.main-navigation .sub-menu .current-menu-item > a,
.main-navigation .sub-menu .current_page_ancestor > a {
  border-bottom: none;
  color: #fff;
  background-image: none; }

/* Small menu */
.menu-toggle {
  display: none; }

.slicknav_menu {
  display: none !important;
  padding: 0;
  background: #242424 !important; }

@media screen and (max-width: 700px) {
  .menu-toggle,
  .main-navigation.toggled ul.menu.nav-menu {
    display: block; }
    .menu-toggle ul li:hover ul,
    .main-navigation.toggled ul.menu.nav-menu ul li:hover ul {
      left: 0 !important;
      right: auto !important; }

  .main-navigation ul.menu.nav-menu {
    display: none; }

  #nav-wrap .thirteen.columns {
    display: none; }

  .slicknav_btn {
    float: left; }

  .slicknav_menu {
    display: block !important;
    padding: 10px 0 20px 20px; }

  .slicknav_nav a.slicknav_row,
  .slicknav_nav a {
    display: block;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff; }
    .slicknav_nav a.slicknav_row:hover,
    .slicknav_nav a:hover {
      color: #fff;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 0;
      border-radius: 0; } }
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  margin: 3em 0 3em; }

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 49%; }

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 49%; }

.pagination {
  text-align: center;
  margin-bottom: 30px;
  margin-left: 420px;
  overflow: hidden; }

.page-numbers {
  padding: 10px 15px;
  display: block;
  border: 1px solid #242424;
  color: #000 !important;
  float: left;
  border-right: none; }
  .page-numbers:last-child {
    border-right: 1px solid #242424; }

.site-content .navigation a,
.site-content .more-link,
.site-content .comment-navigation a {
  background-color: #d7d7d7;
  color: #242424;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 9px 15px 9px 34px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  border: 1px solid #848484; }
  .site-content .navigation a:hover,
  .site-content .more-link:hover,
  .site-content .comment-navigation a:hover {
    color: #fff; }
  .site-content .navigation a span,
  .site-content .more-link span,
  .site-content .comment-navigation a span {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    height: 5px;
    position: absolute;
    top: 36%;
    display: block;
    text-indent: -9999em;
    font-size: 0; }
.site-content .nav-previous a span {
  left: 15px;
  border-right: 8px solid #242424; }
.site-content .nav-previous a:hover span {
  border-right-color: #fff; }
.site-content .nav-next a {
  padding-right: 34px;
  padding-left: 15px; }
  .site-content .nav-next a span {
    border-left: 8px solid #242424;
    right: 15px; }
  .site-content .nav-next a:hover span {
    border-left-color: #fff; }
.site-content .more-link {
  width: 28%;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
  padding: 8px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  border: 0;
  position: relative; }
  .site-content .more-link:hover {
    background-color: #242424;
    color: #fff; }
  .site-content .more-link span {
    border-left: 8px solid #fff;
    right: 12px;
    top: 32%; }
.site-content .page-links a {
  background-color: #000;
  color: #fff;
  padding: 4px 8px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.site-content .comment-navigation .nav-previous a {
  padding-left: 15px; }
.site-content .comment-navigation .nav-next a {
  padding-right: 15px; }

.webulous_page_navi {
  list-style-type: none;
  margin: 0 0 30px;
  text-align: right; }
  .webulous_page_navi li {
    display: inline-block;
    margin: 0 1px; }
    .webulous_page_navi li a {
      display: inline-block;
      padding: 2px 10px;
      color: #fff;
      margin: 0px;
      background-color: #242424; }
  .webulous_page_navi li.bpn-next-link a,
  .webulous_page_navi li.bpn-prev-link a {
    background-color: #242424;
    padding: 2px 10px;
    border: 0;
    color: #fff;
    position: relative;
    margin: 0; }
  .webulous_page_navi li.bpn-current {
    color: #242424;
    padding: 2px 10px;
    color: #fff; }

/*--------------------------------------------------------------
6.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
6.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
6.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
7.0 Modules
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #fff;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */ }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
8.0 Header
--------------------------------------------------------------*/
.site-header .branding .site-branding {
  padding: 0;
  color: #000;
  min-width: 35%;
  display: inline-block;
  position: relative;
  min-height: 130px; }
  .site-header .branding .site-branding img {
    margin: 0; }
  .site-header .branding .site-branding:after {
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent;
    border-right: 0;
    content: "";
    height: 0;
    position: absolute;
    right: -40px;
    top: 0;
    width: 0; }
  .site-header .branding .site-branding .site-title {
    margin-bottom: 0;
    padding-top: 30px;
    line-height: 1; }
    .site-header .branding .site-branding .site-title a {
      color: #fff; }
      .site-header .branding .site-branding .site-title a:hover {
        color: #000; }
  .site-header .branding .site-branding:before {
    position: absolute;
    top: 0;
    left: -1000px;
    width: 1000px;
    height: 100%;
    content: ""; }
.site-header .branding .site-description {
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 0;
  font-weight: 400;
  font-family: "Lato", sans-serif; }
.site-header .three .search-form {
  padding: 0;
  position: relative;
  top: -25px; }
  .site-header .three .search-form:before {
    position: absolute;
    content: "";
    left: -25px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 25px solid #F0F2F3;
    border-bottom: 25px solid transparent; }
  .site-header .three .search-form:after {
    background-color: #F0F2F3;
    position: absolute;
    top: 0;
    right: -1000px;
    width: 1000px;
    height: 100%;
    content: ""; }
  .site-header .three .search-form input.search-field {
    background-color: #F0F2F3;
    padding: 14px 0;
    display: block;
    width: 83%;
    padding-right: 5%;
    color: #000;
    padding-left: 12%;
    border: 0; }
  .site-header .three .search-form input.search-submit {
    height: 16px;
    position: absolute;
    text-indent: -9999em;
    width: 15px;
    top: 18px;
    left: 0;
    background: url("../images/icon-search-black.png") no-repeat left top;
    padding: 0; }
    .site-header .three .search-form input.search-submit:hover {
      background: url("../images/icon-search-black.png") no-repeat left top; }

.header-wrap #header-top {
  padding: 20px 0 20px; }
  .header-wrap #header-top .social ul,
  .header-wrap #header-top .contact ul {
    margin: 0;
    list-style-type: none; }
.header-wrap .social {
  color: #fff; }
.header-wrap .social ul {
  text-align: right;
  padding-top: 16px; }
  .header-wrap .social ul li a {
    background-color: #fff;
    color: #242424; }
    .header-wrap .social ul li a:after {
      border-top-color: #fff !important; }
.header-wrap .site-header .social {
  /* Search widget */
  /* Social */ }
  .header-wrap .site-header .social ul {
    margin-left: 15px; }
    .header-wrap .site-header .social ul li {
      list-style-image: url("images/right-arrow-black.png");
      padding: 15px 0px;
      border-bottom: 1px solid #d7d7d7;
      color: #848484; }
    .header-wrap .site-header .social ul a {
      color: #848484; }
  .header-wrap .site-header .social .widget:first-child {
    padding-top: 0; }
  .header-wrap .site-header .social ul ul {
    margin: 0; }
  .header-wrap .site-header .social ul ul li {
    padding-left: 10px !important; }
  .header-wrap .site-header .social .widget {
    line-height: 1;
    /* Make sure select elements fit in widgets */ }
    .header-wrap .site-header .social .widget ul, .header-wrap .site-header .social .widget ol {
      padding: 0;
      list-style: none; }
      .header-wrap .site-header .social .widget ul li, .header-wrap .site-header .social .widget ol li {
        padding: 8px 1px;
        border-bottom: 1px solid #d7d7d7; }
        .header-wrap .site-header .social .widget ul li ul, .header-wrap .site-header .social .widget ul li ol, .header-wrap .site-header .social .widget ol li ul, .header-wrap .site-header .social .widget ol li ol {
          padding: 0; }
    .header-wrap .site-header .social .widget select {
      max-width: 100%; }
  .header-wrap .site-header .social .widget {
    padding: 0 0 20px;
    /* Make sure select elements fit in widgets */ }
    .header-wrap .site-header .social .widget ul li, .header-wrap .site-header .social .widget ol li {
      border-bottom: 1px solid #d7d7d7; }
      .header-wrap .site-header .social .widget ul li ul,
      .header-wrap .site-header .social .widget ul li ol, .header-wrap .site-header .social .widget ol li ul,
      .header-wrap .site-header .social .widget ol li ol {
        padding: 0; }
    .header-wrap .site-header .social .widget select {
      max-width: 100%; }
  .header-wrap .site-header .social .widget-title {
    padding: 14px 14px 14px 0;
    margin-bottom: 0; }
  .header-wrap .site-header .social .widget_search .search-submit {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .header-wrap .site-header .social .recentcomments a:hover {
    color: #242424 !important; }
  .header-wrap .site-header .social ul ul li:first-child {
    border-top: 1px solid #d7d7d7;
    margin-top: 10px; }
  .header-wrap .site-header .social ul ul li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important; }
  .header-wrap .site-header .social ul#social-widget,
  .header-wrap .site-header .social ul.social-widget {
    padding: 0;
    margin: 0;
    text-align: right; }
    .header-wrap .site-header .social ul#social-widget li,
    .header-wrap .site-header .social ul.social-widget li {
      padding: 0 2px;
      display: inline-block;
      border: 0 !important; }
      .header-wrap .site-header .social ul#social-widget li a,
      .header-wrap .site-header .social ul.social-widget li a {
        padding: 0;
        width: 34px;
        display: block;
        height: 34px;
        line-height: 34px;
        text-align: center;
        position: relative;
        background-color: #000;
        color: #fff; }
        .header-wrap .site-header .social ul#social-widget li a:hover,
        .header-wrap .site-header .social ul.social-widget li a:hover {
          color: #fff; }
        .header-wrap .site-header .social ul#social-widget li a:after,
        .header-wrap .site-header .social ul.social-widget li a:after {
          position: absolute;
          content: "";
          left: 0;
          bottom: -10px;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
          z-index: -1;
          width: 0;
          border-top: 10px solid #000;
          border-left: 17px solid transparent;
          border-right: 17px solid transparent; }

.site-header .social .widget_social-networks-widget h4.widget-title {
  display: none; }

/*--------------------------------------------------------------
9.0 Primary
--------------------------------------------------------------*/
.site-content {
  margin: 100px auto 0; }

.free-home {
  margin-bottom: 100px; }

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

.comment-content {
  margin-top: 25px; }
  .comment-content a {
    word-wrap: break-word; }
  .comment-content ol {
    list-style: decimal; }

.form-submit input[type="submit"] {
  padding: 15px;
  font-weight: bold; }

.bypostauthor {
  display: block; }

.comment-form-comment textarea {
  color: #000;
  border: 1px solid #d7d7d7; }

#comments {
  margin-top: 40px; }

#comments .children,
.comment-list {
  list-style: none;
  margin: 0; }

.comment-list > li:last-child {
  border: 0; }
.comment-list > li .children {
  border: 0;
  margin-left: 10% !important; }
.comment-list > li article {
  padding: 50px 0;
  border-bottom: 1px solid #d7d7d7; }
  .comment-list > li article .comment-meta .comment-author span {
    display: none; }
  .comment-list > li article .comment-meta .comment-author b, .comment-list > li article .comment-meta .comment-author a, .comment-list > li article .comment-meta .comment-author cite {
    font-style: normal; }
    .comment-list > li article .comment-meta .comment-author b:hover, .comment-list > li article .comment-meta .comment-author a:hover, .comment-list > li article .comment-meta .comment-author cite:hover {
      color: #242424; }
  .comment-list > li article .comment-meta .comment-author cite {
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem; }
  .comment-list > li article .comment-meta .comment-metadata a {
    color: #848484;
    font-size: 14px;
    font-size: 1.4rem; }
    .comment-list > li article .comment-meta .comment-metadata a:hover {
      color: #606060; }
  .comment-list > li article .comment-meta .comment-metadata .edit-link:hover {
    color: #606060; }
  .comment-list > li article .comment-meta .comment-metadata .edit-link i {
    font-size: 14px;
    font-size: 1.4rem;
    color: #848484;
    padding: 0 5px; }
  .comment-list > li article .comment-content ul {
    list-style: square; }
  .comment-list > li article .reply {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem; }
    .comment-list > li article .reply i {
      padding-right: 5px; }
    .comment-list > li article .reply:hover i {
      color: #242424; }
.comment-list > li .comments-avatar {
  height: 130px;
  overflow: hidden;
  position: absolute;
  width: 130px;
  float: left; }
  .comment-list > li .comments-avatar img {
    margin: 0; }
  .comment-list > li .comments-avatar .overlay {
    display: block;
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    pointer-events: none;
    background: url("../images/avatar.png") no-repeat left top;
    outline: 0; }
.comment-list > li .comment-metadata,
.comment-list > li .comment-author,
.comment-list > li .comment-content,
.comment-list > li .comment-awaiting-moderation {
  display: block;
  margin-left: 150px;
  float: none; }

.comment-respond {
  margin-top: 50px;
  margin-bottom: 50px; }
  .comment-respond p.comment-form-author,
  .comment-respond p.comment-form-email {
    width: 50%;
    float: left; }
  .comment-respond p.comment-form-author input {
    width: 98%; }
  .comment-respond p.comment-form-url {
    width: 100%; }
  .comment-respond input,
  .comment-respond textarea {
    width: 100%;
    border-color: #d7d7d7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .comment-respond input:hover,
    .comment-respond textarea:hover {
      border-color: #848484; }
  .comment-respond label {
    display: block; }
  .comment-respond .form-submit input {
    width: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .comment-respond textarea {
    padding: 10px; }

#primary .sticky {
  display: block;
  border-radius: 7px;
  position: relative;
  color: #fff;
  padding-bottom: 40px; }
  #primary .sticky .entry-title a {
    color: #fff !important; }
    #primary .sticky .entry-title a:hover {
      color: #000 !important; }
  #primary .sticky .entry-content h1, #primary .sticky .entry-content h2, #primary .sticky .entry-content h3, #primary .sticky .entry-content h4, #primary .sticky .entry-content h5, #primary .sticky .entry-content h6 {
    color: #fff; }
  #primary .sticky .entry-content li {
    margin-bottom: 15px; }
  #primary .sticky a, #primary .sticky span, #primary .sticky time {
    color: #fff !important; }
    #primary .sticky a:hover, #primary .sticky span:hover, #primary .sticky time:hover {
      color: #242424 !important; }
  #primary .sticky li code {
    color: #000;
    list-decoration: show; }
  #primary .sticky .entry-meta a,
  #primary .sticky .entry-footer a {
    color: #242424; }

#primary .entry-header {
  margin-bottom: 35px; }
#primary .entry-title a {
  color: #000; }
#primary .entry-meta,
#primary .entry-footer {
  padding: 10px 0 0 0;
  position: relative; }
  #primary .entry-meta span, #primary .entry-meta a,
  #primary .entry-footer span,
  #primary .entry-footer a {
    color: #848484; }
  #primary .entry-meta a:hover,
  #primary .entry-meta span a:hover,
  #primary .entry-footer a:hover,
  #primary .entry-footer span a:hover {
    color: #606060; }
  #primary .entry-meta span,
  #primary .entry-footer span {
    padding-right: 25px; }
    #primary .entry-meta span span,
    #primary .entry-footer span span {
      padding: 0; }
  #primary .entry-meta span.edit-link,
  #primary .entry-meta span.tags-links,
  #primary .entry-footer span.edit-link,
  #primary .entry-footer span.tags-links {
    border-right: 0; }
  #primary .entry-meta .fa,
  #primary .entry-footer .fa {
    padding-right: 5px; }
  #primary .entry-meta .fa.fa-clock-o,
  #primary .entry-footer .fa.fa-clock-o {
    padding-right: 3px; }
#primary .entry-footer span {
  border: 0; }

.hentry {
  margin: 0; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.entry-content blockquote {
  position: relative;
  padding-left: 38px;
  margin-bottom: 30px; }
  .entry-content blockquote:before {
    position: absolute;
    content: "\f10d";
    font-size: 25px;
    font-size: 2.5rem;
    font-family: 'FontAwesome';
    left: 8px;
    top: 10px;
    color: #fff;
    z-index: 1; }
  .entry-content blockquote:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    top: 10px;
    left: 0;
    z-index: auto; }
  .entry-content blockquote p {
    padding: 10px 20px;
    font-size: 20px;
    font-size: 2rem;
    margin-top: 0;
    margin-left: 10px; }

.post .post-thumb img {
  margin: 0; }

#primary .post.hentry {
  background-color: #f8f8f8;
  border: 1px solid #eae9e9; }
  #primary .post.hentry .entry-header,
  #primary .post.hentry .entry-content,
  #primary .post.hentry .entry-footer,
  #primary .post.hentry .entry-summary {
    padding-left: 50px;
    padding-right: 50px; }
  #primary .post.hentry .entry-header {
    padding-top: 40px; }

.blog-content {
  padding-bottom: 15px; }
  .blog-content .hentry {
    margin: 0 0 3em; }
  .blog-content article {
    padding-bottom: 3em; }
  .blog-content p.portfolio-readmore {
    margin: 10px 0px; }

#primary .entry-title a {
  color: #000; }

.home .flexslider {
  margin-bottom: 0 !important;
  border: 0 !important;
  margin-bottom: 0;
  -webkit-box-shadow: inset 0 0 0 transparent !important;
  -moz-box-shadow: inset 0 0 0 transparent !important;
  box-shadow: inset 0 0 0 transparent !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important; }
  .home .flexslider .slides img {
    margin: 0 !important; }
  .home .flexslider .slides .flex-caption {
    width: 35%;
    position: absolute;
    bottom: 5%;
    right: 3%;
    padding: 50px;
    background-color: rgba(36, 36, 36, 0.6);
    min-height: 100px; }
    .home .flexslider .slides .flex-caption h1, .home .flexslider .slides .flex-caption h2, .home .flexslider .slides .flex-caption h3, .home .flexslider .slides .flex-caption h4, .home .flexslider .slides .flex-caption h5, .home .flexslider .slides .flex-caption h6 {
      color: #fff;
      text-transform: uppercase;
      padding-bottom: 15px;
      margin-bottom: 15px;
      text-align: right;
      position: relative; }
      .home .flexslider .slides .flex-caption h1:after, .home .flexslider .slides .flex-caption h2:after, .home .flexslider .slides .flex-caption h3:after, .home .flexslider .slides .flex-caption h4:after, .home .flexslider .slides .flex-caption h5:after, .home .flexslider .slides .flex-caption h6:after {
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: rgba(215, 215, 215, 0.4); }
    .home .flexslider .slides .flex-caption h1 {
      font-size: 30px;
      font-size: 3rem; }
    .home .flexslider .slides .flex-caption h2 {
      font-size: 26px;
      font-size: 2.6rem; }
    .home .flexslider .slides .flex-caption h3 {
      font-size: 22px;
      font-size: 2.2rem; }
    .home .flexslider .slides .flex-caption h4 {
      font-size: 20px;
      font-size: 2rem; }
    .home .flexslider .slides .flex-caption h5 {
      font-size: 18px;
      font-size: 1.8rem; }
    .home .flexslider .slides .flex-caption a,
    .home .flexslider .slides .flex-caption p a {
      color: #fff;
      padding: 6px 16px;
      margin-top: 20px;
      font-weight: 700;
      display: inline-block;
      text-align: center;
      position: relative;
      right: 20px;
      line-height: 1.7;
      float: right; }
      .home .flexslider .slides .flex-caption a:hover,
      .home .flexslider .slides .flex-caption p a:hover {
        background-color: #242424; }
      .home .flexslider .slides .flex-caption a:after,
      .home .flexslider .slides .flex-caption p a:after {
        border-bottom: 20px solid transparent;
        border-left: 20px solid #242424;
        border-top: 20px solid transparent;
        content: "";
        position: absolute;
        right: -20px;
        top: 0; }
    .home .flexslider .slides .flex-caption p {
      margin-bottom: 0;
      color: #fff;
      text-align: right; }
      .home .flexslider .slides .flex-caption p a {
        float: none; }
  .home .flexslider .flex-control-paging li a {
    width: 12px;
    border-radius: 0;
    background: #242424;
    box-shadow: none;
    height: 12px;
    transform: rotate(45deg);
    transform-origin: 0 100%; }
  .home .flexslider .flex-control-paging li .flex-active {
    background: #fff; }
  .home .flexslider .flex-control-nav {
    z-index: 10;
    bottom: 20px; }
  .home .flexslider .flex-direction-nav a {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    background: none;
    text-align: center;
    text-indent: -999em;
    line-height: auto; }
    .home .flexslider .flex-direction-nav a:before {
      display: none; }
  .home .flexslider .flex-direction-nav .flex-nav-prev a {
    border-top: 25px solid transparent;
    border-right: 25px solid #242424;
    border-bottom: 25px solid transparent; }
  .home .flexslider .flex-direction-nav .flex-nav-next a {
    border-top: 25px solid transparent;
    border-left: 25px solid #242424;
    border-bottom: 25px solid transparent; }

.home .site-content #primary .services-wrapper div:nth-child(2n+1) {
  margin-right: 0; }
.home .site-content #primary .services-wrapper > div {
  margin-bottom: 50px; }
.home .site-content #primary .services-wrapper .service-featured {
  width: 89px;
  float: left;
  position: relative; }
  .home .site-content #primary .services-wrapper .service-featured img {
    margin: 0; }
  .home .site-content #primary .services-wrapper .service-featured .overlay2 {
    display: block;
    width: 89px;
    height: 89px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    background: url("../images/bg-service.png") no-repeat left top;
    outline: 0; }
.home .site-content #primary .services-wrapper .service-content {
  width: 65%;
  float: right;
  margin-right: 5%; }
  .home .site-content #primary .services-wrapper .service-content p {
    color: #848484;
    line-height: 1.5; }
  .home .site-content #primary .services-wrapper .service-content h5 {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem; }
.home .site-content #primary .post-wrapper-head {
  text-align: center;
  margin: 0 auto 86px; }
  .home .site-content #primary .post-wrapper-head h2 {
    display: inline;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 0; }
    .home .site-content #primary .post-wrapper-head h2:before {
      position: absolute;
      width: 40%;
      height: 5px;
      content: "";
      bottom: -10px;
      left: 30%; }
    .home .site-content #primary .post-wrapper-head h2:after {
      height: 14px;
      position: absolute;
      transform: rotate(45deg);
      transform-origin: 0 100%;
      width: 14px;
      left: 47%;
      bottom: -8px;
      content: "";
      border: 2px solid #fff; }
.home .site-content #primary .post-wrapper {
  position: relative; }
  .home .site-content #primary .post-wrapper .latest-posts {
    margin-bottom: 20px; }
    .home .site-content #primary .post-wrapper .latest-posts .one-third.column {
      margin: 0;
      width: 33.25%; }
    .home .site-content #primary .post-wrapper .latest-posts .posted-on {
      color: #ababac;
      margin-bottom: 5px;
      font-size: 14px;
      font-size: 1.4rem; }
      .home .site-content #primary .post-wrapper .latest-posts .posted-on .fa {
        padding-right: 5px;
        color: #ababac; }
      .home .site-content #primary .post-wrapper .latest-posts .posted-on .author {
        padding-left: 20px; }
        .home .site-content #primary .post-wrapper .latest-posts .posted-on .author a {
          color: #ababac; }
          .home .site-content #primary .post-wrapper .latest-posts .posted-on .author a:hover {
            color: #606060; }
  .home .site-content #primary .post-wrapper .latest-post.even .overlay {
    background: url("../images/bg-transparent-post-2.png") no-repeat left top; }

.clip-svg {
  height: 0; }

.breadcrumb-wrap {
  padding: 25px 0;
  background-color: #d7d7d7; }
  .breadcrumb-wrap .six.breadcrumb {
    text-align: right; }
    .breadcrumb-wrap .six.breadcrumb #crumbs {
      padding: 15px 0 10px; }
    .breadcrumb-wrap .six.breadcrumb .current {
      padding-left: 5px; }
    .breadcrumb-wrap .six.breadcrumb a {
      padding-right: 5px;
      padding-left: 5px; }
  .breadcrumb-wrap .entry-header h1 {
    margin-bottom: 0; }

.hr-divider {
  margin: 40px -100% 70px;
  padding: 20px 100%;
  border-top: 1px solid #B5B6B6;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  position: relative; }
  .hr-divider:after {
    content: "";
    width: 50px;
    height: 23px;
    background: url("../images/arrow.png") no-repeat left top;
    position: absolute;
    left: 49%;
    top: -22px; }

.error-404.not-found ul {
  margin-left: 0; }
.error-404.not-found .page-header h1 {
  text-align: center; }

.latest-post-thumb {
  height: 350px;
  overflow: hidden;
  position: relative; }
  .latest-post-thumb .overlay {
    display: block;
    width: 382px;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    pointer-events: none;
    background: url("../images/bg-transparent-post.png") no-repeat left top;
    outline: 0; }
  .latest-post-thumb img {
    margin: 0; }

.even .latest-post-thumb .overlay {
  background: url("../images/bg-transparent-post-2.png") no-repeat left top; }

.latest-post-content {
  border: 1px solid #d7d7d7;
  background-color: #F0F2F3;
  padding: 30px;
  height: 350px;
  overflow: hidden; }
  .latest-post-content .post-content-inner {
    height: 300px;
    overflow: hidden; }
    .latest-post-content .post-content-inner p {
      font-size: 14px;
      font-size: 1.4rem;
      color: #686868;
      line-height: 1.6;
      margin-bottom: .5em; }
  .latest-post-content h1, .latest-post-content h2, .latest-post-content h3, .latest-post-content h4, .latest-post-content h5, .latest-post-content h6 {
    font-weight: 400;
    margin-bottom: 10px; }
    .latest-post-content h1 a, .latest-post-content h2 a, .latest-post-content h3 a, .latest-post-content h4 a, .latest-post-content h5 a, .latest-post-content h6 a {
      color: #000; }
  .latest-post-content a.btn-readmore {
    color: #242424;
    font-size: 14px;
    font-size: 1.4rem; }

.author-bio {
  margin-bottom: 60px; }
  .author-bio .author-info .avatar {
    width: 50px;
    float: left; }
  .author-bio .author-info .description {
    float: right;
    width: 92%; }

.share-box, .entry-content .widget_social-networks-widget {
  margin-bottom: 60px; }
  .share-box h4, .entry-content .widget_social-networks-widget h4 {
    margin-bottom: 10px; }
  .share-box ul, .entry-content .widget_social-networks-widget ul {
    text-align: left;
    margin: 0;
    padding: 0; }
    .share-box ul li, .entry-content .widget_social-networks-widget ul li {
      margin: 0 10px 0 0;
      display: inline-block; }
      .share-box ul li a, .entry-content .widget_social-networks-widget ul li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #242424;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        color: #fff;
        display: block;
        text-align: center; }
        .share-box ul li a i, .entry-content .widget_social-networks-widget ul li a i {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.related-posts {
  margin-bottom: 60px; }
  .related-posts ul#webulous-related-posts {
    list-style-type: none;
    margin: 0; }
    .related-posts ul#webulous-related-posts li {
      width: 18%;
      float: left;
      margin: 1%;
      line-height: normal;
      text-align: center; }
      .related-posts ul#webulous-related-posts li a {
        line-height: normal; }
        .related-posts ul#webulous-related-posts li a img {
          margin: 0; }
      .related-posts ul#webulous-related-posts li:hover a {
        color: #242424; }

.social ul {
  text-align: right; }

/*--------------------------------------------------------------
10.0 Secondary
--------------------------------------------------------------*/
#secondary {
  padding: 11px 25px 20px;
  background-color: #f8f8f8;
  border: 1px solid #eae9e9; }

.left-sidebar .widget ul,
.left-sidebar .widget ol {
  margin: 0;
  list-style: inside; }

.widget-area .left-sidebar ul li {
  list-style-image: url("../images/right-arrow-black.png");
  padding: 15px 0px;
  border-bottom: 1px solid #d7d7d7;
  color: #848484; }
.widget-area .left-sidebar ul a {
  color: #848484; }
.widget-area .left-sidebar .widget:first-child {
  padding-top: 0; }
.widget-area ul ul {
  margin: 0; }
.widget-area ul ul li {
  padding-left: 10px !important; }

.footer-widgets .widget {
  padding: 36px 0 10px;
  line-height: 1;
  /* Make sure select elements fit in widgets */ }
  .footer-widgets .widget ul, .footer-widgets .widget ol {
    padding: 0;
    list-style: none; }
    .footer-widgets .widget ul li, .footer-widgets .widget ol li {
      padding: 8px 1px;
      border-bottom: 1px solid #d7d7d7; }
      .footer-widgets .widget ul li ul, .footer-widgets .widget ul li ol, .footer-widgets .widget ol li ul, .footer-widgets .widget ol li ol {
        padding: 0; }
  .footer-widgets .widget select {
    max-width: 100%; }

.widget-area .left-sidebar .widget {
  padding: 36px 0 10px;
  /* Make sure select elements fit in widgets */ }
  .widget-area .left-sidebar .widget ul li, .widget-area .left-sidebar .widget ol li {
    border-bottom: 1px solid #d7d7d7; }
    .widget-area .left-sidebar .widget ul li ul,
    .widget-area .left-sidebar .widget ul li ol, .widget-area .left-sidebar .widget ol li ul,
    .widget-area .left-sidebar .widget ol li ol {
      padding: 0; }
  .widget-area .left-sidebar .widget select {
    max-width: 100%; }

.widget-title {
  padding: 14px 14px 14px 0;
  margin-bottom: 0; }

/* Search widget */
.widget_search .search-submit {
  margin-top: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.left-sidebar .recentcomments a:hover {
  color: #242424 !important; }

.left-sidebar ul ul li:first-child,
.footer-widgets ul ul li:first-child {
  border-top: 1px solid #d7d7d7;
  margin-top: 10px; }
.left-sidebar ul ul li:last-child,
.footer-widgets ul ul li:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important; }

.widget_calendar table {
  border-collapse: separate;
  margin-bottom: 0;
  margin-top: 18px; }
  .widget_calendar table #today {
    color: #fff; }
    .widget_calendar table #today a {
      color: #fff; }
  .widget_calendar table td#prev {
    text-align: left; }
  .widget_calendar table td#next {
    text-align: right; }
  .widget_calendar table caption, .widget_calendar table th, .widget_calendar table td {
    text-align: center;
    border: none; }
  .widget_calendar table caption {
    padding: 10px;
    color: #fff;
    position: relative;
    width: 90%;
    margin: 0 auto 15px; }
    .widget_calendar table caption:after, .widget_calendar table caption:before {
      position: absolute;
      content: "";
      top: 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      width: 0;
      border-top: 18px solid transparent;
      border-bottom: 18px solid transparent; }
    .widget_calendar table caption:after {
      right: -15px; }
    .widget_calendar table caption:before {
      left: -15px; }
  .widget_calendar table thead th {
    padding: 7px 0; }
  .widget_calendar table td {
    padding: 10px 0; }

.left-sidebar .widget_calendar caption {
  padding: 7px 10px; }

.widget_archive select,
.widget_categories select {
  width: 100%;
  background-color: #fff;
  margin: 18px 18px 0 0;
  border: 1px solid #d7d7d7; }

.widget_archive select {
  padding: 5px 60px 4px 10px; }

.widget_categories select {
  padding: 5px 10px 4px 10px; }

.left-sidebar .widget_archive ul li,
.left-sidebar .widget_categories ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  position: relative;
  padding-left: 25px; }
  .left-sidebar .widget_archive ul li:before,
  .left-sidebar .widget_categories ul li:before {
    content: '\f073';
    position: absolute;
    left: 0;
    font-family: fontawesome;
    color: #848484; }

.left-sidebar .widget_categories ul li:before {
  content: '\f115'; }
.left-sidebar .widget_categories ul li li {
  padding-left: 25px !important; }

.rss-date, .widget_rss cite {
  display: block;
  color: #848484;
  margin: 5px 0; }

.left-sidebar .widget_rss ul {
  margin: 0;
  list-style-type: none; }
  .left-sidebar .widget_rss ul li {
    list-style-image: none !important; }
.left-sidebar .widget_rss a {
  font-weight: 700; }
  .left-sidebar .widget_rss a:hover {
    color: #242424 !important; }
.left-sidebar .widget_rss .widget-title a {
  color: #000 !important; }
  .left-sidebar .widget_rss .widget-title a img {
    margin: 0;
    display: inline; }

.rssSummary {
  font-size: 15px;
  font-size: 1.5rem;
  padding-top: 8px; }

.search-form {
  padding: 18px;
  padding-left: 0;
  position: relative; }
  .search-form .search-field {
    border: 1px solid #d7d7d7;
    border-right: 0;
    border-radius: 0;
    width: 90%;
    position: relative;
    padding: 5px 10% 5px 5px; }
  .search-form input.search-submit {
    height: 25px;
    position: absolute;
    text-indent: -9999em;
    width: 30px;
    top: 19px;
    right: 12px;
    background: url("../images/icon-search-white.png") no-repeat center center;
    padding: 16px 20px;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .search-form input.search-submit:hover {
      background: #242424 url("../images/icon-search-white.png") no-repeat center center; }

#secondary label {
  position: relative;
  display: block; }
  #secondary label:after, #secondary label:before {
    position: absolute;
    content: "";
    top: 0;
    width: 14px;
    height: 32px; }

.left-sidebar .textwidget,
.footer-widgets .textwidget {
  padding: 18px;
  padding-left: 0;
  font-size: .95em;
  line-height: 1.2; }
  .left-sidebar .textwidget select,
  .footer-widgets .textwidget select {
    padding: 5px 20px 5px 10px;
    background-color: #fff; }
  .left-sidebar .textwidget img,
  .footer-widgets .textwidget img {
    display: block;
    margin: 10px 0; }

.wp-caption .wp-caption-text {
  margin: 0; }

.tagcloud {
  padding: 18px 18px 18px 0; }

.widget_tag_cloud a {
  padding: 6px 7px;
  background-color: #848484;
  color: #fff;
  margin-bottom: 4px;
  display: inline-block;
  font-size: 0.9em !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .widget_tag_cloud a:hover {
    color: #fff; }

.social, .branding .social .widget_social-networks-widget {
  padding: 0; }
  .social widget-title, .branding .social .widget_social-networks-widget widget-title {
    diplay: none; }
  .social ul, .branding .social .widget_social-networks-widget ul {
    padding: 0;
    margin: 0 !important; }
    .social ul li, .branding .social .widget_social-networks-widget ul li {
      padding: 0 2px;
      display: inline-block;
      border: 0; }
      .social ul li a, .branding .social .widget_social-networks-widget ul li a {
        border: 0;
        padding: 0;
        width: 34px;
        display: block;
        height: 34px;
        line-height: 34px;
        text-align: center;
        position: relative;
        background-color: #000;
        color: #fff; }
        .social ul li a:hover, .branding .social .widget_social-networks-widget ul li a:hover {
          color: #fff; }
        .social ul li a:after, .branding .social .widget_social-networks-widget ul li a:after {
          position: absolute;
          content: "";
          left: 0;
          bottom: -10px;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
          z-index: -1;
          width: 0;
          border-top: 10px solid #000;
          border-left: 17px solid transparent;
          border-right: 17px solid transparent; }

.site-footer .widget_social-networks-widget ul li {
  border: 0; }
  .site-footer .widget_social-networks-widget ul li a:hover {
    background-color: #242424;
    color: #fff; }

#secondary select,
.footer-widgets select {
  -moz-appearance: none;
  appearance: none;
  background-color: #242424;
  border: 1px solid #d7d7d7;
  background: url("images/dropdown.png") no-repeat 95% 50%; }

.left-sidebar .widget_recent_comments ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  position: relative;
  padding-left: 25px; }
  .left-sidebar .widget_recent_comments ul li:before {
    content: '\f0e5';
    position: absolute;
    left: 0;
    color: #848484;
    font-family: fontawesome; }

/*--------------------------------------------------------------
11.0 Footer
--------------------------------------------------------------*/
.site-footer {
  background-color: #202020; }
  .site-footer .footer-widgets {
    padding: 80px 0;
    color: #fff; }
    .site-footer .footer-widgets ul,
    .site-footer .footer-widgets ol {
      margin-left: 0; }
      .site-footer .footer-widgets ul li,
      .site-footer .footer-widgets ol li {
        padding: 12px 1px; }
    .site-footer .footer-widgets li {
      border-color: #606060 !important; }
    .site-footer .footer-widgets .sub-menu {
      margin-left: 6px; }
    .site-footer .footer-widgets .widget {
      padding: 1em 0; }
    .site-footer .footer-widgets .widget-title {
      color: #fff;
      margin-bottom: 40px;
      position: relative; }
      .site-footer .footer-widgets .widget-title:before {
        position: absolute;
        width: 40%;
        height: 5px;
        content: "";
        bottom: -10px;
        left: 0; }
      .site-footer .footer-widgets .widget-title:after {
        height: 14px;
        position: absolute;
        transform: rotate(45deg);
        transform-origin: 0 100%;
        width: 14px;
        left: 16%;
        bottom: -8px;
        content: "";
        border: 2px solid #202020; }
    .site-footer .footer-widgets a {
      color: #fff; }
    .site-footer .footer-widgets p {
      margin-bottom: 0; }
    .site-footer .footer-widgets .textwidget {
      padding-right: 0; }
      .site-footer .footer-widgets .textwidget p {
        margin-bottom: 1.5em; }
    .site-footer .footer-widgets .widget_calendar table td {
      color: #fff; }
      .site-footer .footer-widgets .widget_calendar table td a:hover {
        color: #fff; }
    .site-footer .footer-widgets .widget_recent_entries .post-date {
      color: #848484;
      padding-top: 6px;
      font-size: 14px;
      font-size: 1.4rem; }
    .site-footer .footer-widgets .widget_archive select,
    .site-footer .footer-widgets .widget_categories select,
    .site-footer .footer-widgets .textwidget select {
      color: #242424;
      background-color: #fff; }
    .site-footer .footer-widgets .widget_tag_cloud a:hover {
      background-color: #fff; }
    .site-footer .footer-widgets .widget_rss .widget-title img {
      display: inline;
      margin: 0; }
    .site-footer .footer-widgets .widget_rss ul a:hover {
      color: #fff; }
    .site-footer .footer-widgets .widget_rss ul span,
    .site-footer .footer-widgets .widget_rss ul cite {
      color: #606060; }
    .site-footer .footer-widgets button:hover,
    .site-footer .footer-widgets input[type="button"]:hover,
    .site-footer .footer-widgets input[type="reset"]:hover,
    .site-footer .footer-widgets input[type="submit"]:hover {
      background-color: #fff; }
    .site-footer .footer-widgets .textwidget i {
      padding-right: 10px; }
    .site-footer .footer-widgets .alpha .textwidget img {
      margin-top: 0; }
  .site-footer .scroll-to-top {
    color: #fff;
    bottom: 3%;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 999;
    text-align: center;
    line-height: 40px;
    width: 40px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear; }
  .site-footer .textwidget .wpcf7-form p {
    margin-bottom: 3px; }

.copyright {
  min-height: 45px;
  padding: 10px 0;
  color: #fff;
  background-color: #151515; }
  .copyright .sep:after {
    display: none; }
  .copyright p {
    color: #fff;
    padding: 10px 0px;
    margin-bottom: 0; }
  .copyright a:hover {
    color: #fff; }
  .copyright ul.menu {
    text-align: right;
    margin: 5px 0 0; }
    .copyright ul.menu li {
      display: inline-block;
      padding: 0 10px;
      border: 0; }
      .copyright ul.menu li a {
        padding: 10px 5px;
        display: block;
        color: #fff; }
  .copyright .widget {
    padding: 0; }

.footer-nav .widget-title, .branding .social .widget-title {
  display: none; }

/*--------------------------------------------------------------
12.0 Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.1 Shortcodes
--------------------------------------------------------------*/
.site-main ul#social-widget {
  margin-left: 0; }

.tabs.normal, .tabs {
  background: none !important;
  border: 0 !important; }
  .tabs.normal ul, .tabs ul {
    margin: 0;
    list-style-type: none;
    border: 0; }
    .tabs.normal ul li, .tabs ul li {
      display: block;
      float: left;
      padding: 0 !important; }
      .tabs.normal ul li a, .tabs ul li a {
        display: block;
        outline: none;
        padding: 13px 30px;
        text-decoration: none;
        color: #fff;
        position: relative;
        float: left;
        border-bottom: 0;
        position: relative;
        background-color: #848484; }
        .tabs.normal ul li a:after, .tabs.normal ul li a:before, .tabs ul li a:after, .tabs ul li a:before {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-color: transparent;
          z-index: 1;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        .tabs.normal ul li a:before, .tabs ul li a:before {
          top: 0;
          border-width: 24px 0 24px 16.5px;
          right: -16px;
          border-left-color: #848484; }
        .tabs.normal ul li a:after, .tabs ul li a:after {
          top: 0;
          right: -15px;
          border-width: 24px 0 24px 15px;
          border-color: transparent; }
      .tabs.normal ul li a:hover,
      .tabs.normal ul li a.tabulous_active, .tabs ul li a:hover,
      .tabs ul li a.tabulous_active {
        color: #fff !important; }
  .tabs.normal .tabs_container, .tabs .tabs_container {
    line-height: 1.6;
    border: 1px solid #959494;
    position: relative; }
    .tabs.normal .tabs_container div, .tabs .tabs_container div {
      padding: 20px;
      margin-top: -40px; }

.tabs.center ul {
  text-align: center; }
  .tabs.center ul li, .tabs.center ul li a {
    float: none;
    display: inline-block; }

.widget.widget_ourteam-widget, .our-team {
  padding: 50px 15px 35px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .widget.widget_ourteam-widget .team-avatar, .our-team .team-avatar {
    position: relative;
    width: 150px;
    height: 150px;
    display: block;
    overflow: hidden;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    border: 1px solid #d7d7d7;
    margin: 0 auto 50px; }
    .widget.widget_ourteam-widget .team-avatar img, .our-team .team-avatar img {
      margin: 0;
      width: 100%; }
    .widget.widget_ourteam-widget .team-avatar .ourteam-overlay, .our-team .team-avatar .ourteam-overlay {
      width: 210px;
      height: 210px;
      margin: 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      position: relative;
      top: -30px;
      left: -30px; }
  .widget.widget_ourteam-widget ul.team-social, .our-team ul.team-social {
    margin: 0;
    text-align: center;
    list-style-type: none; }
    .widget.widget_ourteam-widget ul.team-social li, .our-team ul.team-social li {
      margin: 0 3px;
      padding: 0;
      border: 0;
      display: inline; }
      .widget.widget_ourteam-widget ul.team-social li a, .our-team ul.team-social li a {
        display: inline-block;
        text-align: center;
        color: #fff;
        font-weight: 400;
        font-size: 10px;
        font-size: 1rem;
        position: relative;
        width: 26px;
        height: 26px;
        margin: 0 5px;
        line-height: 26px;
        background-color: #242424;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
        .widget.widget_ourteam-widget ul.team-social li a i, .our-team ul.team-social li a i {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        .widget.widget_ourteam-widget ul.team-social li a:hover i:hover, .our-team ul.team-social li a:hover i:hover {
          color: #fff; }
  .widget.widget_ourteam-widget .team-content, .our-team .team-content {
    text-align: center; }
    .widget.widget_ourteam-widget .team-content p a, .our-team .team-content p a {
      text-decoration: underline; }
      .widget.widget_ourteam-widget .team-content p a:hover, .our-team .team-content p a:hover {
        color: #000; }
    .widget.widget_ourteam-widget .team-content h4, .our-team .team-content h4 {
      padding-bottom: 20px;
      margin-bottom: 20px;
      font-size: 18px;
      font-size: 1.8rem;
      text-transform: uppercase;
      position: relative; }
      .widget.widget_ourteam-widget .team-content h4 span, .our-team .team-content h4 span {
        font-size: 0.8em;
        font-weight: normal;
        display: block;
        color: #242424;
        text-transform: none; }
      .widget.widget_ourteam-widget .team-content h4:after, .our-team .team-content h4:after {
        position: absolute;
        width: 16%;
        margin: 0;
        height: 2px;
        left: 42%;
        bottom: 0;
        content: ""; }
  .widget.widget_ourteam-widget:hover .team-content p, .our-team:hover .team-content p {
    color: #fff; }
  .widget.widget_ourteam-widget:hover .team-content h4, .our-team:hover .team-content h4 {
    color: #fff; }
    .widget.widget_ourteam-widget:hover .team-content h4:after, .our-team:hover .team-content h4:after {
      background-color: #fff; }
    .widget.widget_ourteam-widget:hover .team-content h4 span, .our-team:hover .team-content h4 span {
      color: #fff; }
  .widget.widget_ourteam-widget:hover .team-social ul li a, .our-team:hover .team-social ul li a {
    background-color: #fff; }
    .widget.widget_ourteam-widget:hover .team-social ul li a:hover, .our-team:hover .team-social ul li a:hover {
      background-color: #242424;
      color: #fff; }
      .widget.widget_ourteam-widget:hover .team-social ul li a:hover i, .widget.widget_ourteam-widget:hover .team-social ul li a:hover i:hover, .our-team:hover .team-social ul li a:hover i, .our-team:hover .team-social ul li a:hover i:hover {
        color: #fff; }

.widget.widget_skill-widget .skill-container {
  position: relative; }
  .widget.widget_skill-widget .skill-container .fa-stack {
    display: none; }
  .widget.widget_skill-widget .skill-container .skill {
    height: 40px;
    position: relative;
    z-index: 1;
    margin: 0 0 20px 0;
    background-color: #d7d7d7;
    padding: 0; }
    .widget.widget_skill-widget .skill-container .skill .skill-percentage {
      height: 40px;
      position: relative;
      background-color: #242424; }
      .widget.widget_skill-widget .skill-container .skill .skill-percentage:after {
        content: "";
        top: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        right: -20px;
        position: absolute; }
      .widget.widget_skill-widget .skill-container .skill .skill-percentage span {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        color: #fff;
        padding: 8px;
        font-weight: 700;
        height: 100%;
        width: 50px;
        text-align: center; }
    .widget.widget_skill-widget .skill-container .skill .skill-percentage.percent100 span {
      right: 0; }
  .widget.widget_skill-widget .skill-container .skill-content {
    position: absolute;
    top: 8px;
    left: 10px;
    text-align: left;
    z-index: 100;
    color: #fff; }

.percent5 {
  width: 5%; }

.percent10 {
  width: 10%; }

.percent15 {
  width: 15%; }

.percent20 {
  width: 20%; }

.percent25 {
  width: 25%; }

.percent30 {
  width: 30%; }

.percent35 {
  width: 35%; }

.percent40 {
  width: 40%; }

.percent45 {
  width: 45%; }

.percent50 {
  width: 50%; }

.percent55 {
  width: 55%; }

.percent60 {
  width: 60%; }

.percent65 {
  width: 65%; }

.percent70 {
  width: 70%; }

.percent75 {
  width: 75%; }

.percent80 {
  width: 80%; }

.percent85 {
  width: 85%; }

.percent90 {
  width: 90%; }

.percent95 {
  width: 95%; }

.percent100 {
  width: 100%; }

.percent5.start {
  width: 0%;
  -webkit-animation: percent5  2s ease-out forwards;
  -moz-animation: percent5  2s ease-out forwards;
  -ms-animation: percent5  2s ease-out forwards;
  -o-animation: percent5  2s ease-out forwards;
  animation: percent5  2s ease-out forwards; }

.percent10.start {
  width: 0%;
  -webkit-animation: percent10  2s ease-out forwards;
  -moz-animation: percent10  2s ease-out forwards;
  -ms-animation: percent10  2s ease-out forwards;
  -o-animation: percent10  2s ease-out forwards;
  animation: percent10  2s ease-out forwards; }

.percent15.start {
  width: 0%;
  -webkit-animation: percent15  2s ease-out forwards;
  -moz-animation: percent15  2s ease-out forwards;
  -ms-animation: percent15  2s ease-out forwards;
  -o-animation: percent15  2s ease-out forwards;
  animation: percent15  2s ease-out forwards; }

.percent20.start {
  width: 0%;
  -webkit-animation: percent20  2s ease-out forwards;
  -moz-animation: percent20  2s ease-out forwards;
  -ms-animation: percent20  2s ease-out forwards;
  -o-animation: percent20  2s ease-out forwards;
  animation: percent20  2s ease-out forwards; }

.percent25.start {
  width: 0%;
  -webkit-animation: percent25  2s ease-out forwards;
  -moz-animation: percent25  2s ease-out forwards;
  -ms-animation: percent25  2s ease-out forwards;
  -o-animation: percent25  2s ease-out forwards;
  animation: percent25  2s ease-out forwards; }

.percent30.start {
  width: 0%;
  -webkit-animation: percent30  2s ease-out forwards;
  -moz-animation: percent30  2s ease-out forwards;
  -ms-animation: percent30  2s ease-out forwards;
  -o-animation: percent30  2s ease-out forwards;
  animation: percent30  2s ease-out forwards; }

.percent35.start {
  width: 0%;
  -webkit-animation: percent35  2s ease-out forwards;
  -moz-animation: percent35  2s ease-out forwards;
  -ms-animation: percent35  2s ease-out forwards;
  -o-animation: percent35  2s ease-out forwards;
  animation: percent35  2s ease-out forwards; }

.percent40.start {
  width: 0%;
  -webkit-animation: percent40  2s ease-out forwards;
  -moz-animation: percent40  2s ease-out forwards;
  -ms-animation: percent40  2s ease-out forwards;
  -o-animation: percent40  2s ease-out forwards;
  animation: percent40  2s ease-out forwards; }

.percent45.start {
  width: 0%;
  -webkit-animation: percent45  2s ease-out forwards;
  -moz-animation: percent45  2s ease-out forwards;
  -ms-animation: percent45  2s ease-out forwards;
  -o-animation: percent45  2s ease-out forwards;
  animation: percent45  2s ease-out forwards; }

.percent50.start {
  width: 0%;
  -webkit-animation: percent50  2s ease-out forwards;
  -moz-animation: percent50  2s ease-out forwards;
  -ms-animation: percent50  2s ease-out forwards;
  -o-animation: percent50  2s ease-out forwards;
  animation: percent50  2s ease-out forwards; }

.percent55.start {
  width: 0%;
  -webkit-animation: percent55  2s ease-out forwards;
  -moz-animation: percent55  2s ease-out forwards;
  -ms-animation: percent55  2s ease-out forwards;
  -o-animation: percent55  2s ease-out forwards;
  animation: percent55  2s ease-out forwards; }

.percent60.start {
  width: 0%;
  -webkit-animation: percent60  2s ease-out forwards;
  -moz-animation: percent60  2s ease-out forwards;
  -ms-animation: percent60  2s ease-out forwards;
  -o-animation: percent60  2s ease-out forwards;
  animation: percent60  2s ease-out forwards; }

.percent65.start {
  width: 0%;
  -webkit-animation: percent65  2s ease-out forwards;
  -moz-animation: percent65  2s ease-out forwards;
  -ms-animation: percent65  2s ease-out forwards;
  -o-animation: percent65  2s ease-out forwards;
  animation: percent65  2s ease-out forwards; }

.percent70.start {
  width: 0%;
  -webkit-animation: percent70  2s ease-out forwards;
  -moz-animation: percent70  2s ease-out forwards;
  -ms-animation: percent70  2s ease-out forwards;
  -o-animation: percent70  2s ease-out forwards;
  animation: percent70  2s ease-out forwards; }

.percent75.start {
  width: 0%;
  -webkit-animation: percent75  2s ease-out forwards;
  -moz-animation: percent75  2s ease-out forwards;
  -ms-animation: percent75  2s ease-out forwards;
  -o-animation: percent75  2s ease-out forwards;
  animation: percent75  2s ease-out forwards; }

.percent80.start {
  width: 0%;
  -webkit-animation: percent80  2s ease-out forwards;
  -moz-animation: percent80  2s ease-out forwards;
  -ms-animation: percent80  2s ease-out forwards;
  -o-animation: percent80  2s ease-out forwards;
  animation: percent80  2s ease-out forwards; }

.percent85.start {
  width: 0%;
  -webkit-animation: percent85  2s ease-out forwards;
  -moz-animation: percent85  2s ease-out forwards;
  -ms-animation: percent85  2s ease-out forwards;
  -o-animation: percent85  2s ease-out forwards;
  animation: percent85  2s ease-out forwards; }

.percent90.start {
  width: 0%;
  -webkit-animation: percent90  2s ease-out forwards;
  -moz-animation: percent90  2s ease-out forwards;
  -ms-animation: percent90  2s ease-out forwards;
  -o-animation: percent90  2s ease-out forwards;
  animation: percent90  2s ease-out forwards; }

.percent95.start {
  width: 0%;
  -webkit-animation: percent95  2s ease-out forwards;
  -moz-animation: percent95  2s ease-out forwards;
  -ms-animation: percent95  2s ease-out forwards;
  -o-animation: percent95  2s ease-out forwards;
  animation: percent95  2s ease-out forwards; }

.percent100 {
  width: 0%;
  -webkit-animation: percent100  2s ease-out forwards;
  -moz-animation: percent100  2s ease-out forwards;
  -ms-animation: percent100  2s ease-out forwards;
  -o-animation: percent100  2s ease-out forwards;
  animation: percent100  2s ease-out forwards; }

@-moz-keyframes percent5 {
  0% {
    width: 0px; }
  100% {
    width: 5%; } }
@-moz-keyframes percent10 {
  0% {
    width: 0px; }
  100% {
    width: 10%; } }
@-moz-keyframes percent15 {
  0% {
    width: 0px; }
  100% {
    width: 15%; } }
@-moz-keyframes percent20 {
  0% {
    width: 0px; }
  100% {
    width: 20%; } }
@-moz-keyframes percent25 {
  0% {
    width: 0px; }
  100% {
    width: 25%; } }
@-moz-keyframes percent30 {
  0% {
    width: 0px; }
  100% {
    width: 30%; } }
@-moz-keyframes percent35 {
  0% {
    width: 0px; }
  100% {
    width: 35%; } }
@-moz-keyframes percent40 {
  0% {
    width: 0px; }
  100% {
    width: 40%; } }
@-moz-keyframes percent45 {
  0% {
    width: 0px; }
  100% {
    width: 45%; } }
@-moz-keyframes percent50 {
  0% {
    width: 0px; }
  100% {
    width: 50%; } }
@-moz-keyframes percent55 {
  0% {
    width: 0px; }
  100% {
    width: 55%; } }
@-moz-keyframes percent60 {
  0% {
    width: 0px; }
  100% {
    width: 60%; } }
@-moz-keyframes percent65 {
  0% {
    width: 0px; }
  100% {
    width: 65%; } }
@-moz-keyframes percent70 {
  0% {
    width: 0px; }
  100% {
    width: 70%; } }
@-moz-keyframes percent75 {
  0% {
    width: 0px; }
  100% {
    width: 75%; } }
@-moz-keyframes percent80 {
  0% {
    width: 0px; }
  100% {
    width: 80%; } }
@-moz-keyframes percent85 {
  0% {
    width: 0px; }
  100% {
    width: 85%; } }
@-moz-keyframes percent90 {
  0% {
    width: 0px; }
  100% {
    width: 90%; } }
@-moz-keyframes percent95 {
  0% {
    width: 0px; }
  100% {
    width: 95%; } }
@-moz-keyframes percent100 {
  0% {
    width: 0px; }
  100% {
    width: 100%; } }
@-webkit-keyframes percent5 {
  0% {
    width: 0px; }
  100% {
    width: 5%; } }
@-webkit-keyframes percent10 {
  0% {
    width: 0px; }
  100% {
    width: 10%; } }
@-webkit-keyframes percent15 {
  0% {
    width: 0px; }
  100% {
    width: 15%; } }
@-webkit-keyframes percent20 {
  0% {
    width: 0px; }
  100% {
    width: 20%; } }
@-webkit-keyframes percent25 {
  0% {
    width: 0px; }
  100% {
    width: 25%; } }
@-webkit-keyframes percent30 {
  0% {
    width: 0px; }
  100% {
    width: 30%; } }
@-webkit-keyframes percent35 {
  0% {
    width: 0px; }
  100% {
    width: 35%; } }
@-webkit-keyframes percent40 {
  0% {
    width: 0px; }
  100% {
    width: 40%; } }
@-webkit-keyframes percent45 {
  0% {
    width: 0px; }
  100% {
    width: 45%; } }
@-webkit-keyframes percent50 {
  0% {
    width: 0px; }
  100% {
    width: 50%; } }
@-webkit-keyframes percent55 {
  0% {
    width: 0px; }
  100% {
    width: 55%; } }
@-webkit-keyframes percent60 {
  0% {
    width: 0px; }
  100% {
    width: 60%; } }
@-webkit-keyframes percent65 {
  0% {
    width: 0px; }
  100% {
    width: 65%; } }
@-webkit-keyframes percent70 {
  0% {
    width: 0px; }
  100% {
    width: 70%; } }
@-webkit-keyframes percent75 {
  0% {
    width: 0px; }
  100% {
    width: 75%; } }
@-webkit-keyframes percent80 {
  0% {
    width: 0px; }
  100% {
    width: 80%; } }
@-webkit-keyframes percent85 {
  0% {
    width: 0px; }
  100% {
    width: 85%; } }
@-webkit-keyframes percent90 {
  0% {
    width: 0px; }
  100% {
    width: 90%; } }
@-webkit-keyframes percent95 {
  0% {
    width: 0px; }
  100% {
    width: 95%; } }
@-webkit-keyframes percent100 {
  0% {
    width: 0px; }
  100% {
    width: 100%; } }
.ui-accordion {
  width: 99%; }
  .ui-accordion h3 {
    cursor: pointer;
    margin-bottom: 0;
    padding: 15px 50px 15px 20px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #fff;
    margin-top: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    background-color: #848484; }
    .ui-accordion h3 span.ui-icon.fa {
      margin-top: 0;
      display: inline-block;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 17px;
      right: 23px;
      text-align: center;
      line-height: 20px; }
      .ui-accordion h3 span.ui-icon.fa:before {
        color: #000; }
      .ui-accordion h3 span.ui-icon.fa:after {
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        position: absolute;
        position: absolute;
        top: -3px;
        left: -3px;
        width: 25px;
        height: 25px;
        z-index: -1; }
    .ui-accordion h3:hover {
      color: #fff; }
      .ui-accordion h3:hover span.ui-icon.fa {
        color: #000; }
  .ui-accordion .ui-accordion-content {
    padding: 10px 20px;
    border: 1px solid #d7d7d7;
    color: #848484; }
  .ui-accordion .ui-accordion-header-active {
    color: #fff;
    border-bottom: 0; }
  .ui-accordion .ui-accordion-header:hover {
    cursor: pointer;
    color: #fff; }
  .ui-accordion .ui-accordion-content-active {
    border-top: 0;
    margin: 0; }

/*
	Recent Work Type Isotope
	Recent Work Type Carousel
*/
.widget_recent-work-widget #portfolio li {
  margin: 0 !important; }
.widget_recent-work-widget h4 {
  display: none; }
.widget_recent-work-widget .recent-work,
.widget_recent-work-widget .work {
  position: relative; }
.widget_recent-work-widget .widget-title {
  margin-bottom: 25px; }
.widget_recent-work-widget .cat-name {
  color: #fff;
  margin-bottom: 10px; }
.widget_recent-work-widget img {
  width: 100%;
  display: block; }
.widget_recent-work-widget .recent_work_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .widget_recent-work-widget .recent_work_overlay h4 {
    display: none; }
  .widget_recent-work-widget .recent_work_overlay .cat-name {
    display: none; }
  .widget_recent-work-widget .recent_work_overlay .icon-link,
  .widget_recent-work-widget .recent_work_overlay .icon-zoom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    filter: alpha(opacity=0); }
    .widget_recent-work-widget .recent_work_overlay .icon-link i,
    .widget_recent-work-widget .recent_work_overlay .icon-zoom i {
      color: #fff; }
.widget_recent-work-widget .work:hover .recent_work_overlay h4 {
  top: 30%;
  opacity: 1;
  filter: alpha(opacity=100); }
  .widget_recent-work-widget .work:hover .recent_work_overlay h4 a {
    color: #fff; }
    .widget_recent-work-widget .work:hover .recent_work_overlay h4 a:hover {
      color: #000; }
.widget_recent-work-widget .work:hover .recent_work_overlay .icon-link {
  background-color: #242424;
  opacity: 1;
  filter: alpha(opacity=100); }
  .widget_recent-work-widget .work:hover .recent_work_overlay .icon-link i {
    color: #fff; }
  .widget_recent-work-widget .work:hover .recent_work_overlay .icon-link:after {
    border-top-color: #242424; }

.widget_recent-work-widget .portfolio4col {
  position: relative;
  margin-top: 83px; }
  .widget_recent-work-widget .portfolio4col .overlay_icon a {
    position: absolute;
    left: -100px;
    top: 45%;
    background-color: #242424;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    filter: alpha(opacity=0); }
  .widget_recent-work-widget .portfolio4col a.icon-zoom i,
  .widget_recent-work-widget .portfolio4col a.icon-link i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .widget_recent-work-widget .portfolio4col .overlay_icon a.icon-link {
    left: auto;
    right: -100px; }
  .widget_recent-work-widget .portfolio4col:hover .overlay_icon a {
    left: 37%;
    opacity: 1;
    filter: alpha(opacity=100); }
  .widget_recent-work-widget .portfolio4col:hover .overlay_icon a.icon-link {
    left: auto;
    right: 37%;
    opacity: 1;
    filter: alpha(opacity=100); }

.recent-work .flex-viewport {
  overflow: visible !important; }

#filters {
  padding: 10px;
  padding-bottom: 0;
  min-height: 50px;
  clear: both;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 30px; }
  #filters ul.filter-options {
    margin: 0;
    list-style-type: none;
    text-align: center;
    width: 100%; }
    #filters ul.filter-options li {
      margin: 0 0.5em;
      display: inline; }
      #filters ul.filter-options li a {
        display: inline-block;
        padding: 12px 15px;
        padding-right: 10px;
        color: #fff;
        position: relative;
        text-transform: uppercase;
        margin-bottom: 10px;
        z-index: 2;
        margin-right: 10px; }
        #filters ul.filter-options li a:before {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-color: transparent;
          z-index: 1;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        #filters ul.filter-options li a:before {
          top: 0;
          border-width: 23px 0 23px 16.5px;
          right: -16px; }
      #filters ul.filter-options li a:hover,
      #filters ul.filter-options li a.selected {
        color: #fff;
        background-color: #242424; }
        #filters ul.filter-options li a:hover:before,
        #filters ul.filter-options li a.selected:before {
          border-left-color: #242424; }

.recent-work-container .portfolio_thumb {
  width: 210px;
  height: 210px; }
.recent-work-container .thumb-inner {
  width: 300px;
  height: 300px; }
.recent-work-container .recent_work_overlay {
  background: transparent;
  overlay: hidden; }
  .recent-work-container .recent_work_overlay a {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 45%;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
    .recent-work-container .recent_work_overlay a .fa {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
      .recent-work-container .recent_work_overlay a .fa:before {
        font-size: 14px;
        font-size: 1.4rem; }
  .recent-work-container .recent_work_overlay a.icon-zoom {
    left: -25%;
    bottom: auto;
    background-color: #242424; }
  .recent-work-container .recent_work_overlay a.icon-link {
    right: -25%; }
.recent-work-container .work-title {
  display: none; }
.recent-work-container .work:hover .recent_work_overlay {
  background: transparent; }
  .recent-work-container .work:hover .recent_work_overlay:hover {
    background: transparent; }
  .recent-work-container .work:hover .recent_work_overlay a {
    opacity: 1;
    filter: alpha(opacity=100); }
  .recent-work-container .work:hover .recent_work_overlay a.icon-zoom {
    left: 38%; }
  .recent-work-container .work:hover .recent_work_overlay a.icon-link {
    right: 38%; }

.portfolio_thumb {
  width: 202px;
  height: 202px;
  display: block;
  overflow: hidden;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
  border: 1px solid #000;
  margin: 0 auto; }

.thumb-inner {
  width: 282px;
  height: 282px;
  margin: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  top: -40px;
  left: -42px; }

.recent-work.clearfix {
  padding: 50px 0; }

/*
	Recent Post Type Normal
	Recent Post Type Carousel
	Recent Post Type Slider
*/
.widget_recent-posts-widget {
  position: relative; }
  .widget_recent-posts-widget h3.widget-title {
    text-align: center; }
    .widget_recent-posts-widget h3.widget-title:before {
      width: 10%;
      left: 44.5%;
      width: 120px !important; }
    .widget_recent-posts-widget h3.widget-title:after {
      width: 14px;
      left: 48.5%;
      height: 14px; }
  .widget_recent-posts-widget .recent-post {
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .widget_recent-posts-widget .recent-post .readmore a {
      margin-top: 20px;
      color: #242424;
      display: inline-block; }
    .widget_recent-posts-widget .recent-post .post-title {
      position: relative;
      padding: 10px 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .widget_recent-posts-widget .recent-post .post-overlay {
      position: absolute;
      top: 20px;
      right: 10px; }
  .widget_recent-posts-widget img {
    display: block;
    margin: 0; }
  .widget_recent-posts-widget .recent-posts {
    position: relative; }
    .widget_recent-posts-widget .recent-posts li {
      width: 33.3%;
      margin: 0;
      float: left;
      min-height: 350px;
      background-color: #fff;
      position: relative;
      overflow: hidden;
      padding: 0; }
  .widget_recent-posts-widget .recent-posts-carousel {
    position: relative;
    padding: 50px 0 0;
    margin-bottom: 60px; }

.widget_recent-posts ul {
  margin-left: 0; }
  .widget_recent-posts ul li {
    list-style-type: none;
    position: relative;
    padding: 8px 18px !important; }
    .widget_recent-posts ul li:before {
      position: absolute;
      top: 10px;
      left: 0;
      content: "\f105";
      @incude font-size(1.4);
      font-family: 'FontAwesome'; }

.home .site-content #primary .post-wrapper .latest-posts {
  margin-bottom: 0 !important; }

.latest-posts .posted-on,
.home .site-content #primary .post-wrapper .latest-posts .posted-on {
  display: block; }
  .latest-posts .posted-on span,
  .home .site-content #primary .post-wrapper .latest-posts .posted-on span {
    padding: 0 2px; }

.latest-posts .posted-on {
  color: #848484;
  margin-bottom: 15px;
  display: inline-block; }

.home .post-wrapper h2,
.home .post-wrapper h4 {
  text-align: left; }

.recent-posts-slider .latest-post-thumb {
  margin: 0 auto;
  width: 382px; }
.recent-posts-slider .latest-post-content {
  min-height: 220px;
  height: 220px; }

.latest-post-thumb,
.latest-post-content {
  min-height: 350px; }

ul#portfolio {
  margin-left: 0;
  list-style-type: none; }

.portfolioeffects {
  position: relative; }
  .portfolioeffects .portfolio_thumb1 img {
    display: block; }
  .portfolioeffects .portfolio_overlay {
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .portfolioeffects .portfolio_overlay h3 {
      /*padding: 50px 20px;
      text-shadow:1px 1px 1px $black;
      position: relative;
      padding-bottom: 10px;
      text-transform: uppercase;
      color: $white;
      a {color: $white;} */
      display: none; }
      .portfolioeffects .portfolio_overlay h3 a,
      .portfolioeffects .portfolio_overlay h3 a:visited {
        color: #606060; }
    .portfolioeffects .portfolio_overlay p {
      color: #fff;
      padding: 0 30px; }
    .portfolioeffects .portfolio_overlay p,
    .portfolioeffects .portfolio_overlay h3 {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      opacity: 0;
      filter: alpha(opacity=0);
      font-size: 0px;
      font-size: 0rem; }
  .portfolioeffects .portfolio_link_icons a {
    position: absolute;
    text-align: center;
    display: block;
    color: #fff;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #242424;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50px;
    left: 50px; }
    .portfolioeffects .portfolio_link_icons a i:before {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .portfolioeffects .portfolio_link_icons a.icon-link {
    top: 110px; }
  .portfolioeffects:hover .portfolio_overlay {
    left: 0%; }
    .portfolioeffects:hover .portfolio_overlay p {
      font-size: 16px;
      font-size: 1.6rem; }

.portfolio-excerpt {
  position: relative;
  background-color: #d7d7d7;
  padding: 20px;
  padding-bottom: 40px;
  text-align: center; }
  .portfolio-excerpt p.portfolio-readmore {
    margin-bottom: 0; }
  .portfolio-excerpt h3 {
    display: none; }

.page-template-portfolio-2col .site-content,
.page-template-portfolio-3col .site-content,
.page-template-portfolio-4col .site-content,
.page-template-portfolio-3col .site-content,
.page-template-portfolio-2col_text .site-content,
.page-template-portfolio-3col_text .site-content,
.page-template-portfolio-3col_sidebar .site-content,
.page-template-portfolio-2col_sidebar .site-content,
.page-template-portfolio-php .site-content {
  margin-top: 50px;
  margin-bottom: 50px; }

.portfolioeffects,
.portfolio-excerpt {
  position: relative; }
  .portfolioeffects:after, .portfolioeffects:before,
  .portfolio-excerpt:after,
  .portfolio-excerpt:before {
    position: absolute;
    bottom: -15px;
    content: "";
    width: 51%;
    height: 40px;
    z-index: 10; }
  .portfolioeffects:before,
  .portfolio-excerpt:before {
    left: -1%;
    background-color: #fff;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  .portfolioeffects:after,
  .portfolio-excerpt:after {
    right: -1%;
    background-color: #fff;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }

.page-template-portfolio-2col_text .portfolioeffects:before,
.page-template-portfolio-3col_text .portfolioeffects:before,
.page-template-portfolio-4col_text .portfolioeffects:before {
  background-color: #d7d7d7; }
.page-template-portfolio-2col_text .portfolioeffects:after,
.page-template-portfolio-3col_text .portfolioeffects:after,
.page-template-portfolio-4col_text .portfolioeffects:after {
  background-color: #d7d7d7; }

.page-template-portfolio-2col_text .portfolio-excerpt h3,
.page-template-portfolio-3col_text .portfolio-excerpt h3,
.page-template-portfolio-4col_text .portfolio-excerpt h3 {
  display: block;
  font-size: 20px;
  font-size: 2rem; }
  .page-template-portfolio-2col_text .portfolio-excerpt h3 a,
  .page-template-portfolio-2col_text .portfolio-excerpt h3 a:visited,
  .page-template-portfolio-3col_text .portfolio-excerpt h3 a,
  .page-template-portfolio-3col_text .portfolio-excerpt h3 a:visited,
  .page-template-portfolio-4col_text .portfolio-excerpt h3 a,
  .page-template-portfolio-4col_text .portfolio-excerpt h3 a:visited {
    color: #606060; }

@media only screen and (min-width: 700px) {
  .page-template-portfolio-3col_sidebar .portfolioeffects .portfolio_link_icons a,
  .page-template-portfolio-4col .portfolioeffects .portfolio_link_icons a,
  .page-template-portfolio-4col_text .portfolioeffects .portfolio_link_icons a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: 20px; }
  .page-template-portfolio-3col_sidebar .portfolioeffects .portfolio_link_icons a.icon-link,
  .page-template-portfolio-4col .portfolioeffects .portfolio_link_icons a.icon-link,
  .page-template-portfolio-4col_text .portfolioeffects .portfolio_link_icons a.icon-link {
    top: 70px; } }
.flexslider {
  margin-bottom: 0;
  border: 0 !important;
  margin-bottom: 0 !important;
  -webkit-box-shadow: inset 0 0 0 transparent !important;
  -moz-box-shadow: inset 0 0 0 transparent !important;
  box-shadow: inset 0 0 0 transparent !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important; }
  .flexslider .slides img {
    margin: 0 !important; }
  .flexslider .slides .flex-caption {
    width: 35%;
    position: absolute;
    bottom: 5%;
    right: 3%;
    padding: 50px;
    background-color: rgba(36, 36, 36, 0.6);
    min-height: 100px; }
    .flexslider .slides .flex-caption h1, .flexslider .slides .flex-caption h2, .flexslider .slides .flex-caption h3, .flexslider .slides .flex-caption h4, .flexslider .slides .flex-caption h5, .flexslider .slides .flex-caption h6 {
      color: #fff;
      text-transform: uppercase;
      padding-bottom: 15px;
      margin-bottom: 15px;
      text-align: right;
      position: relative; }
      .flexslider .slides .flex-caption h1:after, .flexslider .slides .flex-caption h2:after, .flexslider .slides .flex-caption h3:after, .flexslider .slides .flex-caption h4:after, .flexslider .slides .flex-caption h5:after, .flexslider .slides .flex-caption h6:after {
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: rgba(215, 215, 215, 0.4); }
    .flexslider .slides .flex-caption h1 {
      font-size: 30px;
      font-size: 3rem; }
    .flexslider .slides .flex-caption h2 {
      font-size: 26px;
      font-size: 2.6rem; }
    .flexslider .slides .flex-caption h3 {
      font-size: 22px;
      font-size: 2.2rem; }
    .flexslider .slides .flex-caption h4 {
      font-size: 20px;
      font-size: 2rem; }
    .flexslider .slides .flex-caption h5 {
      font-size: 18px;
      font-size: 1.8rem; }
    .flexslider .slides .flex-caption a,
    .flexslider .slides .flex-caption p a {
      color: #fff;
      padding: 6px 16px;
      margin-top: 20px;
      font-weight: 700;
      display: inline-block;
      text-align: center;
      position: relative;
      right: 20px;
      line-height: 1.7;
      float: right; }
      .flexslider .slides .flex-caption a:hover,
      .flexslider .slides .flex-caption p a:hover {
        background-color: #242424; }
      .flexslider .slides .flex-caption a:after,
      .flexslider .slides .flex-caption p a:after {
        border-bottom: 20px solid transparent;
        border-left: 20px solid #242424;
        border-top: 20px solid transparent;
        content: "";
        position: absolute;
        right: -20px;
        top: 0; }
    .flexslider .slides .flex-caption p {
      margin-bottom: 0;
      color: #fff;
      text-align: right; }
      .flexslider .slides .flex-caption p a {
        float: none; }
  .flexslider .flex-control-paging li a {
    width: 12px;
    border-radius: 0;
    background: #242424;
    box-shadow: none;
    height: 12px;
    transform: rotate(45deg);
    transform-origin: 0 100%; }
  .flexslider .flex-control-paging li .flex-active {
    background: #fff; }
  .flexslider .flex-control-nav {
    z-index: 10;
    bottom: 20px; }
  .flexslider .flex-direction-nav a {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    background: none;
    text-align: center;
    text-indent: -999em;
    line-height: auto; }
    .flexslider .flex-direction-nav a:before {
      display: none; }
  .flexslider .flex-direction-nav .flex-nav-prev a {
    border-top: 25px solid transparent;
    border-right: 25px solid #242424;
    border-bottom: 25px solid transparent; }
  .flexslider .flex-direction-nav .flex-nav-next a {
    border-top: 25px solid transparent;
    border-left: 25px solid #242424;
    border-bottom: 25px solid transparent; }

.recent-posts-wrapper {
  position: relative; }

.widget.widget_flexslider-widget ul li {
  border: 0;
  padding: 0; }

.flexslider .slides > li {
  position: relative; }

.widget_recent-work-widget ul.flex-direction-nav li, .widget_recent-posts-widget .recent-posts-carousel ul.flex-direction-nav li, .recent-posts-slider .flex-direction-nav li {
  border: 0 !important;
  padding: 0; }
.widget_recent-work-widget ul.flex-direction-nav a, .widget_recent-posts-widget .recent-posts-carousel ul.flex-direction-nav a, .recent-posts-slider .flex-direction-nav a {
  opacity: 1;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-shadow: 0 0 0;
  font-size: 0;
  text-align: center;
  top: -80px !important;
  overflow: visible;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
  opacity: 1 !important; }
  .widget_recent-work-widget ul.flex-direction-nav a:before, .widget_recent-posts-widget .recent-posts-carousel ul.flex-direction-nav a:before, .recent-posts-slider .flex-direction-nav a:before {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #fff; }
  .widget_recent-work-widget ul.flex-direction-nav a:hover, .widget_recent-posts-widget .recent-posts-carousel ul.flex-direction-nav a:hover, .recent-posts-slider .flex-direction-nav a:hover {
    background-color: #242424; }
    .widget_recent-work-widget ul.flex-direction-nav a:hover:before, .widget_recent-posts-widget .recent-posts-carousel ul.flex-direction-nav a:hover:before, .recent-posts-slider .flex-direction-nav a:hover:before {
      color: #fff; }
.widget_recent-work-widget ul.flex-direction-nav a.flex-prev, .widget_recent-posts-widget .recent-posts-carousel ul.flex-direction-nav a.flex-prev, .recent-posts-slider .flex-direction-nav a.flex-prev {
  left: auto !important;
  right: 95px !important; }
  .widget_recent-work-widget ul.flex-direction-nav a.flex-prev:after, .widget_recent-posts-widget .recent-posts-carousel ul.flex-direction-nav a.flex-prev:after, .recent-posts-slider .flex-direction-nav a.flex-prev:after {
    left: 0;
    right: auto;
    bottom: -24px;
    content: "";
    border-width: 12px 12px 12px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
.widget_recent-work-widget ul.flex-direction-nav a.flex-next, .widget_recent-posts-widget .recent-posts-carousel ul.flex-direction-nav a.flex-next, .recent-posts-slider .flex-direction-nav a.flex-next {
  right: 50px !important; }

.widget_recent-posts-widget .recent-posts-carousel .flex-control-nav, .recent-posts-slider .flex-control-paging, .flex-control-nav {
  z-index: 10;
  bottom: -40px; }
  .widget_recent-posts-widget .recent-posts-carousel .flex-control-nav li, .recent-posts-slider .flex-control-paging li, .flex-control-nav li {
    margin: 0 4px;
    border: none !important;
    padding: 0; }
    .widget_recent-posts-widget .recent-posts-carousel .flex-control-nav li a, .recent-posts-slider .flex-control-paging li a, .flex-control-nav li a {
      width: 12px;
      height: 12px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 0;
      border-radius: 0;
      background: #242424;
      -webkit-box-shadow: 0 0 0 transparent ;
      -moz-box-shadow: 0 0 0 transparent ;
      box-shadow: 0 0 0 transparent ;
      transform: rotate(45deg);
      transform-origin: 0 100%; }

.widget_flexslider-widget {
  position: relative; }
  .widget_flexslider-widget .flexcarousel {
    margin: 0 30px; }
    .widget_flexslider-widget .flexcarousel ul {
      padding: 0px; }
      .widget_flexslider-widget .flexcarousel ul li {
        border: 0;
        text-align: center; }
    .widget_flexslider-widget .flexcarousel .flex-direction-nav a {
      top: 30%;
      margin: 0;
      opacity: 1;
      width: 35px;
      height: 35px;
      line-height: 40px;
      color: #fff;
      text-shadow: 0 0 0;
      font-size: 0;
      text-align: center;
      overflow: visible;
      background-color: #000;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
      .widget_flexslider-widget .flexcarousel .flex-direction-nav a:before {
        font-size: 15px;
        font-size: 1.5rem;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        color: #fff; }

.wide-default .widget_flexslider-widget .flexcarousel .flex-direction-nav a {
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
  .wide-default .widget_flexslider-widget .flexcarousel .flex-direction-nav a:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #000; }
  .wide-default .widget_flexslider-widget .flexcarousel .flex-direction-nav a:hover {
    background-color: #242424; }
    .wide-default .widget_flexslider-widget .flexcarousel .flex-direction-nav a:hover:before {
      color: #fff; }

/*
	Elastic Slider
*/
.ei-slider li {
  list-style-type: none; }

.ei-title {
  background: transparent;
  left: 15%;
  top: 25%;
  width: 75%; }
  .ei-title h3,
  .ei-title h2 {
    text-align: left;
    color: #fff !important; }
  .ei-title h3 {
    line-height: 1;
    font-size: 60px;
    font-size: 6rem;
    line-height: 40px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #fff;
    font-family: "Montserrat", sans-serif; }
  .ei-title h2 {
    line-height: normal;
    font-size: 30px;
    font-size: 3rem;
    font-style: italic;
    color: #fff;
    text-shadow: 1px 1px 1px #000; }

.page-slider ul.ei-slider-thumbs {
  z-index: 100; }
  .page-slider ul.ei-slider-thumbs li a {
    background-color: #242424; }

#ei-slider ul {
  text-align: center;
  margin: 0 auto; }
#ei-slider ul.ei-slider-thumbs {
  margin-top: 10px; }

.widget .ei-slider-thumbs li img,
ul.ei-slider-thumbs li img {
  left: 0; }
.widget .ei-slider-thumbs li,
ul.ei-slider-thumbs li {
  border: 0; }
  .widget .ei-slider-thumbs li a,
  ul.ei-slider-thumbs li a {
    background-color: #000;
    border-right: 1px solid #fff; }
    .widget .ei-slider-thumbs li a:hover,
    ul.ei-slider-thumbs li a:hover {
      background-color: #000 !important; }
  .widget .ei-slider-thumbs li:last-child a,
  ul.ei-slider-thumbs li:last-child a {
    border-right: 0; }
.widget .ei-slider-thumbs li.ei-slider-element,
ul.ei-slider-thumbs li.ei-slider-element {
  border: 0; }

.ei-slider-thumbs li img {
  left: 0; }

.breadcrumb {
  margin-bottom: 0; }
  .breadcrumb .entry-header {
    padding: 20px 0;
    border-bottom: 1px solid #848484;
    text-align: center; }
    .breadcrumb .entry-header h1 {
      margin-bottom: 0; }

.page-template-page-full-width-slider .breadcrumb .entry-header {
  border-bottom: 0;
  margin-bottom: 0; }

.alert-message {
  padding: 25px 40px 25px 15px;
  margin-bottom: 15px;
  position: relative;
  color: #fff; }
  .alert-message:after {
    border-width: 20px 0 20px 20px !important;
    bottom: -35px !important; }
  .alert-message a {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 18px;
    color: #242424;
    font-weight: 700;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 1px 1px 1px #ccc ;
    -moz-box-shadow: 1px 1px 1px #ccc ;
    box-shadow: 1px 1px 1px #ccc ; }
    .alert-message a span {
      display: block;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: relative;
      top: -1px;
      left: -1px; }
    .alert-message a:hover {
      -webkit-box-shadow: 1px 1px 1px #333 ;
      -moz-box-shadow: 1px 1px 1px #333 ;
      box-shadow: 1px 1px 1px #333 ; }

.notice {
  background-color: #C56F20; }
  .notice:after {
    border-top-color: #C56F20 !important; }

.warning {
  background-color: #FF5806; }
  .warning:after {
    border-top-color: #FF5806 !important; }

.success {
  background-color: #4EB73E; }
  .success:after {
    border-top-color: #4EB73E !important; }

.error {
  background-color: #450202; }
  .error:after {
    border-top-color: #450202 !important; }

.info {
  background-color: #2888EA; }
  .info:after {
    border-top-color: #2888EA !important; }

/*
  Divider Widget
  Seperator Widget
*/
.hr_fancy:before, .sep:before,
.sep.tleft:before, h3.widget-title:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 10%;
  height: 5px;
  content: ""; }

.hr_fancy:after, .sep:after,
.sep.tleft:after, h3.widget-title:after {
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: -8px;
  left: 19px;
  transform: rotate(45deg);
  transform-origin: 0 100%;
  content: "";
  border: 2px solid #fff; }

.hr_default,
.hr_solid {
  clear: both;
  margin: 30px 0;
  border: 0;
  height: 2px; }

.hr_solid {
  background-color: #d7d7d7; }

.hr_fancy {
  height: 5px;
  margin: 30px 0;
  position: relative; }
  .hr_fancy:before {
    width: 100% !important; }
  .hr_fancy:after {
    left: 49% !important; }

.hr_fancy2 {
  height: 5px;
  margin: 30px 0;
  position: relative;
  background: url("../images/divider2.png") repeat-x left top; }

.hr_shadow {
  height: 12px;
  border: 0;
  -webkit-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  margin: 30px 0; }

.hr_dashed {
  border: 0;
  border-bottom: 2px dashed #d7d7d7;
  margin: 30px 0; }

.hr_dotted {
  border: 0;
  border-top: 2px dotted #d7d7d7;
  margin: 30px 0; }

/*
  Button Widget
*/
a.btn,
.widget_button-widget .btn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 4px 10px 3px;
  color: #fff !important;
  line-height: 1.7;
  margin-left: 10px; }
  a.btn:hover,
  .widget_button-widget .btn:hover {
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); }
  a.btn:before, a.btn:after,
  .widget_button-widget .btn:before,
  .widget_button-widget .btn:after {
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent; }
  a.btn:before,
  .widget_button-widget .btn:before {
    left: -10px; }
  a.btn:after,
  .widget_button-widget .btn:after {
    right: -10px; }
  a.btn:after, a.btn:before,
  .widget_button-widget .btn:after,
  .widget_button-widget .btn:before {
    content: "";
    top: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.widget_button-widget a.btn.light-blue,
a.btn.light-blue {
  background-color: #55B9FF; }
  .widget_button-widget a.btn.light-blue:before,
  a.btn.light-blue:before {
    border-right: 10px solid #55B9FF; }
  .widget_button-widget a.btn.light-blue:after,
  a.btn.light-blue:after {
    border-left: 10px solid #55B9FF; }
  .widget_button-widget a.btn.light-blue:hover,
  a.btn.light-blue:hover {
    background-color: #31A7FB; }
    .widget_button-widget a.btn.light-blue:hover:before,
    a.btn.light-blue:hover:before {
      border-right: 10px solid #31A7FB; }
    .widget_button-widget a.btn.light-blue:hover:after,
    a.btn.light-blue:hover:after {
      border-left: 10px solid #31A7FB; }

a.btn-info.btn-mini,
a.btn.btn-info.btn-normal,
a.btn.btn-info.btn-large,
a.btn.btn-info.btn-small {
  background-color: #ccc; }
  a.btn-info.btn-mini:before,
  a.btn.btn-info.btn-normal:before,
  a.btn.btn-info.btn-large:before,
  a.btn.btn-info.btn-small:before {
    border-right: 10px solid #ccc; }
  a.btn-info.btn-mini:after,
  a.btn.btn-info.btn-normal:after,
  a.btn.btn-info.btn-large:after,
  a.btn.btn-info.btn-small:after {
    border-left: 10px solid #ccc; }
  a.btn-info.btn-mini:hover,
  a.btn.btn-info.btn-normal:hover,
  a.btn.btn-info.btn-large:hover,
  a.btn.btn-info.btn-small:hover {
    background-color: #969696; }
    a.btn-info.btn-mini:hover:before,
    a.btn.btn-info.btn-normal:hover:before,
    a.btn.btn-info.btn-large:hover:before,
    a.btn.btn-info.btn-small:hover:before {
      border-right: 10px solid #969696; }
    a.btn-info.btn-mini:hover:after,
    a.btn.btn-info.btn-normal:hover:after,
    a.btn.btn-info.btn-large:hover:after,
    a.btn.btn-info.btn-small:hover:after {
      border-left: 10px solid #969696; }

a.btn-primary.btn-mini,
a.btn.btn-primary.btn-small,
a.btn.btn-primary.btn-normal,
a.btn.btn-primary.btn-large,
.widget_button-widget a.btn.blue {
  background-color: #3B64DA; }
  a.btn-primary.btn-mini:before,
  a.btn.btn-primary.btn-small:before,
  a.btn.btn-primary.btn-normal:before,
  a.btn.btn-primary.btn-large:before,
  .widget_button-widget a.btn.blue:before {
    border-right: 10px solid #3B64DA; }
  a.btn-primary.btn-mini:after,
  a.btn.btn-primary.btn-small:after,
  a.btn.btn-primary.btn-normal:after,
  a.btn.btn-primary.btn-large:after,
  .widget_button-widget a.btn.blue:after {
    border-left: 10px solid #3B64DA; }
  a.btn-primary.btn-mini:hover,
  a.btn.btn-primary.btn-small:hover,
  a.btn.btn-primary.btn-normal:hover,
  a.btn.btn-primary.btn-large:hover,
  .widget_button-widget a.btn.blue:hover {
    background-color: #1D4ACC; }
    a.btn-primary.btn-mini:hover:before,
    a.btn.btn-primary.btn-small:hover:before,
    a.btn.btn-primary.btn-normal:hover:before,
    a.btn.btn-primary.btn-large:hover:before,
    .widget_button-widget a.btn.blue:hover:before {
      border-right: 10px solid #1D4ACC; }
    a.btn-primary.btn-mini:hover:after,
    a.btn.btn-primary.btn-small:hover:after,
    a.btn.btn-primary.btn-normal:hover:after,
    a.btn.btn-primary.btn-large:hover:after,
    .widget_button-widget a.btn.blue:hover:after {
      border-left: 10px solid #1D4ACC; }

a.btn-danger.btn-mini,
a.btn.btn-danger.btn-small,
a.btn.btn-danger.btn-normal,
a.btn.btn-danger.btn-large,
.widget_button-widget a.btn.red {
  background-color: #C91A2B; }
  a.btn-danger.btn-mini:before,
  a.btn.btn-danger.btn-small:before,
  a.btn.btn-danger.btn-normal:before,
  a.btn.btn-danger.btn-large:before,
  .widget_button-widget a.btn.red:before {
    border-right: 10px solid #C91A2B; }
  a.btn-danger.btn-mini:after,
  a.btn.btn-danger.btn-small:after,
  a.btn.btn-danger.btn-normal:after,
  a.btn.btn-danger.btn-large:after,
  .widget_button-widget a.btn.red:after {
    border-left: 10px solid #C91A2B; }
  a.btn-danger.btn-mini:hover,
  a.btn.btn-danger.btn-small:hover,
  a.btn.btn-danger.btn-normal:hover,
  a.btn.btn-danger.btn-large:hover,
  .widget_button-widget a.btn.red:hover {
    background-color: #BA0C1E; }
    a.btn-danger.btn-mini:hover:before,
    a.btn.btn-danger.btn-small:hover:before,
    a.btn.btn-danger.btn-normal:hover:before,
    a.btn.btn-danger.btn-large:hover:before,
    .widget_button-widget a.btn.red:hover:before {
      border-right: 10px solid #BA0C1E; }
    a.btn-danger.btn-mini:hover:after,
    a.btn.btn-danger.btn-small:hover:after,
    a.btn.btn-danger.btn-normal:hover:after,
    a.btn.btn-danger.btn-large:hover:after,
    .widget_button-widget a.btn.red:hover:after {
      border-left: 10px solid #BA0C1E; }

a.btn-warning.btn-mini,
a.btn.btn-warning.btn-small,
a.btn.btn-warning.btn-normal,
a.btn.btn-warning.btn-large,
.widget_button-widget a.btn.orange,
a.yellow.mini,
a.btn.yellow.small,
a.btn.yellow.normal,
a.btn.yellow.large {
  background-color: #FF884D; }
  a.btn-warning.btn-mini:before,
  a.btn.btn-warning.btn-small:before,
  a.btn.btn-warning.btn-normal:before,
  a.btn.btn-warning.btn-large:before,
  .widget_button-widget a.btn.orange:before,
  a.yellow.mini:before,
  a.btn.yellow.small:before,
  a.btn.yellow.normal:before,
  a.btn.yellow.large:before {
    border-right: 10px solid #FF884D; }
  a.btn-warning.btn-mini:after,
  a.btn.btn-warning.btn-small:after,
  a.btn.btn-warning.btn-normal:after,
  a.btn.btn-warning.btn-large:after,
  .widget_button-widget a.btn.orange:after,
  a.yellow.mini:after,
  a.btn.yellow.small:after,
  a.btn.yellow.normal:after,
  a.btn.yellow.large:after {
    border-left: 10px solid #FF884D; }
  a.btn-warning.btn-mini:hover,
  a.btn.btn-warning.btn-small:hover,
  a.btn.btn-warning.btn-normal:hover,
  a.btn.btn-warning.btn-large:hover,
  .widget_button-widget a.btn.orange:hover,
  a.yellow.mini:hover,
  a.btn.yellow.small:hover,
  a.btn.yellow.normal:hover,
  a.btn.yellow.large:hover {
    background-color: #CC4F11; }
    a.btn-warning.btn-mini:hover:before,
    a.btn.btn-warning.btn-small:hover:before,
    a.btn.btn-warning.btn-normal:hover:before,
    a.btn.btn-warning.btn-large:hover:before,
    .widget_button-widget a.btn.orange:hover:before,
    a.yellow.mini:hover:before,
    a.btn.yellow.small:hover:before,
    a.btn.yellow.normal:hover:before,
    a.btn.yellow.large:hover:before {
      border-right: 10px solid #CC4F11; }
    a.btn-warning.btn-mini:hover:after,
    a.btn.btn-warning.btn-small:hover:after,
    a.btn.btn-warning.btn-normal:hover:after,
    a.btn.btn-warning.btn-large:hover:after,
    .widget_button-widget a.btn.orange:hover:after,
    a.yellow.mini:hover:after,
    a.btn.yellow.small:hover:after,
    a.btn.yellow.normal:hover:after,
    a.btn.yellow.large:hover:after {
      border-left: 10px solid #CC4F11; }

/* .widget_button-widget a.btn.yellow {
  background-color: #F6D900;

  &:before {
      border-right: 10px solid #F6D900;
  }

  &:after {
    border-left: 10px solid #F6D900;
  }

  &:hover {
    background-color: #D3BD04;
    &:before {
        border-right: 10px solid #D3BD04;
    }

    &:after {
        border-left: 10px solid #D3BD04;
    }  
  }
}
*/
a.btn-success.btn-mini,
a.btn.btn-success.btn-small,
a.btn.btn-success.btn-normal,
a.btn.btn-success.btn-large,
.widget_button-widget a.btn.green {
  background-color: #56CC00; }
  a.btn-success.btn-mini:before,
  a.btn.btn-success.btn-small:before,
  a.btn.btn-success.btn-normal:before,
  a.btn.btn-success.btn-large:before,
  .widget_button-widget a.btn.green:before {
    border-right: 10px solid #56CC00; }
  a.btn-success.btn-mini:after,
  a.btn.btn-success.btn-small:after,
  a.btn.btn-success.btn-normal:after,
  a.btn.btn-success.btn-large:after,
  .widget_button-widget a.btn.green:after {
    border-left: 10px solid #56CC00; }
  a.btn-success.btn-mini:hover,
  a.btn.btn-success.btn-small:hover,
  a.btn.btn-success.btn-normal:hover,
  a.btn.btn-success.btn-large:hover,
  .widget_button-widget a.btn.green:hover {
    background-color: #4FAB0E; }
    a.btn-success.btn-mini:hover:before,
    a.btn.btn-success.btn-small:hover:before,
    a.btn.btn-success.btn-normal:hover:before,
    a.btn.btn-success.btn-large:hover:before,
    .widget_button-widget a.btn.green:hover:before {
      border-right: 10px solid #4FAB0E; }
    a.btn-success.btn-mini:hover:after,
    a.btn.btn-success.btn-small:hover:after,
    a.btn.btn-success.btn-normal:hover:after,
    a.btn.btn-success.btn-large:hover:after,
    .widget_button-widget a.btn.green:hover:after {
      border-left: 10px solid #4FAB0E; }

a.btn-inverse.btn-mini,
a.btn.btn-inverse.btn-small,
a.btn.btn-inverse.btn-normal,
a.btn.btn-inverse.btn-large,
.widget_button-widget a.btn.black,
a.btn.black {
  background-color: #000;
  color: #fff; }
  a.btn-inverse.btn-mini:before,
  a.btn.btn-inverse.btn-small:before,
  a.btn.btn-inverse.btn-normal:before,
  a.btn.btn-inverse.btn-large:before,
  .widget_button-widget a.btn.black:before,
  a.btn.black:before {
    border-right: 10px solid #000; }
  a.btn-inverse.btn-mini:after,
  a.btn.btn-inverse.btn-small:after,
  a.btn.btn-inverse.btn-normal:after,
  a.btn.btn-inverse.btn-large:after,
  .widget_button-widget a.btn.black:after,
  a.btn.black:after {
    border-left: 10px solid #000; }
  a.btn-inverse.btn-mini:hover,
  a.btn.btn-inverse.btn-small:hover,
  a.btn.btn-inverse.btn-normal:hover,
  a.btn.btn-inverse.btn-large:hover,
  .widget_button-widget a.btn.black:hover,
  a.btn.black:hover {
    background-color: #606060; }
    a.btn-inverse.btn-mini:hover:before,
    a.btn.btn-inverse.btn-small:hover:before,
    a.btn.btn-inverse.btn-normal:hover:before,
    a.btn.btn-inverse.btn-large:hover:before,
    .widget_button-widget a.btn.black:hover:before,
    a.btn.black:hover:before {
      border-right: 10px solid #606060; }
    a.btn-inverse.btn-mini:hover:after,
    a.btn.btn-inverse.btn-small:hover:after,
    a.btn.btn-inverse.btn-normal:hover:after,
    a.btn.btn-inverse.btn-large:hover:after,
    .widget_button-widget a.btn.black:hover:after,
    a.btn.black:hover:after {
      border-left: 10px solid #606060; }

a.btn-mini,
.widget_button-widget .btn.mini {
  padding: 4px 10px;
  font-size: 12px;
  font-size: 1.2rem; }
  a.btn-mini:before, a.btn-mini:after,
  .widget_button-widget .btn.mini:before,
  .widget_button-widget .btn.mini:after {
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent; }
  a.btn-mini:before,
  .widget_button-widget .btn.mini:before {
    left: -10px; }
  a.btn-mini:after,
  .widget_button-widget .btn.mini:after {
    right: -10px; }

a.btn.btn-small,
.widget_button-widget .btn.small {
  padding: 5px 15px 4px;
  font-size: 14px;
  font-size: 1.4rem; }
  a.btn.btn-small:before, a.btn.btn-small:after,
  .widget_button-widget .btn.small:before,
  .widget_button-widget .btn.small:after {
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent; }
  a.btn.btn-small:before,
  .widget_button-widget .btn.small:before {
    left: -10px; }
  a.btn.btn-small:after,
  .widget_button-widget .btn.small:after {
    right: -10px; }

a.btn-large,
.widget_button-widget .btn.large {
  padding: 10px 20px 9px;
  font-size: 20px;
  font-size: 2rem; }
  a.btn-large:before, a.btn-large:after,
  .widget_button-widget .btn.large:before,
  .widget_button-widget .btn.large:after {
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent; }
  a.btn-large:before,
  .widget_button-widget .btn.large:before {
    left: -10px; }
  a.btn-large:after,
  .widget_button-widget .btn.large:after {
    right: -10px; }

a.btn-white,
.widget_button-widget .btn.white {
  background-color: #fff;
  color: #000 !important;
  border: 1px solid #d7d7d7; }
  a.btn-white:before,
  .widget_button-widget .btn.white:before {
    border-right: 10px solid #d7d7d7; }
  a.btn-white:after,
  .widget_button-widget .btn.white:after {
    border-left: 10px solid #d7d7d7; }
  a.btn-white:hover,
  .widget_button-widget .btn.white:hover {
    background-color: #242424;
    color: #fff !important; }
    a.btn-white:hover:before,
    .widget_button-widget .btn.white:hover:before {
      border-right: 10px solid #242424; }
    a.btn-white:hover:after,
    .widget_button-widget .btn.white:hover:after {
      border-left: 10px solid #242424; }

/* 
  Drop Cap Widget 
*/
.dropcap {
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: 700;
  margin-right: 10px;
  text-align: center;
  padding: 0;
  border: 0; }

.dropcap-default {
  text-shadow: 1px 1px 0 #fff, 2px 2px 0 #fff; }

.dropcap-circle {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 50px;
  border-radius: 50px; }

.dropcap-circle,
.dropcap-box {
  color: #fff; }

/*
	Seperator Widget
	Divider Widget
*/
.sep,
.sep.tleft {
  padding-bottom: 10px;
  position: relative; }

h1.tcenter,
h2.tcenter,
h3.tcenter,
h4.tcenter,
h5.tcenter {
  text-align: center; }

h1.tright,
h2.tright,
h3.tright,
h4.tright,
h5.tright {
  text-align: right; }

h1.tleft,
h2.tleft,
h3.tleft,
h4.tleft,
h5.tleft {
  text-align: left; }

.sep.tcenter:before {
  width: 10%;
  left: 44.5%; }
.sep.tcenter:after {
  width: 14px;
  left: 48.5%;
  height: 14px; }

.sep.tright:before {
  width: 10%;
  left: auto;
  right: 0; }
.sep.tright:after {
  width: 14px;
  left: auto;
  right: 4.5%;
  height: 14px; }

h3.widget-title {
  position: relative;
  margin-bottom: 45px;
  padding-bottom: 5px; }
  h3.widget-title:before {
    width: 60px !important; }

.content-center h3.widget-title:before,
.content-center h1.sep:before,
.content-center h2.sep:before,
.content-center h3.sep:before,
.content-center h4.sep:before,
.content-center h5.sep:before,
.content-center h6.sep:before {
  width: 10%;
  left: 44.5%; }
.content-center h3.widget-title:after,
.content-center h1.sep:after,
.content-center h2.sep:after,
.content-center h3.sep:after,
.content-center h4.sep:after,
.content-center h5.sep:after,
.content-center h6.sep:after {
  width: 14px;
  left: 48.5%;
  height: 14px; }

.wide-dark-grey .widget_heading-widget h1, .wide-dark-grey .widget_heading-widget h2, .wide-dark-grey .widget_heading-widget h3, .wide-dark-grey .widget_heading-widget h4, .wide-dark-grey .widget_heading-widget h5, .wide-dark-grey .widget_heading-widget h6 {
  color: #fff; }

/* 
	Quote Left Widget
	Quote Right Widget
*/
.entry-content blockquote p {
  font-weight: 400;
  font-size: 1.3em;
  margin-bottom: .5em; }

.pullnone {
  width: 100%;
  padding: 30px;
  position: relative;
  color: #fff;
  display: block;
  margin-bottom: 20px; }
  .pullnone .quote-simple {
    position: absolute;
    top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    line-height: 35px;
    left: 47%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
    .pullnone .quote-simple i {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.pullleft,
.pullright {
  width: 50%;
  padding: 30px;
  position: relative;
  margin-right: 20px;
  color: #fff; }
  .pullleft .quote-simple,
  .pullright .quote-simple {
    position: absolute;
    top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    line-height: 35px;
    left: 45%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
    .pullleft .quote-simple i,
    .pullright .quote-simple i {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.pullright {
  float: right;
  margin-left: 20px;
  margin-right: 0; }

.pullleft {
  float: left; }

.widget_quote-widget .clear {
  display: none; }

/*
	Toggle Widget
*/
.toggle .close {
  display: none; }
.toggle .open {
  display: block; }
.toggle .toggle-title {
  padding: 15px 50px 15px 16px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 0;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  color: #fff; }
  .toggle .toggle-title .icn {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    top: 16px;
    right: 20px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center; }
    .toggle .toggle-title .icn .fa:before {
      display: block;
      color: #000;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      font-size: 14px;
      font-size: 1.4rem;
      position: relative;
      top: 0;
      left: 1px; }
.toggle .toggle-title:hover {
  background-color: #242424;
  color: #fff; }
.toggle .toggle-content {
  padding: 20px;
  border: 1px solid #d7d7d7;
  border-top: 0;
  background-color: #d7d7d7; }
  .toggle .toggle-content p {
    margin-bottom: 0; }

.withtip {
  position: relative; }

.withtip:before,
.withtip:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none; }

.withtip:before {
  position: absolute;
  padding: 7px;
  content: attr(title);
  text-align: center;
  width: 100%; }

.withtip:after {
  position: absolute;
  width: 0;
  content: " ";
  font-size: 0;
  line-height: 0; }

.withtip:hover:before,
.withtip:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.withtip.top:before {
  bottom: 80%;
  left: 50%;
  margin-bottom: 4px;
  margin-left: -40px; }

.withtip.top:after {
  bottom: 80%;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.withtip.right:before {
  top: 50%;
  left: 102%;
  margin-top: -17px; }

.withtip.right:after {
  top: 5px;
  left: 102%;
  margin-left: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.withtip.bottom:before {
  top: 150%;
  left: 50%;
  margin-top: 5px;
  margin-left: -40px;
  z-index: 100; }

.withtip.bottom:after {
  top: 150%;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  z-index: 100; }

.withtip.left:before {
  top: 50%;
  right: 102%;
  margin-top: -17px; }

.withtip.left:after {
  top: 5px;
  right: 102%;
  margin-right: -4px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

[data-toggle]:before,
[data-toggle]:after,
.withtip:before,
.withtip:after {
  transform: translate3d(0px, 0px, 0px);
  transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s; }

[data-toggle]:hover:before,
[data-toggle]:hover:after,
[data-toggle]:focus:before,
[data-toggle]:focus:after,
.withtip:hover:before,
.withtip:hover:after,
.withtip:focus:before,
.withtip:focus:after,
.withtip.top:hover:before,
.withtip.top:hover:after,
.withtip.top:focus:before,
.withtip.top:focus:after {
  transform: translateY(-12px); }

.withtip.left:hover:before,
.withtip.left:hover:after,
.withtip.left:focus:before,
.withtip.left:focus:after {
  transform: translateX(-12px); }

.withtip-bottom:hover:before,
.withtip-bottom:hover:after,
.withtip-bottom:focus:before,
.withtip-bottom:focus:after {
  transform: translateY(12px); }

.withtip.right:hover:before,
.withtip.right:hover:after,
.withtip.right:focus:before,
.withtip.right:focus:after {
  transform: translateX(12px); }

.withtip:before {
  background-color: #000;
  color: #fff; }

.withtip.top:after {
  border-top: 5px solid #000; }

.withtip.right:after {
  border-right: 5px solid #000; }

.withtip.bottom:after {
  border-bottom: 5px solid #000; }

.withtip.left:after {
  border-left: 5px solid #000; }

.circle-icon-box {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  text-align: center; }
  .circle-icon-box .circle-icon-wrapper {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 100px;
    border-radius: 100px; }
    .circle-icon-box .circle-icon-wrapper h3.fa-stack {
      display: black;
      margin-bottom: 0;
      width: 80px;
      height: 80px;
      line-height: 75px;
      color: #fff; }
      .circle-icon-box .circle-icon-wrapper h3.fa-stack i {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        .circle-icon-box .circle-icon-wrapper h3.fa-stack i:before {
          color: #fff; }
    .circle-icon-box .circle-icon-wrapper .fa-stack.fa-5x {
      font-size: 55px;
      font-size: 5.5rem; }
    .circle-icon-box .circle-icon-wrapper .fa-stack.fa-4x {
      font-size: 45px;
      font-size: 4.5rem; }
    .circle-icon-box .circle-icon-wrapper .fa-stack.fa-3x {
      font-size: 35px;
      font-size: 3.5rem; }
    .circle-icon-box .circle-icon-wrapper .fa-stack.fa-2x {
      font-size: 25px;
      font-size: 2.5rem; }
  .circle-icon-box .text,
  .circle-icon-box h4 {
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .circle-icon-box .service {
    margin-top: 40px; }
    .circle-icon-box .service p.text {
      line-height: 1.5; }
  .circle-icon-box:hover .circle-icon-wrapper {
    background-color: #242424; }
    .circle-icon-box:hover .circle-icon-wrapper p.fa-stack i {
      color: #fff; }

.circle-icon-box.icon-diamond .circle-icon-wrapper {
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin: 10px auto 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
  .circle-icon-box.icon-diamond .circle-icon-wrapper h3.fa-stack {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    line-height: 70px; }

.wide-dark-grey .circle-icon-box h4,
.wide-dark-grey .circle-icon-box p.text {
  color: #fff; }

.icon-polygon .circle-icon-wrapper {
  margin-bottom: 12px;
  background: transparent; }
  .icon-polygon .circle-icon-wrapper h3.fa-stack {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    z-index: 0;
    margin: 37px 10px; }
    .icon-polygon .circle-icon-wrapper h3.fa-stack i {
      border-radius: 0;
      border: none; }
      .icon-polygon .circle-icon-wrapper h3.fa-stack i:hover {
        background: none; }
      .icon-polygon .circle-icon-wrapper h3.fa-stack i:after {
        display: none; }
  .icon-polygon .circle-icon-wrapper h3.fa-stack,
  .icon-polygon .circle-icon-wrapper h3.fa-stack:before,
  .icon-polygon .circle-icon-wrapper h3.fa-stack:after {
    border-style: solid;
    border-width: 2px;
    border-top: none;
    border-bottom: none; }
  .icon-polygon .circle-icon-wrapper h3.fa-stack:after,
  .icon-polygon .circle-icon-wrapper h3.fa-stack:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    z-index: -1; }
  .icon-polygon .circle-icon-wrapper h3.fa-stack:before {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg); }
  .icon-polygon .circle-icon-wrapper h3.fa-stack:after {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg); }
  .icon-polygon .circle-icon-wrapper h3.fa-stack,
  .icon-polygon .circle-icon-wrapper h3.fa-stack:before,
  .icon-polygon .circle-icon-wrapper h3.fa-stack:after {
    line-height: 34px;
    height: 34px;
    width: 60px; }
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-5x,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-5x:before,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-5x:after {
    line-height: 80px;
    height: 80px;
    width: 140px; }
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-4x,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-4x:before,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-4x:after {
    line-height: 70px;
    height: 70px;
    width: 120px; }
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-3x,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-3x:before,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-3x:after {
    line-height: 60px;
    height: 60px;
    width: 105px; }
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-2x,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-2x:before,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-2x:after {
    line-height: 50px;
    height: 50px;
    width: 88px; }
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-1x,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-1x:before,
  .icon-polygon .circle-icon-wrapper h3.fa-stack.fa-1x:after {
    line-height: 40px;
    height: 40px;
    width: 70px; }
.icon-polygon .link-title {
  padding-top: 30px;
  display: block; }
.icon-polygon h3:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }
.icon-polygon a.more-button {
  padding: 8px 20px; }
  .icon-polygon a.more-button:hover {
    background-color: #242424; }
.icon-polygon p {
  margin-bottom: 1.5em !important; }
.icon-polygon h4 {
  margin-top: 10px; }
.icon-polygon:hover .circle-icon-wrapper .fa-stack i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  background: none; }
  .icon-polygon:hover .circle-icon-wrapper .fa-stack i:hover {
    background: none; }
.icon-polygon:hover .circle-icon-wrapper {
  background: #fff !important; }
.icon-polygon:hover .circle-icon-wrapper .fa:hover {
  background: none !important; }
.icon-polygon:hover .circle-icon-wrapper .fa {
  color: #242424 !important; }
.icon-polygon:hover .circle-icon-wrapper a.more-button:hover {
  color: #fff; }

.icon-polygon:hover h3.fa-stack {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.icon-right .icon-title,
.icon-left .icon-title, .icon-top .icon-title {
  font-size: 20px;
  font-size: 2rem;
  color: #242424;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
  display: block; }
.icon-right p,
.icon-left p, .icon-top p {
  color: #848484;
  line-height: 1.4; }
.icon-right .icon-wrapper,
.icon-left .icon-wrapper, .icon-top .icon-wrapper {
  margin-top: 20px;
  margin-bottom: 25px;
  width: 60px;
  height: 60px;
  transform: rotate(45deg);
  outline: none; }
  .icon-right .icon-wrapper a,
  .icon-left .icon-wrapper a, .icon-top .icon-wrapper a {
    width: 60px;
    height: 60px;
    display: block;
    line-height: 60px;
    text-align: center; }
  .icon-right .icon-wrapper .fa-stack.fa-5x,
  .icon-left .icon-wrapper .fa-stack.fa-5x, .icon-top .icon-wrapper .fa-stack.fa-5x {
    font-size: 50px;
    font-size: 5rem; }
  .icon-right .icon-wrapper .fa-stack.fa-4x,
  .icon-left .icon-wrapper .fa-stack.fa-4x, .icon-top .icon-wrapper .fa-stack.fa-4x {
    font-size: 40px;
    font-size: 4rem; }
  .icon-right .icon-wrapper .fa-stack.fa-3x,
  .icon-left .icon-wrapper .fa-stack.fa-3x, .icon-top .icon-wrapper .fa-stack.fa-3x {
    font-size: 30px;
    font-size: 3rem; }
  .icon-right .icon-wrapper .fa-stack.fa-2x,
  .icon-left .icon-wrapper .fa-stack.fa-2x, .icon-top .icon-wrapper .fa-stack.fa-2x {
    font-size: 20px;
    font-size: 2rem; }
.icon-right .service,
.icon-left .service, .icon-top .service {
  color: #202020;
  width: 73%;
  padding-right: 3%; }
.icon-right p,
.icon-left p, .icon-top p {
  margin: 0; }
.icon-right .fa-stack,
.icon-left .fa-stack, .icon-top .fa-stack {
  text-align: left;
  width: 60px;
  height: 60px;
  line-height: 60px;
  transform: rotate(-45deg);
  outline: none; }
  .icon-right .fa-stack i,
  .icon-left .fa-stack i, .icon-top .fa-stack i {
    color: #fff; }
.icon-right a.link-title,
.icon-right .icon-title,
.icon-right .fa-stack,
.icon-left a.link-title,
.icon-left .icon-title,
.icon-left .fa-stack, .icon-top a.link-title,
.icon-top .icon-title,
.icon-top .fa-stack {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #242424; }
  .icon-right a.link-title i,
  .icon-right .icon-title i,
  .icon-right .fa-stack i,
  .icon-left a.link-title i,
  .icon-left .icon-title i,
  .icon-left .fa-stack i, .icon-top a.link-title i,
  .icon-top .icon-title i,
  .icon-top .fa-stack i {
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
.icon-right .more-button,
.icon-left .more-button, .icon-top .more-button {
  margin-bottom: 0; }
  .icon-right .more-button a,
  .icon-left .more-button a, .icon-top .more-button a {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0px;
    border-radius: 0px;
    position: relative; }

.icon-top .icon-wrapper {
  float: none;
  margin: 0 auto 20px; }
.icon-top .service {
  float: none;
  text-align: left;
  width: 100% !important; }
  .icon-top .service p.more-button {
    margin-top: 10px; }
  .icon-top .service .icon-title, .icon-top .service p.more-button, .icon-top .service .text {
    text-align: center; }

.icon-left .icon-wrapper {
  float: left; }
.icon-left .service {
  float: right;
  text-align: left; }
  .icon-left .service p.more-button {
    margin-top: 10px; }

.icon-right .service {
  float: left;
  text-align: right; }
  .icon-right .service p.more-button {
    margin-top: 10px; }
.icon-right .icon-wrapper {
  float: right;
  margin-right: 20px; }

.callout-widget {
  position: relative;
  padding: 5px 0; }
  .callout-widget p,
  .callout-widget h2 {
    width: 70%; }
  .callout-widget p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: normal;
    margin-bottom: 20px; }
  .callout-widget .call-btn {
    position: absolute;
    top: 25%;
    right: 30px;
    width: 25%;
    height: auto;
    padding: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: right;
    line-height: 1.7; }
    .callout-widget .call-btn a {
      background-color: #242424;
      color: #fff !important;
      display: inline-block;
      text-align: center;
      padding: 15px 20px;
      font-weight: 700;
      position: relative; }
      .callout-widget .call-btn a:before {
        border-top: 29px solid transparent;
        border-right: 20px solid #242424;
        border-bottom: 29px solid transparent;
        left: -20px; }
      .callout-widget .call-btn a:after {
        border-top: 29px solid transparent;
        border-left: 20px solid #242424;
        border-bottom: 29px solid transparent;
        right: -20px; }
      .callout-widget .call-btn a:hover {
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        -webkit-border-radius: 0;
        border-radius: 0;
        color: #fff !important; }

.wide-cta:before {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  top: -25px !important;
  left: 49%; }
.wide-cta p,
.wide-cta h2 {
  color: #fff; }
.wide-cta .callout-widget .call-btn a:hover {
  background-color: #fff;
  color: #242424 !important; }
  .wide-cta .callout-widget .call-btn a:hover:before {
    border-right: 20px solid #fff; }
  .wide-cta .callout-widget .call-btn a:hover:after {
    border-left: 20px solid #fff; }

.wide-dark-grey .callout-widget h2, .wide-dark-grey .callout-widget p {
  color: #fff; }
.wide-dark-grey .callout-widget p.call-btn a:hover {
  background-color: #242424; }
  .wide-dark-grey .callout-widget p.call-btn a:hover:before {
    border-right-color: #242424; }
  .wide-dark-grey .callout-widget p.call-btn a:hover:after {
    border-left-color: #242424; }

/*
	Testimonial Widget
*/
.widget_testimonial-widget h3 {
  text-align: center;
  margin-bottom: 50px;
  font-size: 35px;
  font-size: 3.5rem;
  position: relative;
  padding: 0;
  padding-bottom: 20px;
  text-transform: uppercase; }
.widget_testimonial-widget h3.widget-title:before {
  width: 10% !important;
  left: 44.5%; }
.widget_testimonial-widget h3.widget-title:after {
  width: 14px;
  left: 48.5%;
  height: 14px;
  border: 2px solid #fff; }
.widget_testimonial-widget .testimonial-container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative; }
.widget_testimonial-widget ul.slides {
  margin-top: 0; }
.widget_testimonial-widget .testimony {
  padding-bottom: 5px;
  text-align: center;
  margin-bottom: 30px; }
  .widget_testimonial-widget .testimony p {
    margin: 10px 0;
    font-size: 20px;
    font-size: 2rem; }
.widget_testimonial-widget ul li {
  margin: 0;
  padding: 0;
  border: 0; }
  .widget_testimonial-widget ul li img {
    margin: 0 auto;
    display: block; }
  .widget_testimonial-widget ul li .client {
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    color: #242424; }
    .widget_testimonial-widget ul li .client strong {
      font-size: 20px;
      font-size: 2rem;
      font-family: "Montserrat", sans-serif;
      display: block; }
.widget_testimonial-widget .flex-direction-nav a {
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  background: none;
  text-align: center;
  text-indent: -999em;
  line-height: auto;
  opacity: 1 !important;
  top: 70%; }
  .widget_testimonial-widget .flex-direction-nav a:before {
    display: none; }
.widget_testimonial-widget .flex-direction-nav a.flex-prev {
  border-top: 12px solid transparent;
  border-right: 12px solid #848484;
  border-bottom: 12px solid transparent;
  left: 35% !important; }
  .widget_testimonial-widget .flex-direction-nav a.flex-prev:hover {
    border-right: 12px solid #242424; }
.widget_testimonial-widget .flex-direction-nav a.flex-next {
  border-top: 12px solid transparent;
  border-left: 12px solid #848484;
  border-bottom: 12px solid transparent;
  right: 35% !important; }
  .widget_testimonial-widget .flex-direction-nav a.flex-next:hover {
    border-left: 12px solid #242424; }
.widget_testimonial-widget .flex-control-nav {
  display: none; }

.testimony-avatar {
  width: 100px;
  height: 100px;
  display: block;
  overflow: hidden;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
  border: 1px solid #000;
  margin: 0 auto; }

.avatar-inner {
  width: 140px;
  height: 140px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  top: -20px;
  left: -20px; }

.siteorigin-panels-stretch .widget_testimonial-widget {
  color: #fff; }
  .siteorigin-panels-stretch .widget_testimonial-widget h3 {
    color: #fff; }
  .siteorigin-panels-stretch .widget_testimonial-widget h3.widget-title:after {
    border: 2px solid #242424; }
  .siteorigin-panels-stretch .widget_testimonial-widget ul li .client strong {
    color: #fff; }
  .siteorigin-panels-stretch .widget_testimonial-widget .flex-direction-nav a.flex-prev {
    border-right: 12px solid #848484; }
    .siteorigin-panels-stretch .widget_testimonial-widget .flex-direction-nav a.flex-prev:hover {
      border-right: 12px solid #fff; }
  .siteorigin-panels-stretch .widget_testimonial-widget .flex-direction-nav a.flex-next {
    border-left: 12px solid #848484; }
    .siteorigin-panels-stretch .widget_testimonial-widget .flex-direction-nav a.flex-next:hover {
      border-left: 12px solid #fff; }

/*
	Image Box Widget
*/
.widget_image-box-widget a.more-button {
  display: inline-block;
  margin: 0 auto 10px;
  background-color: #fff;
  padding: 4px 8px;
  color: #fff; }
  .widget_image-box-widget a.more-button:hover {
    background-color: #000; }
.widget_image-box-widget h4 {
  margin: 5px 0 0; }
.widget_image-box-widget p {
  color: #848484; }

.single-portfolio .site-content {
  margin-top: 50px; }
.single-portfolio .thumbnail img {
  display: block;
  width: 100%; }
.single-portfolio .one-third h3,
.single-portfolio .one-third h4 {
  border-bottom: 1px solid #d7d7d7; }
.single-portfolio .one-third dt {
  border-top: 1px solid #d7d7d7;
  padding-top: 15px; }
.single-portfolio .one-third dt:first-child {
  border-top: 0; }
.single-portfolio .one-third dd {
  color: #848484; }
  .single-portfolio .one-third dd a:hover {
    color: #242424; }
.single-portfolio .pro-descrition {
  padding-top: 25px; }

/*
	Image Widget
	Image Overlay Widget
*/
.widget_wbls-image-widget {
  text-align: center; }
  .widget_wbls-image-widget .image-widget {
    overflow: hidden; }
  .widget_wbls-image-widget .image-widget > a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    z-index: 100; }
    .widget_wbls-image-widget .image-widget > a img {
      display: block;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  .widget_wbls-image-widget i {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 46%;
    right: 0%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    z-index: 100;
    font-size: 0px;
    font-size: 0rem; }
  .widget_wbls-image-widget .image-widget-overlay {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .widget_wbls-image-widget .image-widget-overlay:hover i {
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 14px;
    font-size: 1.4rem;
    right: 46%; }
    .widget_wbls-image-widget .image-widget-overlay:hover i:hover {
      background-color: #242424;
      color: #fff; }

/*
	Widget List
*/
.content-area .widget_list-widget ul, .content-area .widget_list-widget ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .content-area .widget_list-widget ul li, .content-area .widget_list-widget ol li {
    padding: 5px;
    border: 0;
    position: relative;
    padding-left: 30px; }
    .content-area .widget_list-widget ul li i, .content-area .widget_list-widget ol li i {
      padding-right: 10px;
      position: absolute;
      top: 10px;
      left: 0; }

/*
	Ruuning Fact Widget
	Stat Widget
*/
.widget_stat-widget {
  text-align: center;
  padding: 20px 0 0; }
  .widget_stat-widget h3.widget-title {
    display: none; }
    .widget_stat-widget h3.widget-title:before, .widget_stat-widget h3.widget-title:after {
      display: none; }
  .widget_stat-widget .stats-icon-wrap {
    position: relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 70px;
    height: 70px;
    line-height: 80px;
    text-align: center;
    margin: 0 auto 40px; }
    .widget_stat-widget .stats-icon-wrap .fa {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
      .widget_stat-widget .stats-icon-wrap .fa:before {
        color: #fff; }
  .widget_stat-widget h4 {
    font-size: 55px;
    font-size: 5.5rem;
    margin-bottom: 0; }
  .widget_stat-widget h5 {
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: -5px;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem; }

.wide-dark-grey .widget_stat-widget h4, .wide-dark-grey .widget_stat-widget h5 {
  color: #fff; }

.wide-grey .widget_stat-widget {
  padding: 40px 0 0; }

/*--------------------------------------------------------------
12.2 Pages
--------------------------------------------------------------*/
body {
  overflow: hidden; }

.aboutus h2 {
  text-align: center; }
.aboutus h3.widget-title {
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.8rem; }
  .aboutus h3.widget-title:before {
    position: absolute;
    top: 20%;
    left: 0;
    content: "";
    border: 7px solid transparent;
    border-left: 7px solid #000; }
.aboutus .textwidget {
  color: #F0F2F3; }
.aboutus a.btn {
  margin-top: 20px; }

.gem-process {
  text-align: center;
  color: #fff; }
  .gem-process h3.widget-title {
    color: #fff;
    font-size: 50px;
    font-size: 5rem; }
  .gem-process .process-top-section {
    margin-bottom: 70px;
    position: relative;
    color: rgba(255, 255, 255, 0.5); }
    .gem-process .process-top-section .textwidget {
      padding-bottom: 25px !important; }
    .gem-process .process-top-section:after {
      position: absolute;
      content: "";
      bottom: 0;
      width: 3%;
      height: 3px;
      background-color: #fff;
      left: 47%; }
  .gem-process h4 {
    text-transform: uppercase; }
  .gem-process .textwidget img {
    border: 1px solid #fff;
    padding: 6px; }
  .gem-process .panel-grid-cell:nth-child(1) .textwidget {
    padding-bottom: 50px; }
    .gem-process .panel-grid-cell:nth-child(1) .textwidget img {
      width: 130px;
      height: 130px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 130px;
      border-radius: 130px; }
  .gem-process .panel-grid-cell:nth-child(2) .textwidget {
    padding-bottom: 50px; }
    .gem-process .panel-grid-cell:nth-child(2) .textwidget img {
      width: 220px;
      height: 220px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 220px;
      border-radius: 220px; }
  .gem-process .panel-grid-cell:nth-child(3) .textwidget {
    padding-bottom: 50px; }
    .gem-process .panel-grid-cell:nth-child(3) .textwidget img {
      width: 180px;
      height: 180px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 180px;
      border-radius: 180px; }
  .gem-process .panel-grid-cell:nth-child(4) .textwidget {
    padding-bottom: 50px; }
    .gem-process .panel-grid-cell:nth-child(4) .textwidget img {
      width: 250px;
      height: 250px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 250px;
      border-radius: 250px; }
  .gem-process .textwidget {
    position: relative;
    text-align: center; }
    .gem-process .textwidget h4 {
      position: absolute;
      bottom: 0;
      width: 100%;
      color: #fff; }

.gem-process.white-bg {
  color: #242424; }
  .gem-process.white-bg h3.widget-title {
    color: #242424; }
  .gem-process.white-bg .process-top-section {
    color: rgba(36, 36, 36, 0.5); }
    .gem-process.white-bg .process-top-section:after {
      background-color: #000; }
  .gem-process.white-bg .textwidget img {
    border: 1px solid #242424; }
  .gem-process.white-bg .textwidget h4 {
    color: #242424; }

.our-services {
  text-align: center; }
  .our-services h3.widget-title {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 15px; }
  .our-services .textwidget {
    color: #151515;
    position: relative;
    padding-bottom: 25px; }

.home .widget_recent-work-widget h3.widget-title {
  display: none; }

.our-services .textwidget:after, .flex-slider-title h3.widget-title:after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 3%;
  height: 3px;
  left: 48.5%; }

.flex-slider-title h3.widget-title {
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  color: #fff;
  position: relative;
  font-size: 40px;
  font-size: 4rem; }
  .flex-slider-title h3.widget-title:after {
    background-color: #fff !important; }

.whyus .textwidget {
  color: #F0F2F3; }
.whyus h3.widget-title {
  font-size: 20px;
  font-size: 2rem; }

.error-404.not-found {
  padding: 20px;
  margin-bottom: 0;
  color: #000; }
  .error-404.not-found a {
    color: #fff; }
  .error-404.not-found .page-header {
    background-color: #242424;
    border-bottom: 1px solid #fff;
    text-align: center; }
    .error-404.not-found .page-header .page-title {
      font-size: 130px;
      font-size: 13rem;
      color: #fff;
      font-weight: 700;
      margin-bottom: 0; }

.not-found-inner {
  padding: 40px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem; }
  .not-found-inner a:hover {
    color: #242424; }
  .not-found-inner .search-form {
    margin-bottom: 0; }
    .not-found-inner .search-form input.search-field {
      width: auto; }

p.notfound {
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  color: #fff; }

body.error404 .site-content {
  padding-top: 100px;
  margin-bottom: 100px; }

.cnt-form .wpcf7-form {
  position: relative;
  margin: 50px auto 0; }
  .cnt-form .wpcf7-form p {
    color: #848484;
    border-bottom: none !important; }
  .cnt-form .wpcf7-form p:nth-of-type(1),
  .cnt-form .wpcf7-form p:nth-of-type(2),
  .cnt-form .wpcf7-form p:nth-of-type(3),
  .cnt-form .wpcf7-form p:nth-of-type(4) {
    width: 50%;
    float: left;
    display: block; }
    .cnt-form .wpcf7-form p:nth-of-type(1) input,
    .cnt-form .wpcf7-form p:nth-of-type(2) input,
    .cnt-form .wpcf7-form p:nth-of-type(3) input,
    .cnt-form .wpcf7-form p:nth-of-type(4) input {
      width: 90%; }
  .cnt-form .wpcf7-form p:nth-of-type(3) {
    clear: both; }
  .cnt-form .wpcf7-form input[type="text"],
  .cnt-form .wpcf7-form input[type="email"],
  .cnt-form .wpcf7-form input[type="tel"],
  .cnt-form .wpcf7-form input[type="url"],
  .cnt-form .wpcf7-form input[type="password"],
  .cnt-form .wpcf7-form input[type="number"],
  .cnt-form .wpcf7-form textarea {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #848484;
    padding: 10px 5px; }
  .cnt-form .wpcf7-form select {
    width: 50%;
    padding: 10px;
    border: 1px solid #606060;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .cnt-form .wpcf7-form input[type="submit"] {
    padding: 15px 50px;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    border: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .cnt-form .wpcf7-form input[type="submit"]:hover {
      background-color: #242424;
      color: #fff; }
  .cnt-form .wpcf7-form img.ajax-loader {
    position: absolute;
    bottom: 0;
    left: 0; }

.cnt-address .widget_text,
.cnt-address .textwidget {
  position: relative; }
  .cnt-address .widget_text p:nth-of-type(1),
  .cnt-address .textwidget p:nth-of-type(1) {
    color: #242424;
    margin-bottom: 1.5em;
    border: 0; }
  .cnt-address .widget_text p,
  .cnt-address .textwidget p {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 12px;
    margin-bottom: 12px;
    color: #848484; }
    .cnt-address .widget_text p b, .cnt-address .widget_text p i,
    .cnt-address .textwidget p b,
    .cnt-address .textwidget p i {
      display: inline-block;
      color: #000;
      margin-right: 10px; }
    .cnt-address .widget_text p span,
    .cnt-address .textwidget p span {
      display: block; }

.post-thumb img {
  max-width: 100%; }

.full-width,
.wide-grey,
.wide-black,
.wide-cta,
.wide-default,
.siteorigin-panels-stretch,
.wide-dark-grey {
  margin: 0 -100%;
  padding: 110px 100% 110px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  position: relative; }

.callout-widget .call-btn a:before, .wide-cta:before, .wide-dark-grey:before,
.callout-widget .call-btn a:after {
  content: "";
  position: absolute;
  top: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.full-width,
.wide-grey,
.wide-black,
.wide-cta,
.wide-default,
.siteorigin-panels-stretch,
.wide-dark-grey {
  content: "";
  display: table; }

.wide-grey {
  background: #F0F2F3 url("../images/bg-top-divider.jpg") no-repeat center top;
  padding-top: 132px; }

.siteorigin-panels-stretch {
  padding: 100px 100%;
  background-attachment: fixed; }

.wide-cta {
  padding: 50px 100% 50px; }

.wide-default {
  padding: 100px 100%; }

.wide-black {
  background-color: #242424; }

.content-center {
  text-align: center; }

.panel-grid .widget .panel-grid:last-child {
  margin-bottom: 0 !important; }

.panel-grid:last-child {
  margin-bottom: 110px; }

.top-features {
  padding-top: 140px; }
  .top-features h5 {
    margin-top: -18px;
    font-size: 16px;
    font-size: 1.6rem; }
  .top-features .textwidget {
    line-height: 1.6;
    color: #606060; }
  .top-features p a.btn-large {
    margin-right: 20px; }

.wide-dark-grey {
  background: #363636; }
  .wide-dark-grey:before {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 25px solid #363636;
    top: -25px !important;
    left: 47%;
    overflow: visible !important;
    visibility: visible !important; }
  .wide-dark-grey:after {
    overflow: visible !important;
    visibility: visible !important; }
  .wide-dark-grey .sep:after,
  .wide-dark-grey .sep.tleft:after,
  .wide-dark-grey .content-center h3.widget-title:after {
    border-color: #363636; }

.full-width .widget_recent-work-widget,
.wide-grey .widget_recent-work-widget,
.wide-black .widget_recent-work-widget,
.wide-default .widget_recent-work-widget,
.wide-dark-grey .widget_recent-work-widget {
  padding-bottom: 20px; }

.site-main h3.widget-title {
  padding: 0; }

.features {
  position: relative; }
  .features .widget_text {
    color: #fff; }
    .features .widget_text h3 {
      color: #fff;
      margin-bottom: 20px; }
    .features .widget_text a {
      margin-top: 20px;
      margin-right: 10px; }
  .features .widget_webulous-image-widget {
    position: absolute; }
    .features .widget_webulous-image-widget a {
      padding-bottom: 0; }
  .features .panel-grid-cell {
    min-height: 326px; }

#secondary.sidebar.left {
  padding-left: 0; }

/*--------------------------------------------------------------
12.3 Footer Shortcodes
--------------------------------------------------------------*/
.site-footer .callout-widget h4 {
  text-align: center;
  margin-bottom: 10px; }
.site-footer .callout-widget p,
.site-footer .callout-widget h4 {
  width: 100%; }
.site-footer .callout-widget .call-btn {
  position: static;
  margin-top: 15px; }
  .site-footer .callout-widget .call-btn a:hover {
    color: #fff; }

.site-footer .circle-icon-box .service p {
  color: #fff; }
.site-footer .circle-icon-box .icon-wrapper {
  border-color: #848484; }
.site-footer .circle-icon-box p.fa-stack i {
  color: #848484; }

.site-footer .widget.widget_flexslider-widget .flexcarousel {
  margin: 0;
  position: relative; }
  .site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a:before {
    font-size: 16px;
    font-size: 1.6rem; }
  .site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev,
  .site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next {
    background-color: #000;
    text-align: center; }
    .site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev:hover,
    .site-footer .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next:hover {
      color: #fff; }

.site-footer .widget .flexslider .flex-direction-nav a:before {
  line-height: normal;
  font-size: 16px;
  font-size: 1.6rem; }
.site-footer .widget ul.flex-control-nav li,
.site-footer .widget ol.flex-control-nav li,
.site-footer .widget ul.slides li,
.site-footer .widget ul.flex-direction-nav li {
  padding: 0;
  border: 0;
  position: static; }
.site-footer .widget ul.flex-direction-nav li a {
  width: 30px !important;
  height: 30px !important;
  line-height: 40px !important; }
.site-footer .widget ul.flex-direction-nav li a:before {
  line-height: 36px !important; }
.site-footer .widget ul.flex-direction-nav li a:after {
  bottom: -20px;
  border-width: 10px 0 10px 10px;
  right: 0;
  left: auto; }
.site-footer .widget ul.flex-direction-nav li a.flex-prev:after {
  border-width: 10px 10px 10px 0px;
  left: 0;
  right: auto; }
.site-footer .widget .flexslider {
  background-color: transparent; }
  .site-footer .widget .flexslider:hover .flex-direction-nav a.flex-prev {
    left: 20px !important; }
  .site-footer .widget .flexslider:hover .flex-direction-nav a.flex-next {
    right: 20px !important; }
.site-footer .widget .flexslider .flex-control-nav {
  bottom: 0; }
.site-footer .widget ol.flex-control-paging li a {
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-width: 3px; }

.site-footer .footer-bottom ul.menu {
  margin: 0;
  padding: 0;
  text-align: right; }
  .site-footer .footer-bottom ul.menu ul.sub-menu {
    margin: 0;
    display: inline; }
  .site-footer .footer-bottom ul.menu li {
    display: inline;
    padding: 0 4px 0 0; }
    .site-footer .footer-bottom ul.menu li a {
      display: inline-block;
      padding: 2px 6px;
      color: #fff;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      font-size: 14px;
      font-size: 1.4rem; }
      .site-footer .footer-bottom ul.menu li a:hover {
        color: #242424; }
  .site-footer .footer-bottom ul.menu li.current_page_item a {
    color: #242424; }

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
  color: #fff; }
.site-footer .widget_heading-widget .sep::before {
  width: 15%;
  left: 0%; }

.site-footer .icon-right .icon-title,
.site-footer .icon-left .icon-title,
.site-footer .icon-right p,
.site-footer .icon-left p {
  color: #fff; }

.site-footer .widget_image-box-widget .image-box img {
  border-color: #fff;
  outline: none; }

.site-footer .widget_list-widget ul li {
  position: relative;
  padding-left: 25px; }
  .site-footer .widget_list-widget ul li i {
    position: absolute;
    top: 14px;
    left: 0; }

.site-footer .widget.widget_ourteam-widget .team-content h4 {
  color: #fff; }
  .site-footer .widget.widget_ourteam-widget .team-content h4 span {
    color: #fff; }
.site-footer .widget.widget_ourteam-widget:hover .team-content h4 {
  color: #d7d7d7; }

.site-footer .widget_siteorigin-panels-postloop section {
  margin-bottom: 20px; }
.site-footer .widget_siteorigin-panels-postloop article {
  padding: 0;
  background-color: transparent; }
  .site-footer .widget_siteorigin-panels-postloop article h1 a {
    color: #fff; }
    .site-footer .widget_siteorigin-panels-postloop article h1 a:hover {
      color: #000; }

.site-footer .widget_quote-widget .pullnone,
.site-footer .widget_quote-widget .pullleft,
.site-footer .widget_quote-widget .pullright {
  padding: 10px;
  border-color: #fff; }
  .site-footer .widget_quote-widget .pullnone:before,
  .site-footer .widget_quote-widget .pullleft:before,
  .site-footer .widget_quote-widget .pullright:before {
    left: -40px;
    top: 0;
    color: #fff; }

.site-footer .widget_recent-posts-gallery-widget .flex-recent-posts {
  overflow: hidden; }
  .site-footer .widget_recent-posts-gallery-widget .flex-recent-posts li {
    width: 100%;
    margin: 0 0 10px;
    padding: 0; }
.site-footer .widget_recent-posts-gallery-widget .post-title h5 {
  color: #151515; }
.site-footer .widget_recent_entries .post-date {
  display: block; }
.site-footer .widget_recent_entries h3 {
  margin-bottom: 0; }
.site-footer .widget_recent_entries ul li {
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 0;
  border-bottom: 1px solid #606060; }

.site-footer .widget.widget_recent-work-widget .recent-work {
  padding: 0; }
.site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a::after {
  width: auto !important; }
.site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a {
  bottom: 0; }

.site-footer .widget.widget_skill-widget .skill-container {
  width: 100%;
  float: none; }
  .site-footer .widget.widget_skill-widget .skill-container .skill {
    margin-bottom: 20px;
    background-color: #606060; }
  .site-footer .widget.widget_skill-widget .skill-container .skill-content {
    font-size: 16px;
    font-size: 1.6rem;
    padding-right: 50px;
    margin-bottom: 10px; }
    .site-footer .widget.widget_skill-widget .skill-container .skill-content span {
      padding: 2px 5px; }

.site-footer .widget_social-networks-widget ul {
  text-align: left;
  clear: both; }
  .site-footer .widget_social-networks-widget ul li {
    border: 0;
    padding: 0; }
    .site-footer .widget_social-networks-widget ul li a {
      color: #fff;
      background-color: #242424; }
      .site-footer .widget_social-networks-widget ul li a:after {
        border-top-color: #242424 !important; }
      .site-footer .widget_social-networks-widget ul li a:hover {
        background-color: #fff;
        color: #242424; }
        .site-footer .widget_social-networks-widget ul li a:hover:after {
          border-top-color: #fff !important; }

.site-footer .widget_testimonial-widget ul.flex-direction-nav li a::after {
  width: auto !important; }
.site-footer .widget_testimonial-widget .testimony-avatar,
.site-footer .widget_testimonial-widget .testimony {
  float: none;
  width: 100%; }
.site-footer .widget_testimonial-widget .testimony-avatar {
  padding-top: 20px; }
.site-footer .widget_testimonial-widget .testimony {
  padding: 20px; }
  .site-footer .widget_testimonial-widget .testimony p {
    color: #fff; }
.site-footer .widget_testimonial-widget ul li img {
  margin: 0 auto; }

.site-footer .alert-message {
  color: #fff;
  padding-right: 50px; }

.site-footer .wpcf7-form p {
  margin-bottom: 10px; }

/*--------------------------------------------------------------
12.3 Footer Shortcodes
--------------------------------------------------------------*/
#secondary.sidebar .callout-widget {
  padding: 15px; }
  #secondary.sidebar .callout-widget h4,
  #secondary.sidebar .callout-widget p {
    margin-bottom: 10px;
    width: 100%;
    text-align: center; }
  #secondary.sidebar .callout-widget p.call-btn {
    position: relative; }
    #secondary.sidebar .callout-widget p.call-btn a:hover {
      background-color: #242424;
      color: #fff; }

.sidebar .widget_heading-widget .sep::before {
  width: 15%;
  left: 0%; }

.sidebar .dropcap-default {
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; }
.sidebar .dropcap-circle,
.sidebar .dropcap-box {
  color: #fff; }
.sidebar .dropcap-box {
  border-color: #606060;
  -webkit-box-shadow: 0 0 0 transparent ;
  -moz-box-shadow: 0 0 0 transparent ;
  box-shadow: 0 0 0 transparent ; }
.sidebar .dropcap-book {
  color: #fff; }

.sidebar .widget.widget_flexslider-widget .flexcarousel {
  margin: 0;
  position: relative; }
  .sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a:before {
    font-size: 16px;
    font-size: 1.6rem; }
  .sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev,
  .sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next {
    background-color: #000;
    text-align: center; }
    .sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev:hover,
    .sidebar .widget.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next:hover {
      color: #fff; }

#secondary.sidebar .widget .flexslider .flex-direction-nav a:before {
  line-height: normal;
  font-size: 16px;
  font-size: 1.6rem; }
#secondary.sidebar .widget ul.flex-control-nav li,
#secondary.sidebar .widget ol.flex-control-nav li,
#secondary.sidebar .widget ul.slides li,
#secondary.sidebar .widget ul.flex-direction-nav li {
  padding: 0;
  border: 0;
  position: static; }
#secondary.sidebar .widget ul.flex-direction-nav li a {
  width: 30px !important;
  height: 30px !important;
  line-height: 40px !important; }
#secondary.sidebar .widget ul.flex-direction-nav li a:before {
  line-height: 36px !important; }
#secondary.sidebar .widget ul.flex-direction-nav li a:after {
  bottom: -20px;
  border-width: 10px 0 10px 10px;
  right: 0;
  left: auto; }
#secondary.sidebar .widget ul.flex-direction-nav li a.flex-prev:after {
  border-width: 10px 10px 10px 0px;
  left: 0;
  right: auto; }
#secondary.sidebar .widget .flexslider {
  background-color: transparent; }
  #secondary.sidebar .widget .flexslider:hover .flex-direction-nav a.flex-prev {
    left: 20px !important; }
  #secondary.sidebar .widget .flexslider:hover .flex-direction-nav a.flex-next {
    right: 20px !important; }
#secondary.sidebar .widget .flexslider .flex-control-nav {
  bottom: 0; }
#secondary.sidebar .widget ol.flex-control-paging li a {
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-width: 3px; }

.sidebar .icon-horizontal .fa-stack i,
.sidebar .icon-vertical .fa-stack i {
  color: #fff; }

.sidebar .widget_webulous-image-widget .image-widget {
  position: relative; }
.sidebar .widget_image-box-widget .image-box img {
  border: 0;
  padding: 10px; }

.sidebar .widget_list-widget ul li {
  position: relative;
  padding-left: 25px; }
  .sidebar .widget_list-widget ul li i {
    position: absolute;
    top: 14px;
    left: 0; }

#secondary.sidebar .widget.widget_ourteam-widget .team-content ul li {
  padding: 0;
  margin: 0;
  border: 0; }
  #secondary.sidebar .widget.widget_ourteam-widget .team-content ul li a {
    color: #fff; }
#secondary.sidebar .widget.widget_ourteam-widget:hover .team-content h4 {
  color: #fff; }

.sidebar .widget_siteorigin-panels-postloop section {
  margin-bottom: 20px; }
.sidebar .widget_siteorigin-panels-postloop article {
  padding: 0;
  background-color: transparent; }
  .sidebar .widget_siteorigin-panels-postloop article h1 a {
    color: #fff; }
    .sidebar .widget_siteorigin-panels-postloop article h1 a:hover {
      color: #000; }

.sidebar .widget_quote-widget .pullnone,
.sidebar .widget_quote-widget .pullleft,
.sidebar .widget_quote-widget .pullright {
  padding: 10px; }
  .sidebar .widget_quote-widget .pullnone:before,
  .sidebar .widget_quote-widget .pullleft:before,
  .sidebar .widget_quote-widget .pullright:before {
    left: -40px;
    top: 0; }

.sidebar .widget_recent-posts-gallery-widget .flex-recent-posts {
  overflow: hidden; }
  .sidebar .widget_recent-posts-gallery-widget .flex-recent-posts li {
    width: 100%;
    margin: 0 0 10px;
    padding: 0; }
  .sidebar .widget_recent-posts-gallery-widget .flex-recent-posts h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem; }
.sidebar .widget_recent_entries .post-date {
  display: block; }
.sidebar .widget_recent_entries h3 {
  margin-bottom: 0; }
.sidebar .widget_recent_entries ul li {
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 0;
  border-bottom: 1px solid #606060; }

.sidebar .widget.widget_recent-work-widget .recent-work {
  padding: 0; }
.sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a::after {
  width: auto !important; }
.sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a {
  bottom: 0; }

.sidebar .widget.widget_skill-widget .skill-container {
  width: 100%;
  float: none; }
  .sidebar .widget.widget_skill-widget .skill-container .skill {
    margin-bottom: 20px;
    background-color: #000; }
  .sidebar .widget.widget_skill-widget .skill-container .skill-content {
    font-size: 16px;
    font-size: 1.6rem;
    padding-right: 50px;
    margin-bottom: 10px; }
    .sidebar .widget.widget_skill-widget .skill-container .skill-content span {
      padding: 2px 5px; }

#secondary.sidebar .widget_social-networks-widget ul {
  text-align: left;
  clear: both; }
  #secondary.sidebar .widget_social-networks-widget ul li {
    border: 0;
    padding: 0; }

#secondary.sidebar .widget_testimonial-widget .testimonial-container .testimonials {
  border-color: #848484; }
#secondary.sidebar .widget_testimonial-widget ul.flex-direction-nav li a::after {
  width: auto !important; }
#secondary.sidebar .widget_testimonial-widget h3 {
  color: #242424; }
#secondary.sidebar .widget_testimonial-widget .testimony-avatar,
#secondary.sidebar .widget_testimonial-widget .testimony {
  float: none;
  width: 100%; }
#secondary.sidebar .widget_testimonial-widget .testimony-avatar {
  padding-top: 20px; }
#secondary.sidebar .widget_testimonial-widget .testimony {
  padding: 20px; }
  #secondary.sidebar .widget_testimonial-widget .testimony p {
    color: #fff; }
#secondary.sidebar .widget_testimonial-widget ul li img {
  margin: 0 auto; }

.sidebar .alert-message {
  padding-right: 50px; }

#secondary .btn:hover,
#secondary .widget_button-widget .btn:hover {
  color: #fff !important; }
#secondary a.btn-inverse,
#secondary .widget_button-widget a.btn.black {
  color: #fff; }
#secondary .btn-white,
#secondary .widget_button-widget .btn.white {
  border: 1px solid #606060; }

/*--------------------------------------------------------------
12.4 Woocommerce
--------------------------------------------------------------*/
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce #content table.cart input,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  color: #fff;
  background: #242424; }

.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
  background: none !important;
  color: #fff; }

.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
  background: #272727 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #272727 0%, #45484d 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272727), color-stop(100%, #45484d)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #272727 0%, #45484d 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #272727 0%, #45484d 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #272727 0%, #45484d 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #272727 0%, #45484d 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#45484d',GradientType=0 ) !important;
  /* IE6-9 */
  border: 1px solid #333; }

.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
  border-color: #000;
  background: #666 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #666 0%, #45484d 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #45484d)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #666 0%, #45484d 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #666 0%, #45484d 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #666 0%, #45484d 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #666 0%, #45484d 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#45484d',GradientType=0 ) !important;
  /* IE6-9 */ }

.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
  background-color: #333; }

.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
  border-color: #333; }

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
  background: #f2f9fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 );
  /* IE6-9 */ }

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
  color: #242424; }

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
  background-color: #666;
  color: #fff; }

.woocommerce a.added_to_cart:hover,
.woocommerce-page a.added_to_cart:hover {
  background-color: #000; }

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
  color: #fff; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background: #f2f9fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 );
  /* IE6-9 */ }

.woocommerce #content table.cart a.remove:hover,
.woocommerce table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover {
  background-color: #242424; }

.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
  background-color: #d7d7d7; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
  color: #fff; }

.woocommerce span.onsale, .woocommerce-page span.onsale {
  background: #fceabb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
  /* IE6-9 */ }

.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
  background-color: #242424;
  color: #fff !important; }

.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
  color: #fff; }

.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul {
  background-color: #242424; }

.woocommerce-error li strong {
  color: #B81C23; }

.woocommerce .site-content,
.woocommerce-page .site-content {
  margin-bottom: 0; }

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  border: 0;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-shadow: 0 0 0;
  font-weight: 400; }

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  padding-top: 0;
  height: 2.5em;
  line-height: 2.5;
  width: 2em; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
  line-height: normal;
  border: 1px solid #aea9a9;
  color: #000; }

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
  padding: 2px 15px 1px 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
  text-decoration: none; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 400;
  padding: 0.5em 1em;
  background-color: transparent;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border-top: 0;
  position: static; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
  position: static; }

.woocommerce #content div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations,
.woocommerce-page #content div.product form.cart table.variations,
.woocommerce-page div.product form.cart table.variations,
.woocommerce #content div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations td,
.woocommerce-page #content div.product form.cart table.variations td,
.woocommerce-page div.product form.cart table.variations td {
  border: 0; }

.cross-sells h2,
.shipping_calculator h2 {
  font-size: 1.6em; }

.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
  margin: 0 auto; }

.woocommerce #content table.cart td.actions input#coupon_code,
.woocommerce table.cart td.actions input#coupon_code,
.woocommerce-page #content table.cart td.actions input#coupon_code,
.woocommerce-page table.cart td.actions input#coupon_code {
  width: auto; }

.woocommerce button.button,
.woocommerce-page button.button {
  padding: 10px 12px; }

.woocommerce .cart button.single_add_to_cart_button {
  padding: 6px 12px 5px; }

.woocommerce button.button, .woocommerce-page button.button,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
  padding: 20px;
  border: 1px solid #e0dadf;
  border-top: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
  margin-bottom: 0; }

.woocommerce #content table.cart td.actions .coupon #coupon_code,
.woocommerce table.cart td.actions .coupon #coupon_code,
.woocommerce-page #content table.cart td.actions .coupon #coupon_code,
.woocommerce-page table.cart td.actions .coupon #coupon_code {
  padding: 4px 6px; }

.woocommerce #content div.product .stock,
.woocommerce div.product .stock,
.woocommerce-page #content div.product .stock,
.woocommerce-page div.product .stock {
  text-decoration: underline;
  color: #333; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  padding: 0;
  margin: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background: #242424;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0 0;
  margin: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  color: #fff;
  text-shadow: 0 0 0;
  padding: 7px 20px !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
  text-decoration: none; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
  z-index: 2;
  border-bottom-color: transparent; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
  display: none !important; }

.woocommerce span.onsale, .woocommerce-page span.onsale {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 12px; }

.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
  margin: -15px -15px 0 0; }

.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
  border: 0;
  padding: 3px 10px; }

.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
  border: 0; }

.woocommerce #content nav.woocommerce-pagination ul li {
  border: 0; }

.woocommerce #content nav.woocommerce-pagination ul {
  padding: 7px 10px;
  border: 0; }

.woocommerce-page .site-footer,
.woocommerce-page .footer-bottom,
.woocommerce-page .woocommerce-breadcrumb {
  padding: 0 50%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 -50%; }

.woocommerce a.remove {
  color: #fff !important; }

.woocommerce #primary {
  margin: 50px 0px; }

body.woocommerce.woocommerce-page .content-area {
  margin-bottom: 70px; }
body.woocommerce.woocommerce-page .site-footer::after {
  top: -85px; }
body.woocommerce.woocommerce-page .content-area .product {
  padding-top: 40px; }

/*--------------------------------------------------------------
13.0 Responsiveness
--------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .main-navigation ul ul li:hover > ul {
    right: 100%; } }
@media only screen and (max-width: 1024px) {
  .breadcrumb-wrap .six.breadcrumb #crumbs, .breadcrumb-wrap .entry-header {
    text-align: center; } }
@media only screen and (max-width: 1024px) {
  .home .flexslider .slides .flex-caption {
    width: 50%;
    padding: 10px;
    bottom: 0;
    right: 0; }

  .home .site-content #primary .services-wrapper .service-content {
    width: 60%; }

  .home .site-content #primary .post-wrapper .latest-posts .latest-post-thumb {
    height: 276px; }
    .home .site-content #primary .post-wrapper .latest-posts .latest-post-thumb .overlay {
      width: 302px;
      height: 280px;
      background-position: center top; }
  .home .site-content #primary .post-wrapper .latest-posts .latest-post-content {
    height: 276px;
    padding: 20px; }
    .home .site-content #primary .post-wrapper .latest-posts .latest-post-content .post-content-inner {
      height: 230px; }
  .home .site-content #primary .post-wrapper .latest-posts .posted-on .author {
    display: block;
    padding-left: 0; }

  .home .site-content #primary .post-wrapper .latest-post.even .overlay {
    background-position: center bottom; }

  /* Pro */
  .portfolioeffects .portfolio_thumb {
    width: 160px;
    height: 160px; }
    .portfolioeffects .portfolio_thumb .thumb-inner {
      width: 230px;
      height: 230px; }

  .widget_recent-work-widget .portfolio4col .overlay_icon a.icon-zoom {
    left: -50px; }
  .widget_recent-work-widget .portfolio4col .overlay_icon a.icon-link {
    right: -50px; }

  .widget_recent-work-widget .portfolio4col:hover .overlay_icon a.icon-zoom {
    left: 25%; }
  .widget_recent-work-widget .portfolio4col:hover .overlay_icon a.icon-link {
    right: 25%; }

  .widget.widget_ourteam-widget .team-avatar {
    width: 130px;
    height: 130px; }
    .widget.widget_ourteam-widget .team-avatar .ourteam-overlay {
      width: 180px;
      height: 180px;
      position: relative;
      top: -25px;
      left: -25px; }
  .widget.widget_ourteam-widget ul.team-social li a {
    margin-bottom: 10px; }

  .icon-right .service,
  .icon-left .service {
    width: 70%; }

  .icon-right .icon-wrapper {
    margin-right: 0; } }
@media only screen and (max-width: 960px) {
  .branding .site-branding {
    text-align: center; }

  .home .site-content #primary .post-wrapper .latest-posts .latest-post-thumb {
    height: 256px; }
    .home .site-content #primary .post-wrapper .latest-posts .latest-post-thumb .overlay {
      width: 282px;
      height: 260px; }
  .home .site-content #primary .post-wrapper .latest-posts .latest-post-content {
    height: 256px;
    padding: 10px; }
    .home .site-content #primary .post-wrapper .latest-posts .latest-post-content .post-content-inner {
      height: 235px; }

  .comment-navigation .nav-previous,
  .paging-navigation .nav-previous,
  .post-navigation .nav-previous {
    width: 45%; } }
/* Don't use another theme this media*/
@media only screen and (min-width: 700px) and (max-width: 800px) {
  .page-template-portfolio-3col .portfolioeffects .portfolio_link_icons a {
    top: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px; }
  .page-template-portfolio-3col .portfolioeffects .portfolio_link_icons a.icon-link {
    top: 70px; }

  .page-template-portfolio-4col .portfolioeffects .portfolio_link_icons a,
  .page-template-portfolio-4col_text .portfolioeffects .portfolio_link_icons a {
    top: 20px;
    width: 25px;
    height: 25px;
    line-height: 25px; }
  .page-template-portfolio-4col .portfolioeffects .portfolio_link_icons a.icon-link,
  .page-template-portfolio-4col_text .portfolioeffects .portfolio_link_icons a.icon-link {
    top: 60px; } }
@media only screen and (min-width: 768px) {
  .site-content #secondary {
    margin-bottom: 50px; } }
@media only screen and (max-width: 768px) {
  .slides li:after {
    display: none; }

  .home .site-content #primary .post-wrapper .latest-posts
  .one-third.column {
    width: 100%; }
    .home .site-content #primary .post-wrapper .latest-posts
    .one-third.column .latest-post-thumb,
    .home .site-content #primary .post-wrapper .latest-posts
    .one-third.column .latest-post-content {
      width: 50%;
      float: left; }

  .home .site-content #primary .post-wrapper .latest-posts .latest-post-thumb {
    height: 316px; }
    .home .site-content #primary .post-wrapper .latest-posts .latest-post-thumb .overlay {
      width: 350px;
      height: 316px; }
  .home .site-content #primary .post-wrapper .latest-posts .latest-post-content {
    height: 316px;
    padding: 20px; }
    .home .site-content #primary .post-wrapper .latest-posts .latest-post-content .post-content-inner {
      height: 300px; }

  .site-header .four.columns {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%; }
    .site-header .four.columns ul#social-widget {
      margin: 0;
      float: right; }
  .site-header .branding {
    text-align: left;
    padding: 0; }
    .site-header .branding .site-branding {
      text-align: left;
      min-height: 120px;
      padding: 15px 0;
      min-width: 60%; }
      .site-header .branding .site-branding:after {
        height: 120px;
        width: 120px;
        right: -120px; }
      .site-header .branding .site-branding .site-title {
        padding-top: 0; }

  .flexslider .slides .flex-caption,
  .home .flexslider .slides .flex-caption {
    width: 100%;
    position: static;
    background-color: rgba(36, 36, 36, 0.6);
    padding-bottom: 40px; }

  .site-header .search-form {
    bottom: -10px !important;
    top: auto !important;
    width: 95%;
    margin: 0 auto 0 5%; }

  #nav-wrap {
    padding-bottom: 20px; }

  .home .site-content #primary .services-wrapper .service-content {
    width: 81%;
    margin-right: 0; }

  .site-content {
    margin: 50px auto 60px; }

  .single .hentry {
    margin: 0; }

  .widget_calendar table caption {
    width: 95%; }

  .widget_search .search-form label {
    margin-left: 10px; }

  .site-footer .footer-widgets .widget-title::before {
    width: 20%; }

  .site-footer .footer-widgets .widget-title::after {
    left: 7.5%; }

  .site-footer .footer-widgets {
    padding: 40px 0; }
    .site-footer .footer-widgets .widget {
      width: 100%; }

  .footer-widgets .textwidget .wpcf7-form input.wpcf7-email {
    width: 96%; }

  .site-main .comment-navigation,
  .site-main .paging-navigation,
  .site-main .post-navigation {
    padding-bottom: 3em; }

  #site-navigation {
    margin-bottom: 10px; }

  .copyright,
  .copyright ul.menu {
    text-align: center; }

  /* Pro */
  .footer-bottom,
  .site-footer .footer-bottom ul.menu {
    text-align: center; }

  .site-footer .footer-bottom ul.menu {
    margin-top: 10px; }

  .ourservice .widget {
    padding: 20px 0; }

  .gem-process .process-top-section {
    margin-bottom: 20px; }

  .widget_testimonial-widget ul.flex-direction-nav li a {
    width: 30px;
    height: 30px;
    line-height: 40px;
    bottom: 0; }
  .widget_testimonial-widget .testimony {
    padding-right: 20px; }
    .widget_testimonial-widget .testimony p {
      font-size: 16px;
      font-size: 1.6rem; }

  .widget_recent-posts-gallery-widget .flex-recent-posts li {
    width: 48%; }

  .circle-icon-box .service {
    width: 100%; }

  .icon-right .service,
  .icon-left .service {
    width: 85%; }

  .icon-right .icon-wrapper,
  .icon-left .icon-wrapper {
    width: 60px; }

  .top-features {
    padding-top: 0; }

  .portfolioeffects .portfolio_thumb {
    width: 120px;
    height: 120px; }
    .portfolioeffects .portfolio_thumb .thumb-inner {
      width: 180px;
      height: 180px; }

  .site-content #secondary {
    margin-top: 50px; } }
@media only screen and (max-width: 700px) {
  .site-header .branding .site-branding {
    width: 100%;
    text-align: center;
    padding: 0;
    min-height: 0;
    margin: 20px 0; }
    .site-header .branding .site-branding:before {
      display: none; }
    .site-header .branding .site-branding .site-title {
      line-height: inherit !important;
      margin-bottom: 0; }

  .home .site-content #primary .post-wrapper .latest-posts {
    border: 1px solid #d7d7d7;
    background-color: #F0F2F3; }
    .home .site-content #primary .post-wrapper .latest-posts .latest-post-thumb {
      height: 100%; }
      .home .site-content #primary .post-wrapper .latest-posts .latest-post-thumb .overlay {
        display: none; }
    .home .site-content #primary .post-wrapper .latest-posts .latest-post-content {
      border: 0;
      height: 100%; }
      .home .site-content #primary .post-wrapper .latest-posts .latest-post-content .post-content-inner {
        height: 100%; }

  .nav-links .nav-previous,
  .nav-links .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    width: 100%;
    float: none;
    margin-bottom: 10px; }

  .post-navigation .nav-links a,
  .comment-navigation .nav-previous a,
  .comment-navigation .nav-next a {
    display: block;
    text-align: center; }

  #nav-wrap {
    padding-top: 20px; }

  button.menu-toggle {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
    border: 0;
    padding: 15px 10px;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    button.menu-toggle:hover, button.menu-toggle:focus, button.menu-toggle:active {
      background-color: #fff; }

  .main-navigation ul ul li:hover > ul {
    left: 0;
    top: 10px;
    width: 100%;
    margin-left: 70px !important; }
    .main-navigation ul ul li:hover > ul li {
      padding-left: 0; }

  .flexslider .flex-direction-nav a {
    top: 10%;
    opacity: 0; }

  .main-navigation ul {
    float: none; }
    .main-navigation ul li {
      float: none; }
      .main-navigation ul li a {
        padding: 12px 10px;
        border-bottom: 1px solid #d7d7d7; }
        .main-navigation ul li a:after {
          display: none; }
      .main-navigation ul li ul.sub-menu {
        width: 100%; }
      .main-navigation ul li:hover ul {
        margin-left: 20%;
        padding-top: 30px; }
        .main-navigation ul li:hover ul li {
          width: 100%;
          position: relative;
          bottom: 30px; }
        .main-navigation ul li:hover ul ul {
          margin-left: 0; }

  .main-navigation ul ul li:hover > ul {
    left: 15%;
    top: 42px; }

  .home .site-content #primary .services-wrapper .service-content {
    width: 76%; }

  ul.menu {
    margin-bottom: 20px; }

  .site-content .more-link {
    width: 30%; }

  .author-bio .author-info .description {
    width: 88%; }

  .site-header .four.columns {
    width: 100%; }

  /* Pro */
  .callout-widget .call-btn {
    position: static;
    margin-top: 20px;
    width: 100%;
    text-align: center; }
  .callout-widget p,
  .callout-widget h4,
  .callout-widget h2 {
    width: 100%;
    float: none;
    text-align: center; }

  ul#portfolio li.item {
    width: 100%; }

  .entry-header .header-entry-meta,
  .entry-body .header-entry-meta {
    width: 12%; }

  /*.entry-header .entry-title-meta,
  .entry-header .entry-header .entry-title,
  .entry-body .entry-title-meta,
  .entry-body .entry-header .entry-title {
    width: 85%;
    margin-left: 15%;
  }*/
  .cnt-form .wpcf7-form p:nth-of-type(1),
  .cnt-form .wpcf7-form p:nth-of-type(2),
  .cnt-form .wpcf7-form p:nth-of-type(3),
  .cnt-form .wpcf7-form p:nth-of-type(4) {
    width: 100%;
    float: none; }
    .cnt-form .wpcf7-form p:nth-of-type(1) input,
    .cnt-form .wpcf7-form p:nth-of-type(2) input,
    .cnt-form .wpcf7-form p:nth-of-type(3) input,
    .cnt-form .wpcf7-form p:nth-of-type(4) input {
      width: 100%; } }
/* Extra for Gem angle. don't use this code (600px) for next theme */
@media only screen and (max-width: 600px) {
  #primary .entry-footer,
  #primary .entry-meta {
    width: 100%; }
    #primary .entry-footer:before, #primary .entry-footer:after,
    #primary .entry-meta:before,
    #primary .entry-meta:after {
      display: none; }

  .nav-previous,
  .nav-next {
    width: 100%; }
    .nav-previous a:after, .nav-previous a:before,
    .nav-next a:after,
    .nav-next a:before {
      display: none; }

  .site-content a.more-link {
    margin-left: 0;
    width: 50%; }
    .site-content a.more-link:before, .site-content a.more-link:after {
      display: none; }

  .site-header .search-form {
    width: 100%;
    margin: 0 auto; }
    .site-header .search-form:before {
      display: none; }
    .site-header .search-form:after {
      display: none; }
    .site-header .search-form input.search-field {
      padding: 8px 5%;
      padding-left: 10%; }
    .site-header .search-form input.search-submit {
      left: 15px;
      top: 14px; }

  .main-navigation ul li a {
    margin-right: 0; }
    .main-navigation ul li a:after {
      display: none; } }
@media only screen and (max-width: 500px) {
  .site-header .branding .site-branding {
    margin: 40px 0 30px; }

  .home .site-content #primary .post-wrapper .latest-posts
  .one-third.column {
    margin-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 20px; }
    .home .site-content #primary .post-wrapper .latest-posts
    .one-third.column .latest-post-content {
      float: none;
      width: 100%; }
    .home .site-content #primary .post-wrapper .latest-posts
    .one-third.column .latest-post-thumb {
      width: 350px;
      float: none;
      margin: 0 auto; }

  .home .site-content #primary .post-wrapper .latest-posts .posted-on .author {
    padding-left: 20px;
    display: inline; }

  ol.comment-list ol.children, ol.comment-list ol.comment-list ul.children {
    margin-left: .5em; }
  ol.comment-list .reply {
    position: relative;
    left: 20px;
    display: block;
    padding-bottom: 10px; }

  h1 a {
    word-wrap: break-word; }

  .flexslider .slides .flex-caption {
    position: static !important; }

  .flexslider .flex-direction-nav a {
    top: 49% !important; }

  .site-header .branding .site-branding::after {
    display: none; }

  .comment-list > li article {
    padding: 20px 0; }

  .site-main .comment-navigation,
  .site-main .paging-navigation,
  .site-main .post-navigation {
    margin: 1.5em 0; }

  .comment-list > li .children {
    margin-left: 5% !important; }

  .nav-links .nav-previous,
  .nav-links .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    width: 100%; }

  .related-posts ul#webulous-related-posts li {
    float: none;
    width: 100%;
    margin: 3% 0; }

  .author-bio .author-info .avatar {
    width: auto;
    float: none;
    margin-bottom: 0px; }
  .author-bio .author-info .description {
    width: 100%;
    float: none; }

  /* Pro */
  .nav-wrap {
    display: none; }

  .icon-right .icon-wrapper,
  .icon-left .icon-wrapper {
    width: 15%; } }
@media only screen and (max-width: 480px) {
  /* Pro */
  .widget_testimonial-widget .testimony-avatar,
  .widget_testimonial-widget .testimony {
    float: none; }

  .widget_testimonial-widget .testimony {
    padding: 0 20px; }

  .widget_testimonial-widget .flex-direction-nav a.flex-prev {
    left: 20% !important; }
  .widget_testimonial-widget .flex-direction-nav a.flex-next {
    right: 20% !important; }

  .widget_recent-posts-gallery-widget .flex-recent-posts li {
    width: 100%; }

  .widget_testimonial-widget .testimony {
    padding: 0 20px; }

  .ei-slider-large li img {
    margin: 0 !important; }

  .tabs-container ul.ui-tabs-nav li {
    float: none; }
    .tabs-container ul.ui-tabs-nav li a {
      float: none;
      margin: 0 !important; }

  .circle-icon-box .icon-wrapper {
    margin: 0 auto 15px;
    float: none; }
  .circle-icon-box .service {
    width: 100%;
    float: none;
    text-align: center; }

  .features .widget_webulous-image-widget .image-widget > a img {
    width: 80%; }

  .entry-header .entry-title-meta span,
  .entry-body .entry-title-meta span {
    display: block;
    border-bottom: 1px solid #848484;
    padding: 5px 0; }
    .entry-header .entry-title-meta span span,
    .entry-body .entry-title-meta span span {
      display: inline;
      border-bottom: 0;
      padding: 0; }

  .entry-meta.header-entry-meta {
    font-size: 16px;
    font-size: 1.6rem; }

  ol.webulous_page_navi {
    text-align: center; }

  .icon-right .service,
  .icon-left .service {
    width: 80%; }

  .widget_recent-work-widget ul.flex-direction-nav a,
  .widget_recent-posts-widget .recent-posts-carousel ul.flex-direction-nav a {
    top: 0 !important; } }
@media only screen and (max-width: 400px) {
  .home .site-content #primary .post-wrapper .latest-posts .one-third.column .latest-post-thumb {
    width: 300px; }

  .nav-links .nav-previous,
  .nav-links .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    width: 100%; } }

/*# sourceMappingURL=common.css.map */