/*--------------------------------------------------------------
>>> 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 Multicolors
14.0 Responsiveness

--------------------------------------------------------------*/
/*
@import "colors-layout/color_default";
@import "colors-layout/color_blue";
@import "colors-layout/color_green";
@import "colors-layout/color_purple";
@import "colors-layout/color_red";
@import "colors-layout/color_yellow";
*/
/*--------------------------------------------------------------
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/ */
  height: 100%; }

*,
*: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;
  background-color:#1c1c1c !important;
  }

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 .four.columns img
{
    vertical-align:middle;
}

.container .four.columns img:hover
{
    opacity:0.8;
}
  .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: 66.75%; }
  .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: 66.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.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: #1e1e1e;
  font-family: "Lora", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Exo", sans-serif;
  color: #1e1e1e;
  clear: both;
  font-weight: 700;
  margin-bottom: 20px; }

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 #1e1e1e;
  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%; }

q {
  margin-left: 20px;
  padding: 0 5px;
  background-color: #d7d7d7;
  color: #fff; }

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

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

ul {
  list-style: disc; }

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 {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate; }
  table th {
    font-weight: bold; }
  table td,
  table th {
    padding: 10px 5px;
    border: 1px solid #198b93;
    border-top: 0;
    border-right: 0;
    border-left: 0; }

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: 1px solid;
  border-color: #00c1cf;
  background: #00c1cf;
  color: #fff;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  line-height: 1;
  padding: .6em 1em .4em;
  -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: #00c1cf; }

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

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: #1e1e1e;
  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: #64e0e9;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  -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: #64e0e9;
  border-color: #00c1cf; }

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

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

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #198b93;
  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: #198b93; }
  a:hover, a:focus, a:active {
    color: #00c1cf;
    outline: none;
    outline-offset: 0;
    background-color:#1c1c1c !important;
    }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
  display: block; }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    float: right; }
    .main-navigation ul ul {
      position: absolute;
      top: auto;
      left: -999em;
      z-index: 99999;
      padding-top: 46px;
      }
      .main-navigation ul ul ul
      {
        left: -999em;
        top: 0;
        padding-top: 0;
        }
      .main-navigation ul ul li
      {
        padding: 0;
        border: 1px solid transparent;
        background-color: #000;
        }
        .main-navigation ul ul li:hover > ul
        {
          left: 100%;
          margin-top:0px;
        }
      .main-navigation ul ul a {
        color: #fff;
        padding: 10px 15px;
        text-align: left;
        font-weight: normal;
        border: 2px solid transparent;
        text-shadow: 1px 1px 1px #686c77;
        display: block;
        background-color: #1c1c1c;
        width: 250px; }
        .main-navigation ul ul a:after {
          display: none; }
        .main-navigation ul ul a:hover
        {
          background-color: #1c1c1c !important;
          border-right-color: rgba(173, 217, 220, 0.8);
          border-bottom-color: rgba(173, 217, 220, 0.8);
          border-left-color: rgba(22, 134, 142, 0.8);
          border-top-color: rgba(22, 134, 142, 0.8);
          padding-left: 25px;
          }
    .main-navigation ul li:hover > ul {
      left: auto;
      margin-top:-8px;
      }
  .main-navigation li {
    position: relative;
    float: left; }
  .main-navigation a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 8px 20px;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    z-index: 1; }
    .main-navigation a:after {
      z-index: 1000 !important; }
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current_page_ancestor > a {
    background-color: #1c1c1c;
    color: #fff; }

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

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

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

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

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

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

.post-navigation,
.paging-navigation,
.comment-navigation,
.webulous_page_navi {
  min-height: 75px;
  line-height: normal;
  padding: 20px 0; }
  .post-navigation .nav-links a,
  .paging-navigation .nav-links a,
  .comment-navigation .nav-links a,
  .webulous_page_navi .nav-links a {
    display: inline-block;
    padding: 8px 15px;
    background-color: #000;
    color: #fff;
    position: relative;
    font-size: 20px;
    font-size: 2rem;
    margin-left: 21px; }
    .post-navigation .nav-links a:hover,
    .paging-navigation .nav-links a:hover,
    .comment-navigation .nav-links a:hover,
    .webulous_page_navi .nav-links a:hover {
      background-color: #00c1cf;
      text-decoration: none; }
    .post-navigation .nav-links a .meta-nav,
    .paging-navigation .nav-links a .meta-nav,
    .comment-navigation .nav-links a .meta-nav,
    .webulous_page_navi .nav-links a .meta-nav {
      position: absolute;
      top: 0%;
      color: #000;
      padding: 0; }
      .post-navigation .nav-links a .meta-nav span,
      .paging-navigation .nav-links a .meta-nav span,
      .comment-navigation .nav-links a .meta-nav span,
      .webulous_page_navi .nav-links a .meta-nav span {
        color: #fff;
        position: relative;
        top: 6px;
        left: 8px; }
      .post-navigation .nav-links a .meta-nav:before,
      .paging-navigation .nav-links a .meta-nav:before,
      .comment-navigation .nav-links a .meta-nav:before,
      .webulous_page_navi .nav-links a .meta-nav:before {
        content: "";
        position: absolute;
        top: 0;
        z-index: -1; }
  .post-navigation .nav-previous a,
  .paging-navigation .nav-previous a,
  .comment-navigation .nav-previous a,
  .webulous_page_navi .nav-previous a {
    position: relative; }
    .post-navigation .nav-previous a .meta-nav,
    .paging-navigation .nav-previous a .meta-nav,
    .comment-navigation .nav-previous a .meta-nav,
    .webulous_page_navi .nav-previous a .meta-nav {
      left: -20px; }
      .post-navigation .nav-previous a .meta-nav:before,
      .paging-navigation .nav-previous a .meta-nav:before,
      .comment-navigation .nav-previous a .meta-nav:before,
      .webulous_page_navi .nav-previous a .meta-nav:before {
        border: 20px solid transparent;
        border-right: 20px solid #000;
        left: -20px; }
  .post-navigation .nav-next a,
  .paging-navigation .nav-next a,
  .comment-navigation .nav-next a,
  .webulous_page_navi .nav-next a {
    margin-right: 21px;
    margin-left: 0; }
    .post-navigation .nav-next a .meta-nav,
    .paging-navigation .nav-next a .meta-nav,
    .comment-navigation .nav-next a .meta-nav,
    .webulous_page_navi .nav-next a .meta-nav {
      right: -20px; }
      .post-navigation .nav-next a .meta-nav span,
      .paging-navigation .nav-next a .meta-nav span,
      .comment-navigation .nav-next a .meta-nav span,
      .webulous_page_navi .nav-next a .meta-nav span {
        right: 8px;
        left: auto; }
      .post-navigation .nav-next a .meta-nav:before,
      .paging-navigation .nav-next a .meta-nav:before,
      .comment-navigation .nav-next a .meta-nav:before,
      .webulous_page_navi .nav-next a .meta-nav:before {
        border: 20px solid transparent;
        border-left: 20px solid #000;
        right: -20px; }

.page-navigation {
  text-align: center; }

ol.webulous_page_navi {
  display: inline-block;
  background-color: #000;
  margin: 0;
  list-style-type: none;
  padding: 0;
  min-height: 0;
  padding: 15px 40px 16px;
  position: relative; }
  ol.webulous_page_navi:before {
    position: absolute;
    left: -55px;
    top: 0;
    background-color: #fff;
    visibility: visible;
    overflow: visible;
    content: "";
    border: 28px solid transparent;
    border-right: 28px solid #000; }
  ol.webulous_page_navi:after {
    position: absolute;
    right: -55px;
    top: 0;
    background-color: #fff;
    visibility: visible;
    overflow: visible;
    content: "";
    border: 28px solid transparent;
    border-left: 28px solid #000; }
  ol.webulous_page_navi li {
    display: inline; }
    ol.webulous_page_navi li a {
      margin: 0 5px;
      padding: 15px 10px;
      text-align: center;
      font-size: 20px;
      font-size: 2rem;
      color: #fff; }
      ol.webulous_page_navi li a:hover {
        color: #00c1cf; }
  ol.webulous_page_navi li.bpn-current {
    color: #00c1cf;
    padding: 0 15px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    margin: 0px; }
  ol.webulous_page_navi .bpn-prev-link a {
    position: absolute;
    left: -20px;
    top: -3px;
    z-index: 1;
    font-size: 25px;
    font-size: 2.5rem; }
  ol.webulous_page_navi .bpn-next-link a {
    position: absolute;
    right: -20px;
    top: -3px;
    z-index: 1;
    font-size: 25px;
    font-size: 2.5rem; }

.site-header.sticky .main-navigation ul ul {
  padding-top: 32px; }

slicknav_menu.sticky {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0; }

.slicknav_nav li.current_page_item > a,
.slicknav_nav li.current-menu-parent > a,
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
  background: #00c1cf; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block; }

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
8.0 Header
--------------------------------------------------------------*/
.site-header {
  -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: #313131;
  border-bottom: 1px solid #d7d7d7; }
  .site-header .site-title {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 0; }
    .site-header .site-title a {
      color: #fff; }
      .site-header .site-title a:hover {
        color: #00c1cf; }
.site-header #header-top
{
    padding: 5px 0;
    color: #fff;
    background-color:#242021;
    }
    .site-header #header-top a {
      color: #d7d7d7;
      margin: 0 10px;
      position: relative;
      font-size: 14px;
      font-size: 1.4rem; }
      .site-header #header-top a:hover {
        color: #00c1cf; }
      .site-header #header-top a:after {
        position: absolute;
        width: 1px;
        height: 12px;
        right: -10px;
        top: 3px;
        content: "";
        background-color: #d7d7d7; }
      .site-header #header-top a a:nth-of-type(3):after {
        display: none; }
    .site-header #header-top ul {
      list-style-type: none;
      margin: 0; }
      .site-header #header-top ul li {
        display: inline; }
        .site-header #header-top ul li a {
          display: inline-block;
          padding: 5px 10px;
          background-color: transparent; }
          .site-header #header-top ul li a:hover {
            background-color: #00c1cf; }
    .site-header #header-top .cnumber {
      text-align: right;
      margin-right:-6px;
      }
      
      .site-header #header-top .cnumber p img
      {
          vertical-align:middle;
          line-height:25px;
          margin-right:5px;
      }
      
      .site-header #header-top .cnumber p
      {
          text-decoration:none !important;
          color:#fff !important;
          vertical-align:middle;
      }
      .site-header #header-top .cnumber p:hover
      {
        text-decoration:none !important;
        color:#fff !important;   
      }
      .site-header #header-top .cnumber span {
        padding: 0 15px;
        font-size: 14px;
        font-size: 1.4rem;
        color: #d7d7d7;
        position: relative; }
        .site-header #header-top .cnumber span i {
          padding-right: 5px; }
        .site-header #header-top .cnumber span:after {
          position: absolute;
          width: 1px;
          height: 12px;
          right: -5px;
          top: 3px;
          content: "";
          background-color: #d7d7d7; }
      .site-header #header-top .cnumber span:last-child {
        padding-right: 0; }
        .site-header #header-top .cnumber span:last-child:after {
          display: none; }
  .site-header .branding {
    padding: 20px 0; }
  .site-header p {
    margin-bottom: 0; }

.sticky-header {
  position: fixed;
  width: 100%;
  z-index: 1000;
  background-color: rgba(30, 30, 30, 0.5); }
  .sticky-header #header-top {
    display: none;
    opacity: 0;
    filter: alpha(opacity=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; }

.sticky-nav {
  position: static;
  z-index: 1000;
  top: 0; }

.site-description {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Lora", sans-serif;
  color: #fff;
  margin-bottom: 0; }

.flex-container {
  -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; }

/*--------------------------------------------------------------
9.0 Primary
--------------------------------------------------------------*/
.site-main {
  margin: 1.5em 0; }

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

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

.bypostauthor {
  display: block; }

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

.bypostauthor {
  display: block; }

#comments {
  margin-top: 50px; }

ol.comment-list {
  margin: 0;
  list-style-type: none; }
  ol.comment-list li {
    border: 1px solid #d7d7d7;
    border-bottom: 0; }
  ol.comment-list li:last-child {
    border-bottom: 1px solid #d7d7d7; }
  ol.comment-list ol.children,
  ol.comment-list ul.children {
    list-style-type: none;
    margin-left: 0; }
    ol.comment-list ol.children li,
    ol.comment-list ul.children li {
      border: 0;
      border-top: 1px solid #d7d7d7;
      padding: 0 20px; }
  ol.comment-list .comment-body {
    position: relative; }
  ol.comment-list .comment-content,
  ol.comment-list .comment-meta {
    margin-left: 100px; }
  ol.comment-list .comment-author img {
    position: absolute;
    top: 20px;
    left: 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d7d7d7; }
  ol.comment-list .reply {
    display: inline;
    position: absolute;
    top: 100px;
    left: 40px; }
    ol.comment-list .reply a {
      font-size: 14px;
      font-size: 1.4rem;
      color: #00c1cf; }
  ol.comment-list .parent article {
    padding: 20px;
    min-height: 140px; }
  ol.comment-list .comment-metadata {
    margin-bottom: 10px; }
    ol.comment-list .comment-metadata a {
      color: #000; }
      ol.comment-list .comment-metadata a:hover {
        color: #00c1cf; }
    ol.comment-list .comment-metadata .edit-link {
      padding-left: 10px; }
    ol.comment-list .comment-metadata .fa {
      padding-right: 10px; }
  ol.comment-list pre {
    background-color: #d7d7d7;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0; }
  ol.comment-list a:hover {
    color: #1e1e1e; }
  ol.comment-list .fn {
    padding-right: 10px;
    color: #00c1cf;
    font-family: "Exo", sans-serif; }
  ol.comment-list li.byuser .comment-metadata a {
    color: #000; }
    ol.comment-list li.byuser .comment-metadata a:hover {
      color: #00c1cf; }

ol.comment-list > li article {
  min-height: 140px;
  padding: 20px; }

#respond {
  margin-top: 40px; }
  #respond .comment-form input[type="text"],
  #respond .comment-form input[type="email"],
  #respond .comment-form input[type="url"],
  #respond .comment-form textarea {
    display: block;
    width: 96%;
    padding: 15px 10px;
    color: #000 !important; }
  #respond .comment-form label {
    color: #1e1e1e; }

.sticky {
  display: block;
  background-color: #313131;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding: 18px;
  border: 2px solid #00c1cf; }

.hentry {
  margin: 0 0 1.5em;
  padding: 20px 0;
  background-color: #fff;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 5px;
  border-radius: 5px; }

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

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

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

.site-content {
  margin-bottom: 50px;
  padding-top: 30px; }

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

.entry-meta,
.entry-footer {
  margin-top: 20px;
  padding: 15px 10px;
  font-family: "Exo", sans-serif; }
  .entry-meta span,
  .entry-footer span {
    padding-right: 25px; }
    .entry-meta span span,
    .entry-footer span span {
      padding-right: 0; }
    .entry-meta span i,
    .entry-footer span i {
      padding-right: 5px; }

.page-template-blog-fullwidth .entry-meta,
.page-template-blog-large .entry-meta {
  margin-top: 0;
  padding: 0 10px; }
.page-template-blog-fullwidth .blog-thumb,
.page-template-blog-large .blog-thumb {
  margin-bottom: 20px; }

/*--------------------------------------------------------------
10.0 Secondary
--------------------------------------------------------------*/
.left-sidebar {
  border: 1px solid #1e1e1e;
  padding: 0 20px;
  margin-top: 1.5em;
  margin-bottom: 2.5em; }

.sidebar h3.widget-title {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 15px; }
.sidebar li {
  color: #939393; }
.sidebar a {
  color: #1e1e1e; }
  .sidebar a:hover {
    color: #00c1cf; }

#secondary .widget,
.site-footer .widget {
  margin: 2.5em 0;
  line-height: 1;
  /* Make sure select elements fit in widgets */ }
  #secondary .widget ul, #secondary .widget ol,
  .site-footer .widget ul,
  .site-footer .widget ol {
    padding: 0;
    margin: 0;
    list-style: none; }
    #secondary .widget ul li, #secondary .widget ol li,
    .site-footer .widget ul li,
    .site-footer .widget ol li {
      padding: 10px 20px 10px 25px;
      border-bottom: 1px solid #d7d7d7;
      position: relative; }
      #secondary .widget ul li:before, #secondary .widget ol li:before,
      .site-footer .widget ul li:before,
      .site-footer .widget ol li:before {
        content: "\f006";
        font-family: FontAwesome;
        color: #1e1e1e;
        position: absolute;
        left: 0; }
      #secondary .widget ul li ul, #secondary .widget ul li ol, #secondary .widget ol li ul, #secondary .widget ol li ol,
      .site-footer .widget ul li ul,
      .site-footer .widget ul li ol,
      .site-footer .widget ol li ul,
      .site-footer .widget ol li ol {
        padding: 0; }
      #secondary .widget ul li li:last-child, #secondary .widget ol li li:last-child,
      .site-footer .widget ul li li:last-child,
      .site-footer .widget ol li li:last-child {
        border-bottom: 0; }
  #secondary .widget select,
  .site-footer .widget select {
    max-width: 100%;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #d7d7d7;
    background: #fff url("../images/dropdown.png") no-repeat 95% 50%;
    padding: 5px;
    width: 100%; }
#secondary .textwidget img,
.site-footer .textwidget img {
  margin: 10px 0; }

/* Search widget 
.widget_search .search-submit {
	display: none;
}*/
.widget_archive select {
  width: 98%; }

.widget_calendar table {
  border-spacing: 3px;
  border-collapse: separate; }
  .widget_calendar table caption, .widget_calendar table th, .widget_calendar table td {
    text-align: center; }
  .widget_calendar table caption {
    margin-bottom: 10px;
    background-color: #00c1cf;
    padding: 14px 0;
    color: #fff; }
  .widget_calendar table thead th {
    padding: 7px 0;
    border: 0; }
  .widget_calendar table td {
    padding: 8px 0;
    border: 1px solid #d7d7d7;
    background-color: #E1E1E1; }
  .widget_calendar table td.pad {
    border: 0;
    background-color: transparent; }
  .widget_calendar table td#today {
    background-color: #00c1cf;
    color: #fff; }
  .widget_calendar table td#prev,
  .widget_calendar table td#next {
    background-color: transparent;
    border: 0;
    text-align: left; }
  .widget_calendar table td#next {
    text-align: right; }

.widget_categories select,
.widget_archive select {
  padding: 8px; }

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

.rssSummary {
  font-size: .95em;
  line-height: 1.5; }

.widget_rss a {
  line-height: 1.5; }

.sidebar .widget_rss .rss-date {
  color: #939393; }
.sidebar .widget_rss li a {
  color: #00c1cf; }
  .sidebar .widget_rss li a:hover {
    color: #1e1e1e; }

.search-form input.search-field {
  width: 99%;
  color: #1e1e1e; }
.search-form input.search-submit {
  margin-top: 10px; }

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

.widget_tag_cloud .tagcloud a {
  padding: 4px 6px;
  background-color: #00c1cf;
  color: #fff;
  margin: 5px 3px;
  display: inline-block; }
  .widget_tag_cloud .tagcloud a:hover {
    color: #1e1e1e; }

.widget.widget_nav_menu ul.sub-menu {
  padding-top: 10px !important; }
  .widget.widget_nav_menu ul.sub-menu li a {
    display: block; }

.sidebar .widget_recent_comments li a {
  color: #00c1cf; }
  .sidebar .widget_recent_comments li a:hover {
    color: #1e1e1e; }

/*--------------------------------------------------------------
11.0 Footer
--------------------------------------------------------------*/
.site-footer {
  background-color:transparent;
  color: #fff;
  background-image:url('/RetqaSite/2016/images/Footerbg.png');
  background-repeat:repeat-x;
  height:500px;
  width:100%;
  margin-right:auto;
  margin-right:auto;
  margin-top:100px;
  }
  .site-footer a {
    color: #fff; }
    .site-footer a:hover
    {
      color: #00c1cf;
      background-color:transparent !important;
      opacity:0.5;
    }
  .site-footer a.btn:hover {
    color: #fff; }
  .site-footer p {
    margin-bottom: 0; }
  .site-footer h3.widget-title {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 20px 0;
    margin-bottom: 0; }
  .site-footer ul li:before,
  .site-footer ol li:before {
    display: none; }
  .site-footer .footer-bottom {
    padding: 25px 0 10px;
    background-color: #272727;
    position: relative;
    z-index: 10;
    margin-top:0px;
     }
    .site-footer .footer-bottom a {
      color: #00c1cf; }
      .site-footer .footer-bottom a:hover {
        color: #fff; }
  .site-footer .search-form label {
    display: block;
    position: relative; }
  .site-footer .search-form input {
    background-color: #1e1e1e;
    border: 2px solid #fff;
    padding: 10px 18% 10px 2%;
    color: #fff;
    width: 80%; }
  .site-footer .search-form input.search-submit {
    background: url("../images/icon-submit.png") no-repeat left center;
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0;
    border: 0;
    padding: 0;
    text-indent: -9999em;
    width: 30px;
    height: 44px;
    -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; }
    .site-footer .search-form input.search-submit:hover {
      background-position: right center; }
  .site-footer .rss-date,
  .site-footer .widget_rss cite {
    color: #939393; }
  .site-footer .widget ul {
    margin: 0; }
    .site-footer .widget ul li {
      padding: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      padding-left: 0;
      color: #939393; }
  .site-footer .widget .tagcloud a:hover {
    color: #64e0e9; }
  .site-footer .widget_calendar table td {
    background-color: transparent; }
  .site-footer .textwidget {
    padding: 0;
    line-height: 1.5; }
  .site-footer .footer-top {
    position: relative; }
    .site-footer .footer-top:after {
      content: "";
      width: 100%;
      height: 0px;
      position: absolute;
      top: 0px;
      left: 0;
      transform: skew(0deg) rotate(1deg);
      -ms-transform: skew(0deg) rotate(1deg);
      -moz-transform: skew(0deg) rotate(1deg);
      -webkit-transform: skew(0deg) rotate(1deg);
      -o-transform: skew(0deg) rotate(1deg);
      transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      -moz-transform-origin: left top 0;
      -webkit-transform-origin: left top 0;
      -o-transform-origin: left top 0;
      z-index: 1;
      background-color:transparent;
      }
      
      
      .container .Googlelocation
      {
          float:left;
          width:33%;
          height:230px;
          background-color:transparent !important;
          position:relative;
          margin-top:270px;
      }
      
      
      .Googlelocation p
      {
          margin-left:10px;
          line-height:25px;
      }
      
      .container .ProductsLocation
      {
          float:left;
          width:33%;
          height:230px;
          background-color:transparent;
          position:relative;
          margin-top:270px;
      }
      
      .ProductsLocation p
      {
          margin-left:10px;
          line-height:25px;
      }
      
      .ProductsLocation table tr td
      {
          border:0px solid #000;
      }
      
      .ProductsLocation table tr td img
      {
          border:1px solid #fff;
          box-shadow:0px 0px 3px 0px #000;
          opacity:0.8;
      }
      
      .ProductsLocation table tr td img:hover
      {
          border:1px solid #fff;
          box-shadow:0px 0px 3px 0px #000;
          opacity:1;
      }
      
      .container .Messagelocation
      {
          float:left;
          width:33%;
          height:230px;
          background-color:transparent;
          position:relative;
          margin-top:270px;
      }
      
      .container .Messagelocation p
      {
          margin-left:10px;
          line-height:25px;
      }

    .container  .YourName
    {
        border:1px solid #323232;
        border-radius:5px;
        background-color:#343434;
        width:300px;
        font-size:12px;
        height:30px;
        color:#ccc;
        opacity:0.8;
    }
    
    
    .container  .YourMessage
    {
        border:1px solid #323232;
        border-radius:5px;
        background-color:#343434;
        width:300px;
        height:100px;
        font-size:12px;
        margin-top:3px;
        color:#ccc;
        opacity:0.8;
    }
    
    .container .SendMessage
    {
        color:#fff;
        background-color:#dd3333;
        border-radius:5px;
        margin-top:3px;
        border:1px solid #323232;
    }

img.SocialMediaIcons
{
    float:right;
    margin-right:80px;
    cursor:pointer;
    opacity:0.8;
}

.SocialMediaIcons
{
}

img.SocialMediaIcons:hover
{
    opacity:1;
}

.SocialMediaIcons i.facebook
{
    float:right;
    margin-right:5px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-image:url('/RetqaSite/2016/images/SocialMediaIcons.png');
    position:relative;
    background-repeat:no-repeat;
    opacity:0.8;
}

.SocialMediaIcons i.facebook:hover
{
    opacity:1;
}

.SocialMediaIcons i.twitter
{
    float:right;
    margin-right:5px;
    cursor:pointer;
    width:30px;
    height:30px;    
    background-image:url('/RetqaSite/2016/images/SocialMediaIcons.png');
    position:relative;
    background-repeat:no-repeat;
    background-position: 33% 50%; 
    opacity:0.8;
}

.SocialMediaIcons i.twitter:hover
{
    opacity:1;
}

.SocialMediaIcons i.google
{
    float:right;
    margin-right:5px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-image:url('/RetqaSite/2016/images/SocialMediaIcons.png');
    position:relative;
    background-repeat:no-repeat;
    background-position: 67% 50%; 
    opacity:0.8;
}

.SocialMediaIcons i.google:hover
{
    opacity:1;
}

.SocialMediaIcons i.youtube
{
    float:right;
    margin-right:5px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-image:url('/RetqaSite/2016/images/SocialMediaIcons.png');
    position:relative;
    background-repeat:no-repeat;
    background-position: 100% 50%; 
    opacity:0.8;
}

.SocialMediaIcons i.youtube:hover
{
    opacity:1;
}

/*--------------------------------------------------------------
12.0 Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.1 Shortcodes
--------------------------------------------------------------*/
.widget_social-networks-widget,
.share-box {
  margin: 0;
  padding: 0; }
  .widget_social-networks-widget h3,
  .share-box h3 {
    display: none; }
  .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 {
      border: 0;
      padding: 0;
      display: inline;
      margin: 0 5px 0 0; }
      .widget_social-networks-widget ul li a,
      .share-box ul li a {
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        background-color: #00c1cf;
        margin-bottom: 5px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        -webkit-border-radius: 3px;
        border-radius: 3px; }
        .widget_social-networks-widget ul li a:hover,
        .share-box ul li a:hover {
          color: #fff;
          background-color: #000; }
    .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;
    width: 30%;
    float: left; }
    .tabs-container ul.ui-tabs-nav li {
      display: block; }
      .tabs-container ul.ui-tabs-nav li a {
        display: block;
        outline: none;
        padding: 12px 20px;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        margin: 0 7px 0 0 !important;
        border: 1px solid #d7d7d7;
        position: relative; }
    .tabs-container ul.ui-tabs-nav li.ui-tabs-active a,
    .tabs-container ul.ui-tabs-nav li a:hover {
      color: #fff;
      background-color: #00c1cf; }
      .tabs-container ul.ui-tabs-nav li.ui-tabs-active a:after,
      .tabs-container ul.ui-tabs-nav li a:hover:after {
        content: "";
        border-left: 7px solid #00c1cf;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 0;
        position: absolute;
        right: -7px;
        top: 45%;
        width: 0;
        height: 0; }
  .tabs-container .ui-tabs-panel {
    width: 70%;
    float: left;
    padding: 20px !important;
    line-height: 2;
    border: 1px solid #00c1cf !important; }

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

.tabs-container ul.ui-tabs-nav li.ui-tabs-active a {
  background-color: #00c1cf;
  border-color: #00c1cf;
  color: #fff; }
  .tabs-container ul.ui-tabs-nav li.ui-tabs-active a:after {
    content: "";
    border-left: 7px solid #00c1cf;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 0;
    position: absolute;
    right: -7px;
    top: 45%;
    width: 0;
    height: 0; }

.widget.widget_ourteam-widget ul.team-social {
  margin: 0;
  clear: both;
  list-style-type: none;
  text-align: center;
  position: absolute;
  top: 150px;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  left: 0;
  opacity: 0;
  border-bottom: 1px solid #64e0e9;
  -webkit-box-shadow: 0 1px 0 rgba(30, 30, 30, 0.3);
  -moz-box-shadow: 0 1px 0 rgba(30, 30, 30, 0.3);
  box-shadow: 0 1px 0 rgba(30, 30, 30, 0.3);
  width: 100%;
  padding-bottom: 20px; }
  .widget.widget_ourteam-widget ul.team-social li {
    margin: 0 5px;
    padding: 0;
    border: 0;
    display: inline; }
    .widget.widget_ourteam-widget ul.team-social li a {
      text-decoration: none;
      display: inline-block;
      text-align: center;
      color: #fff;
      font-weight: 400;
      font-size: 14px;
      font-size: 1.4rem;
      position: relative;
      width: 32px;
      height: 32px;
      line-height: 32px; }
      .widget.widget_ourteam-widget ul.team-social li a:after {
        content: "";
        width: 100%;
        height: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: skew(7deg) rotate(7deg);
        -ms-transform: skew(7deg) rotate(7deg);
        -moz-transform: skew(7deg) rotate(7deg);
        -webkit-transform: skew(7deg) rotate(7deg);
        -o-transform: skew(7deg) rotate(7deg);
        transform-origin: left bottom 0;
        -ms-transform-origin: left bottom 0;
        -moz-transform-origin: left bottom 0;
        -webkit-transform-origin: left bottom 0;
        -o-transform-origin: left bottom 0;
        z-index: 1;
        background: inherit;
        -webkit-transition: all 0.5 ease;
        -moz-transition: all 0.5 ease;
        -ms-transition: all 0.5 ease;
        -o-transition: all 0.5 ease;
        transition: all 0.5 ease; }
.widget.widget_ourteam-widget .team-avator {
  overflow: hidden;
  padding: 0px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  z-index: 1;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease; }
  .widget.widget_ourteam-widget .team-avator img {
    width: 100%;
    display: block; }
.widget.widget_ourteam-widget .team-content:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 100%;
  content: "";
  background-color: #00c1cf;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.widget.widget_ourteam-widget .team-content {
  position: relative;
  padding: 15px 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;
  min-height: 210px;
  overflow: hidden; }
  .widget.widget_ourteam-widget .team-content p {
    margin-bottom: 0;
    position: relative;
    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: 2;
    color: #1e1e1e;
    text-align: center; }
  .widget.widget_ourteam-widget .team-content h4 {
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    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;
    top: 0;
    font-size: 20px;
    font-size: 2rem;
    z-index: 2; }
    .widget.widget_ourteam-widget .team-content h4 span {
      font-size: 14px;
      font-size: 1.4rem;
      display: block;
      color: #939393;
      text-align: center;
      text-transform: none;
      font-weight: 400;
      font-family: "Lora", sans-serif;
      padding-bottom: 15px; }
.widget.widget_ourteam-widget:hover .team-content h4 {
  color: #fff;
  top: 80px; }
  .widget.widget_ourteam-widget:hover .team-content h4 span {
    color: #fff; }
.widget.widget_ourteam-widget:hover .team-content p {
  color: #00c1cf;
  opacity: 0;
  left: 500px; }
.widget.widget_ourteam-widget:hover .team-content .team-social {
  top: 20px;
  opacity: 1; }
  .widget.widget_ourteam-widget:hover .team-content .team-social li a:hover {
    background-color: #198b93; }
.widget.widget_ourteam-widget:hover .team-content:before {
  height: 100%;
  top: 0; }

.widget.widget_skill-widget .skill-container .fa-stack {
  display: none; }
.widget.widget_skill-widget .skill-container .skill {
  height: 14px;
  position: relative;
  margin: 0 0 25px 0;
  background-color: #1e1e1e;
  padding: 0; }
  .widget.widget_skill-widget .skill-container .skill .skill-percentage {
    height: 14px;
    position: relative;
    background-color: #00c1cf; }
    .widget.widget_skill-widget .skill-container .skill .skill-percentage:before {
      border-left: 5px solid #fff;
      border-right: 14px solid transparent;
      border-top: 14px solid white;
      bottom: 0;
      content: "";
      left: auto;
      margin-left: 0;
      position: absolute;
      right: -20px; }
    .widget.widget_skill-widget .skill-container .skill .skill-percentage:after {
      border-left: 0 solid transparent;
      border-right: 15px solid transparent;
      border-top: 15px solid #00c1cf;
      content: "";
      left: 100%;
      margin-left: 0;
      position: absolute; }
  .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-content {
  position: relative;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem; }
  .widget.widget_skill-widget .skill-container .skill-content span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font-family: "Exo", sans-serif; }

.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;
    position: relative;
    padding-left: 40px;
    -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;
    font-size: 20px;
    font-size: 2rem;
    border: 1px solid #d7d7d7;
    background: none;
    color: #1e1e1e; }
    .ui-accordion h3 span.ui-icon.fa {
      margin-top: 5px;
      display: inline-block;
      color: #fff;
      font-size: 8px;
      font-size: 0.8rem;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 100px;
      border-radius: 100px;
      -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: 10px;
      left: 12px;
      background-color: #000;
      text-align: center;
      line-height: 20px; }
      .ui-accordion h3 span.ui-icon.fa:before {
        font-size: 12px;
        font-size: 1.2rem; }
    .ui-accordion h3:hover {
      background-color: #fff;
      color: #00c1cf;
      border-color: #00c1cf; }
      .ui-accordion h3:hover span.ui-icon.fa {
        background-color: #fff;
        color: #00c1cf; }
  .ui-accordion .ui-accordion-content {
    padding: 20px;
    padding-top: 15px;
    text-align: justify;
    border: 0;
    border: 1px solid #d7d7d7;
    background: none;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-left: 30px !important;
    margin-top: 10px !important; }
  .ui-accordion .ui-accordion-header-active {
    cursor: default;
    background-color: #00c1cf;
    color: #fff;
    border-color: #00c1cf; }
    .ui-accordion .ui-accordion-header-active span.ui-icon.fa {
      background-color: #fff;
      color: #00c1cf; }
  .ui-accordion .ui-accordion-header:hover {
    cursor: pointer;
    background-color: #00c1cf;
    color: #fff; }
  .ui-accordion .ui-accordion-content-active {
    background-color: #fff;
    margin: 0 5px; }

.ui-accordion .ui-accordion-header-active:hover {
  background-color: #00c1cf;
  color: #fff; }
  .ui-accordion .ui-accordion-header-active:hover span.fa {
    background-color: #fff;
    color: #000; }

.widget_recent-work-widget .widget-title {
  margin-bottom: 25px; }
.widget_recent-work-widget .cat-name {
  color: #fff;
  margin-bottom: 10px; }
.widget_recent-work-widget .slides li {
  border: 0;
  padding: 0;
  margin: 0; }
  .widget_recent-work-widget .slides li img {
    margin: 0;
    display: block; }
.widget_recent-work-widget .portfolio3col {
  position: relative; }
  .widget_recent-work-widget .portfolio3col .img-wrap {
    position: relative;
    overflow: hidden; }
    .widget_recent-work-widget .portfolio3col .img-wrap > a {
      display: block; }
      .widget_recent-work-widget .portfolio3col .img-wrap > a 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;
        display: block; }
      .widget_recent-work-widget .portfolio3col .img-wrap > a:before {
        border: 5px solid #00c1cf;
        content: "";
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 3%;
        right: 3%;
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
        -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;
        visibility: hidden;
        width: 94%;
        height: 94%;
        z-index: 10; }
  .widget_recent-work-widget .portfolio3col .overlay_icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%; }
    .widget_recent-work-widget .portfolio3col .overlay_icon a {
      opacity: 0;
      z-index: 11;
      padding: 10px 20px;
      background: transparent;
      border: 1px solid #00c1cf; }
      .widget_recent-work-widget .portfolio3col .overlay_icon a i {
        color: #fff; }
    .widget_recent-work-widget .portfolio3col .overlay_icon a.icon-zoom {
      left: 45%;
      bottom: 45%;
      top: auto;
      position: absolute; }
    .widget_recent-work-widget .portfolio3col .overlay_icon a.icon-link {
      position: absolute;
      right: 45%;
      top: 45%; }
  .widget_recent-work-widget .portfolio3col:hover .img-wrap > a img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .widget_recent-work-widget .portfolio3col:hover .img-wrap > a:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.4); }
  .widget_recent-work-widget .portfolio3col:hover .img-wrap .overlay_icon a {
    opacity: 1; }
    .widget_recent-work-widget .portfolio3col:hover .img-wrap .overlay_icon a:hover {
      background-color: #00c1cf; }
  .widget_recent-work-widget .portfolio3col:hover .img-wrap .overlay_icon a.icon-zoom {
    left: 4.4%;
    bottom: 5.1%; }
  .widget_recent-work-widget .portfolio3col:hover .img-wrap .overlay_icon a.icon-link {
    right: 4.5%;
    top: 5%; }
  .widget_recent-work-widget .portfolio3col h4 {
    padding: 10px 0;
    font-weight: 400;
    color: #1e1e1e;
    font-size: 20px;
    font-size: 2rem; }
.widget_recent-work-widget ul.flex-direction-nav li {
  border: 0 !important;
  padding: 0; }
.widget_recent-work-widget ul.flex-direction-nav a {
  opacity: 1;
  margin: 0;
  width: 25px;
  height: 30px;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 0 0;
  font-size: 0;
  text-align: center; }
  .widget_recent-work-widget ul.flex-direction-nav a:hover {
    color: #000; }
  .widget_recent-work-widget ul.flex-direction-nav a:before {
    font-size: 14px; }
.widget_recent-work-widget ul.flex-direction-nav a.flex-prev {
  left: auto !important;
  top: 35px !important;
  right: 35px !important; }
.widget_recent-work-widget ul.flex-direction-nav a.flex-next {
  right: 0 !important;
  top: 35px !important; }

#filters {
  padding: 10px;
  padding-bottom: 0;
  min-height: 50px;
  clear: both;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 30px; }
  #filters ul.filter-options {
    margin: 0;
    list-style-type: none;
    text-align: center;
    width: 100%; }
    #filters ul.filter-options li {
      margin: 0 1em;
      display: inline; }
      #filters ul.filter-options li a {
        display: inline-block;
        padding: .8em 1em .7em;
        color: #fff;
        background-color: #000;
        position: relative;
        text-transform: uppercase;
        margin-bottom: 10px; }
        #filters ul.filter-options li a:before, #filters ul.filter-options li a:after {
          content: "";
          position: absolute;
          top: 50%;
          margin-top: -1.5em;
          -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; }
        #filters ul.filter-options li a:before {
          border-width: 1.5em 0 1.5em 1em;
          border-style: solid;
          border-color: #000 #000 #000 transparent;
          left: -1em; }
        #filters ul.filter-options li a:after {
          border-top: 1.5em solid transparent;
          border-bottom: 1.5em solid transparent;
          border-left: 1em solid #000;
          right: -1em; }
        #filters ul.filter-options li a:hover::before, #filters ul.filter-options li a.selected::before {
          border-color: #00c1cf #00c1cf #00c1cf transparent; }
        #filters ul.filter-options li a:hover::after, #filters ul.filter-options li a.selected::after {
          border-left-color: #00c1cf; }
      #filters ul.filter-options li a:hover,
      #filters ul.filter-options li a.selected {
        background-color: #00c1cf;
        color: #fff; }

.widget_recent-posts-gallery-widget .recent-post {
  overflow: hidden; }
  .widget_recent-posts-gallery-widget .recent-post .post-title {
    padding: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .widget_recent-posts-gallery-widget .recent-post .post-title h5 {
      padding-bottom: 5px;
      color: #000; }
    .widget_recent-posts-gallery-widget .recent-post .post-title p {
      margin: 0; }
    .widget_recent-posts-gallery-widget .recent-post .post-title p.fa {
      color: #E1E1E1;
      width: 100%; }
      .widget_recent-posts-gallery-widget .recent-post .post-title p.fa span {
        padding-left: 10px; }
  .widget_recent-posts-gallery-widget .recent-post .post-overlay {
    background-color: #00c1cf;
    position: absolute;
    top: -50px;
    left: -50px;
    width: 100px;
    height: 100px;
    -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;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .widget_recent-posts-gallery-widget .recent-post span.fa {
    color: #fff;
    position: absolute;
    right: 12%;
    bottom: 40%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
    .widget_recent-posts-gallery-widget .recent-post span.fa:before {
      font-size: 20px;
      font-size: 2rem; }
  .widget_recent-posts-gallery-widget .recent-post:hover .post-overlay {
    background-color: #000;
    position: absolute;
    top: -55px;
    left: -55px;
    width: 110px;
    height: 110px; }
  .widget_recent-posts-gallery-widget .recent-post:hover .post-title {
    background-color: #00c1cf; }
    .widget_recent-posts-gallery-widget .recent-post:hover .post-title h5 {
      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; }
    .widget_recent-posts-gallery-widget .recent-post:hover .post-title p {
      color: #000; }
  .widget_recent-posts-gallery-widget .recent-post:hover img {
    opacity: 5;
    filter: alpha(opacity=500); }
.widget_recent-posts-gallery-widget img {
  display: block;
  width: 100%;
  margin: 0; }
.widget_recent-posts-gallery-widget .flex-recent-posts {
  position: relative; }
  .widget_recent-posts-gallery-widget .flex-recent-posts li {
    width: 31.3%;
    margin: 1%;
    float: left;
    min-height: 150px;
    background-color: #fff;
    border: 1px solid #d7d7d7 !important;
    position: relative;
    overflow: hidden;
    padding: 0; }

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

.portfolioeffects .portfolio_thumb img {
  -webkit-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.portfolioeffects:hover .portfolio_thumb img {
  -webkit-transform: translate3d(0, -80px, 0);
  -moz-transform: translate3d(0, -80px, 0);
  transform: translate3d(0, -80px, 0); }

.portfolioeffects .portfolio_overlay p, .portfolioeffects .portfolio_link_icons a {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  opacity: 0;
  filter: alpha(opacity=0); }

.portfolioeffects:hover .portfolio_overlay p, .portfolioeffects:hover .portfolio_link_icons a {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

ul#portfolio {
  margin-left: 0; }

.portfolioeffects {
  position: relative;
  overflow: hidden; }
  .portfolioeffects .portfolio_thumb {
    background-color: rgba(0, 193, 207, 0.8); }
    .portfolioeffects .portfolio_thumb img {
      display: block; }
  .portfolioeffects .content-details h3 {
    position: absolute;
    bottom: 10%;
    left: 0;
    padding: 30px;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 0;
    padding: 30px;
    color: #fff;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    text-shadow: 1px 1px 1px #000; }
    .portfolioeffects .content-details h3 a {
      color: #fff; }
      .portfolioeffects .content-details h3 a:hover {
        color: #00c1cf; }
  .portfolioeffects .portfolio_overlay {
    background-color: #00c1cf;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease; }
    .portfolioeffects .portfolio_overlay p {
      text-align: left;
      color: #fff;
      padding: 20px;
      margin-bottom: 0; }
  .portfolioeffects .portfolio_link_icons a {
    position: absolute;
    top: 20px;
    border: 1px solid #fff;
    text-align: center;
    display: block;
    color: #fff;
    padding: 5px 15px;
    -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-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0 10px 0 10px;
    border-radius: 0 10px 0 10px; }
    .portfolioeffects .portfolio_link_icons a i:before {
      font-size: 12px;
      font-size: 1.2rem; }
  .portfolioeffects .portfolio_link_icons a.icon-zoom {
    right: 25px; }
  .portfolioeffects .portfolio_link_icons a.icon-link {
    right: 80px; }
  .portfolioeffects:hover .portfolio_overlay {
    height: 80px; }
  .portfolioeffects:hover h3 {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -webkit-transition: opacity 0.35s, transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, -100px, 0);
    -moz-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); }
  .portfolioeffects:hover .portfolio_link_icons a:hover {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #00c1cf;
    color: #00c1cf; }

.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: !important; }
  .flexslider .slides > li {
    position: relative; }
  .flexslider .flex-image {
    overflow: hidden; }
  .flexslider .slides li:after {
    content: "";
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    -moz-transform: skew(0deg) rotate(1deg);
    -webkit-transform: skew(0deg) rotate(1deg);
    transform: skew(0deg) rotate(1deg);
    transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -webkit-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    background-color: #fff; }
  .flexslider .flex-direction-nav a {
    margin: 0;
    text-align: center;
    color: #fff !important;
    top: 40%;
    text-indent: -9999 !important;
    width: 50px;
    height: 50px;
    line-height: 70px !important;
    font-size: 0;
    background-color: #00c1cf;
    overflow: visible; }
    .flexslider .flex-direction-nav a:after {
      background: inherit;
      content: "";
      position: absolute;
      bottom: -3px;
      left: 0;
      transform: skew(8deg) rotate(8deg);
      -moz-transform: skew(8deg) rotate(8deg);
      -webkit-transform: skew(8deg) rotate(8deg);
      -o-transform: skew(8deg) rotate(8deg);
      -ms-transform: skew(8deg) rotate(8deg);
      width: 50px;
      height: 10px; }
    .flexslider .flex-direction-nav a:before {
      font-size: 20px;
      font-size: 2rem; }
  .flexslider .flex-direction-nav a.flex-next {
    right: 0 !important; }
    .flexslider .flex-direction-nav a.flex-next:after {
      position: absolute;
      right: 0;
      bottom: -3px;
      transform: skew(-8deg) rotate(-8deg);
      -moz-transform: skew(-8deg) rotate(-8deg);
      -webkit-transform: skew(-8deg) rotate(-8deg);
      -o-transform: skew(-8deg) rotate(-8deg);
      -ms-transform: skew(-8deg) rotate(-8deg); }
  .flexslider .flex-direction-nav a.flex-prev {
    left: 0 !important; }
  .flexslider:hover .flex-direction-nav a.flex-prev
  {
    left: 50px !important;
  }
  .flexslider:hover .flex-direction-nav a.flex-next
  {
    right: 50px !important;
  }
  
  .flexslider .flex-control-nav {
    bottom: 100px;
    width: auto;
    right: 0;
    position: relative; }
    .flexslider .flex-control-nav li {
      float: none;
      margin: 0 0 5px; }
    .flexslider .flex-control-nav a {
      color: #fff;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 50px !important;
      border-radius: 50px !important;
      -webkit-box-shadow: inset 0 0 0 transparent;
      -moz-box-shadow: inset 0 0 0 transparent;
      box-shadow: inset 0 0 0 transparent;
      background-color: #d7d7d7;
      width: 16px;
      height: 16px;
      border: 0;
      text-shadow: 0 0 0 transparent !important;
      margin: 0 3px; }
    .flexslider .flex-control-nav a.flex-active {
      background-color: #00c1cf; }
  .flexslider .flex-caption {
    position: absolute;
    top: 0%;
    right: 0%;
    width: 100%;
    height: 95%;
    text-align: center;
    padding-top: 15%;
    z-index: 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, .flexslider .flex-caption li, .flexslider .flex-caption a {
      color: #fff;
      padding: 15px 1% 15px 0;
      margin: 0;
      display: inline-block;
      width: 50%;
      position: relative;
      background-color: rgba(30, 30, 30, 0.5);
      clear: both;
      font-weight: 700; }
    .flexslider .flex-caption p {
      background-color: rgba(0, 193, 207, 0.5);
      font-family: "Exo", sans-serif; }
    .flexslider .flex-caption a {
      color: #1e1e1e;
      display: block;
      width: 15%;
      background-color: #fff;
      text-align: center;
      font-weight: 700;
      margin: 0 auto;
      margin-top: 25px;
      clear: both;
      padding: 10px;
      font-size: 18px;
      font-size: 1.8rem;
      font-family: "Exo", sans-serif; }
      .flexslider .flex-caption a:hover {
        background-color: #00c1cf;
        color: #fff; }

.widget_flexslider-widget .flexcarousel {
  margin: 0 50px; }
  .widget_flexslider-widget .flexcarousel ul {
    padding: 0 40px; }
    .widget_flexslider-widget .flexcarousel ul li {
      border: 0;
      margin: 0; }
  .widget_flexslider-widget .flexcarousel .flex-direction-nav a {
    opacity: .5 !important;
    top: 25%;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin: 0;
    font-size: 20px;
    font-size: 2rem; }
    .widget_flexslider-widget .flexcarousel .flex-direction-nav a:hover {
      opacity: 1 !important; }
  .widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev {
    left: 0; }
  .widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next {
    right: 0; }

.ei-slider li {
  list-style-type: none; }

.ei-title {
  background: transparent;
  left: 15%;
  top: 25%;
  width: 75%; }
  .ei-title h3 {
    color: #000;
    line-height: 1; }
  .ei-title h2 {
    line-height: normal; }
  .ei-title h3,
  .ei-title h2 {
    text-align: left; }

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

#ei-slider ul {
  text-align: center;
  margin: 0 auto; }

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

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

.ei-title h3 {
  font-size: 60px;
  font-size: 6rem;
  line-height: 40px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #fff;
  font-family: "Exo", sans-serif; }

.ei-title h2 {
  font-size: 30px;
  font-size: 3rem;
  font-style: italic;
  color: #fff;
  text-shadow: 1px 1px 1px #000; }

.columns.breadcrumb {
  background: url("../images/bg-repeat-breadcrumb.png") repeat left top;
  margin-bottom: 20px;
  padding: 20px;
  margin: 0 -100%;
  padding: 30px 100% 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  display: table;
  width: 100%; }
  .columns.breadcrumb #breadcrumb {
    padding-bottom: 20px;
    text-align: center; }
    .columns.breadcrumb #breadcrumb #crumbs {
      color: #1e1e1e;
      position: static;
      top: 20px;
      right: 0; }
    .columns.breadcrumb #breadcrumb a {
      color: #00c1cf; }
      .columns.breadcrumb #breadcrumb a:hover {
        color: #000; }
    .columns.breadcrumb #breadcrumb span {
      margin-left: 8px;
      margin-right: 8px; }
      .columns.breadcrumb #breadcrumb span:first-child {
        margin-left: 0; }

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

.alert-message {
  padding: 25px 15px;
  margin-bottom: 15px;
  position: relative;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #1e1e1e; }
  .alert-message a {
    display: block;
    position: absolute;
    top: 18px;
    right: 10px;
    text-align: center;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 40px;
    border-radius: 40px; }
    .alert-message a:hover {
      color: #000; }

.notice {
  background-color: rgba(150, 122, 220, 0.1);
  border: 1px solid #967ADC; }
  .notice a {
    color: #967ADC;
    -webkit-box-shadow: inset 1px 1px 5px #967ADC ;
    -moz-box-shadow: inset 1px 1px 5px #967ADC ;
    box-shadow: inset 1px 1px 5px #967ADC ; }

.warning {
  background-color: rgba(255, 136, 77, 0.1);
  border: 1px solid #FF884D; }
  .warning a {
    color: #FF884D;
    -webkit-box-shadow: inset 1px 1px 5px #FF884D ;
    -moz-box-shadow: inset 1px 1px 5px #FF884D ;
    box-shadow: inset 1px 1px 5px #FF884D ; }

.success {
  background-color: rgba(140, 193, 82, 0.1);
  border: 1px solid #8CC152; }
  .success a {
    color: #8CC152;
    -webkit-box-shadow: inset 1px 1px 5px #8CC152 ;
    -moz-box-shadow: inset 1px 1px 5px #8CC152 ;
    box-shadow: inset 1px 1px 5px #8CC152 ; }

.error {
  background-color: rgba(218, 68, 83, 0.1);
  border: 1px solid #DA4453; }
  .error a {
    color: #DA4453;
    -webkit-box-shadow: inset 1px 1px 5px #DA4453 ;
    -moz-box-shadow: inset 1px 1px 5px #DA4453 ;
    box-shadow: inset 1px 1px 5px #DA4453 ; }

.info {
  background-color: rgba(67, 74, 84, 0.1);
  border: 1px solid #434A54; }
  .info a {
    color: #434A54;
    -webkit-box-shadow: inset 1px 1px 5px #434A54 ;
    -moz-box-shadow: inset 1px 1px 5px #434A54 ;
    box-shadow: inset 1px 1px 5px #434A54 ; }

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

.hr_fancy {
  height: 5px;
  margin: 30px 0;
  position: relative;
  border-bottom: 2px solid #d7d7d7; }
  .hr_fancy:before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 25%;
    height: 2px;
    background-color: #00c1cf;
    content: ""; }

.hr_fancy2 {
  height: 7px;
  margin: 30px 0;
  border-bottom: 2px solid #d7d7d7;
  position: relative; }
  .hr_fancy2:before, .hr_fancy2:after {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    content: "";
    background-color: #00c1cf; }
  .hr_fancy2:before {
    position: absolute;
    top: 1px;
    left: 0; }
  .hr_fancy2:after {
    position: absolute;
    top: 1px;
    right: 0; }

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

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

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

a.btn,
.widget_button-widget .btn {
  display: inline-block;
  padding: 10px 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  position: relative;
  background-color: #00c1cf;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0 30px 0 30px;
  border-radius: 0 30px 0 30px;
  padding: 6px 20px;
  color: #000; }
  a.btn:hover,
  .widget_button-widget .btn:hover {
    color: #fff;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important; }

.widget_button-widget a.btn.light-blue {
  background-color: #55B9FF; }

a.btn-info {
  background-color: #CCCCCC; }

a.btn-primary,
.widget_button-widget a.btn.blue {
  background-color: #3BAFDA;
  color: #000; }
  a.btn-primary:hover,
  .widget_button-widget a.btn.blue:hover {
    color: #fff; }

a.btn-danger,
.widget_button-widget a.btn.red {
  background-color: #DA4453; }

a.btn-warning {
  background-color: #FF884D; }

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

a.btn-success,
.widget_button-widget a.btn.green {
  background-color: #56CC00; }

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

a.btn-mini,
.widget_button-widget .btn.mini {
  padding: 5px 15px;
  font-size: 12px; }

a.btn-small,
.widget_button-widget .btn.small {
  padding: 6px 25px;
  font-size: 14px; }

a.btn-large,
.widget_button-widget .btn.large {
  padding: 12px 50px;
  font-size: 20px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0 50px 0 50px;
  border-radius: 0 50px 0 50px; }

a.btn-white,
.widget_button-widget .btn.white {
  background-color: #fff;
  color: #000 !important; }
  a.btn-white:hover,
  .widget_button-widget .btn.white:hover {
    color: #00c1cf !important; }

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

.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 #00c1cf; }

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

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

.sep {
  padding-bottom: 15px;
  margin-bottom: 25px;
  position: relative; }
  .sep:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10%;
    height: 7px;
    content: '';
    background-color: #00c1cf; }

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

.sep.tleft:before,
.sep.left:before {
  left: 0; }

.sep.center:before,
.sep.tcenter:before {
  left: 45%; }

.sep.tright:before,
.sep.right:before {
  left: auto;
  right: 0; }

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

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

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

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

.pullnone {
  color: #fff;
  background-color: #198b93;
  display: block;
  padding: 10px; }
  .pullnone:before {
    content: "\f10d";
    font-size: 30px;
    font-size: 3rem;
    margin-right: 0.5em;
    font-family: FontAwesome;
    color: #00c1cf; }

.pullleft,
.pullright {
  width: 50%;
  padding: 30px;
  border-right: 0;
  position: relative;
  margin-right: 20px;
  background-color: #198b93;
  color: #fff;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-top: 2px solid #00c1cf; }
  .pullleft:before,
  .pullright:before {
    content: "\f10d";
    font-size: 40px;
    font-size: 4rem;
    margin-right: 0.5em;
    font-family: FontAwesome;
    position: absolute;
    top: -25px;
    left: 10px;
    color: #00c1cf; }

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

.pullleft {
  float: left; }

.toggle .close {
  display: none; }
.toggle .open {
  display: block; }
.toggle .toggle-title {
  color: #fff;
  padding: 16px;
  padding-left: 13%;
  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: 20px;
  font-size: 2rem;
  background-color: #00c1cf; }
  .toggle .toggle-title:before {
    @incluide position(absolute, $top:0, $left: -20px);
    content: "";
    width: 5%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    transform: skewX(-30deg); }
  .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: 0;
    left: 0%;
    display: inline-block;
    color: #000;
    width: 10%;
    height: 100%;
    text-align: center;
    color: #000;
    background-color: #1e1e1e; }
    .toggle .toggle-title .icn:before {
      position: absolute;
      top: 0;
      left: -20px;
      content: "";
      width: 50%;
      height: 100%;
      background-color: #fff;
      -webkit-transform: skewX(-30deg);
      -moz-transform: skewX(-30deg);
      -ms-transform: skewX(-30deg);
      -o-transform: skewX(-30deg);
      transform: skewX(-30deg); }
    .toggle .toggle-title .icn .fa:before {
      display: block;
      padding-top: 20px;
      padding-left: 20px;
      color: #fff;
      font-weight: 400; }
.toggle .toggle-title:hover {
  background-color: #1e1e1e;
  color: #fff; }
.toggle .toggle-content {
  background-color: #1e1e1e;
  padding: 20px;
  position: relative;
  left: 1.7%;
  width: 98.3%; }
  .toggle .toggle-content p {
    margin-bottom: 0;
    color: #fff; }

.withtip {
  position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.circle-icon-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  content: "";
  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;
  background: #939393 url("../images/dots.png") no-repeat 20px center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.circle-icon-box {
  -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;
  padding: 60px 20px 0 20px;
  border: 1px solid #d7d7d7;
  position: relative;
  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; }
  .circle-icon-box:hover:before {
    background: #939393 url("../images/dots-hover.png") no-repeat 20px center; }
  .circle-icon-box .icon-wrapper {
    text-align: center; }
    .circle-icon-box .icon-wrapper p.fa-stack {
      display: black;
      text-align: center;
      margin-bottom: 0;
      width: auto;
      height: auto;
      min-height: 1em;
      line-height: 1;
      @inlucde position(static); }
      .circle-icon-box .icon-wrapper p.fa-stack i {
        color: #00c1cf;
        @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 .icon-wrapper p.fa-stack .fa-stack-1x,
      .circle-icon-box .icon-wrapper p.fa-stack .fa-stack-2x {
        position: static; }
  .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;
    width: 110px;
    height: 90px;
    text-align: center;
    line-height: 70px;
    margin: 0 auto; }
  .circle-icon-box .service h4 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px;
    -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 {
    color: #686c77;
    line-height: 1.5;
    text-align: center; }
  .circle-icon-box:hover .icon-wrapper p.fa-stack i {
    color: #1e1e1e; }
  .circle-icon-box:hover .service h4 {
    color: #00c1cf; }
  .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: #00c1cf;
      color: #fff;
      font-size: 14px;
      font-size: 1.4rem;
      position: relative;
      overflow: hidden; }
      .circle-icon-box .more-button a:hover {
        background-color: #1e1e1e; }

.icon-horizontal,
.icon-vertical {
  position: relative;
  padding: 20px;
  border: 1px solid #d7d7d7;
  padding-top: 60px;
  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; }
  .icon-horizontal .fa-stack,
  .icon-vertical .fa-stack {
    border: 1px solid #00c1cf;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    margin-right: 10px;
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 193, 207, 0.3);
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 193, 207, 0.3);
    box-shadow: inset 0px 0px 5px rgba(0, 193, 207, 0.3);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .icon-horizontal .fa-stack i,
    .icon-vertical .fa-stack i {
      text-align: center; }
  .icon-horizontal .icon-title,
  .icon-vertical .icon-title {
    font-size: 24px;
    font-size: 2.4rem;
    color: #000;
    font-family: "Exo", sans-serif;
    font-weight: 700; }
  .icon-horizontal a.link-title,
  .icon-horizontal .icon-title,
  .icon-horizontal .fa-stack,
  .icon-vertical a.link-title,
  .icon-vertical .icon-title,
  .icon-vertical .fa-stack {
    color: #000; }
    .icon-horizontal a.link-title i,
    .icon-horizontal .icon-title i,
    .icon-horizontal .fa-stack i,
    .icon-vertical a.link-title i,
    .icon-vertical .icon-title i,
    .icon-vertical .fa-stack i {
      color: #00c1cf; }
    .icon-horizontal a.link-title:hover,
    .icon-horizontal .icon-title:hover,
    .icon-horizontal .fa-stack:hover,
    .icon-vertical a.link-title:hover,
    .icon-vertical .icon-title:hover,
    .icon-vertical .fa-stack:hover {
      color: #000; }
  .icon-horizontal .more-button,
  .icon-vertical .more-button {
    margin-top: 10px; }
  .icon-horizontal:hover .fa-stack,
  .icon-vertical:hover .fa-stack {
    background-color: #00c1cf; }
    .icon-horizontal:hover .fa-stack i,
    .icon-vertical:hover .fa-stack i {
      color: #fff; }
  .icon-horizontal:hover .fa-stack,
  .icon-vertical:hover .fa-stack {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -moz-transition-duration: 1s;
    -moz-transition-delay: now;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: now;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    transition-duration: 1s;
    transition-delay: now;
    animation-timing-function: linear;
    animation-iteration-count: infinite; }
  .icon-horizontal:before,
  .icon-vertical:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    content: "";
    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;
    background: #939393 url("images/dots.png") no-repeat 20px center; }

.icon-horizontal .service p {
  margin-bottom: 0; }

.icon-vertical .fa-stack {
  margin: 0 auto;
  display: block; }
  .icon-vertical .fa-stack i {
    text-align: center; }
.icon-vertical .icon-title {
  display: block;
  text-align: center; }
.icon-vertical .icon-wrapper p {
  margin-bottom: 5px; }
.icon-vertical .icon-wrapper .icon-title {
  margin-top: 15px; }
.icon-vertical .more-button {
  text-align: center; }

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

.widget_testimonial-widget h3 {
  text-align: center;
  margin-bottom: 30px; }
.widget_testimonial-widget .testimonial-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 50px 0;
  position: relative; }
.widget_testimonial-widget ul.slides {
  margin-top: 0; }
.widget_testimonial-widget .testimony {
  padding-bottom: 5px; }
  .widget_testimonial-widget .testimony p {
    margin: 10px 0;
    position: relative;
    font-size: 20px;
    font-size: 2rem;
    padding-top: 130px;
    text-align: center; }
    .widget_testimonial-widget .testimony p:before {
      position: absolute;
      content: "\f10d";
      font-family: 'FontAwesome';
      left: 48%;
      top: 0px;
      font-size: 60px;
      font-size: 6rem;
      color: #313131; }
.widget_testimonial-widget ul li {
  margin: 0;
  padding: 0;
  border: 0; }
  .widget_testimonial-widget ul li img {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 150px;
    border-radius: 150px;
    margin: 0;
    border: 3px solid #00c1cf;
    display: block;
    margin: 40px auto 10px; }
  .widget_testimonial-widget ul li .client {
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
    color: #939393; }
    .widget_testimonial-widget ul li .client strong {
      font-size: 20px;
      font-size: 2rem;
      font-family: "Exo", sans-serif;
      display: block;
      color: #000; }
.widget_testimonial-widget ul.flex-direction-nav li {
  display: inline; }
  .widget_testimonial-widget ul.flex-direction-nav li a {
    opacity: 1;
    margin: 0;
    width: 25px;
    height: 30px;
    line-height: 40px;
    color: #00c1cf;
    text-shadow: 0 0 0;
    font-size: 0;
    text-align: center; }
    .widget_testimonial-widget ul.flex-direction-nav li a:hover {
      color: #000; }
    .widget_testimonial-widget ul.flex-direction-nav li a:before {
      font-size: 13px; }
  .widget_testimonial-widget ul.flex-direction-nav li a.flex-prev {
    left: auto !important;
    top: 0 !important;
    right: 35px !important; }
  .widget_testimonial-widget ul.flex-direction-nav li a.flex-next {
    right: 0 !important;
    top: 0 !important; }
.widget_testimonial-widget .flex-control-nav {
  bottom: 0; }
  .widget_testimonial-widget .flex-control-nav li {
    margin: 0 3px; }
  .widget_testimonial-widget .flex-control-nav a {
    background-color: #C8C9CA;
    -webkit-box-shadow: inset 0 0 0 transparent;
    -moz-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent; }
  .widget_testimonial-widget .flex-control-nav a.flex-active {
    background-color: #00c1cf; }

.home .widget_testimonial-widget h3 {
  display: none; }

.widget_image-box-widget .image-box {
  text-align: center;
  padding: 10px; }
  .widget_image-box-widget .image-box img {
    display: block;
    margin: 0 auto;
    padding: 2px;
    border: 2px solid #00c1cf;
    outline: 2px solid #198b93; }
.widget_image-box-widget a.more-button {
  display: inline-block;
  margin: 0 auto 10px;
  background-color: #fff;
  padding: 4px 8px;
  color: #fff; }
  .widget_image-box-widget a.more-button:hover {
    background-color: #000;
    border-color: #00c1cf; }
.widget_image-box-widget h4 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px; }
.widget_image-box-widget p.text {
  line-height: 1.3;
  margin-bottom: 1em; }

.author-bio {
  margin-bottom: 25px; }
  .author-bio .author-info img {
    float: left;
    margin-right: 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d7d7d7; }

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

.related-posts ul#webulous-related-posts {
  list-style-type: none;
  margin: 0; }
  .related-posts ul#webulous-related-posts li {
    width: 18%;
    float: left;
    margin: 1%;
    line-height: normal;
    border: 1px solid #d7d7d7;
    text-align: center;
    padding: 1%; }
    .related-posts ul#webulous-related-posts li a {
      line-height: normal; }
      .related-posts ul#webulous-related-posts li a:hover {
        color: #00c1cf; }
      .related-posts ul#webulous-related-posts li a img {
        margin: 0; }

.widget_webulous-image-widget .image-widget {
  overflow: hidden; }
.widget_webulous-image-widget .image-widget > a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding: 10px;
  z-index: 100; }
  .widget_webulous-image-widget .image-widget > a img {
    display: block;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
.widget_webulous-image-widget i {
  opacity: 0;
  position: absolute;
  top: 46%;
  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;
  width: 30px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  z-index: 100;
  font-size: 0px;
  font-size: 0rem; }
.widget_webulous-image-widget .image-widget-overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.widget_webulous-image-widget .image-widget-overlay:hover {
  background-color: rgba(0, 193, 207, 0.2); }
  .widget_webulous-image-widget .image-widget-overlay:hover i {
    opacity: 1;
    font-size: 14px;
    font-size: 1.4rem;
    left: 46%; }
    .widget_webulous-image-widget .image-widget-overlay:hover i:hover {
      color: #000; }

.content-area .widget_list-widget ul, .content-area .widget_list-widget ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .content-area .widget_list-widget ul li, .content-area .widget_list-widget ol li {
    padding: 5px;
    border: 0; }
    .content-area .widget_list-widget ul li i, .content-area .widget_list-widget ol li i {
      color: #00c1cf;
      padding-right: 10px; }

.stats-circle .icon-wrapper {
  width: 180px;
  height: 180px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
  padding-top: 30px;
  margin-top: 30px; }
  .stats-circle .icon-wrapper p {
    margin-bottom: 0; }
  .stats-circle .icon-wrapper i {
    padding: 4px 0 10px;
    color: #686c77; }
  .stats-circle .icon-wrapper h5 {
    font-weight: 400;
    font-family: "Lora", sans-serif;
    margin-bottom: 0; }
  .stats-circle .icon-wrapper h4 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 0; }

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

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

.panel-row-style,
.panel-row-style-wide-black,
.panel-row-style-wide-grey {
  width: 100%; }

div.txt-center {
  text-align: center; }

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

.main-navigation a:after {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: skew(3deg) rotate(3deg);
  -ms-transform: skew(3deg) rotate(3deg);
  -moz-transform: skew(3deg) rotate(3deg);
  -webkit-transform: skew(3deg) rotate(3deg);
  -o-transform: skew(3deg) rotate(3deg);
  transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  -moz-transform-origin: left bottom 0;
  -webkit-transform-origin: left bottom 0;
  -o-transform-origin: left bottom 0;
  z-index: 1;
  background: inherit;
  -webkit-transition: all 0.5 ease;
  -moz-transition: all 0.5 ease;
  -ms-transition: all 0.5 ease;
  -o-transition: all 0.5 ease;
  transition: all 0.5 ease; }

.panel-row-style-wide-grey:before,
.panel-row-style-wide-black:before,
.panel-row-style-cta:before {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  top: -50px;
  left: 0;
  transform: skew(0deg) rotate(1deg);
  -ms-transform: skew(0deg) rotate(1deg);
  -moz-transform: skew(0deg) rotate(1deg);
  -webkit-transform: skew(0deg) rotate(1deg);
  -o-transform: skew(0deg) rotate(1deg);
  transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -webkit-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  z-index: 1;
  background-color: #F0F2F3;
  visibility: visible !important; }

.panel-row-style-wide-grey:after,
.panel-row-style-wide-black:after,
.panel-row-style-cta:after {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 10px;
  left: 0;
  transform: skew(0deg) rotate(1deg);
  -ms-transform: skew(0deg) rotate(1deg);
  -moz-transform: skew(0deg) rotate(1deg);
  -webkit-transform: skew(0deg) rotate(1deg);
  -o-transform: skew(0deg) rotate(1deg);
  transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  -moz-transform-origin: left bottom 0;
  -webkit-transform-origin: left bottom 0;
  -o-transform-origin: left bottom 0;
  z-index: 1;
  background-color: #F0F2F3;
  visibility: visible !important; }

.panel-row-style-wide-grey,
.panel-row-style-wide-black,
.panel-row-style-cta {
  background-color: #F0F2F3;
  position: relative; }

.panel-row-style-cta {
  background-color: #198b93;
  padding: 60px 100%; }
  .panel-row-style-cta:before, .panel-row-style-cta:after {
    background-color: #198b93;
    -webkit-box-shadow: inset 0px 25px 25px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 25px 25px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 25px 25px rgba(0, 0, 0, 0.3); }
  .panel-row-style-cta:after {
    -webkit-box-shadow: inset 0px -30px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px -30px 20px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px -30px 20px rgba(0, 0, 0, 0.3); }

.panel-row-style-wide-black {
  background-color: #313131;
  padding-top: 50px;
  padding-bottom: 50px; }
  .panel-row-style-wide-black:before, .panel-row-style-wide-black:after {
    background-color: #313131; }

.page-template-blog-fullwidth .thumb img,
.page-template-blog-large .thumb img {
  display: block;
  width: 100%; }

.features h2 {
  margin-bottom: 25px;
  font-weight: 700; }
.features h2, .features p {
  color: #fff; }
.features a.btn {
  padding: 10px 36px;
  margin-right: 20px;
  font-weight: 700;
  color: #fff; }
.features .image-widget-overlay {
  display: none; }
.features .widget_webulous-image-widget .image-widget {
  position: absolute; }

.panel-grid {
  padding: 50px 0; }
  .panel-grid .panel-grid {
    padding: 0; }

.entry-content > div > .panel-grid {
  padding-top: 0; }

.panel-row-style-wide-black .panel-grid-cell,
.panel-row-style-wide-grey .panel-grid-cell {
  padding: 0; }

.callus {
  text-align: center;
  color: #fff; }
  .callus .textwidget {
    padding: 50px 0; }
  .callus h2 {
    color: #fff;
    font-weight: 400; }

.entry-content {
  margin: 0; }

.home .site-footer .flex-container,
.home .sidebar .flex-container {
  padding-top: 0; }

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

.not-found-inner {
  background-color: #00c1cf;
  padding: 40px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem; }
  .not-found-inner a:hover {
    color: #1e1e1e; }
  .not-found-inner .search-form input.search-field {
    width: auto; }

p.notfound {
  margin-bottom: 10px; }

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

.cnt-form {
  background-color: #fff;
  min-height: 400px; }
  .cnt-form p span {
    padding-right: 10px; }
  .cnt-form .wpcf7-form {
    position: relative;
    width: 80%;
    margin: 50px auto 0; }
    .cnt-form .wpcf7-form input[type="text"],
    .cnt-form .wpcf7-form input[type="email"],
    .cnt-form .wpcf7-form input[type="tel"],
    .cnt-form .wpcf7-form input[type="url"],
    .cnt-form .wpcf7-form input[type="password"],
    .cnt-form .wpcf7-form input[type="number"],
    .cnt-form .wpcf7-form textarea {
      padding: 10px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 0;
      border-radius: 0;
      color: #000;
      width: 90%;
      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; }
    .cnt-form .wpcf7-form input[type="text"]:focus,
    .cnt-form .wpcf7-form input[type="email"]:focus,
    .cnt-form .wpcf7-form input[type="tel"]:focus,
    .cnt-form .wpcf7-form input[type="url"]:focus,
    .cnt-form .wpcf7-form input[type="password"]:focus,
    .cnt-form .wpcf7-form input[type="number"]:focus,
    .cnt-form .wpcf7-form textarea:focus {
      -webkit-box-shadow: 0 0 5px rgba(0, 193, 207, 0.5);
      -moz-box-shadow: 0 0 5px rgba(0, 193, 207, 0.5);
      box-shadow: 0 0 5px rgba(0, 193, 207, 0.5);
      border: 1px solid #00c1cf; }
    .cnt-form .wpcf7-form select {
      width: 50%;
      padding: 10px;
      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; }
    .cnt-form .wpcf7-form input[type="submit"] {
      padding: 15px 50px;
      color: #fff;
      font-size: 20px;
      font-size: 2rem;
      background-color: #00c1cf;
      border: 0; }
      .cnt-form .wpcf7-form input[type="submit"]:hover {
        background-color: #1e1e1e;
        color: #fff; }
    .cnt-form .wpcf7-form img.ajax-loader {
      position: absolute;
      bottom: 0;
      left: 0; }

.stay-connect:before,
.stay-connect:after {
  content: "";
  display: table; }

.stay-connect:after {
  clear: both; }

.stay-connect {
  text-align: center; }
  .stay-connect h3 {
    color: #fff;
    margin-bottom: 50px; }
  .stay-connect li {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center; }
    .stay-connect li i:before {
      font-size: 30px;
      font-size: 3rem;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      display: block;
      background-color: #fff;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-border-radius: 60px;
      border-radius: 60px;
      margin: 0 auto; }
    .stay-connect li h4, .stay-connect li p {
      margin-bottom: 0;
      background-color: #fff;
      padding-top: 25px; }
    .stay-connect li p {
      color: #939393;
      padding-top: 0;
      padding-bottom: 25px; }

.post {
  border-bottom: 1px solid #939393;
  padding-bottom: 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 25px; }

.entry-content p {
  color: #939393; }

.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: 12%;
    position: absolute;
    top: 15px;
    left: 0;
    margin-top: 0;
    background-color: #d7d7d7;
    padding: 0;
    font-size: 35px;
    font-size: 3.5rem;
    text-align: center; }
    .entry-header .header-entry-meta span,
    .entry-body .header-entry-meta span {
      padding: 0;
      display: block;
      background-color: #00c1cf;
      font-size: 16px;
      font-size: 1.6rem;
      color: #fff; }
  .entry-header .entry-title-meta,
  .entry-header .entry-header .entry-title,
  .entry-body .entry-title-meta,
  .entry-body .entry-header .entry-title {
    width: 85%;
    margin-left: 15%;
    font-family: "Exo", sans-serif; }
    .entry-header .entry-title-meta span,
    .entry-header .entry-header .entry-title span,
    .entry-body .entry-title-meta span,
    .entry-body .entry-header .entry-title span {
      padding-right: 25px; }
      .entry-header .entry-title-meta span span,
      .entry-header .entry-header .entry-title span span,
      .entry-body .entry-title-meta span span,
      .entry-body .entry-header .entry-title span span {
        padding-right: 0; }
      .entry-header .entry-title-meta span i,
      .entry-header .entry-header .entry-title span i,
      .entry-body .entry-title-meta span i,
      .entry-body .entry-header .entry-title span i {
        padding-right: 6px; }
  .entry-header .entry-title,
  .entry-body .entry-title {
    margin-bottom: 0; }

.page-template-blog-fullwidth .site-content,
.page-template-blog-large .site-content,
.single-format-standard .site-content {
  margin-bottom: 100px; }

body.archive .site-content,
body.search.search-results .site-content,
body.search.search-no-results .site-content {
  padding-top: 170px;
  margin-bottom: 100px; }

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

.whyus h3 {
  border-bottom: 1px solid #313131; }

.page-template .site-content {
  padding-top: 30px; }

/*--------------------------------------------------------------
12.3 Footer Shortcodes
--------------------------------------------------------------*/
.site-footer .callout-widget {
  padding: 0; }
  .site-footer .callout-widget h4,
  .site-footer .callout-widget p {
    margin-bottom: 10px;
    width: 100%; }
  .site-footer .callout-widget p {
    line-height: 1.5; }
  .site-footer .callout-widget p.call-btn {
    width: 100%;
    display: block;
    position: relative; }
    .site-footer .callout-widget p.call-btn a {
      padding: 10px; }
      .site-footer .callout-widget p.call-btn a:hover {
        color: #fff;
        background-color: #00c1cf; }

.site-footer .circle-icon-box {
  padding-bottom: 20px; }
  .site-footer .circle-icon-box .service p.text {
    color: #d7d7d7; }
  .site-footer .circle-icon-box .icon-wrapper {
    height: 70px;
    line-height: 50px; }
  .site-footer .circle-icon-box .icon-wrapper p.fa-stack i:before {
    font-size: 50px;
    font-size: 5rem; }
  .site-footer .circle-icon-box:hover .icon-wrapper p.fa-stack i:before {
    color: #fff; }

.site-footer .dropcap-default {
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; }
.site-footer .dropcap {
  color: #fff; }
.site-footer .dropcap-circle,
.site-footer .dropcap-box {
  background-color: #000; }
.site-footer .dropcap-box {
  border-color: #198b93;
  -webkit-box-shadow: 0 0 0 transparent ;
  -moz-box-shadow: 0 0 0 transparent ;
  box-shadow: 0 0 0 transparent ; }
.site-footer .dropcap-book {
  border: 2px solid #fff; }

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

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

.site-footer .footer-bottom ul.menu {
  margin: 0;
  padding: 0;
  text-align: right; }
  .site-footer .footer-bottom ul.menu ul.sub-menu {
    margin: 0;
    display: inline; }
  .site-footer .footer-bottom ul.menu li {
    display: inline;
    padding: 0 4px 0 0; }
    .site-footer .footer-bottom ul.menu li a {
      margin-bottom: 10px;
      display: inline-block;
      padding: 2px 6px;
      color: #fff; }
      .site-footer .footer-bottom ul.menu li a:hover {
        background-color: #000 !important;
        color: #fff; }
  .site-footer .footer-bottom ul.menu li.current_page_item a {
    background-color: #00c1cf;
    color: #fff; }

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
  color: #fff; }

.site-footer .icon-horizontal .fa-stack,
.site-footer .icon-vertical .fa-stack {
  background-color: #00c1cf; }
  .site-footer .icon-horizontal .fa-stack i,
  .site-footer .icon-vertical .fa-stack i {
    color: #fff; }
.site-footer .icon-horizontal .icon-title,
.site-footer .icon-vertical .icon-title {
  color: #00c1cf; }

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

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

.site-footer .widget.widget_ourteam-widget .team-content h4 {
  color: #00c1cf; }
  .site-footer .widget.widget_ourteam-widget .team-content h4 span {
    color: #198b93; }
.site-footer .widget.widget_ourteam-widget:hover .team-content h4 {
  color: #fff; }

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

.site-footer .widget_quote-widget .pullleft,
.site-footer .widget_quote-widget .pullright,
.site-footer .widget_quote-widget .pullnone {
  font-weight: normal;
  font-style: normal;
  width: 100%;
  margin: 0;
  float: none;
  display: block;
  border: 0;
  padding-left: 60px;
  padding-top: 0; }
  .site-footer .widget_quote-widget .pullleft p,
  .site-footer .widget_quote-widget .pullright p,
  .site-footer .widget_quote-widget .pullnone p {
    margin-bottom: 0; }
  .site-footer .widget_quote-widget .pullleft:before,
  .site-footer .widget_quote-widget .pullright:before,
  .site-footer .widget_quote-widget .pullnone:before {
    position: absolute;
    top: 0px;
    left: 10px; }
.site-footer .widget_quote-widget .pullnone:before {
  color: #fff;
  top: auto;
  font-size: 40px;
  font-size: 4rem;
  left: 20px; }

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

.site-footer .widget.widget_recent-work-widget h3 {
  margin-bottom: 0; }
.site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li {
  padding: 0; }
  .site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev,
  .site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-next {
    top: -50px !important;
    width: 30px;
    height: 30px;
    line-height: 40px !important;
    background-color: #00c1cf; }
    .site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev:hover,
    .site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-next:hover {
      color: #fff;
      background-color: #198b93; }
  .site-footer .widget.widget_recent-work-widget ul.flex-direction-nav li a:before {
    font-size: 12px;
    font-size: 1.2rem; }
.site-footer .recent-work {
  position: relative; }
.site-footer .work {
  position: relative; }
  .site-footer .work .recent_work_overlay {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100px;
    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; }
    .site-footer .work .recent_work_overlay h4 {
      margin-bottom: 0; }
    .site-footer .work .recent_work_overlay .icon-link a {
      background-color: #000;
      padding: 8px;
      display: inline-block; }
  .site-footer .work:hover .recent_work_overlay {
    top: 20px; }

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

.site-footer .widget_social-networks-widget ul {
  text-align: left;
  clear: both; }
  .site-footer .widget_social-networks-widget ul li {
    border: 0;
    padding: 0; }
    .site-footer .widget_social-networks-widget ul li a {
      width: 40px;
      height: 40px; }
      .site-footer .widget_social-networks-widget ul li a i {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      .site-footer .widget_social-networks-widget ul li a:hover i {
        color: #fff; }

.site-footer .widget_testimonial-widget h3 {
  margin-bottom: 0; }
.site-footer .widget_testimonial-widget .testimonial-container {
  padding-bottom: 20px; }
.site-footer .widget_testimonial-widget .testimony p {
  font-size: 15px;
  font-size: 1.5rem;
  padding-top: 60px;
  line-height: 1.5; }
  .site-footer .widget_testimonial-widget .testimony p:before {
    color: #fff;
    font-size: 40px;
    font-size: 4rem; }
.site-footer .widget_testimonial-widget ul li .client {
  color: #00c1cf; }
  .site-footer .widget_testimonial-widget ul li .client strong {
    color: #fff; }

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

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

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

.sidebar .circle-icon-box {
  padding-bottom: 20px; }
  .sidebar .circle-icon-box .icon-wrapper {
    height: 70px;
    line-height: 50px; }
  .sidebar .circle-icon-box .icon-wrapper p.fa-stack i:before {
    font-size: 50px;
    font-size: 5rem; }
  .sidebar .circle-icon-box:hover .icon-wrapper p.fa-stack i:before {
    color: #1e1e1e; }

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

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

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

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

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

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

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

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

.sidebar .widget_quote-widget .pullnone {
  padding: 20px; }
  .sidebar .widget_quote-widget .pullnone p {
    margin-bottom: 0;
    line-height: 1.3; }
.sidebar .widget_quote-widget .pullleft, .sidebar .widget_quote-widget .pullright {
  padding: 20px 10px; }
  .sidebar .widget_quote-widget .pullleft p, .sidebar .widget_quote-widget .pullright p {
    margin-bottom: 0;
    line-height: 1.3; }

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

.sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li {
  padding: 0; }
  .sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev,
  .sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-next {
    top: -40px !important;
    width: 30px;
    height: 30px;
    background-color: #00c1cf; }
    .sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev:hover,
    .sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-next:hover {
      color: #fff;
      background-color: #198b93; }
  .sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a:before {
    font-size: 12px;
    font-size: 1.2rem; }
.sidebar .widget.widget_recent-work-widget ul li:before,
.sidebar .widget.widget_recent-work-widget ol li:before {
  display: none; }
.sidebar .recent-work {
  position: relative; }
.sidebar .work {
  position: relative; }
  .sidebar .work .recent_work_overlay {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100px;
    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; }
    .sidebar .work .recent_work_overlay h4 {
      margin-bottom: 0; }
    .sidebar .work .recent_work_overlay .icon-link a {
      background-color: #000;
      padding: 8px;
      display: inline-block; }
  .sidebar .work:hover .recent_work_overlay {
    top: 20px; }

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

#secondary.sidebar .widget_social-networks-widget ul {
  text-align: left;
  clear: both; }
  #secondary.sidebar .widget_social-networks-widget ul li {
    border: 0;
    padding: 0; }
    #secondary.sidebar .widget_social-networks-widget ul li a {
      width: 40px;
      height: 40px; }
      #secondary.sidebar .widget_social-networks-widget ul li a i {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      #secondary.sidebar .widget_social-networks-widget ul li a:hover i {
        color: #fff; }

#secondary.sidebar .widget_testimonial-widget h3 {
  margin-bottom: 0; }
#secondary.sidebar .widget_testimonial-widget .testimonial-container {
  padding-bottom: 20px;
  width: 100%; }
  #secondary.sidebar .widget_testimonial-widget .testimonial-container ul li {
    padding: 0;
    margin: 0;
    border: 0; }
#secondary.sidebar .widget_testimonial-widget .testimony p {
  font-size: 15px;
  font-size: 1.5rem;
  padding-top: 40px;
  line-height: 1.5; }
  #secondary.sidebar .widget_testimonial-widget .testimony p:before {
    color: #fff;
    font-size: 40px;
    font-size: 4rem; }
#secondary.sidebar .widget_testimonial-widget ul li .client {
  color: #00c1cf; }
  #secondary.sidebar .widget_testimonial-widget ul li .client strong {
    color: #fff; }
#secondary.sidebar .widget_testimonial-widget ul.flex-direction-nav li,
#secondary.sidebar .widget_testimonial-widget ol.flex-control-paging li {
  margin: 0;
  padding: 0;
  border: 0; }
#secondary.sidebar .widget_testimonial-widget ol.flex-control-paging li {
  margin: 0 5px; }

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

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

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

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

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

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

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

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

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

.order-total .amount,
.cart-subtotal .amount {
  color: #000; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
  line-height: normal; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.woocommerce-page .woocommerce-breadcrumb {
  padding: 15px 50%;
  background-color: #00c1cf; }

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

/*--------------------------------------------------------------
13.0 Multicolors
--------------------------------------------------------------*/
/*
@import "site_default";
@import "site_blue";
@import "site_green";
@import "site_purple";
@import "site_red";
@import "site_yellow";
*/
/*--------------------------------------------------------------
14.0 Responsiveness
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  .post-navigation .nav-next,
  .post-navigation .nav-previous {
    width: 49%; }

  .stats-circle .icon-wrapper {
    margin-bottom: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .widget-area .search-form input.search-field {
    width: 90%; }

  .widget-area .widget select {
    width: 82%; } }
@media only screen and (max-width: 768px) {
  .widget-area .search-form input.search-field {
    width: 96%; }

  .widget_archive select,
  .widget_categories select {
    width: 92%; }

  .site-branding {
    text-align: center; }

  .flexslider .flex-caption {
    background-color: #198b93;
    padding-top: 5%;
    padding-bottom: 15%;
    position: static; }
    .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 li {
      width: 90%;
      background-color: transparent; }
    .flexslider .flex-caption a {
      width: 50%;
      left: 0%;
      margin: 0 auto; }
  .flexslider .flex-control-nav {
    bottom: 0; }

  .cta .four {
    text-align: center; }

  .site-footer .footer-bottom p,
  .site-footer .footer-bottom ul.menu {
    text-align: center; }
  .site-footer .footer-bottom ul.menu {
    margin-top: 10px; }

  .features .widget_webulous-image-widget .image-widget {
    position: static; }

  .site-header #header-top {
    text-align: center; }
    .site-header #header-top .cnumber {
      text-align: center; }

  .portfolioeffects .content-details h3 {
    font-size: 18px;
    font-size: 1.8rem; } }
@media only screen and (max-width: 700px) {
  .site-header.sticky,
  .site-header {
    position: static; }

  .site-header.sticky #header-top {
    display: block; }

  .columns.breadcrumb {
    padding-top: 50px; }

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

  .post-navigation .nav-links .nav-next a .meta-nav {
    text-align: right; }

  .flex-recent-posts ul.slides li {
    width: 47%; }

  .flex-recent-posts ul.slides li:nth-child(3n+1) {
    clear: none; }

  .flex-recent-posts ul.slides li:nth-child(2n+1) {
    clear: both; }

  .flexslider img {
    margin: 0; }
  .flexslider .flex-caption {
    position: static; }

  .main-navigation {
    display: none; }

  .slicknav_menu {
    display: block;
    background-color: #1e1e1e; }
    .slicknav_menu li a.slicknav_item a,
    .slicknav_menu li a.slicknav_item a:hover {
      background-color: transparent; }
    .slicknav_menu .slicknav_arrow,
    .slicknav_menu a:visited,
    .slicknav_menu a:hover,
    .slicknav_menu a:focus {
      color: #fff; }
    .slicknav_menu .slicknav_btn,
    .slicknav_menu .slicknav_btn:hover {
      background-color: #00c1cf; }
    .slicknav_menu .slicknav_menutxt {
      text-shadow: 0 0 0; }

  .cnt-form .wpcf7-form input[type="text"],
  .cnt-form .wpcf7-form input[type="email"] {
    width: 100%; }
  .cnt-form .wpcf7-form .wpcf7-form-control-wrap.your-message {
    position: static; }

  .widget_testimonial-widget ul li .testimony-avator {
    float: none;
    position: static;
    margin: 0 auto; }
  .widget_testimonial-widget ul li .client {
    padding: 10px 20px; }

  .columns.breadcrumb #breadcrumb #crumbs {
    position: static; }

  #filters ul.filter-options li a {
    margin-bottom: 5px; }

  .tabs-container .ui-tabs-panel {
    width: 60%; }
  .tabs-container ul.ui-tabs-nav {
    width: 40%; }

  body.error404 .site-content,
  body.archive .site-content,
  body.search.search-results .site-content,
  body.search.search-no-results .site-content,
  .page-template-blog-fullwidth .site-content,
  .page-template-blog-large .site-content,
  .single-format-standard .site-content {
    padding-top: 0px; }

  body.woocommerce.woocommerce-page .content-area {
    padding-top: 0; } }
@media only screen and (max-width: 500px) {
  .callout-widget {
    padding: 20px; }
    .callout-widget p, .callout-widget h4 {
      width: 100%;
      margin-bottom: 20px; }
    .callout-widget .call-btn {
      margin-bottom: 0;
      position: static;
      display: block;
      width: 100%; }
      .callout-widget .call-btn a {
        padding: 10px; }
        .callout-widget .call-btn a:before {
          display: none; }
        .callout-widget .call-btn a:hover {
          background-color: #fff;
          color: #00c1cf; }

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

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

  .tabs-container ul.ui-tabs-nav li {
    display: block;
    margin: 0 14px; }
    .tabs-container ul.ui-tabs-nav li a {
      display: block; }
  .tabs-container ul.ui-tabs-nav li::after {
    left: -20px; }

  .related-posts ul#webulous-related-posts li {
    width: 48%;
    margin-bottom: 20px; }
    .related-posts ul#webulous-related-posts li a {
      display: block; }

  .site-footer .widget_recent-posts-gallery-widget .flex-recent-posts li {
    float: left; }

  .widget.widget_ourteam-widget .team-content h4,
  .widget.widget_ourteam-widget .team-content .team-right {
    float: none;
    width: 100%;
    border: 0;
    margin: 0 0 10px;
    padding: 0; }

  .ui-accordion h3 {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0px;
    border-radius: 0px; }

  .item {
    width: 100% !important;
    float: none !important; }

  .portfolioeffects .content-details h3 {
    font-size: 25px;
    font-size: 2.5rem; }

  .flexslider .flex-direction-nav a {
    width: 30px;
    height: 30px;
    line-height: 40px !important; }
    .flexslider .flex-direction-nav a:before, .flexslider .flex-direction-nav a:after {
      width: 30px; }
  .flexslider .flex-direction-nav a::before {
    font-size: 12px;
    font-size: 1.2rem; }

  .flexslider .flex-control-nav a {
    width: 12px;
    height: 12px; }

  .flexslider .slides li:after {
    display: none; } }
@media only screen and (max-width: 480px) {
  button.menu-toggle {
    display: block;
    margin: 0 auto;
    width: 100%;
    background-color: #00c1cf;
    border: 0;
    padding: 10px;
    -webkit-box-shadow: 0 0 0 transparent ;
    -moz-box-shadow: 0 0 0 transparent ;
    box-shadow: 0 0 0 transparent ;
    text-transform: uppercase; }
    button.menu-toggle:hover, button.menu-toggle:focus, button.menu-toggle:active {
      color: #fff; }
    button.menu-toggle:hover {
      background-color: rgba(0, 0, 0, 0.5); }

  .main-navigation li {
    float: none;
    display: block; }

  .main-navigation ul ul {
    display: block;
    width: 100%; }
    .main-navigation ul ul a {
      width: 100%; }

  .main-navigation ul ul li:hover > ul {
    left: 10%;
    top: 10px;
    width: 90%; }

  ol.comment-list ol.children, ol.comment-list ol.comment-list ul.children {
    margin-left: .5em; }

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

  .flex-recent-posts ul.slides li {
    width: 100%;
    margin: 0 0 10px; }

  .flex-recent-posts ul.slides li:nth-child(3n+1),
  .flex-recent-posts ul.slides li:nth-child(2n+1) {
    clear: none; }

  .site-header .ten.columns {
    display: none; }

  .pullright,
  .pullleft {
    width: 100%; }

  .tabs-container ul.ui-tabs-nav li {
    display: block;
    margin: 0;
    float: none; }
    .tabs-container ul.ui-tabs-nav li a {
      display: block;
      padding: 10px 10px 10px 0; }
  .tabs-container ul.ui-tabs-nav li::after {
    display: none; }
  .tabs-container ul.ui-tabs-nav li.ui-tabs-active a::after {
    bottom: 45%; } }

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

div.wp_user_stylesheet_switcher img.signupImage
{
    margin-left:150px;
}

div.logo img.RetqName
{
    float:right;
    margin-right:-20px;
    margin-top:20px;
}