/*
Theme Name: NewGennPro
Theme URI: http://www.webulousthemes.com/newgenn/
Author: N. Venkat Raj
Author URI: http://www.webulousthemes.com/
Description: NewGeenPro comes with modern, stylish and responsive design. It uses skeleton framework for grids which keeps minimal css. Stylesheet is generated using SASS and so stays DRY. Best suited for Corporate/Business/Blog sites. There is no theme options panel, instead uses Customizer, core feature of WordPress and comes with lots of options to customize. Has 4 Footer Widget Areas.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newgennpro
Tags: dark, light, left-sidebar

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.

NewGenn is based on Underscores http://underscores.me/, (C) 2012-2014 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

--------------------------------------------------------------*/
.theme-cta .callout-widget, .theme-cta {
  background: url("../images/red-pattern.png") repeat left top; }

/*--------------------------------------------------------------
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%; }
  .column .alpha, .columns .alpha {
    margin-left: 0; }
  .column .omega, .columns .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,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-cta:before,
.panel-row-style-cta:after,
.panel-row-style-cta:before,
.panel-row-style-section-pattern2:after,
.panel-row-style-section-pattern2:before,
.panel-row-style-wide-grey:before,
.panel-row-style-wide-grey:after,
.panel-row-style-wide-dark-grey:before,
.panel-row-style-wide-dark-grey:after,
.panel-row-style-section-pattern:before,
.panel-row-style-section-pattern: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: #848484;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; }

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

h1 {
  font-size: 48px;
  font-size: 4.8rem; }

h2 {
  font-size: 36px;
  font-size: 3.6rem; }

h3 {
  font-size: 30px;
  font-size: 3rem; }

h4 {
  font-size: 24px;
  font-size: 2.4rem; }

h5 {
  font-size: 18px;
  font-size: 1.8rem; }

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 #030303;
  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: #d7d7d7;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

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: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 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 th {
    font-weight: 700;
    text-transform: uppercase; }
  table td, table th {
    border-bottom: 1px solid #d7d7d7;
    padding: 10px; }

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: 2px solid;
  border-color: rgba(0, 0, 0, 0.2);
  background: #EC1D23;
  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: .6em 1em;
  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; }

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

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: #030303;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[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"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #000;
  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; }

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 6px 3px; }

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

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: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #EC1D23;
  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:visited {
    color: #EC1D23; }
  a:hover, a:focus, a:active {
    color: #81152D;
    outline: none;
    outline-offset: 0; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.nav-wrap {
  background: #030303; }

.main-navigation {
  display: block;
  float: left; }
  .main-navigation ul {
    list-style: none;
    margin: 0; }
    .main-navigation ul ul {
      position: absolute;
      top: auto;
      left: -999em;
      z-index: 99999;
      border: 1px solid #d7d7d7;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li {
        padding: 0;
        background-color: #EC1D23;
        margin: 0; }
        .main-navigation ul ul li:hover > ul {
          right: 100%; }
      .main-navigation ul ul a {
        width: 250px;
        padding: 12px 15px;
        font-weight: none;
        background-color: #fff;
        color: #030303; }
    .main-navigation ul li:hover > ul {
      left: auto;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  .main-navigation li {
    position: relative;
    float: left; }
  .main-navigation a {
    position: relative;
    padding: 20px;
    display: inline-block;
    color: #fff;
    font-weight: 600; }
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current_page_ancestor > a {
    background-color: #EC1D23;
    color: #fff; }

.main-navigation ul.nav-menu > li > a {
  position: relative;
  margin: 0 1px; }
  .main-navigation ul.nav-menu > li > a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 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;
    background-color: #d7d7d7;
    content: "";
    z-index: -1; }

.main-navigation ul.nav-menu > li > a:hover {
  color: #fff;
  background-color: #EC1D23; }
  .main-navigation ul.nav-menu > li > a:hover:before {
    height: 100%;
    background-color: #EC1D23; }

.main-navigation ul.nav-menu > li li a:hover {
  background-color: #EC1D23;
  color: #fff; }

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

.menu-toggle,
.slicknav_menu {
  display: none; }

@media screen and (max-width: 650px) {
  .menu-toggle,
  .main-navigation.toggled .nav-menu,
  .slicknav_menu {
    display: block; }

  .main-navigation ul,
  #site-navigation {
    display: none; } }
.comment-navigation,
.paging-navigation,
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation {
  margin-bottom: 2.5em; }

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  background-color: #000; }

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

.post-navigation span {
  display: none; }

.navigation a,
.more-link,
.comment-navigation a {
  background-color: #fff;
  color: #030303;
  padding: 10px;
  display: block;
  border: 1px solid #030303; }
  .navigation a:hover,
  .more-link:hover,
  .comment-navigation a:hover {
    background-color: #fff;
    border-color: #81152D;
    color: #81152D; }

.nav-links,
.more-link {
  position: relative; }
  .nav-links a,
  .more-link a {
    position: relative; }
  .nav-links .meta-nav,
  .more-link .meta-nav {
    background-color: #030303;
    color: #fff;
    text-align: center;
    position: absolute;
    display: block;
    padding: 0 15px;
    font-size: 30px;
    font-size: 3rem;
    height: 100%;
    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;
    line-height: normal; }
    .nav-links .meta-nav:hover,
    .more-link .meta-nav:hover {
      background-color: #fff;
      color: #81152D; }
  .nav-links .nav-previous a,
  .more-link .nav-previous a {
    padding-left: 50px; }
  .nav-links .nav-previous .meta-nav,
  .more-link .nav-previous .meta-nav {
    left: 0; }
  .nav-links .nav-next a,
  .more-link .nav-next a {
    padding-right: 50px; }
  .nav-links .nav-next .meta-nav,
  .more-link .nav-next .meta-nav {
    right: 0; }

a.more-link {
  padding-right: 50px; }
  a.more-link .meta-nav {
    right: 0;
    background-color: #030303;
    color: #fff;
    line-height: normal; }
  a.more-link:hover .meta-nav {
    background-color: transparent;
    color: #81152D; }

.nav-links a:hover .meta-nav {
  background-color: transparent;
  color: #81152D; }

.webulous_page_navi {
  list-style-type: none;
  margin: 0;
  text-align: center; }
  .webulous_page_navi li {
    display: inline; }
    .webulous_page_navi li a {
      display: inline-block;
      padding: 10px;
      border-bottom: 8px solid rgba(236, 29, 35, 0.5);
      color: #030303;
      margin: 0 10px; }
      .webulous_page_navi li a:hover {
        border-color: #ec1d23; }
  .webulous_page_navi li.bpn-next-link,
  .webulous_page_navi li.bpn-prev-link {
    margin-right: 20px; }
    .webulous_page_navi li.bpn-next-link a,
    .webulous_page_navi li.bpn-prev-link a {
      background-color: #EC1D23;
      padding: 8px 16px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 0;
      color: #fff;
      font-size: 20px;
      font-size: 2rem;
      position: relative;
      margin: 0;
      top: 10px; }
      .webulous_page_navi li.bpn-next-link a:hover,
      .webulous_page_navi li.bpn-prev-link a:hover {
        background-color: #030303; }
  .webulous_page_navi li.bpn-next-link {
    margin-left: 20px; }
  .webulous_page_navi li.bpn-current {
    border-bottom: 8px solid #EC1D23;
    color: #030303;
    padding: 10px 10px; }

.main-navigation .current_page_item a, .main-navigation .current-menu-item a, .main-navigation .current-menu-parent > a, .main-navigation .current_page_parent > a {
  background: #EC1D23;
  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
--------------------------------------------------------------*/
.branding .site-branding {
  margin-top: 10px; }
  .branding .site-branding a img {
    display: block; }
  .branding .site-branding a:hover {
    color: #81152D; }
  .branding .site-branding .site-description {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    color: #848484;
    font-family: "Open Sans", sans-serif;
    margin-top: -10px; }
  .branding .site-branding h1.site-title a {
    margin-bottom: 0;
    color: #030303; }
    .branding .site-branding h1.site-title a:hover {
      color: #EC1D23; }
  .branding .site-branding h1.site-title {
    margin-bottom: 0;
    font-size: 42px;
    font-size: 4.2rem; }

.top-right aside {
  margin-bottom: 0;
  margin-top: 30px; }
  .top-right aside .widget-title {
    display: none; }

/*--------------------------------------------------------------
9.0 Primary
--------------------------------------------------------------*/
.site-content {
  margin-top: 5em;
  margin-bottom: 3em; }

.home .site-content {
  margin-bottom: 0; }

.single .site-main article.post {
  padding-top: 0; }

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

.comment-content a {
  word-wrap: break-word; }

.comment-content p {
  margin-bottom: 0;
  margin-top: 15px; }

.bypostauthor {
  display: block; }

h2.comments-title {
  margin-bottom: 30px;
  padding-bottom: 10px;
  line-height: normal; }

ol.comment-list {
  margin: 0;
  list-style-type: none; }

ol.comment-list ol.children {
  list-style-type: none; }

ol.comment-list > li {
  margin-bottom: 20px; }

.comment-body {
  position: relative; }

ol.comment-list .reply {
  display: inline;
  left: 25px;
  position: absolute;
  top: 88px;
  font-size: 14px;
  font-size: 1.4rem; }
  ol.comment-list .reply a:hover {
    color: #030303; }

.byuser .reply a:hover {
  color: #fff; }

.comment-content,
.comment-meta {
  margin-left: 90px; }

.comment-author img {
  position: absolute;
  left: 0; }
.comment-author cite.fn {
  font-style: normal; }
  .comment-author cite.fn a:hover {
    color: #030303; }

ol.comment-list article {
  border: 1px solid #848484;
  margin-bottom: 40px;
  padding: 20px;
  min-height: 120px; }

ol.comment-list article .comment-author img {
  border: 1px solid #848484;
  top: -10px;
  left: -1px;
  width: 90px;
  height: 90px; }

ol.comment-list li.byuser article {
  border-color: #EC1D23;
  background-color: rgba(3, 3, 3, 0.1); }
ol.comment-list li.byuser .comment-author img {
  border-color: #EC1D23; }
ol.comment-list li.byuser .comment-metadata a:hover {
  color: #030303; }

.comment-metadata {
  font-size: 14px;
  font-size: 1.4rem; }
  .comment-metadata a {
    color: #848484; }
    .comment-metadata a:hover {
      color: #EC1D23; }

.byuser .comment-metadata a:hover,
.byuser .comment-content a:hover {
  color: #fff; }

.hentry.sticky {
  color: #fff;
  background-color: #EC1D23;
  padding: 25px !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  .hentry.sticky h1.entry-title a {
    color: #fff; }
    .hentry.sticky h1.entry-title a:hover {
      color: #030303; }
  .hentry.sticky a {
    color: #030303; }
    .hentry.sticky a:hover {
      color: #fff; }
  .hentry.sticky span i {
    color: #fff; }
  .hentry.sticky code {
    color: #000; }
  .hentry.sticky .entry-footer,
  .hentry.sticky .entry-meta {
    margin-bottom: 0;
    border: 0; }
    .hentry.sticky .entry-footer a,
    .hentry.sticky .entry-meta a {
      color: #fff; }
      .hentry.sticky .entry-footer a:hover,
      .hentry.sticky .entry-meta a:hover {
        color: #030303; }

.hentry.post {
  margin: 0 0 2.5em; }
  .hentry.post h1 a {
    color: #000; }
    .hentry.post h1 a:hover {
      color: #EC1D23; }

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

.entry-meta,
.entry-footer {
  margin-bottom: 25px; }
  .entry-meta span,
  .entry-footer span {
    margin: 0 30px 0 0; }
    .entry-meta span span,
    .entry-footer span span {
      margin: 0; }
    .entry-meta span i,
    .entry-footer span i {
      color: #848484;
      padding-right: 5px; }
    .entry-meta span a,
    .entry-footer span a {
      color: #848484; }
      .entry-meta span a:hover,
      .entry-footer span a:hover {
        color: #606060; }

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

.page-template .entry-content,
.page .entry-content {
  margin-top: 0; }

.page-links {
  margin: 0 0 1.5em;
  padding: 12px;
  text-align: center;
  color: #d7d7d7;
  background-color: #000;
  display: inline-block; }
  .page-links a {
    padding: 5px 10px;
    color: #EC1D23; }
    .page-links a:hover {
      color: #fff; }

blockquote {
  position: relative;
  margin: 0;
  margin-bottom: 20px;
  margin-top: 30px;
  background-color: #EC1D23; }
  blockquote:before {
    position: absolute;
    content: "\f10d";
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'FontAwesome';
    left: 46%;
    top: -25px;
    background-color: #EC1D23;
    padding: 0 6px;
    color: #fff;
    padding: 0 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  blockquote p {
    margin-bottom: 0;
    font-size: 20px;
    font-size: 2rem;
    padding: 20px;
    color: #fff; }
    blockquote p cite {
      font-style: normal;
      text-transform: uppercase; }
    blockquote p a, blockquote p a:visited {
      color: #d7d7d7;
      font-size: 14px;
      font-size: 1.4rem; }
    blockquote p a:hover {
      color: #81152D; }

.wpcf7-form span.wpcf7-list-item {
  margin: 0 10px; }
.wpcf7-form .wpcf7-form-control-wrap select {
  padding: 5px 20px; }

.services-wrapper {
  padding-top: 40px; }

.services {
  text-align: center;
  background-color: #EC1D23; }
  .services h4 {
    background-color: #000;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    font-size: 2rem;
    padding: 10px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif; }
  .services p {
    color: #d7d7d7;
    margin: 0;
    border-top: 1px solid #fff; }

/* Flex Recent Post */
.post-wrapper h3 {
  text-align: center;
  margin-bottom: 25px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700; }
.post-wrapper .latest-post-thumb img {
  display: block;
  margin: 0 auto; }
.post-wrapper .latest-post:nth-child(3n+1) {
  clear: both; }
.post-wrapper .latest-post {
  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;
  overflow: hidden;
  margin-bottom: 1.5em;
  min-height: 260px; }
  .post-wrapper .latest-post h5 {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 5px;
    margin: 0 20px 20px; }
    .post-wrapper .latest-post h5 a {
      display: block;
      color: #000; }
      .post-wrapper .latest-post h5 a:hover {
        color: #EC1D23; }
    .post-wrapper .latest-post h5 span {
      padding-right: 15px;
      color: #848484;
      font-weight: 400;
      font-size: 15px;
      font-size: 1.5rem; }
      .post-wrapper .latest-post h5 span i {
        font-style: normal;
        padding-right: 5px; }
  .post-wrapper .latest-post p {
    padding: 0 20px;
    color: #848484; }
  .post-wrapper .latest-post a.btn-readmore {
    display: block;
    width: 40%;
    background-color: #848484;
    text-align: center;
    color: #fff;
    padding: 5px 8px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .post-wrapper .latest-post a.btn-readmore:hover {
      background-color: #EC1D23; }

.error-404.not-found h1.page-title {
  text-align: center;
  margin-bottom: 30px; }
  .error-404.not-found h1.page-title span {
    color: #81152D;
    display: block; }
.error-404.not-found form {
  margin-bottom: 25px; }
.error-404.not-found .page-content li {
  padding: 10px 0;
  border-bottom: 1px solid #d7d7d7; }
.error-404.not-found .page-content select {
  width: 100%; }

.home .site-content #primary .services-wrapper {
  margin-top: 30px;
  margin-bottom: 80px;
  padding-bottom: 100px;
  border-bottom: 1px solid #d7d7d7; }
  .home .site-content #primary .services-wrapper div:last-child {
    margin-right: 0; }
  .home .site-content #primary .services-wrapper div h1, .home .site-content #primary .services-wrapper div h2, .home .site-content #primary .services-wrapper div h3, .home .site-content #primary .services-wrapper div h4, .home .site-content #primary .services-wrapper div h5, .home .site-content #primary .services-wrapper div h6 {
    text-align: center;
    background-color: #EC1D23;
    color: #fff;
    font-weight: 600;
    padding: 5px 0; }
  .home .site-content #primary .services-wrapper div img {
    display: block; }
.home .site-content #primary .post-wrapper .post-wrapper-head {
  text-align: center;
  margin: 0 auto 40px; }
.home .site-content #primary .post-wrapper .latest-post {
  margin-bottom: 20px;
  border: 1px solid #d7d7d7; }
  .home .site-content #primary .post-wrapper .latest-post .latest-post-thumb img {
    margin-bottom: 20px; }

/*--------------------------------------------------------------
10.0 Secondary
--------------------------------------------------------------*/
#secondary {
  padding-left: 50px;
  margin-top: 0; }

.widget-area {
  margin-top: 1.5em; }
  .widget-area h3.widget-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d7d7;
    position: relative; }
    .widget-area h3.widget-title:after {
      border: 10px solid transparent;
      border-left: 10px solid #EC1D23;
      content: "";
      left: 0;
      bottom: -10px;
      position: absolute; }
  .widget-area ul li {
    padding: 8px 0 8px;
    border-bottom: 1px solid #d7d7d7; }
    .widget-area ul li a {
      color: #000; }
      .widget-area ul li a:hover {
        color: #EC1D23; }
    .widget-area ul li li:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
    .widget-area ul li ul.children,
    .widget-area ul li .sub-menu {
      padding-top: 5px; }
      .widget-area ul li ul.children li:last-child,
      .widget-area ul li .sub-menu li:last-child {
        padding-bottom: 0; }
  .widget-area select {
    width: 100%; }

.widget-area ul li {
  background: url("../images/arrow-left.png") no-repeat left 16px;
  padding-left: 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; }
  .widget-area ul li li {
    padding-left: 5px; }
  .widget-area ul li:hover {
    background: url("../images/arrow-right.png") no-repeat 12px 16px; }
.widget-area ul.children {
  border-top: 1px solid #d7d7d7;
  padding-top: 0 !important;
  margin-left: -25px;
  padding-left: 0;
  margin-top: 15px; }
  .widget-area ul.children li {
    padding-left: 50px;
    background-position: 25px 16px; }
    .widget-area ul.children li:hover {
      background-position: 37px 16px; }
  .widget-area ul.children ul.children {
    margin-left: -50px; }
    .widget-area ul.children ul.children li {
      padding-left: 75px;
      background-position: 50px 16px; }
      .widget-area ul.children ul.children li:hover {
        background-position: 67px 16px; }
    .widget-area ul.children ul.children ul.children {
      margin-left: -75px; }
      .widget-area ul.children ul.children ul.children li {
        padding-left: 100px;
        background-position: 75px 16px; }
        .widget-area ul.children ul.children ul.children li:hover {
          background-position: 92px 16px; }

.widget {
  margin: 0 0 2.5em 0;
  /* Make sure select elements fit in widgets */ }
  .widget ul, .widget ol {
    padding: 0;
    list-style: none;
    margin: 0; }
    .widget ul li ul, .widget ul li ol, .widget ol li ul, .widget ol li ol {
      padding: 0; }
  .widget select {
    max-width: 100%; }

.widget_calendar table th, .widget_calendar table td {
  text-align: center;
  padding: 7px;
  border: 0; }
  .widget_calendar table th a, .widget_calendar table td a {
    display: block;
    color: #EC1D23; }
    .widget_calendar table th a:hover, .widget_calendar table td a:hover {
      color: #81152D; }
.widget_calendar table th {
  font-weight: 400; }
.widget_calendar table td#prev {
  text-align: left; }
.widget_calendar table td#next {
  text-align: right; }
.widget_calendar table caption {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
  background-color: #EC1D23;
  color: #fff;
  padding: 5px 0; }

.widget-area .rss-date,
.widget-area .widget_rss cite {
  display: block;
  color: #d7d7d7;
  margin: 5px 0; }
.widget-area .widget_rss span {
  color: #848484; }
.widget-area .widget_rss cite {
  color: #848484; }
.widget-area .widget_rss a {
  color: #EC1D23; }
  .widget-area .widget_rss a:hover {
    color: #030303; }
.widget-area .widget_rss .widget-title .rsswidget img {
  margin: 0; }
.widget-area .widget_rss ul li {
  background: none;
  padding-left: 0; }
.widget-area .rssSummary {
  font-size: .95em; }

.widget_search .search-form {
  position: relative; }
  .widget_search .search-form label {
    display: block;
    border: 1px solid #d7d7d7; }
  .widget_search .search-form input[type="search"] {
    color: #000;
    width: 60%;
    padding: 5px 5% 5px 100px;
    border: 0; }
  .widget_search .search-form input.search-submit {
    position: absolute;
    top: 0;
    left: 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: 0; }

.widget-area .textwidget select {
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #848484; }

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

.widget_tag_cloud a {
  padding: 4px 6px;
  color: #030303;
  margin: 3px;
  display: inline-block;
  border: 1px solid #EC1D23; }
  .widget_tag_cloud a:hover {
    color: #fff;
    background-color: #EC1D23; }

.widget_nav_menu a {
  display: block; }
.widget_nav_menu ul.sub-menu li {
  text-indent: 0; }
.widget_nav_menu ul.sub-menu {
  border-top: 1px solid #d7d7d7;
  padding-top: 0 !important;
  margin-left: -10px;
  padding-left: 0;
  margin-top: 15px; }
  .widget_nav_menu ul.sub-menu li {
    padding-left: 25px; }

/*--------------------------------------------------------------
11.0 Footer
--------------------------------------------------------------*/
.site-footer .footer-widgets {
  margin-top: 0; }

.site-footer {
  background-color: #2D2D2D; }
  .site-footer .footer-top {
    color: #fff;
    padding: 60px 0px 40px; }
    .site-footer .footer-top .widget-title span {
      color: #fff;
      background: transparent; }
    .site-footer .footer-top aside {
      margin-bottom: 0; }
    .site-footer .footer-top a {
      color: #fff; }
      .site-footer .footer-top a:hover {
        color: #EC1D23; }
    .site-footer .footer-top .tagcloud a:hover {
      color: #fff; }
    .site-footer .footer-top .widget_recent-posts-gallery-widget h3.widget-title::after {
      display: none; }
    .site-footer .footer-top .widget_recent-posts-gallery-widget .recent-post .post-title h5 a {
      color: #fff; }
      .site-footer .footer-top .widget_recent-posts-gallery-widget .recent-post .post-title h5 a:hover {
        color: #EC1D23; }
    .site-footer .footer-top .circle-icon-box .service h4 {
      font-size: 24px;
      font-size: 2.4rem;
      margin: 12px 0px; }
    .site-footer .footer-top .circle-icon-box .service p {
      font-size: 14px;
      font-size: 1.4rem; }
  .site-footer .widget-area {
    color: #fff;
    padding: 40px 0; }
    .site-footer .widget-area h3.widget-title {
      color: #fff;
      border-bottom: 1px solid #d7d7d7;
      padding-bottom: 10px; }
    .site-footer .widget-area ul li {
      color: #d7d7d7;
      border-color: rgba(255, 255, 255, 0.2); }
    .site-footer .widget-area ul.children,
    .site-footer .widget-area .widget_nav_menu ul.sub-menu {
      border-color: rgba(255, 255, 255, 0.2); }
    .site-footer .widget-area a {
      color: #fff; }
      .site-footer .widget-area a:hover {
        color: #EC1D23; }
    .site-footer .widget-area p {
      margin-bottom: 0; }
    .site-footer .widget-area .widget_tag_cloud a:hover {
      color: #fff; }
    .site-footer .widget-area ul li {
      background-image: url(../images/white-arrow-left.png); }
      .site-footer .widget-area ul li:hover {
        background-image: url(../images/white-arrow-right.png); }
    .site-footer .widget-area .widget_rss ul li {
      background: none; }

.footer-bottom {
  padding: 15px 0;
  background: url("../images/bg-repeat-pattern.png") repeat left top; }
  .footer-bottom .widget {
    margin: 0; }
  .footer-bottom .sep {
    display: none; }
  .footer-bottom p {
    color: #fff;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem; }
    .footer-bottom p a {
      color: #EC1D23; }
      .footer-bottom p a:hover {
        color: #fff; }
  .footer-bottom ul.menu {
    margin: 0;
    text-align: right; }
    .footer-bottom ul.menu li {
      border: 0;
      padding: 0;
      display: inline; }
    .footer-bottom ul.menu a {
      font-family: "Raleway", sans-serif;
      display: inline-block;
      color: #fff;
      padding: 4px 10px;
      font-size: 13px;
      font-size: 1.3rem;
      text-transform: uppercase; }
      .footer-bottom ul.menu a:hover {
        color: #EC1D23; }

/*--------------------------------------------------------------
12.0 Pro
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.1 Shortcodes
--------------------------------------------------------------*/
.widget_social-networks-widget ul,
.share-box ul {
  margin: 0;
  padding: 0;
  text-align: right; }
  .widget_social-networks-widget ul li,
  .share-box ul li {
    list-style: none;
    margin: 0;
    display: inline; }
    .widget_social-networks-widget ul li a .fa,
    .share-box ul li a .fa {
      color: #fff;
      background: #EC1D23;
      width: 70px;
      height: 35px;
      display: inline-block;
      text-align: center;
      margin: 0;
      position: relative;
      overflow: visible;
      margin-bottom: 10px;
      line-height: 34px; }
      .widget_social-networks-widget ul li a .fa i,
      .share-box ul li a .fa i {
        font-size: 15px;
        font-size: 1.5rem; }
      .widget_social-networks-widget ul li a .fa:hover,
      .share-box ul li a .fa:hover {
        background-color: #030303 !important;
        color: #fff; }
        .widget_social-networks-widget ul li a .fa:hover:after,
        .share-box ul li a .fa:hover:after {
          border-top-color: #030303 !important; }
    .widget_social-networks-widget ul li .fa-digg,
    .share-box ul li .fa-digg {
      background: #5C79B7 !important; }
    .widget_social-networks-widget ul li .fa-dribbble,
    .share-box ul li .fa-dribbble {
      background: #ea4c89 !important; }
    .widget_social-networks-widget ul li .fa-facebook,
    .share-box ul li .fa-facebook {
      background: #3b5998 !important; }
    .widget_social-networks-widget ul li .fa-flickr,
    .share-box ul li .fa-flickr {
      background: #ff0084 !important; }
    .widget_social-networks-widget ul li .fa-google-plus,
    .share-box ul li .fa-google-plus {
      background: #df4a32 !important; }
    .widget_social-networks-widget ul li .fa-linkedin,
    .share-box ul li .fa-linkedin {
      background: #0073b2 !important; }
    .widget_social-networks-widget ul li .fa-pinterest,
    .share-box ul li .fa-pinterest {
      background: #c92228 !important; }
    .widget_social-networks-widget ul li .fa-rss,
    .share-box ul li .fa-rss {
      background: #ff9702 !important; }
    .widget_social-networks-widget ul li .fa-skype,
    .share-box ul li .fa-skype {
      background: #00aff0 !important; }
    .widget_social-networks-widget ul li .fa-tumblr,
    .share-box ul li .fa-tumblr {
      background: #2c4762 !important; }
    .widget_social-networks-widget ul li .fa-twitter,
    .share-box ul li .fa-twitter {
      background: #00acee !important; }
    .widget_social-networks-widget ul li .fa-vimeo-square,
    .share-box ul li .fa-vimeo-square {
      background: #3b5998 !important; }
    .widget_social-networks-widget ul li .fa-youtube,
    .share-box ul li .fa-youtube {
      background: #df0f32 !important; }
  .widget_social-networks-widget ul li:last-child,
  .share-box ul li:last-child {
    margin-right: 0; }

.share-box {
  margin-bottom: 20px; }
  .share-box h4 {
    margin-bottom: 10px; }
  .share-box ul {
    text-align: left; }
    .share-box ul li {
      margin: 0; }
      .share-box ul li a {
        width: 30px;
        height: 30px;
        line-height: 30px; }

.tabs-container {
  background: none !important;
  border: 0 !important; }
  .tabs-container ul.ui-tabs-nav {
    margin: 0;
    list-style-type: none;
    border: 0; }
    .tabs-container ul.ui-tabs-nav li {
      display: block;
      float: left; }
      .tabs-container ul.ui-tabs-nav li a {
        display: block;
        outline: none;
        padding: 12px 30px;
        text-decoration: none;
        color: #000;
        background-color: #F5F5F5;
        border: 1px solid #d7d7d7;
        float: left;
        border-bottom: 0;
        font-family: "Raleway", sans-serif;
        position: relative;
        border-right: 0; }
    .tabs-container ul.ui-tabs-nav li:last-child a {
      border-right: 1px solid #d7d7d7; }
    .tabs-container ul.ui-tabs-nav li.ui-tabs-active a,
    .tabs-container ul.ui-tabs-nav li a:hover {
      background-color: #fff; }
      .tabs-container ul.ui-tabs-nav li.ui-tabs-active a:after,
      .tabs-container ul.ui-tabs-nav li a:hover:after {
        height: 1px;
        width: 100%;
        position: absolute;
        background-color: #fff;
        left: 0;
        bottom: -1px;
        content: "";
        -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-container .ui-tabs-panel {
    padding: 20px !important;
    line-height: 2;
    border: 1px solid #d7d7d7; }

.tabs-container ul.ui-tabs-nav li:first-child {
  margin-left: 0; }

.widget.widget_ourteam-widget ul.team-social {
  margin: 0;
  clear: both;
  list-style-type: none;
  width: 100%;
  padding-bottom: 20px; }
  .widget.widget_ourteam-widget ul.team-social li {
    margin: 0 3px;
    padding: 0;
    border: 0;
    display: inline; }
    .widget.widget_ourteam-widget 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: 30px;
      height: 30px;
      line-height: 30px;
      background-color: #848484; }
      .widget.widget_ourteam-widget ul.team-social li a:hover {
        background-color: #030303; }
.widget.widget_ourteam-widget .team-avator {
  text-align: center; }
  .widget.widget_ourteam-widget .team-avator img {
    display: block;
    margin: 0 auto; }
.widget.widget_ourteam-widget .team-content {
  padding: 20px;
  background: url("../images/bg-repeat-pattern2.png") repeat left top;
  border: 1px solid #d7d7d7; }
  .widget.widget_ourteam-widget .team-content p {
    text-align: justify; }
  .widget.widget_ourteam-widget .team-content h4 {
    color: #000;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
    font-size: 20px;
    font-size: 2rem; }
    .widget.widget_ourteam-widget .team-content h4 span {
      display: none; }

.widget.widget_skill-widget h3.widget-title {
  margin-bottom: 25px; }
.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: #EC1D23; }
    .widget.widget_skill-widget .skill-container .skill .skill-percentage span {
      display: block;
      position: absolute;
      top: 5px;
      right: 0;
      z-index: 1;
      font-family: "Raleway", sans-serif;
      color: #fff;
      padding: 2px 8px;
      font-weight: 700; }
  .widget.widget_skill-widget .skill-container .skill .skill-percentage.percent100:after, .widget.widget_skill-widget .skill-container .skill .skill-percentage.percent100:before {
    display: none; }
  .widget.widget_skill-widget .skill-container .skill .skill-percentage.percent100 span {
    right: 0; }
.widget.widget_skill-widget .skill-container .skill-content {
  position: relative;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem; }

.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: 10px 20px 10px 10px;
    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: #030303;
    border: 1px solid #030303;
    margin-top: 10px;
    font-size: 25px;
    font-size: 2.5rem; }
    .ui-accordion h3 span.ui-icon.fa {
      margin-top: 5px;
      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: 15px;
      right: 15px;
      text-align: center;
      line-height: 20px; }
      .ui-accordion h3 span.ui-icon.fa:before {
        font-size: 30px;
        font-size: 3rem; }
    .ui-accordion h3:hover {
      color: #000; }
      .ui-accordion h3:hover span.ui-icon.fa {
        color: #EC1D23; }
  .ui-accordion .ui-accordion-content {
    padding: 10px 10px 20px;
    text-align: justify;
    border: 1px solid #030303;
    color: #848484;
    font-size: 18px;
    font-size: 1.8rem; }
  .ui-accordion .ui-accordion-header-active {
    color: #EC1D23;
    border-bottom: 0; }
  .ui-accordion .ui-accordion-header:hover {
    cursor: pointer;
    color: #EC1D23; }
  .ui-accordion .ui-accordion-content-active {
    border-top: 0;
    margin: 0; }

.accordion-row h3.widget-title {
  overflow: hidden;
  position: relative;
  margin-bottom: 40px; }
  .accordion-row h3.widget-title span {
    display: inline-block;
    padding-right: 20px;
    z-index: 1;
    background-color: #fff; }
  .accordion-row h3.widget-title:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    border-top: 1px solid #d7d7d7;
    width: 100%;
    height: 1px; }

.widget_recent-work-widget {
  	/*ul.flex-direction-nav {
  
  		li {
  			border: 0 !important;
  			padding: 0;
  		}
  
  		a {
  			opacity: 1;
  			margin: 0;
  			@include size(40px, 40px);
  			line-height: 50px;
  			color: $white;
  			text-shadow: 0 0 0;
  			font-size: 0;
  			text-align: center;
  			top: auto !important;
  			bottom: 25px;
  			background-color: $primary;
  			overflow: visible;
  			&:before {
  				font-size: 14px;
  			}
  			&:hover {
  				color: $white;
  				background-color: $c2;
  				&:after {
  					border-top-color: $c2;
  				}				
  			}			
  		}
  
  		a.flex-prev {
  			left: auto !important;
  			right: 100px !important;
  			&:after {
  			  left: 0;
  			  right: auto;
  			  bottom: -24px;
  			  content: "";
  			  border-width: 12px 12px 12px 0;
  			  @include transition(all, 0.5s, ease);			
  			}			
  		}
  
  		a.flex-next {
  			right: 50px !important;
  		}
  	}*/ }
  .widget_recent-work-widget ul#portfolio li {
    margin: .5%;
    width: 32.3% !important; }
  .widget_recent-work-widget h3 {
    text-align: center;
    font-size: 40px;
    font-size: 4rem;
    color: #fff;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px; }
    .widget_recent-work-widget h3:after {
      background-color: #fff !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 img {
    width: 100%;
    display: block; }
  .widget_recent-work-widget .img-wrap {
    position: relative;
    overflow: hidden; }
    .widget_recent-work-widget .img-wrap img {
      -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 .overlay_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .widget_recent-work-widget .overlay_icon a {
      width: 30px;
      height: 30px;
      background-color: #030303;
      text-align: center;
      line-height: 30px;
      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;
      position: relative;
      opacity: 0;
      filter: alpha(opacity=0);
      top: 47%; }
      .widget_recent-work-widget .overlay_icon a i {
        color: #fff; }
    .widget_recent-work-widget .overlay_icon a.icon-zoom {
      left: 45%; }
    .widget_recent-work-widget .overlay_icon a.icon-link {
      left: 46%; }
  .widget_recent-work-widget .work:hover .recent_work_overlay {
    background-color: rgba(236, 29, 35, 0.5); }
    .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: #030303;
      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: #030303; }
  .widget_recent-work-widget .img-wrap:hover .overlay_icon a {
    opacity: 1;
    filter: alpha(opacity=100); }
    .widget_recent-work-widget .img-wrap:hover .overlay_icon a:hover {
      background-color: #EC1D23; }
  .widget_recent-work-widget .img-wrap:hover img {
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0.5;
    filter: alpha(opacity=50); }

.recent-work {
  overflow: hidden;
  padding: 20px 0 100px; }
  .recent-work .flex-viewport {
    overflow: visible !important; }

#filters {
  padding: 10px;
  padding-bottom: 0;
  min-height: 50px;
  clear: both;
  text-align: center;
  margin-bottom: 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: .4em 1em;
        color: #030303;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid transparent;
        font-size: 14px;
        font-size: 1.4rem; }
      #filters ul.filter-options li a:hover,
      #filters ul.filter-options li a.selected {
        border-color: #030303; }

.wide-pattern-black #filters ul.filter-options li a {
  color: #fff; }
.wide-pattern-black #filters ul.filter-options li a:hover,
.wide-pattern-black #filters ul.filter-options li a.selected {
  border-color: #fff; }

.widget_recent-posts-gallery-widget h3.widget-title {
  overflow: hidden;
  position: relative;
  margin-bottom: 40px; }
  .widget_recent-posts-gallery-widget h3.widget-title span {
    display: inline-block;
    padding-right: 20px;
    z-index: 1;
    background-color: #fff; }
  .widget_recent-posts-gallery-widget h3.widget-title:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    border-top: 1px solid #d7d7d7;
    width: 100%;
    height: 1px; }
.widget_recent-posts-gallery-widget .recent-post .post-img-wrap {
  width: 30%;
  float: left; }
.widget_recent-posts-gallery-widget .recent-post .post-title {
  position: relative;
  padding: 10px;
  float: right;
  width: 68%; }
  .widget_recent-posts-gallery-widget .recent-post .post-title h5 {
    text-transform: uppercase;
    margin: 0; }
    .widget_recent-posts-gallery-widget .recent-post .post-title h5 a {
      color: #030303; }
      .widget_recent-posts-gallery-widget .recent-post .post-title h5 a:hover {
        color: #EC1D23; }
  .widget_recent-posts-gallery-widget .recent-post .post-title p.fa span {
    padding-left: 10px; }
.widget_recent-posts-gallery-widget .recent-post span.fa {
  color: #fff; }
  .widget_recent-posts-gallery-widget .recent-post span.fa:before {
    font-size: 20px;
    font-size: 2rem; }
.widget_recent-posts-gallery-widget img {
  margin: 0; }
.widget_recent-posts-gallery-widget .flex-recent-posts {
  position: relative; }
  .widget_recent-posts-gallery-widget .flex-recent-posts li {
    width: 100%;
    margin: 0 0 25px 0;
    min-height: 150px; }

.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'; }

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

.portfolioeffects {
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px; }
  .portfolioeffects .portfolio_thumb {
    overflow: hidden; }
    .portfolioeffects .portfolio_thumb 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; }
  .portfolioeffects .content-details {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0%;
    text-align: center;
    background-color: rgba(3, 3, 3, 0.2);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .portfolioeffects .content-details h3 {
      margin-bottom: 0;
      padding: 50px 20px;
      padding-bottom: 0;
      text-shadow: 1px 1px 1px #000;
      position: relative; }
      .portfolioeffects .content-details h3 a {
        color: #fff; }
    .portfolioeffects .content-details p {
      color: #fff;
      padding: 0 30px; }
    .portfolioeffects .content-details p,
    .portfolioeffects .content-details 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: 2px 8px;
    -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: #EC1D23;
    width: 30px;
    height: 30px;
    bottom: -50px;
    opacity: 0;
    filter: alpha(opacity=0); }
    .portfolioeffects .portfolio_link_icons a i:before {
      font-size: 12px;
      font-size: 1.2rem; }
  .portfolioeffects .portfolio_link_icons a.icon-zoom {
    left: 0; }
  .portfolioeffects .portfolio_link_icons a.icon-link {
    right: 0; }
  .portfolioeffects:hover .content-details {
    background-color: rgba(236, 29, 35, 0.4);
    height: 50%;
    bottom: 0; }
    .portfolioeffects:hover .content-details .portfolio_link_icons a {
      opacity: 1;
      filter: alpha(opacity=100);
      bottom: 0; }
      .portfolioeffects:hover .content-details .portfolio_link_icons a:hover {
        background-color: #030303; }
        .portfolioeffects:hover .content-details .portfolio_link_icons a:hover:after {
          border-top-color: #030303; }
    .portfolioeffects:hover .content-details p,
    .portfolioeffects:hover .content-details h3 {
      opacity: 1;
      font-size: 16px;
      font-size: 1.6rem; }
      .portfolioeffects:hover .content-details p a:hover,
      .portfolioeffects:hover .content-details h3 a:hover {
        color: #030303; }
    .portfolioeffects:hover .content-details h3 {
      font-size: 30px;
      font-size: 3rem; }
  .portfolioeffects:hover .portfolio_thumb img {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4); }

.portfolio-excerpt {
  margin: 15px;
  position: relative; }
  .portfolio-excerpt p.portfolio-readmore {
    text-align: right; }

.flexslider {
  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;
  background: transparent !important; }
  .flexslider .slides > li {
    position: relative; }
  .flexslider .flex-control-paging {
    text-align: right;
    top: 0;
    height: 50px; }
    .flexslider .flex-control-paging li a {
      border-color: #030303;
      background-color: #fff;
      font-size: 0;
      -webkit-box-shadow: 0 0 0;
      moz-box-shadow: 0 0 0;
      box-shadow: 0 0 0;
      border: 2px solid #030303;
      width: 14px;
      height: 14px; }
    .flexslider .flex-control-paging li a.flex-active,
    .flexslider .flex-control-paging li a:hover {
      background-color: #EC1D23; }
  .flexslider:hover .flex-direction-nav a.flex-prev {
    left: 50px !important;
    background-color: rgba(0, 0, 0, 0.8); }
  .flexslider:hover .flex-direction-nav a.flex-next {
    right: 50px !important;
    background-color: rgba(0, 0, 0, 0.8); }
  .flexslider .flex-caption {
    position: absolute;
    color: #fff;
    left: 0;
    text-align: center;
    bottom: 0px;
    padding: 25px 0px;
    color: #fff;
    width: 100%;
    text-shadow: 2px 2px 5px #333;
    background-color: rgba(37, 37, 37, 0.5); }
    .flexslider .flex-caption h1, .flexslider .flex-caption h2, .flexslider .flex-caption h3, .flexslider .flex-caption h4, .flexslider .flex-caption h5, .flexslider .flex-caption h6, .flexslider .flex-caption p, .flexslider .flex-caption ul {
      margin: 0 0 10px;
      padding: 0 30px;
      color: #fff;
      text-align: center; }
    .flexslider .flex-caption a {
      padding: 7px 20px;
      display: inline-block;
      background-color: rgba(236, 29, 35, 0.5);
      color: #fff;
      text-shadow: 0 0 0 transparent; }
      .flexslider .flex-caption a:hover {
        background: rgba(3, 3, 3, 0.5); }

.flex-direction-nav a {
  margin: 0;
  text-align: center;
  top: 45%;
  width: 70px;
  height: 70px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-size: 0px;
  font-size: 0rem;
  line-height: 70px;
  border: 1px solid #fff;
  background: transparent !important; }
  .flex-direction-nav a:before {
    line-height: 70px; }
  .flex-direction-nav a:hover {
    background: #fff !important; }
.flex-direction-nav a:before {
  font-size: 20px;
  font-size: 2rem;
  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; }
.flex-direction-nav a:hover:before {
  color: #030303; }
.flex-direction-nav a.flex-next {
  right: 0 !important;
  text-align: center; }
.flex-direction-nav a.flex-prev {
  left: 0 !important; }

.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;
        margin: 0;
        text-align: center; }
    .widget_flexslider-widget .flexcarousel .flex-direction-nav a {
      top: 25%;
      opacity: 1;
      width: 40px;
      height: 40px;
      color: #fff;
      line-height: 40px; }
      .widget_flexslider-widget .flexcarousel .flex-direction-nav a:before {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 40px; }

.breadcrumb-wrap {
  background: url("../images/bg-repeat-pattern2.png") repeat left top;
  padding: 20px 0 30px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7; }
  .breadcrumb-wrap #breadcrumb {
    text-align: center; }
    .breadcrumb-wrap #breadcrumb #crumbs {
      padding: 10px 0 0;
      color: #000; }
    .breadcrumb-wrap #breadcrumb a {
      color: #EC1D23;
      font-family: "Raleway", sans-serif;
      font-size: 14px;
      font-size: 1.4rem; }
      .breadcrumb-wrap #breadcrumb a:hover {
        color: #000; }
    .breadcrumb-wrap #breadcrumb .fa.fa-home:before {
      font-size: 20px;
      font-size: 2rem; }
    .breadcrumb-wrap #breadcrumb span {
      margin-left: 8px;
      margin-right: 8px;
      font-family: "Raleway", sans-serif;
      font-size: 14px;
      font-size: 1.4rem; }
      .breadcrumb-wrap #breadcrumb span:first-child {
        margin-left: 0; }

.breadcrumb {
  margin-bottom: 0; }
  .breadcrumb .entry-header {
    text-align: center;
    margin-bottom: 0; }
    .breadcrumb .entry-header h1 {
      margin-bottom: 0;
      text-transform: none; }

.hr_solid,
.hr_default {
  clear: both;
  margin: 30px 0;
  border: 0;
  height: 1px;
  background: #d7d7d7; }

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

.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 #606060;
  margin: 30px 0; }

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

.btn,
.widget_button-widget .btn {
  display: inline-block;
  padding: 5px 15px;
  text-align: center;
  cursor: pointer;
  outline: none; }

.btn {
  padding: 12px 20px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  .btn:hover {
    background-color: #030303; }

.widget a.btn,
a.btn,
.widget_button-widget a.btn
.widget a.btn:hover
a.btn:hover,
.widget_button-widget a.btn:hover {
  color: #fff; }

.btn,
.widget_button-widget a.btn.btn {
  background: #EC1D23; }
  .btn:hover,
  .widget_button-widget a.btn.btn:hover {
    background: #030303; }

.widget_button-widget a.btn.light-blue,
.btn-info {
  background: #4283D5; }
  .widget_button-widget a.btn.light-blue:hover,
  .btn-info:hover {
    background: #1664C1; }

.btn-primary,
.widget_button-widget a.btn.blue {
  background: #0045CC; }
  .btn-primary:hover,
  .widget_button-widget a.btn.blue:hover {
    background: #254A8F; }

.btn-danger,
.widget_button-widget a.btn.red {
  background: #C04935; }
  .btn-danger:hover,
  .widget_button-widget a.btn.red:hover {
    background: #A42612; }

.btn-warning,
.widget_button-widget a.btn.yellow {
  background-color: #F19504; }
  .btn-warning:hover,
  .widget_button-widget a.btn.yellow:hover {
    background: #C27400; }

.btn-success,
.widget_button-widget a.btn.green {
  background: #87D37B; }
  .btn-success:hover,
  .widget_button-widget a.btn.green:hover {
    background: #51B041; }

.btn-inverse,
.widget_button-widget a.btn.black {
  background-color: #000; }
  .btn-inverse:hover,
  .widget_button-widget a.btn.black:hover {
    background-color: #606060; }

.btn-mini,
.widget_button-widget .btn.mini {
  padding: 2px 8px;
  font-size: 12px; }

.btn-small,
.widget_button-widget .btn.small {
  padding: 4px 12px;
  font-size: 14px; }

.btn-large,
.widget_button-widget .btn.large {
  padding: 12px 20px;
  font-size: 20px; }

.dropcap {
  float: left;
  padding: 0 5px;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
  margin-right: 10px;
  color: #EC1D23; }

.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;
  padding: 10px 15px;
  border: 2px solid #fff; }

.dropcap-box {
  padding: 5px 15px;
  border: 5px solid #EC1D23; }

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

.dropcap-book {
  color: #fff;
  padding: 5px 15px;
  background: #854240;
  /* Old browsers */
  background: -moz-linear-gradient(top, #854240 0%, #bc3324 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #854240), color-stop(99%, #bc3324));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #854240 0%, #bc3324 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #854240 0%, #bc3324 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #854240 0%, #bc3324 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #854240 0%, #bc3324 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#854240', endColorstr='#bc3324',GradientType=0 );
  /* IE6-9 */
  text-shadow: 2px 2px 2px #000;
  border: 1px solid #81152D; }

.entry-content blockquote p {
  font-weight: 400;
  font-size: 1.3em;
  margin-bottom: .5em; }

.pullnone {
  position: relative;
  margin: 0;
  margin-bottom: 20px;
  margin-top: 30px;
  padding: 20px;
  background-color: #EC1D23;
  color: #fff;
  display: block; }
  .pullnone:before {
    position: absolute;
    content: "\f10d";
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'FontAwesome';
    left: 47%;
    top: -25px;
    background-color: #EC1D23;
    padding: 0 6px;
    color: #fff;
    padding: 0 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    width: 60px; }

.pullleft,
.pullright {
  width: 50%;
  padding: 20px;
  position: relative;
  margin-right: 25px;
  background-color: #EC1D23;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 15px; }
  .pullleft:before,
  .pullright:before {
    position: absolute;
    content: "\f10d";
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'FontAwesome';
    left: 36%;
    top: -25px;
    background-color: #EC1D23;
    padding: 0 6px;
    color: #fff;
    padding: 0 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    width: 60px; }
  .pullleft p,
  .pullright p {
    margin-bottom: 0;
    font-size: 20px;
    font-size: 2rem;
    padding: 20px;
    color: #fff; }

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

.pullleft {
  float: left; }

.toggle .close {
  display: none; }
.toggle .open {
  display: block; }
.toggle .toggle-title {
  padding: 10px;
  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: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  border: 1px solid #030303;
  font-family: "Raleway", sans-serif;
  color: #000;
  font-weight: 700; }
  .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: -10px;
    right: 0;
    display: inline-block;
    width: 6%;
    height: 100%;
    text-align: center; }
    .toggle .toggle-title .icn .fa:before {
      font-size: 30px;
      font-size: 3rem;
      padding-top: 15px;
      display: block;
      color: #030303; }
.toggle .toggle-title:hover {
  color: #EC1D23; }
.toggle .toggle-content {
  padding: 10px;
  border: 1px solid #030303;
  border-top: 0; }
  .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: #EC1D23;
  color: #fff; }

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

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

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

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

.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;
  border: 1px solid #d7d7d7;
  padding-top: 20px; }
  .circle-icon-box:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 100%;
    background-color: #EC1D23;
    bottom: 0;
    left: 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;
    z-index: -1; }
  .circle-icon-box .icon-wrapper {
    -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; }
    .circle-icon-box .icon-wrapper p.fa-stack {
      display: black;
      @inlucde position(relative);
      width: 1.5em;
      height: 1.5em;
      line-height: 1.5em;
      margin-bottom: 15px; }
      .circle-icon-box .icon-wrapper p.fa-stack:after {
        width: 30% !important;
        left: 35% !important;
        -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 .icon-wrapper p.fa-stack i {
        color: #030303;
        @inlucde position(static);
        -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 {
    padding: 10px;
    text-align: center; }
    .circle-icon-box .service p.text, .circle-icon-box .service h4 {
      -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 p.text {
      line-height: 1.5; }
    .circle-icon-box .service h4 {
      font-size: 20px;
      font-size: 2rem; }
  .circle-icon-box:hover:after {
    height: 100%; }
  .circle-icon-box:hover .icon-wrapper p.fa-stack i {
    color: #fff; }
  .circle-icon-box:hover .icon-wrapper p.fa-stack:after {
    border-color: #fff; }
  .circle-icon-box:hover .service h4, .circle-icon-box:hover .service p {
    color: #fff; }
  .circle-icon-box .more-button {
    text-align: center;
    margin-bottom: 0; }
    .circle-icon-box .more-button a {
      border: none;
      padding: 6px 10px;
      display: inline-block;
      outline: none;
      background-color: #000;
      color: #fff;
      font-size: 14px;
      font-size: 1.4rem;
      position: relative; }
      .circle-icon-box .more-button a:hover {
        background-color: #fff;
        color: #030303; }
        .circle-icon-box .more-button a:hover:after {
          border-top-color: #fff !important; }

.callout-widget {
  position: relative;
  padding: 5px 0; }
  .callout-widget p,
  .callout-widget h4 {
    width: 65%; }
  .callout-widget .call-btn {
    position: absolute;
    top: 35%;
    right: 0;
    width: 30%;
    height: 100%;
    padding: 0;
    margin-bottom: 0; }
  .callout-widget a {
    color: #fff;
    display: table;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    height: auto;
    background-color: #EC1D23;
    padding: 10px 0;
    font-family: "Raleway", sans-serif;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .callout-widget a:hover {
      background-color: #030303;
      color: #fff; }

.theme-cta .callout-widget {
  position: relative;
  padding: 5px 0;
  color: #fff; }
  .theme-cta .callout-widget p,
  .theme-cta .callout-widget h4 {
    width: 65%;
    color: #fff; }
  .theme-cta .callout-widget h4 {
    font-size: 30px;
    font-size: 3rem; }
  .theme-cta .callout-widget .call-btn {
    position: absolute;
    top: 35%;
    right: 0;
    width: 30%;
    height: 100%;
    padding: 0;
    margin-bottom: 0; }
  .theme-cta .callout-widget a {
    color: #030303;
    display: table;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 10px 0;
    font-family: "Raleway", sans-serif;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .theme-cta .callout-widget a:hover {
      background-color: #030303;
      color: #fff; }

.wide-pattern-black .widget_testimonial-widget h3 {
  color: #fff; }
  .wide-pattern-black .widget_testimonial-widget h3:after {
    background-color: #fff !important; }
.wide-pattern-black .widget_testimonial-widget .testimonial-container .testimonials {
  background-color: rgba(255, 255, 255, 0.6); }
.wide-pattern-black .widget_testimonial-widget ul.flex-direction-nav li a {
  border-color: #fff; }
  .wide-pattern-black .widget_testimonial-widget ul.flex-direction-nav li a:hover {
    border-color: #030303; }
    .wide-pattern-black .widget_testimonial-widget ul.flex-direction-nav li a:hover:before {
      color: #030303; }
.wide-pattern-black .widget_testimonial-widget ul.flex-direction-nav a:before {
  color: #fff; }
.wide-pattern-black .widget_testimonial-widget .flex-control-nav a {
  background-color: #fff; }

.widget_testimonial-widget {
  color: #fff;
  margin-bottom: 50px !important; }
  .widget_testimonial-widget h3 {
    text-align: center;
    font-size: 40px;
    font-size: 4rem;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px; }
  .widget_testimonial-widget .testimonial-container {
    position: relative; }
    .widget_testimonial-widget .testimonial-container .testimonials {
      width: 80%;
      margin: 0 auto;
      background-color: rgba(0, 0, 0, 0.6);
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 5px;
      border-radius: 5px;
      padding: 30px; }
  .widget_testimonial-widget ul.slides {
    margin-top: 0; }
  .widget_testimonial-widget .testimony-avator {
    width: 22%;
    float: left; }
    .widget_testimonial-widget .testimony-avator img {
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 100px;
      border-radius: 100px;
      border: 15px solid #fff; }
  .widget_testimonial-widget .testimony {
    width: 73%;
    float: right;
    padding-bottom: 5px; }
  .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 {
      line-height: 1.2;
      margin-bottom: 25px; }
      .widget_testimonial-widget ul li .client strong {
        font-size: 25px;
        font-size: 2.5rem;
        font-family: "Raleway", sans-serif;
        display: block; }
  .widget_testimonial-widget ul.flex-direction-nav li a {
    opacity: 1;
    margin: 0;
    width: 42px;
    height: 42px;
    line-height: 50px;
    border-color: #030303; }
    .widget_testimonial-widget ul.flex-direction-nav li a:hover {
      border-color: #EC1D23; }
      .widget_testimonial-widget ul.flex-direction-nav li a:hover:before {
        color: #EC1D23; }
  .widget_testimonial-widget ul.flex-direction-nav a.flex-prev {
    left: 0; }
  .widget_testimonial-widget ul.flex-direction-nav a.flex-next {
    right: 0; }
  .widget_testimonial-widget ul.flex-direction-nav a:before {
    line-height: 42px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #030303; }
  .widget_testimonial-widget .flex-control-nav {
    width: 75%;
    bottom: -55px; }
    .widget_testimonial-widget .flex-control-nav li {
      margin: 0 3px; }
    .widget_testimonial-widget .flex-control-nav a {
      background-color: #030303;
      -webkit-box-shadow: inset 0 0 0 transparent;
      -moz-box-shadow: inset 0 0 0 transparent;
      box-shadow: inset 0 0 0 transparent;
      width: 15px;
      height: 15px; }
    .widget_testimonial-widget .flex-control-nav a.flex-active {
      background-color: #EC1D23; }

.single-portfolio .thumbnail img {
  display: block;
  width: 100%; }
.single-portfolio .one-third h3,
.single-portfolio .one-third h4 {
  border-bottom: 1px solid #81152D; }
.single-portfolio .one-third dt {
  border-top: 1px solid #81152D;
  padding-top: 15px; }
.single-portfolio .one-third dt:first-child {
  border-top: 0; }

.single-description {
  margin-top: 50px; }

.sep {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 10px;
  position: relative; }
  .sep:after {
    left: 0 !important;
    height: 4px !important;
    bottom: -2px !important; }

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; }

.stats-circle {
  border: 1px solid #d7d7d7;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px; }
  .stats-circle .icon-wrapper {
    text-align: center; }
    .stats-circle .icon-wrapper p {
      margin-bottom: 0; }
    .stats-circle .icon-wrapper h5 {
      font-weight: 400;
      font-family: "Open Sans", sans-serif;
      margin-bottom: 0;
      font-size: 20px;
      font-size: 2rem; }
    .stats-circle .icon-wrapper h4 {
      font-size: 55px;
      font-size: 5.5rem;
      color: #EC1D23;
      margin-bottom: 5px; }

.icon-left .fa-stack.fa-2x,
.icon-right .fa-stack.fa-2x {
  font-size: 18px;
  font-size: 1.8rem; }
.icon-left .fa-stack.fa-3x,
.icon-right .fa-stack.fa-3x {
  font-size: 25px;
  font-size: 2.5rem; }
.icon-left .fa-stack.fa-4x,
.icon-right .fa-stack.fa-4x {
  font-size: 30px;
  font-size: 3rem; }
.icon-left .fa-stack.fa-5x,
.icon-right .fa-stack.fa-5x {
  font-size: 35px;
  font-size: 3.5rem; }
.icon-left .icon-title,
.icon-right .icon-title {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  color: #030303;
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: block;
  position: relative; }
  .icon-left .icon-title:after,
  .icon-right .icon-title:after {
    width: 20% !important;
    left: 0 !important;
    height: 2px !important; }
.icon-left a.link-title,
.icon-left .fa-stack,
.icon-right a.link-title,
.icon-right .fa-stack {
  color: #EC1D23; }
  .icon-left a.link-title i,
  .icon-left .fa-stack i,
  .icon-right a.link-title i,
  .icon-right .fa-stack i {
    color: #030303; }
.icon-left .icon-wrapper,
.icon-right .icon-wrapper {
  width: 30%;
  float: left;
  text-align: center; }
  .icon-left .icon-wrapper p,
  .icon-right .icon-wrapper p {
    margin-bottom: 0; }
  .icon-left .icon-wrapper .fa-stack,
  .icon-right .icon-wrapper .fa-stack {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #d7d7d7; }
.icon-left .service,
.icon-right .service {
  width: 65%;
  float: right; }
  .icon-left .service p,
  .icon-right .service p {
    font-size: 14px;
    font-size: 1.4rem; }

.icon-right .icon-wrapper {
  float: right; }
.icon-right .service {
  float: left;
  text-align: right; }
  .icon-right .service .icon-title:after {
    left: auto !important;
    right: 0 !important; }

.alert-message {
  padding: 15px 40px 15px 15px;
  margin-bottom: 15px;
  position: relative;
  color: #fff; }
  .alert-message a {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700; }

.success {
  background-color: #4EB73E; }

.notice {
  background-color: #de3c2f; }

.warning {
  background-color: #f19504; }

.error {
  background-color: #FF0000; }

.info {
  background-color: #2888EA; }

.related-posts ul#webulous-related-posts {
  list-style-type: none;
  margin: 0; }
  .related-posts ul#webulous-related-posts li {
    width: 24%;
    float: left;
    margin: 1% 0.5% 1em;
    line-height: normal;
    text-align: center;
    overflow: hidden; }
    .related-posts ul#webulous-related-posts li a {
      line-height: normal; }
      .related-posts ul#webulous-related-posts li a:hover {
        color: #EC1D23; }
      .related-posts ul#webulous-related-posts li a img {
        margin: 0;
        height: 160px; }
    .related-posts ul#webulous-related-posts li:hover a {
      color: #030303; }
  .related-posts ul#webulous-related-posts li:nth-child(5n+0) {
    clear: both; }

/*--------------------------------------------------------------
12.2 Pages
--------------------------------------------------------------*/
.wel-text h1 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 25px; }
.wel-text p {
  color: #848484; }

.widget_recent-work-widget h3:after, .circle-icon-box .icon-wrapper p.fa-stack:after, .widget_testimonial-widget h3:after, .sep:after, .icon-left .icon-title:after,
.icon-right .icon-title:after, .wel-text h1:after, .title-divider h3:after, .title-seperator h3:after, .our-features h2:after {
  position: absolute;
  bottom: 0;
  left: 47.5%;
  content: "";
  width: 50px;
  height: 3px;
  background-color: #EC1D23; }

.widget_recent-work-widget h3 span:before, .widget_testimonial-widget h3 span:before, .wel-text h1 span:before, .title-divider h3 span:before,
.widget_recent-work-widget h3 span:after,
.widget_testimonial-widget h3 span:after,
.wel-text h1 span:after,
.title-divider h3 span:after {
  position: absolute;
  top: 30%;
  width: 184px;
  height: 30px;
  content: ""; }

.widget_recent-work-widget h3 span:before, .widget_testimonial-widget h3 span:before, .wel-text h1 span:before, .title-divider h3 span:before {
  background: url("../images/bg-right-divider.png") no-repeat left top;
  left: -210px; }

.widget_recent-work-widget h3 span:after, .widget_testimonial-widget h3 span:after, .wel-text h1 span:after, .title-divider h3 span:after {
  background: url("../images/bg-left-divider.png") no-repeat left top;
  right: -210px; }

h1 span,
h2 span,
h3 span,
h4 span {
  position: relative;
  display: inline-block; }

.wide-pattern-black .widget {
  color: #fff; }

.work-process h3.widget-title {
  font-size: 25px;
  font-size: 2.5rem;
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
  margin-bottom: 20px; }
.work-process .widget_text {
  padding: 40px 20px;
  background: url("../images/bg-repeat-pattern2.png") repeat left top; }
  .work-process .widget_text p,
  .work-process .widget_text .textwidget {
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center; }

.title-divider h3 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  text-align: center; }
.title-divider h3.widget-title {
  font-size: 40px;
  font-size: 4rem; }

.title-seperator h3 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d7d7d7; }
  .title-seperator h3:after {
    left: 0 !important;
    bottom: -2px;
    width: 50px !important; }
.title-seperator h3 span:before,
.title-seperator h3 span:after {
  display: none; }

.our-features h2 {
  text-transform: uppercase;
  position: relative;
  padding-bottom: 15px;
  font-size: 30px;
  font-size: 3rem;
  margin-bottom: 25px; }
  .our-features h2:after {
    width: 20% !important;
    left: 0 !important; }
.our-features h3.widget-title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0; }

.shortcode-section .widget h3.widget-title {
  display: none; }
.shortcode-section .textwidget > h6 {
  color: #848484; }

.buttons-row .btn {
  margin: 5px; }

.search.search-results .site-main article {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 40px; }

.error-404.not-found {
  margin-bottom: 0; }
  .error-404.not-found .page-content {
    margin-top: 0; }
  .error-404.not-found a {
    color: #EC1D23; }
  .error-404.not-found .page-header {
    text-align: center; }
    .error-404.not-found .page-header .page-title {
      font-size: 200px;
      font-size: 20rem;
      font-weight: 700;
      margin-bottom: 0;
      color: #EC1D23; }

.not-found-inner {
  border: 1px solid #EC1D23;
  padding: 40px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem; }
  .not-found-inner a:hover {
    color: #030303; }
  .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: "Raleway", sans-serif;
  font-size: 30px;
  font-size: 3rem; }

.post {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 0;
  margin-bottom: 30px; }

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

.entry-header,
.entry-body {
  margin-bottom: 25px;
  position: relative; }
  .entry-header .header-entry-meta,
  .entry-body .header-entry-meta {
    width: 100xpx;
    position: absolute;
    top: 25px;
    right: 0;
    margin: 0;
    text-align: center;
    padding-left: 60px;
    font-size: 20px;
    font-size: 2rem;
    color: #EC1D23; }
    .entry-header .header-entry-meta span,
    .entry-body .header-entry-meta span {
      padding: 0;
      display: block;
      margin: -10px 0 0; }
    .entry-header .header-entry-meta i,
    .entry-body .header-entry-meta i {
      position: absolute;
      left: 0;
      height: 100%;
      width: 50%;
      text-align: center;
      border-right: 1px solid #d7d7d7;
      padding-right: 10px;
      font-size: 30px;
      font-size: 3rem;
      line-height: 50px;
      color: #848484; }
  .entry-header .entry-title-meta,
  .entry-header .entry-header .entry-title,
  .entry-body .entry-title-meta,
  .entry-body .entry-header .entry-title {
    margin-bottom: 0; }
  .entry-header .entry-title,
  .entry-body .entry-title {
    text-transform: uppercase;
    font-size: 40px;
    font-size: 4rem; }
  .entry-header .entry-title-meta span,
  .entry-body .entry-title-meta span {
    color: #848484; }
    .entry-header .entry-title-meta span:hover,
    .entry-body .entry-title-meta span:hover {
      color: #EC1D23; }
  .entry-header .entry-title-meta a,
  .entry-body .entry-title-meta a {
    color: #848484; }
    .entry-header .entry-title-meta a:hover,
    .entry-body .entry-title-meta a:hover {
      color: #EC1D23; }
  .entry-header .entry-title-meta span,
  .entry-body .entry-title-meta span {
    padding-right: 15px; }
    .entry-header .entry-title-meta span span,
    .entry-body .entry-title-meta span span {
      padding-right: 0; }
    .entry-header .entry-title-meta span i,
    .entry-body .entry-title-meta span i {
      padding-right: 6px; }

.page-template-blog-fullwidth .thumb img,
.page-template-blog-large .thumb img,
.archive.category .thumb img {
  display: block;
  width: 100%; }
.page-template-blog-fullwidth .entry-body a.more-link,
.page-template-blog-large .entry-body a.more-link,
.archive.category .entry-body a.more-link {
  display: block;
  padding: 5px;
  width: 150px;
  border: 0;
  background-color: #EC1D23;
  margin-top: 30px;
  text-align: center;
  color: #fff;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .page-template-blog-fullwidth .entry-body a.more-link:hover,
  .page-template-blog-large .entry-body a.more-link:hover,
  .archive.category .entry-body a.more-link:hover {
    background-color: #030303; }
.page-template-blog-fullwidth .post .entry-content,
.page-template-blog-large .post .entry-content,
.archive.category .post .entry-content {
  margin-top: 0; }

.blog-content {
  color: #848484; }

.thumb.blog-thumb {
  margin-bottom: 15px; }

.archive .page-header h1.page-title {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
  margin-bottom: 30px; }

.site-content article .entry-title, .site-content article .entry-title-meta {
  width: 88%; }

.full-width,
.wide-pattern-grey, .theme-cta,
.panel-row-style-wide-black,
.wide-cta,
.wide-pattern-black {
  margin: 0 -100%;
  padding: 80px 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.full-width,
.wide-pattern-grey, .theme-cta,
.panel-row-style-wide-black,
.wide-cta,
.wide-pattern-black {
  content: "";
  display: table; }

.panel-row-style,
.panel-row-style-wide-black,
.panel-row-style-wide-grey,
.wide-pattern-black, .theme-cta {
  width: 100%;
  position: relative; }

.panel-row-style-wide-cta {
  background-color: #d7d7d7;
  padding: 50px 100% 70px; }

.wide-pattern-black {
  background: url("../images/bg-repeat-pattern.png") repeat left top;
  padding: 100px 100%; }

.wide-pattern-black .icon-title, .wide-pattern-black .widget-title span, .wide-pattern-black .widget-title, .wide-pattern-black .icon-wrapper .fa {
  color: #fff; }

.wide-pattern-grey {
  background: url("../images/bg-repeat-pattern2.png") repeat left top;
  padding: 100px 100%; }

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

.panel-grid {
  margin-bottom: 90px !important; }
  .panel-grid .panel-grid {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }

.theme-cta {
  padding: 40px 100%; }

.text-head .widget-title {
  font-size: 50px;
  font-size: 5rem; }
.text-head .textwidget {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 30px; }

.list-gap li {
  margin-bottom: 5px; }
.list-gap i {
  padding-right: 3px; }

.small-divider .widget-title span:before {
  background: url("../images/bg-right-divider.png") no-repeat left top;
  left: -80px;
  background-size: 50px 100%; }
.small-divider .widget-title span:after {
  background: url("../images/bg-left-divider.png") no-repeat left top;
  right: -210px;
  background-size: 50px 100%; }

.single .post-thumb img {
  width: 100%; }
.single .entry-header {
  position: relative; }
  .single .entry-header .entry-title {
    margin-bottom: 0; }
.single footer.entry-meta a {
  padding: 5px 10px; }
.single .post-navigation span {
  display: block; }
.single .entry-content {
  margin-top: 20px; }

.cnt-form .wpcf7-form p:nth-of-type(1),
.cnt-form .wpcf7-form p:nth-of-type(2) {
  width: 48%;
  float: left; }
  .cnt-form .wpcf7-form p:nth-of-type(1) input,
  .cnt-form .wpcf7-form p:nth-of-type(2) input {
    width: 100%; }
.cnt-form .wpcf7-form p:nth-of-type(2) {
  float: right; }
.cnt-form .wpcf7-form .your-subject input {
  width: 100%; }
.cnt-form .wpcf7-form input {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px; }
.cnt-form .wpcf7-form input[type="submit"] {
  width: 100%;
  border: 0;
  padding: 15px 10px; }
.cnt-form .wpcf7-form textarea {
  height: 100px; }

.cnt-details p {
  margin-bottom: 15px;
  padding-left: 30px; }
.cnt-details h3.widget-title {
  display: none; }
.cnt-details .fa {
  color: #EC1D23;
  padding-right: 12px;
  left: 0; }

#map_canvas {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative; }

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

.site-footer .circle-icon-box {
  border: 0; }
  .site-footer .circle-icon-box .icon-wrapper .fa-stack {
    background-color: #fff;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 0; }
    .site-footer .circle-icon-box .icon-wrapper .fa-stack:after {
      display: none; }
  .site-footer .circle-icon-box .fa-stack.fa-2x {
    font-size: 18px;
    font-size: 1.8rem; }
  .site-footer .circle-icon-box .fa-stack.fa-3x {
    font-size: 25px;
    font-size: 2.5rem; }
  .site-footer .circle-icon-box .fa-stack.fa-4x {
    font-size: 30px;
    font-size: 3rem; }
  .site-footer .circle-icon-box .fa-stack.fa-5x {
    font-size: 35px;
    font-size: 3.5rem; }
  .site-footer .circle-icon-box .service h4 {
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem; }
  .site-footer .circle-icon-box:hover .service h4 {
    color: #fff; }
  .site-footer .circle-icon-box:hover .icon-wrapper .fa-stack i {
    color: #EC1D23; }

/*--------------------------------------------------------------
13.0 Responsiveness
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  .widget_search .search-form input[type="search"] {
    width: 45%; } }
@media only screen and (max-width: 768px) {
  .branding .site-branding {
    text-align: center;
    padding: 20px 0;
    margin-top: 0; }
    .branding .site-branding a img {
      margin: 0 auto; }

  .nav-wrap {
    padding: 10px 0; }
    .nav-wrap .main-navigation a {
      padding: 12px; }

  #secondary {
    padding-left: 0; }

  .flexslider {
    background-color: #81152D !important; }
    .flexslider .flex-caption {
      position: static;
      background-color: #81152D;
      padding: 40px;
      width: 100%; }
      .flexslider .flex-caption h1, .flexslider .flex-caption h2, .flexslider .flex-caption h3, .flexslider .flex-caption h4, .flexslider .flex-caption h5, .flexslider .flex-caption h6, .flexslider .flex-caption p {
        width: 100%;
        background-color: transparent; }

  .flexslider ol.flex-control-paging {
    bottom: 10px; }
    .flexslider ol.flex-control-paging li a {
      width: 20px;
      height: 20px;
      line-height: 20px; }

  /* 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; }

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

  .icon-right .icon-wrapper,
  .icon-left .icon-wrapper {
    width: 20%; }

  .widget_testimonial-widget .testimony-avator img {
    border-width: 7px; }

  .image-widget {
    text-align: center; }

  .widget_search .search-form input[type="search"] {
    width: 80%; }

  .breadcrumb-wrap {
    padding: 25px 0; }

  .site-content {
    margin-top: 2.5em; } }
@media only screen and (max-width: 700px) {
  #commentform .comment-form-author,
  #commentform .comment-form-email,
  #commentform .comment-form-url {
    width: 100%;
    float: none;
    margin-right: 0; }

  #commentform .comment-form-author input,
  #commentform .comment-form-url input,
  #commentform .comment-form-email input {
    width: 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; }

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

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

  .flexslider .flex-caption a {
    width: 40%; }

  .image-widget img {
    width: 100%; }

  .widget_search .search-form input[type="search"] {
    width: 70%; } }
@media only screen and (max-width: 500px) {
  /* Pro */
  .nav-wrap {
    display: none; }

  .cnt-form .wpcf7-form p:nth-of-type(1),
  .cnt-form .wpcf7-form p:nth-of-type(2) {
    width: 100%;
    float: none; } }
@media only screen and (max-width: 480px) {
  .main-navigation {
    padding: 10px 0; }
    .main-navigation button.menu-toggle {
      margin: 0 auto;
      font-size: 20px;
      font-size: 2rem;
      margin-bottom: 20px; }
    .main-navigation ul li {
      float: none; }
      .main-navigation ul li a {
        display: block; }

  .flex-recent-posts li {
    width: 100%; }
    .flex-recent-posts li img {
      max-width: 100%;
      width: 100%; }

  ol.comment-list ol.children {
    margin-left: 1em; }

  .flexslider ol.flex-control-paging li a {
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-width: 3px; }

  .flexslider .flex-direction-nav a {
    width: 30px !important;
    height: 30px;
    line-height: 30px; }
    .flexslider .flex-direction-nav a:before {
      font-size: 16px;
      font-size: 1.6rem; }
    .flexslider .flex-direction-nav a:before {
      line-height: 30px !important; }

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

  .icon-right .icon-wrapper,
  .icon-left .icon-wrapper {
    width: 30%; }

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

  .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; }

  .entry-header .entry-title-meta span,
  .entry-body .entry-title-meta span {
    display: block;
    border-bottom: 1px solid #d7d7d7;
    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; }

  .slicknav_nav a {
    color: #fff; }
  .slicknav_nav li.current_page_item > a,
  .slicknav_nav li.current-menu-parent > a,
  .slicknav_nav .slicknav_row:hover,
  .slicknav_nav a:hover {
    background-color: #EC1D23;
    color: #fff; }

  a.slicknav_btn:hover {
    background-color: #EC1D23; }

  .widget_testimonial-widget .testimony-avator,
  .widget_testimonial-widget .testimony {
    width: 100%;
    float: none; }
  .widget_testimonial-widget .testimony-avator img {
    width: 70%; }
  .widget_testimonial-widget .testimony {
    margin-top: 20px;
    text-align: center; }

  .related-posts ul#webulous-related-posts li {
    width: 48%; }

  .entry-header .header-entry-meta,
  .entry-body .header-entry-meta {
    top: 0; } }

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