/* Sass header arrangement  */
/*--------------------------------------------------------------
>>> 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 Responsiveness

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

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

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

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

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

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

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

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

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

a:focus {
  outline: thin dotted; }

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

a img {
  border: 0; }

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

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

.row {
  margin-bottom: 2%; }

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

@media only screen and (max-width: 767px) {
  .container {
    width: 93%; }
    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .one-fourth.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 .one-fourth.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-wide-grey:after,
.panel-row-style-wide-dark-grey:before,
.panel-row-style-wide-dark-grey: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 {
  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) */
.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

/*--------------------------------------------------------------
3.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #8f8f8f;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7; }

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

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: #f3f2f2;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  border-left: 6px solid #dfdfdf;
  border-radius: 5px; }

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 #131e32;
  cursor: help; }

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

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

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

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

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

ul {
  list-style: disc; }
  ul li {
    padding: 5px 5px; }
    ul li ul {
      margin-top: 5px; }
      ul li ul li {
        padding: 5px 5px; }

ol {
  list-style: decimal; }
  ol li {
    padding: 5px 5px; }
    ol li ol {
      margin-top: 5px; }
      ol li ol li {
        padding: 5px 5px; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em;
  margin-top: 10px; }

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

figure {
  margin: 0; }

table {
  color: #131e32;
  margin: 0 0 1.5em;
  width: 100%; }
  table th {
    font-family: "Montserrat", sans-serif; }
    table th a {
      font-weight: 700;
      display: block;
      text-align: center; }
  table td, table th {
    padding: 15px 20px; }
  table thead tr th {
    font-weight: 700;
    color: #131e32; }
    table thead tr th:first-child {
      display: block;
      text-align: center; }
  table thead tr {
    background-color: #dfdfdf; }
  table tbody tr:nth-child(even) th {
    background-color: #bababa; }
  table tbody tr:nth-child(odd) th {
    background-color: #dfdfdf; }
  table tbody tr:nth-child(odd) td {
    background-color: #bababa; }

button,
input,
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 */ }

select {
  background: #fff url("../../themes/structuralpro/images/down.png") no-repeat 95% 50%;
  border: 1px solid #dddddd;
  padding: 5px 10% 5px 3%;
  -moz-appearance: none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  background: #ffb500;
  text-transform: uppercase;
  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: 10px 30px;
  color: #131e32;
  font-weight: 700;
  transition: all 0.5s ease; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #131e32;
  background-color: #131e32;
  position: relative;
  color: #fff; }

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: #131e32;
  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 {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd; }

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 6px 15px;
  width: 100%; }

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

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

ul {
  list-style: disc; }
  ul li {
    padding: 5px 5px; }
    ul li ul {
      margin-top: 5px; }
      ul li ul li {
        padding: 5px 5px; }

ol {
  list-style: decimal; }
  ol li {
    padding: 5px 5px; }
    ol li ol {
      margin-top: 5px; }
      ol li ol li {
        padding: 5px 5px; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em;
  margin-top: 10px; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #ffb500;
  text-decoration: none;
  transition: all 0.5s ease; }
  a:visited {
    color: #ffb500; }
  a:hover, a:focus, a:active {
    color: #131e32;
    outline: none;
    outline-offset: 0; }

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

.main-navigation {
  display: block;
  position: relative;
  float: right;
  font-weight: 700; }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin-top: 0px; }
    .main-navigation ul li {
      padding: 0px; }
    .main-navigation ul ul.sub-menu, .main-navigation ul ul.children {
      box-shadow: none;
      float: left;
      text-align: left;
      position: absolute;
      top: auto;
      left: -999em;
      z-index: 99999;
      margin-top: 5px; }
      .main-navigation ul ul.sub-menu ul, .main-navigation ul ul.children ul {
        left: -999em;
        top: 0;
        margin-top: 5px; }
      .main-navigation ul ul.sub-menu li, .main-navigation ul ul.children li {
        margin: 0;
        height: auto;
        float: left;
        color: #fff;
        position: relative; }
        .main-navigation ul ul.sub-menu li:last-child a, .main-navigation ul ul.children li:last-child a {
          border: 0; }
        .main-navigation ul ul.sub-menu li:hover > ul, .main-navigation ul ul.children li:hover > ul {
          right: 100%; }
      .main-navigation ul ul.sub-menu a, .main-navigation ul ul.children a {
        min-width: 230px;
        color: #131e32;
        height: auto;
        font-weight: normal;
        position: relative;
        font-family: "Open Sans", sans-serif;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 12px 7px 10px 20px;
        text-transform: none;
        background: #ffb500; }
    .main-navigation ul li:hover > ul {
      left: auto; }
  .main-navigation li.menu-item-has-children a, .main-navigation li.page_item_has_children a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 80px 20px 0px;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    position: relative; }
    .main-navigation li.menu-item-has-children a:after, .main-navigation li.page_item_has_children a:after {
      position: absolute;
      content: '\f0d7';
      font-family: "FontAwesome";
      padding-left: 8px; }
  .main-navigation li {
    float: left;
    position: relative; }
    .main-navigation li:hover ul {
      margin-top: 0px;
      border: 5px solid transparent; }
  .main-navigation a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 50px 20px 0px;
    position: relative;
    font-weight: 700;
    font-size: 16px; }
  .main-navigation .children .current_page_item > a,
  .main-navigation .children .current-menu-item > a,
  .main-navigation .children .current_page_ancestor > a {
    color: #fff;
    background-image: none; }
  .main-navigation li li a {
    margin-right: 0; }
    .main-navigation li li a:after {
      display: none; }
  .main-navigation a:hover,
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current-menu-parent > a,
  .main-navigation .current_page_ancestor > a,
  .main-navigation .current_page_parent > a {
    color: #ffb500; }

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

@media screen and (max-width: 600px) {
  .menu-toggle,
  .main-navigation.toggled ul.menu.nav-menu,
  .slicknav_menu {
    display: block; }
    .menu-toggle ul li:hover ul,
    .main-navigation.toggled ul.menu.nav-menu ul li:hover ul,
    .slicknav_menu ul li:hover ul {
      left: auto; }
    .menu-toggle ul li a:hover,
    .main-navigation.toggled ul.menu.nav-menu ul li a:hover,
    .slicknav_menu ul li a:hover {
      background-color: #ffb500;
      color: #fff; }
  .slicknav_nav .slicknav_row:hover {
    background: #ffb500; }
    .slicknav_nav .slicknav_row:hover a {
      color: #fff; }
  .slicknav_btn:hover {
    background-color: #ffb500;
    color: #fff; }
  .main-navigation ul.menu.nav-menu,
  .main-navigation ul,
  #site-navigation {
    display: none; }
  .site-header.sticky-header {
    display: none; } }

.comment-navigation,
.paging-navigation,
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

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

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

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

.post-navigation {
  padding-bottom: 25px;
  border-bottom: 1px solid #dddddd; }
  .post-navigation span {
    display: none; }
  .post-navigation .meta-previuous-post, .post-navigation .meta-next-post {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #131e32;
    position: relative;
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 12px; }
    .post-navigation .meta-previuous-post:before, .post-navigation .meta-next-post:before {
      position: absolute;
      content: "\f053";
      font-family: "FontAwesome";
      font-size: 10px;
      font-size: 1rem;
      left: 0;
      top: 3px;
      font-weight: 400; }
  .post-navigation .meta-next-post {
    padding-right: 12px; }
    .post-navigation .meta-next-post:before {
      left: auto;
      content: "\f054";
      right: 0; }
  .post-navigation a {
    color: #ffb500 !important;
    font-weight: 700;
    border: none !important;
    padding-top: 5px !important;
    font-family: "Open Sans", sans-serif !important; }
    .post-navigation a:hover {
      color: #131e32 !important;
      background-color: transparent !important; }
  .post-navigation .nav-previous a {
    padding-left: 0 !important; }
  .post-navigation .nav-next a {
    padding-right: 0 !important; }
  .post-navigation .nav-previous:hover a, .post-navigation .nav-next:hover a {
    background-color: transparent !important; }
  .post-navigation .nav-previous {
    border-right: 1px solid #dddddd;
    text-align: left; }

.navigation a,
.comment-navigation a {
  color: #8f8f8f;
  border: 1px solid #8f8f8f;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block; }
  .navigation a:hover,
  .comment-navigation a:hover {
    background-color: #fff;
    border-color: #8f8f8f;
    color: #8f8f8f; }

.comment-navigation {
  position: relative; }
  .comment-navigation .nav-previous a {
    padding-left: 50px;
    position: relative;
    font-weight: 700; }
  .comment-navigation .nav-previous:hover a {
    background: #8f8f8f;
    color: #fff; }
    .comment-navigation .nav-previous:hover a .meta-nav {
      color: #fff; }
  .comment-navigation .nav-next a {
    padding-right: 50px;
    position: relative;
    font-weight: 700; }
  .comment-navigation .nav-next:hover a {
    background: #8f8f8f;
    color: #fff; }
    .comment-navigation .nav-next:hover a .meta-nav {
      color: #fff; }

.nav-links,
.more-link, .comment-navigation {
  position: relative; }
  .nav-links a,
  .more-link a, .comment-navigation a {
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat", sans-serif; }
  .nav-links .meta-nav,
  .more-link .meta-nav, .comment-navigation .meta-nav {
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: inline-block;
    color: #131e32;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border-radius: 25px;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    position: absolute;
    line-height: 18px;
    top: 30%;
    font-weight: 700; }
  .nav-links .nav-previous a,
  .more-link .nav-previous a, .comment-navigation .nav-previous a {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    display: inline-block; }
  .nav-links .nav-previous .meta-nav,
  .more-link .nav-previous .meta-nav, .comment-navigation .nav-previous .meta-nav {
    left: 20px; }
  .nav-links .nav-previous:hover a,
  .more-link .nav-previous:hover a, .comment-navigation .nav-previous:hover a {
    background: #ffb500;
    color: #fff; }
    .nav-links .nav-previous:hover a .meta-nav,
    .more-link .nav-previous:hover a .meta-nav, .comment-navigation .nav-previous:hover a .meta-nav {
      color: #ffb500;
      background: #fff; }
  .nav-links .nav-next a,
  .more-link .nav-next a, .comment-navigation .nav-next a {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    display: inline-block; }
  .nav-links .nav-next .meta-nav,
  .more-link .nav-next .meta-nav, .comment-navigation .nav-next .meta-nav {
    right: 20px; }
  .nav-links .nav-next:hover a,
  .more-link .nav-next:hover a, .comment-navigation .nav-next:hover a {
    background: #ffb500;
    color: #fff; }
    .nav-links .nav-next:hover a .meta-nav,
    .more-link .nav-next:hover a .meta-nav, .comment-navigation .nav-next:hover a .meta-nav {
      color: #ffb500;
      background: #fff; }

a.more-link {
  padding: 5px 10px;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffb500; }
  a.more-link:hover {
    background-color: #131e32;
    color: #fff; }
  a.more-link .fa {
    margin-right: 7px; }

.nav-links a:hover .meta-nav {
  background-color: transparent;
  color: #8f8f8f; }

.page-navigation {
  margin-top: 60px;
  text-align: center; }

.menu.nav-menu::after, .menu.nav-menu::before {
  clear: both;
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

.navigation.pagination {
  margin: 0;
  list-style-type: none;
  position: relative;
  text-align: center;
  margin: 50px 0px; }
  .navigation.pagination .page-numbers {
    display: inline-block;
    margin-right: 10px;
    padding: 7px 10px 5px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    color: #8f8f8f; }
  .navigation.pagination a {
    border: none; }
  .navigation.pagination .page-numbers.current {
    color: #8f8f8f;
    border: 2px solid #8f8f8f;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 3px; }
  .navigation.pagination .prev.page-numbers, .navigation.pagination .next.page-numbers {
    border: none; }

/*--------------------------------------------------------------
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%;
  margin: 10px 0; }

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

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

.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 {
  position: static;
  z-index: 100;
  width: 100%; }

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

.branding .site-branding {
  text-align: left;
  position: relative;
  padding: 10px 0px;
  margin: 15px 0px; }
  .branding .site-branding .site-description {
    font-size: 14px;
    font-size: 1.4rem;
    color: #8f8f8f;
    font-family: "Open Sans", sans-serif;
    padding: 10px 0px 0px;
    position: relative;
    margin-bottom: 0;
    margin-top: -12px; }
  .branding .site-branding .site-title {
    margin-bottom: 0;
    font-size: 30px;
    font-size: 3rem; }
    .branding .site-branding .site-title a {
      display: block;
      color: #131e32; }
    .branding .site-branding .site-title a:hover {
      color: #ffb500; }

.has-header-video {
  padding: 0px; }
  .has-header-video .branding {
    bottom: -50px;
    display: block;
    left: 0;
    height: auto;
    padding-top: 0;
    position: absolute;
    width: 100%; }
    .has-header-video .branding .site-title a {
      color: white; }
    .has-header-video .branding .header-right .seven.columns, .has-header-video .branding .header-right .nine.columns {
      color: white; }
      .has-header-video .branding .header-right .seven.columns i, .has-header-video .branding .header-right .seven.columns span, .has-header-video .branding .header-right .nine.columns i, .has-header-video .branding .header-right .nine.columns span {
        color: white; }

.home.has-header-video .header-image {
  background-image: none; }

.sticky-header {
  position: fixed;
  top: -2px;
  left: 0;
  width: 100%;
  z-index: 1000; }
  .sticky-header .site-title {
    font-size: 35px;
    font-size: 3.5rem; }
  .sticky-header .site-branding {
    margin-top: 5px; }
  .sticky-header .main-navigation ul ul a {
    padding: 12px 20px; }
  .sticky-header .top-nav {
    display: none; }

.admin-bar .sticky-header {
  top: 30px; }

.no-sidebar {
  float: none;
  margin: 0 auto;
  display: block; }

/* Custom Header Image */
.header-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  position: relative; }

.overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent; }

/* STICKY HEADER */
.sticky-header #nav-wrap {
  position: fixed;
  top: -2px;
  left: 0;
  width: 100%;
  z-index: 1000; }

.boxed-container .sticky-header #nav-wrap {
  width: auto;
  left: auto; }

.admin-bar .sticky-header #nav-wrap {
  top: 30px; }

.top-nav {
  background: #ffb500;
  margin-bottom: 0px;
  line-height: 40px;
  font-size: 13px; }
  .top-nav .ten, .top-nav .six {
    color: #131e32; }
  .top-nav aside {
    margin-bottom: 10px;
    display: inline-block; }
  .top-nav .textwidget {
    padding: 0; }
  .top-nav .widget_text {
    margin: 0px; }
  .top-nav a {
    color: #131e32;
    font-size: 13px; }
  .top-nav i, .top-nav .fa {
    padding-right: 7px; }
  .top-nav .cart-left {
    font-size: 15px; }
    .top-nav .cart-left a {
      color: #131e32;
      font-size: 15px; }
      .top-nav .cart-left a i, .top-nav .cart-left a .fa {
        padding-right: 7px; }
  .top-nav .cart-right {
    text-align: right;
    font-size: 15px; }
    .top-nav .cart-right a {
      color: #131e32;
      font-size: 15px; }
    .top-nav .cart-right ul li {
      margin-right: 5px; }
      .top-nav .cart-right ul li a {
        padding: 0px 5px; }
        .top-nav .cart-right ul li a i {
          font-size: 14px; }
  .top-nav ul {
    margin: 0; }
    .top-nav ul li {
      list-style: none;
      padding: 0px;
      display: inline-block;
      border-bottom: none !important;
      margin-right: 30px; }
      .top-nav ul li a {
        color: #131e32;
        display: inline;
        font-size: 13px;
        padding: 0px 10px; }
      .top-nav ul li i {
        font-size: 15px;
        font-size: 1.5rem;
        padding-right: 5px;
        display: inline-block; }

/*Header Right*/
.header-right {
  padding: 25px 0px; }
  .header-right .seven.columns, .header-right .nine.columns {
    display: inline-block;
    color: #131e32;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4; }
    .header-right .seven.columns i, .header-right .nine.columns i {
      font-size: 48px;
      float: left;
      color: #8f8f8f;
      margin-right: 10px; }
    .header-right .seven.columns span, .header-right .nine.columns span {
      color: #8f8f8f;
      font-weight: normal;
      font-size: 14px;
      display: block; }

/*--------------------------------------------------------------
9.0 Primary
--------------------------------------------------------------*/
.site-content {
  padding-top: 50px;
  margin-bottom: 100px; }

.site-main {
  margin: 1.5em 0; }
  .site-main article.post {
    padding: 20px 0; }
    .site-main article.post:nth-child(1) {
      padding-top: 0; }
  .site-main .blog-box .entry-content {
    margin-top: 20px !important; }

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

.single .navigation.post-navigation {
  padding-top: 25px;
  border-top: 1px solid #dddddd; }

.share-box .widget-title {
  margin-bottom: 50px;
  color: #131e32; }

.share-box ul {
  margin: 0; }
  .share-box ul li {
    border: 0;
    padding: 0;
    margin: 0 8px 0px 0px;
    display: inline-block; }
    .share-box ul li a {
      width: 30px;
      height: 30px;
      display: inline-block;
      background-color: #131e32;
      text-align: center;
      line-height: 30px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      color: #fff; }
      .share-box ul li a:hover {
        color: #fff;
        background-color: #ffb500; }
      .share-box ul li a i {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2; }

.share-box {
  margin-bottom: 50px; }
  .share-box h4 {
    margin-bottom: 15px; }

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

.comment-navigation {
  clear: both; }

.comment-content p {
  font-size: 14px;
  font-size: 1.4rem; }

.bypostauthor {
  display: block; }

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

ol.comment-list {
  margin: 0;
  list-style-type: none;
  margin-bottom: 30px;
  background: #f3f2f2; }

ol.comment-list ol.children {
  list-style-type: none;
  margin-left: 10%; }

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

.comment-body {
  position: relative; }

ol.comment-list .reply {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  position: absolute;
  left: -111px;
  top: 110px;
  padding: 1px 25px; }
  ol.comment-list .reply a {
    color: #ffb500; }
  ol.comment-list .reply:hover a {
    color: #131e32; }

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

.comment-author {
  display: inline;
  text-transform: uppercase;
  color: #8f8f8f; }
  .comment-author img {
    position: absolute;
    left: 0; }
  .comment-author .fn {
    font-style: normal; }
    .comment-author .fn a {
      color: #ffb500; }
      .comment-author .fn a:hover {
        color: #131e32; }

ol.comment-list article {
  margin-top: 30px;
  margin-bottom: 30px;
  width: calc(100% - 140px);
  float: right;
  position: relative;
  z-index: 1;
  min-height: 120px;
  padding-right: 30px; }
  ol.comment-list article .fn {
    font-family: "Montserrat", sans-serif;
    cursor: pointer;
    color: #131e32;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500; }
  ol.comment-list article p {
    color: #8f8f8f; }
  ol.comment-list article blockquote p, ol.comment-list article q p {
    color: #fff; }

ol.comment-list article .comment-author img {
  top: -5px;
  left: -120px;
  width: 100px;
  height: 100px; }

ol.comment-list li.byuser .comment-metadata a:hover {
  color: #fff; }

.comment-meta .edit-link {
  position: absolute;
  right: 0;
  top: -4px; }
  .comment-meta .edit-link a {
    color: #ffb500;
    padding: 5px 12px; }
    .comment-meta .edit-link a:hover {
      background-color: #ffb500;
      color: #fff !important; }

.comment-metadata {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 10px;
  display: inline-block;
  padding-left: 20px; }
  .comment-metadata a {
    color: #131e32; }
    .comment-metadata a:hover {
      color: #ffb500; }

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

ol.comment-list li {
  clear: both; }
  ol.comment-list li ol {
    clear: both; }
    ol.comment-list li ol li {
      clear: both; }

.comment-form input[type="text"], .comment-form input[type="email"] {
  float: left;
  width: 32.5%;
  margin-top: 20px;
  padding: 8px 5px;
  margin-bottom: 20px;
  background: #f7f7f7;
  font-size: 13px;
  text-transform: uppercase; }

.comment-form textarea {
  background: #f3f2f2; }

.comment-form input[type="email"] {
  margin-right: 8px !important;
  margin-left: 8px !important; }

.comment-form .form-submit {
  float: right;
  margin-top: 15px; }
  .comment-form .form-submit input {
    border-radius: 2px;
    font-size: 1.6rem;
    text-transform: capitalize; }

.comment-respond h3 {
  position: relative;
  font-size: 1.6rem; }

.hentry.sticky {
  color: #fff;
  padding: 25px !important;
  padding-bottom: 50px !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 5px;
  position: relative;
  margin-bottom: 70px !important;
  border: 1px solid #ffb500;
  border-bottom: 1px solid #ffb500 !important;
  background: #ffb500; }
  .hentry.sticky:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -40px;
    height: 3px;
    width: 100%;
    border-bottom: 1px solid #dddddd; }
  .hentry.sticky .entry-date {
    border: 2px solid #fff; }
  .hentry.sticky .entry-date .date-structure, .hentry.sticky .entry-date .date-structure h2 {
    color: #fff; }
  .hentry.sticky h1.entry-title a {
    color: #fff; }
    .hentry.sticky h1.entry-title a:hover {
      color: #131e32; }
  .hentry.sticky .entry-content ul li {
    list-style: square; }
  .hentry.sticky a {
    color: #fff; }
    .hentry.sticky a:hover {
      color: #8f8f8f; }
  .hentry.sticky code {
    color: #000; }
  .hentry.sticky .entry-footer span {
    background-color: #ffb500;
    color: #fff; }
    .hentry.sticky .entry-footer span i, .hentry.sticky .entry-footer span a {
      color: #fff; }
  .hentry.sticky .entry-footer,
  .hentry.sticky .entry-meta {
    margin-bottom: 0;
    border: 0; }
    .hentry.sticky .entry-footer a,
    .hentry.sticky .entry-meta a {
      color: #fff !important; }
      .hentry.sticky .entry-footer a:hover,
      .hentry.sticky .entry-meta a:hover {
        color: #131e32; }

.hentry.post {
  margin: 0 0 1em;
  border-bottom: 1px solid #dddddd; }

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

article .post-thumb {
  margin-bottom: 20px; }

article .entry-content h1.entry-title {
  font-size: 3.6rem;
  line-height: 1.25;
  margin-bottom: 10px; }
  article .entry-content h1.entry-title a {
    color: #131e32; }
    article .entry-content h1.entry-title a:hover {
      color: #ffb500; }

article .entry-content .entry-meta span {
  padding-right: 30px; }
  article .entry-content .entry-meta span span {
    padding-right: 0px; }
  article .entry-content .entry-meta span a {
    color: #8f8f8f;
    font-size: 14px; }
    article .entry-content .entry-meta span a:hover {
      color: #ffb500; }
  article .entry-content .entry-meta span i {
    font-size: 14px;
    margin-right: 8px; }
  article .entry-content .entry-meta span:last-child:after {
    display: none; }

article .entry-content .entry-meta .author a {
  padding-left: 0px; }

article .entry-content .portfolio-readmore a.more-link {
  background: #ffb500;
  padding: 8px 30px;
  display: inline-block;
  margin-top: 0px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500; }
  article .entry-content .portfolio-readmore a.more-link:hover {
    background: #131e32;
    color: #fff; }

article .entry-content .entry-footer {
  display: none; }

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

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

blockquote, q {
  position: relative;
  margin: 0;
  color: #131e32;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 30px;
  font-size: 20px;
  font-size: 2rem;
  padding: 1% 10px 1% 55px;
  border-radius: 3px; }
  blockquote:before, q:before {
    position: absolute;
    content: "\f10e";
    font-size: 22px;
    font-size: 2.2rem;
    font-family: 'FontAwesome';
    left: 2px;
    top: 20px;
    color: #8f8f8f;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ffb500;
    border-radius: 25px; }
  blockquote p, q p {
    margin-bottom: 0;
    font-size: 20px;
    font-size: 2rem;
    padding: 20px;
    color: #131e32;
    position: relative; }
    blockquote p cite, q p cite {
      font-style: normal;
      color: #131e32; }
    blockquote p a, blockquote p a:visited, q p a, q p a:visited {
      color: #fff;
      font-size: 14px;
      font-size: 1.4rem; }
    blockquote p a:hover, q p a:hover {
      color: #8f8f8f; }

p cite {
  font-style: normal;
  color: #131e32; }

.related-posts {
  padding: 20px 0; }
  .related-posts ul#structural-related-posts {
    list-style-type: none;
    margin: 0; }
    .related-posts ul#structural-related-posts li {
      width: 23%;
      float: left;
      margin: 1%;
      line-height: normal; }
      .related-posts ul#structural-related-posts li a {
        line-height: normal; }
      .related-posts ul#structural-related-posts li:nth-child(4n+1) {
        clear: both; }

/* Single post Author Box */
.author-bio {
  clear: both;
  margin-bottom: 10px; }
  .author-bio .avatar {
    float: left; }
  .author-bio .description {
    display: inline-block;
    margin-left: 30px;
    text-align: left; }

.single-post #primary .latest-content {
  margin-bottom: 20px; }

.single-post #primary .entry-footer {
  font-size: 14px;
  margin-bottom: 20px;
  text-transform: uppercase; }
  .single-post #primary .entry-footer a {
    color: #8f8f8f; }
  .single-post #primary .entry-footer .tag-title {
    color: #ffb500; }

/* Search Page */
.search article .entry-meta {
  text-transform: uppercase; }
  .search article .entry-meta span {
    position: relative; }
    .search article .entry-meta span:after {
      position: absolute;
      content: "-";
      font-size: 17px;
      top: auto;
      left: auto; }
    .search article .entry-meta span a {
      color: #131e32;
      font-size: 14px;
      padding: 0px 10px 0px 20px; }
      .search article .entry-meta span a:hover {
        color: #ffb500; }
    .search article .entry-meta span:last-child:after {
      display: none; }
  .search article .entry-meta .author a {
    padding-left: 0px; }

.search article .entry-date {
  border: 2px solid #ffb500;
  float: left;
  text-align: center;
  width: 15%; }
  .search article .entry-date .date-structure {
    display: inline-block;
    padding: 5px 0px;
    color: #ffb500;
    line-height: 1; }
    .search article .entry-date .date-structure h2 {
      font-size: 54px;
      color: #ffb500;
      margin-bottom: 0px; }
    .search article .entry-date .date-structure span {
      display: block;
      font-size: 16px;
      font-weight: bold; }

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

.single_page_flexslider_feature_image {
  width: 100%; }

/* Gutenberg CSS style */
.wp-block-latest-posts.aligncenter {
  margin-left: 3em; }

.wp-block-verse {
  color: #8f8f8f; }

.wp-block-quote {
  border-left: 4px solid black;
  padding-left: 5px;
  margin-top: 0px;
  padding-top: 0px; }
  .wp-block-quote:before {
    content: "";
    border: 0px; }
  .wp-block-quote cite {
    margin: 0px;
    padding-left: 20px; }

#primary blockquote, #primary q {
  border-left: 4px solid black;
  padding-left: 5px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 20px; }
  #primary blockquote:before, #primary q:before {
    content: "";
    border: 0px;
    border-radius: 0; }

.wp-block-quote.is-large {
  border: 0px;
  color: #131e32; }
  .wp-block-quote.is-large cite {
    text-align: right;
    display: block;
    color: #333;
    font-style: italic;
    padding-right: 20px; }

.wp-block-pullquote {
  border-top: 4px solid black;
  border-bottom: 4px solid black;
  padding: 0px;
  padding-bottom: 10px;
  margin: 0 auto;
  border-left: none !important;
  margin-bottom: 20px; }

.wp-block-pullquote.alignleft {
  margin-right: 25px; }

.wp-block-pullquote.alignright {
  margin-left: 25px; }

.wp-block-button a:hover {
  padding: 11px 24px;
  box-shadow: 3px 3px black;
  -webkit-box-shadow: 3px 3px black; }

.wp-block-cover-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.wp-block-audio {
  text-align: center; }

.wp-block-button.aligncenter {
  margin-bottom: 1.5em; }

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

.home .site-header {
  border-bottom: none; }

.home.blog .site-content {
  padding-top: 100px;
  margin-bottom: 100px; }

.blog article.post:not(:nth-child(1)) {
  padding: 40px 0px 40px; }
  .blog article.post:not(:nth-child(1)) .post-thumb {
    padding-top: 10px; }

.blog article.post:nth-child(1) {
  padding-top: 0; }
  .blog article.post:nth-child(1) .entry-content {
    margin-top: 0; }

/* Service Section */
.section-head {
  margin-top: 70px; }
  .section-head h1 {
    text-align: center;
    line-height: normal;
    margin-bottom: 0px; }
  .section-head p {
    font-size: 18px;
    text-align: center; }

.services-wrapper {
  text-align: center;
  margin-top: 70px; }
  .services-wrapper .one-third.service {
    padding: 0 10px; }
    .services-wrapper .one-third.service:nth-type(2) {
      padding: 0 15px; }
  .services-wrapper .icon-wrapper {
    margin-bottom: 20px; }
    .services-wrapper .icon-wrapper i {
      font-size: 36px;
      border-radius: 100px;
      width: 75px;
      height: 75px;
      line-height: 75px;
      color: #fff; }
  .services-wrapper .service-content h4 a {
    color: #131e32; }
  .services-wrapper .service-content p a {
    font-size: 16px;
    background: #bababa;
    color: #fff;
    padding: 8px 15px; }
  .services-wrapper .service-content:hover p a {
    background: #ffb500;
    color: #fff; }
  .services-wrapper .service-content:hover h4 a {
    color: #ffb500; }

/*  Image content */
.content-section-wrapper {
  background: url(../../themes/structuralpro/images/bg.png);
  padding: 70px 0px;
  margin-top: 100px; }
  .content-section-wrapper .site-main {
    margin: 0px; }
  .content-section-wrapper .four.columns .service-image-section, .content-section-wrapper .four.columns .service-image {
    margin-top: 10px; }
    .content-section-wrapper .four.columns .service-image-section a, .content-section-wrapper .four.columns .service-image a {
      display: block; }
  .content-section-wrapper .service-content {
    margin-left: 25px; }
    .content-section-wrapper .service-content h3 {
      font-size: 38px;
      line-height: 1.3;
      margin-bottom: 20px; }
      .content-section-wrapper .service-content h3 a {
        color: #fff; }
    .content-section-wrapper .service-content p {
      color: #fff; }
    .content-section-wrapper .service-content ul {
      margin: 0px;
      color: #fff; }
      .content-section-wrapper .service-content ul li {
        list-style: none; }
      .content-section-wrapper .service-content ul i {
        margin-right: 10px;
        color: #ffb500; }

/* Recent Post section */
.post-wrapper {
  padding: 0px 0px 70px; }
  .post-wrapper .latest-posts .one-third:nth-child(3n+1) {
    clear: both; }
  .post-wrapper .latest-posts .latest-post {
    transition: all 0.5s ease;
    overflow: hidden;
    position: relative;
    margin-bottom: 2.5em;
    background: #fff;
    text-align: left;
    margin: 0px 10px 2.5em 10px; }
  .post-wrapper .latest-posts .latest-post-thumb img {
    display: block; }
  .post-wrapper .latest-posts .latest-post-details {
    padding: 20px 25px 0px 25px;
    border: 1px solid #dddddd;
    border-top: 0px; }
    .post-wrapper .latest-posts .latest-post-details h4 {
      margin-bottom: 0;
      font-weight: 600; }
      .post-wrapper .latest-posts .latest-post-details h4 a {
        color: #131e32; }
        .post-wrapper .latest-posts .latest-post-details h4 a:hover {
          color: #ffb500; }
    .post-wrapper .latest-posts .latest-post-details .entry-meta {
      border: none;
      padding: 0;
      margin-bottom: 15px;
      position: absolute;
      bottom: 18px; }
      .post-wrapper .latest-posts .latest-post-details .entry-meta .data-structure span {
        display: inline-block;
        text-align: left;
        color: #8f8f8f;
        text-transform: uppercase;
        font-weight: 700; }
        .post-wrapper .latest-posts .latest-post-details .entry-meta .data-structure span:hover {
          color: #131e32; }
    .post-wrapper .latest-posts .latest-post-details .latest-post-content {
      margin: 10px 0 30px;
      text-align: justify; }
    .post-wrapper .latest-posts .latest-post-details .btn-readmore {
      display: inline-block;
      padding: 20px 0px 0px 20px;
      color: #ffb500; }
      .post-wrapper .latest-posts .latest-post-details .btn-readmore:hover {
        color: #131e32; }

/* common to service and post wrapper section */
.services-wrapper a.more-link, .post-wrapper a.more-link {
  margin-top: 0;
  background-color: transparent;
  color: #ffb500;
  padding-left: 0; }
  .services-wrapper a.more-link:hover, .post-wrapper a.more-link:hover {
    background-color: transparent;
    color: #131e32; }

.services-wrapper .portfolio-readmore {
  margin-top: -20px; }

/* other pages like 404 */
.error-404.not-found {
  text-align: center; }
  .error-404.not-found h1.page-title {
    text-align: center;
    margin-bottom: 30px; }
    .error-404.not-found h1.page-title span {
      color: #8f8f8f;
      display: block; }

.no-results input[type="search"], .not-found input[type="search"] {
  float: left;
  width: 75%; }

.no-results input[type="submit"], .not-found input[type="submit"] {
  float: left;
  width: 20%;
  position: relative;
  right: -4px;
  top: -5px; }

.flexslider {
  border: 0 !important;
  margin-bottom: 0;
  box-shadow: inset 0 0 0 transparent !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 0px !important;
  background: transparent !important; }
  .flexslider .slides > li {
    position: relative; }
  .flexslider .flex-direction-nav li {
    border: 0 !important;
    padding: 0; }
  .flexslider .flex-direction-nav a {
    margin: 0;
    text-align: center;
    top: 45%;
    opacity: 1;
    overflow: visible;
    width: 45px;
    height: 45px;
    font-size: 0px;
    font-size: 0rem;
    line-height: 45px;
    background: #fff; }
    .flexslider .flex-direction-nav a:before {
      font-size: 25px;
      font-size: 2.5rem;
      font-weight: 700;
      color: #131e32;
      font-family: "FontAwesome"; }
    .flexslider .flex-direction-nav a:hover {
      background-color: #131e32; }
      .flexslider .flex-direction-nav a:hover:before {
        color: #fff; }
  .flexslider .flex-direction-nav a.flex-prev {
    left: 0px; }
    .flexslider .flex-direction-nav a.flex-prev:before {
      content: "\f104"; }
    .flexslider .flex-direction-nav a.flex-prev:after {
      left: 5px; }
  .flexslider .flex-direction-nav a.flex-next {
    text-align: center;
    right: 0px; }
    .flexslider .flex-direction-nav a.flex-next:before {
      content: "\f105"; }
    .flexslider .flex-direction-nav a.flex-next:after {
      right: 5px; }
  .flexslider .flex-control-nav {
    text-align: right;
    bottom: 0; }
    .flexslider .flex-control-nav li {
      display: block;
      float: left;
      margin: 0; }
  .flexslider ol.flex-control-paging {
    text-align: center;
    bottom: 15px;
    z-index: 10; }
    .flexslider ol.flex-control-paging li {
      float: none;
      display: inline;
      padding: 0px; }
      .flexslider ol.flex-control-paging li a {
        display: inline-block;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        border-radius: 25px !important;
        background-color: #fff;
        border: 1px solid #fff !important;
        text-indent: -9999em !important;
        margin: 0 3px;
        box-shadow: none; }
      .flexslider ol.flex-control-paging li a.flex-active, .flexslider ol.flex-control-paging li a:hover {
        border: 1px solid #fff !important;
        border-radius: 25px;
        background-color: transparent; }
  .flexslider:hover .flex-direction-nav a.flex-prev {
    left: 0px;
    opacity: 1; }
  .flexslider:hover .flex-direction-nav a.flex-next {
    right: 0px;
    opacity: 1; }

.flexslider .flex-caption {
  position: absolute;
  top: 20%;
  left: 10%;
  color: #fff;
  width: 50%;
  padding: 30px 50px 20px 40px;
  text-align: left;
  margin: 0 auto;
  background: rgba(19, 30, 50, 0.75); }
  .flexslider .flex-caption h1, .flexslider .flex-caption h2, .flexslider .flex-caption h4, .flexslider .flex-caption h5, .flexslider .flex-caption h6 {
    color: #fff;
    position: relative;
    line-height: normal; }
  .flexslider .flex-caption p {
    font-size: 16px;
    font-size: 1.6rem; }
  .flexslider .flex-caption p a {
    color: #131e32;
    padding: 10px 25px 10px 25px;
    font-weight: 700;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    background: #ffb500; }
    .flexslider .flex-caption p a:hover {
      background-color: #fff;
      color: #131e32; }
      .flexslider .flex-caption p a:hover:after {
        color: #131e32; }

.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 {
  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: #131e32; }

.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: #ffb500 !important;
  color: #fff; }

.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
  background: #272727 !important;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
  border-color: #ffb500; }

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
  background: #f2f9fe;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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: #131e32; }

.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, .woocommerce .woocommerce-breadcrumb {
  color: #131e32; }

.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 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 );
  /* IE6-9 */ }

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

.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: #dddddd; }

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

.woocommerce span.onsale, .woocommerce-page span.onsale {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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: #131e32;
  color: #fff !important; }

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

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

.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;
  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;
  text-align: center;
  color: #ffb500 !important;
  top: 10px;
  left: 1em; }

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

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

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

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

.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: */
  border-radius: 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: #131e32;
  -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 {
  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: */
  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%;
  box-sizing: content-box;
  margin: 0 -50%; }

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

body.woocommerce.woocommerce-page .content-area {
  margin-bottom: 70px; }

body.woocommerce.woocommerce-page .site-footer::after {
  top: -85px; }

body.woocommerce.woocommerce-page .content-area .product {
  padding-top: 40px; }

/* masonry  blog pagination */
.masonry-blog-content .pagination {
  position: absolute;
  bottom: 0;
  right: 0; }

.pagination {
  clear: both; }

/* blog page css */
.blog-two-column article, .blog-three-column article {
  border: 1px solid #d7d7d7;
  padding: 25px;
  margin-bottom: 30px; }
  .blog-two-column article .entry-title a, .blog-three-column article .entry-title a {
    word-wrap: break-word; }
  .blog-two-column article h1.entry-title, .blog-three-column article h1.entry-title {
    font-size: 30px;
    font-size: 3rem; }

.blog-two-column:nth-of-type(2n+1) {
  clear: both; }

.blog-three-column:nth-of-type(3n+1) {
  clear: both; }

/* sass for pagination */
.navigation.pagination, .navigation {
  clear: both; }

.masonry-blog-content .page-navigation, .masonry-blog-content .navigation.pagination, .masonry-blog-content .post-navigation {
  bottom: -50px;
  position: absolute;
  right: 0; }

.masonry-blog-content .navigation.pagination, .post-navigation {
  width: 100%; }

/* sass for blog page box design */
.blog-box article {
  border: 1px solid #dddddd;
  border-bottom: none;
  padding-top: 0 !important;
  margin-bottom: 40px;
  margin-bottom: 40px; }
  .blog-box article header, .blog-box article .entry-content {
    padding-left: 20px;
    padding-right: 20px; }
    .blog-box article header .entry-content, .blog-box article .entry-content .entry-content {
      padding: 0px; }
  .blog-box article .entry-footer {
    margin-left: 20px;
    margin-right: 20px; }

ol.webulous_page_navi {
  position: static; }

.two-col-blog:nth-of-type(2n+1) {
  clear: both; }

.site-header.boxed-header {
  width: 100%; }

.boxed-container {
  overflow: hidden; }

/* site -layout ( boxed,wide,fluid ) */
/* SITE STYLE */
.container .container {
  width: 100%; }

.fluid-container .container {
  width: 100%;
  max-width: none; }

.boxed-container {
  overflow: hidden; }

/*--------------------------------------------------------------
10.0 Secondary
--------------------------------------------------------------*/
#secondary {
  padding-left: 30px; }

#content div#secondary:first-of-type {
  padding-left: 0px !important;
  padding-right: 50px; }

#secondary .left-sidebar {
  padding: 0px 10px 40px; }
  #secondary .left-sidebar aside:nth-of-type(1) {
    margin-top: -12px; }

.widget-area {
  margin-top: 1.5em; }
  .widget-area h3.widget-title {
    margin-bottom: 25px;
    padding-bottom: 5px;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #ffb500; }
  .widget-area ul {
    padding: 0px; }
    .widget-area ul li {
      padding: 8px 0px;
      list-style: none;
      border-bottom: 1px solid #dddddd; }
      .widget-area ul li a {
        color: #8f8f8f; }
        .widget-area ul li a:hover {
          color: #ffb500; }
      .widget-area ul li li:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
      .widget-area ul li ul.children,
      .widget-area ul li .sub-menu {
        padding-top: 5px; }
        .widget-area ul li ul.children li:last-child,
        .widget-area ul li .sub-menu li:last-child {
          padding-bottom: 0; }
  .widget-area select {
    width: 100%;
    background: url("images/down.png") no-repeat 95% 50%;
    -moz-appearance: none;
    border: 1px solid #dddddd;
    padding: 5px 10% 5px 3%; }

.widget-area ul li {
  transition: all 0.5s ease;
  color: #8f8f8f; }
  .widget-area ul li li {
    padding-left: 5px; }
  .widget-area ul li:hover {
    background-position: 10px 16px; }

.widget-area ul.children {
  padding-top: 0 !important;
  margin-left: -25px;
  border-top: 1px solid #dddddd;
  padding-left: 0;
  margin-top: 10px !important; }
  .widget-area ul.children li {
    padding-left: 15px;
    list-style: none;
    background-position: 25px 16px; }
    .widget-area ul.children li:hover {
      background-position: 37px 16px; }
  .widget-area ul.children ul.children {
    margin-left: -50px; }
    .widget-area ul.children ul.children li {
      padding-left: 15px;
      list-style: none;
      background-position: 50px 16px; }
      .widget-area ul.children ul.children li:hover {
        background-position: 67px 16px; }
    .widget-area ul.children ul.children ul.children {
      margin-left: -75px; }
      .widget-area ul.children ul.children ul.children li {
        padding-left: 15px;
        list-style: none;
        background-position: 75px 16px; }
        .widget-area ul.children ul.children ul.children li:hover {
          background-position: 92px 16px; }

#secondary .widget, .site-footer .widget, .site-header .widget {
  margin: 0 0 3.5em 0;
  /* Make sure select elements fit in widgets */ }
  #secondary .widget ul, #secondary .widget ol, .site-footer .widget ul, .site-footer .widget ol, .site-header .widget ul, .site-header .widget ol {
    padding: 0;
    margin: 0; }
  #secondary .widget select, .site-footer .widget select, .site-header .widget select {
    max-width: 100%; }

.site-header .widget {
  margin: 0; }

#secondary .left-sidebar aside {
  margin: 0 0 5.5em 0; }
  #secondary .left-sidebar aside:last-child {
    margin-bottom: 0; }

#secondary #recentcomments a {
  color: #8f8f8f; }
  #secondary #recentcomments a:hover {
    color: #ffb500; }

.site-info .left-sidebar .widget-title, .top-nav .widget-title, .top-right .widget-title {
  display: none; }

.widget_calendar table th, .widget_calendar table td {
  text-align: center;
  padding: 7px 5px;
  border-bottom: 1px solid #dddddd; }
  .widget_calendar table th a, .widget_calendar table td a {
    display: block;
    color: #8f8f8f; }
    .widget_calendar table th a:hover, .widget_calendar table td a:hover {
      color: #ffb500; }

.widget_calendar table thead {
  border-bottom: 1px solid #dddddd; }

.widget_calendar table tfoot {
  border: 0; }

.widget_calendar table tr {
  border-bottom: 1px solid #dddddd; }

.widget_calendar table th {
  color: #8f8f8f;
  font-weight: 700;
  border-right: 1px solid #dddddd; }
  .widget_calendar table th:first-child {
    border-left: 1px solid #dddddd; }

.widget_calendar table td {
  border-right: 1px solid #dddddd; }
  .widget_calendar table td:first-child {
    border-left: 1px solid #dddddd; }

.widget_calendar table td#prev {
  text-align: left; }

.widget_calendar table td#next {
  text-align: right; }

.widget_calendar table tfoot td:first-child, .widget_calendar table tfoot tr, .widget_calendar table tfoot td {
  border: none; }

.widget_calendar table tbody tr:nth-child(even) th, .widget_calendar table tbody tr:nth-child(even) td {
  background-color: #fff;
  color: #8f8f8f; }

.widget_calendar table tbody tr:nth-child(odd) th {
  background-color: #fff;
  color: #8f8f8f; }

.widget_calendar table tbody tr:nth-child(odd) td {
  background-color: #fff;
  color: #8f8f8f; }

.widget_calendar table caption {
  text-align: center;
  background-color: #ffb500;
  color: #fff;
  padding: 5px 0;
  position: relative; }

/* Footer */
.site-footer .widget_calendar table a {
  color: #ffb500; }

.widget-area .rss-date,
.widget-area .widget_rss cite {
  display: block;
  color: #8f8f8f;
  margin: 5px 0; }

.widget-area .widget_rss span {
  color: #ffb500; }

.widget-area .widget_rss cite {
  color: #8f8f8f; }

.widget-area .widget_rss a {
  color: #131e32;
  font-family: "Montserrat", sans-serif; }
  .widget-area .widget_rss a:hover {
    color: #ffb500; }

.widget-area .widget_rss .widget-title .rsswidget {
  color: #131e32; }
  .widget-area .widget_rss .widget-title .rsswidget img {
    margin: 0; }

.widget-area .widget_rss ul {
  padding-left: 0px !important; }
  .widget-area .widget_rss ul li {
    background: none;
    list-style: none;
    border-bottom: 1px solid #dddddd;
    padding-top: 15px; }
    .widget-area .widget_rss ul li:last-child {
      border-bottom: 0; }
    .widget-area .widget_rss ul li a {
      font-size: 16px; }

.widget-area .rssSummary {
  font-size: 16px;
  padding-top: 5px; }

.widget_search .search-form {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem; }
  .widget_search .search-form label {
    display: block; }
  .widget_search .search-form input[type="search"] {
    color: #8f8f8f;
    width: 100%;
    padding: 5px;
    background: transparent; }
  .widget_search .search-form input[type="search"]:focus {
    background: #fff;
    color: #8f8f8f !important; }
  .widget_search .search-form input[type="submit"] {
    border: 0;
    position: absolute;
    right: -11px;
    top: 1px;
    font-weight: normal;
    padding: 10px;
    font-size: 14px;
    border-radius: 0;
    height: 39px; }

.nav-wrap .search-form {
  top: 13px;
  text-align: right;
  position: relative;
  margin: 0px 10px; }
  .nav-wrap .search-form .search-submit {
    position: absolute;
    right: -5px;
    margin: 0;
    padding: 5px;
    top: 10px;
    border: none;
    color: transparent; }

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

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

.widget_tag_cloud a {
  padding: 4px 15px !important;
  color: #fff;
  margin: 3px;
  font-size: 16px !important;
  display: inline-block;
  background-color: #ffb500;
  border: 1px solid #ffb500; }
  .widget_tag_cloud a:hover {
    background: #131e32; }

.widget_nav_menu a {
  display: block; }

.widget_nav_menu ul.sub-menu li {
  text-indent: 0; }

.widget_nav_menu ul.sub-menu {
  padding-top: 0 !important;
  padding-left: 0;
  border-top: 1px solid #dddddd;
  margin-top: 10px !important; }
  .widget_nav_menu ul.sub-menu li {
    padding-left: 15px; }

/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/
.textwidget {
  font-weight: normal; }
  .textwidget h2 {
    margin-bottom: 20px; }

.content-area .textwidget {
  padding: 0; }

.siteorigin-panels-stretch {
  padding-bottom: 100px;
  padding-top: 100px; }

ul#portfolio {
  margin-left: 0; }

.portfolio_overlay {
  position: absolute;
  height: calc(100% + 10px);
  width: calc(100% + 10px); }

#portfolio li {
  padding: 0px; }
  #portfolio li .portfolioeffects {
    overflow: hidden;
    position: relative; }
    #portfolio li .portfolioeffects .portfolio_thumb1 a {
      position: relative;
      display: block;
      z-index: 0; }
      #portfolio li .portfolioeffects .portfolio_thumb1 a img {
        display: block;
        margin-bottom: 10px;
        margin-top: 0;
        margin-right: 0;
        margin: 0;
        width: 100%; }
    #portfolio li .portfolioeffects .portfolio_thumb a, #portfolio li .portfolioeffects .portfolio_thumb img {
      display: block; }
    #portfolio li .portfolioeffects .content-details {
      display: none; }
      #portfolio li .portfolioeffects .content-details h3 {
        position: absolute;
        bottom: 20%;
        left: 0;
        padding: 30px;
        width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 0;
        color: #fff;
        transition: all 0.35s ease;
        text-shadow: 1px 1px 1px #000; }
        #portfolio li .portfolioeffects .content-details h3 a {
          color: #fff; }
          #portfolio li .portfolioeffects .content-details h3 a:hover {
            color: #ffb500; }
    #portfolio li .portfolioeffects .overlay_icon {
      position: relative;
      bottom: -40%;
      left: 0%;
      transition: all 0.2s ease;
      width: calc(100% - 8px);
      height: calc(100%);
      text-align: center;
      background: rgba(255, 181, 0, 0.7); }
      #portfolio li .portfolioeffects .overlay_icon .icon-zoom {
        background: transparent;
        color: #fff;
        position: relative;
        left: -10px; }
      #portfolio li .portfolioeffects .overlay_icon a {
        text-align: center;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #fff;
        height: 45px;
        width: 45px;
        line-height: 45px;
        background: transparent;
        color: #fff;
        position: relative;
        top: 39%; }
        #portfolio li .portfolioeffects .overlay_icon a i {
          font-size: 15px;
          font-size: 1.5rem; }
        #portfolio li .portfolioeffects .overlay_icon a:hover i {
          color: #131e32; }
  #portfolio li:hover h3 {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  #portfolio li:hover .overlay_icon {
    bottom: calc(100% - 10px); }
  #portfolio li:hover .portfolio-excerpt {
    background-color: #131e32;
    border-color: #131e32;
    color: #fff; }
    #portfolio li:hover .portfolio-excerpt h4 a, #portfolio li:hover .portfolio-excerpt a {
      color: #fff; }
  #portfolio li .portfolio-excerpt {
    text-align: center;
    padding: 30px 10px;
    border: 1px solid #8f8f8f;
    border-top: none; }
    #portfolio li .portfolio-excerpt h4 {
      margin-bottom: 0; }
      #portfolio li .portfolio-excerpt h4 a {
        font-weight: 700;
        color: #000;
        font-size: 22px;
        font-size: 2.2rem; }
    #portfolio li .portfolio-excerpt a {
      color: #131e32;
      font-weight: 400;
      font-size: 14px;
      font-size: 1.4rem; }
    #portfolio li .portfolio-excerpt .portfolio-readmore {
      margin-bottom: 0px; }

ul#portfolio li h3 {
  text-align: center;
  text-transform: uppercase; }
  ul#portfolio li h3 a {
    color: #131e32; }
    ul#portfolio li h3 a:hover {
      color: #ffb500; }

.recent-work-container .recent_work_overlay {
  top: 100px;
  position: absolute; }
  .recent-work-container .recent_work_overlay .overlay_icon {
    position: relative;
    top: auto;
    left: 0%;
    transition: all 0.1s ease-in;
    width: 100%;
    height: 100%; }
  .recent-work-container .recent_work_overlay .icon-zoom {
    background: #fff;
    color: #131e32;
    position: relative;
    left: -10px; }
  .recent-work-container .recent_work_overlay a {
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: #131e32;
    color: #fff;
    position: relative;
    top: 39%; }
    .recent-work-container .recent_work_overlay a i {
      font-size: 15px;
      font-size: 1.5rem; }
    .recent-work-container .recent_work_overlay a:hover i {
      color: #ffb500; }
    .recent-work-container .recent_work_overlay a:hover {
      height: 50px;
      width: 50px;
      line-height: 50px;
      position: relative;
      top: 39%; }
  .recent-work-container .recent_work_overlay:hover .overlay_icon {
    bottom: calc(100% - 10px); }

.sub-menu .current_page_item::before, .sub-menu .current-menu-item::before, .sub-menu .current_page_ancestor::before, .sub-menu .current-menu-parent::before {
  top: 0; }

.portfolio2col .overlay_icon a {
  top: calc(42%); }

.portfolio4col .overlay_icon a {
  top: calc(36%); }

.portfolio3col_sidebar .overlay_icon a {
  top: calc(35%); }

/* Breadcrumb */
.breadcrumb {
  background: url(../../themes/structuralpro/images/breadcrumb.png);
  position: relative;
  text-align: center;
  padding: 60px 0px;
  margin-top: 0;
  text-transform: uppercase; }
  .breadcrumb a {
    color: #131e32; }
    .breadcrumb a:hover {
      color: #ffb500; }
  .breadcrumb .breadcrumb-left h4 {
    font-size: 36px;
    font-size: 3.6rem;
    color: #131e32;
    font-weight: 600; }
  .breadcrumb .breadcrumb-right {
    font-size: 16px;
    display: inline-block;
    color: #131e32;
    background: rgba(255, 255, 255, 0.6);
    text-transform: capitalize;
    padding: 10px 20px;
    font-size: 16px;
    font-size: 1.6rem; }
    .breadcrumb .breadcrumb-right #crumbs, .breadcrumb .breadcrumb-right .woocommerce-breadcrumb {
      display: inline-block; }
      .breadcrumb .breadcrumb-right #crumbs span, .breadcrumb .breadcrumb-right .woocommerce-breadcrumb span {
        padding: 0px 5px; }

.single-portfolio .thumbnail {
  text-align: center; }
  .single-portfolio .thumbnail img {
    max-width: 100%; }

.single-portfolio .single-wrapper {
  margin-top: 30px; }
  .single-portfolio .single-wrapper h4,
  .single-portfolio .single-wrapper h3 {
    margin-bottom: 15px; }
  .single-portfolio .single-wrapper dt {
    border-top: 1px solid #bababa;
    padding-top: 15px; }
  .single-portfolio .single-wrapper dt:first-child {
    border-top: 0; }
  .single-portfolio .single-wrapper dd {
    color: #bababa; }

.author-bio {
  padding: 20px 0; }
  .author-bio .author-info .avatar {
    float: left;
    width: 80px; }
    .author-bio .author-info .avatar img {
      border: 5px solid #dddddd; }
  .author-bio .author-info .description {
    float: right;
    width: 86%; }
    .author-bio .author-info .description h4 {
      margin-bottom: 10px; }

.so-widget-flexslider-widget, .so-widget-recent-posts-widget {
  position: relative; }
  .so-widget-flexslider-widget .flexcarousel .flex-viewport, .so-widget-recent-posts-widget .flexcarousel .flex-viewport {
    margin: 0 80px; }
  .so-widget-flexslider-widget .flexcarousel .flex-direction-nav a, .so-widget-recent-posts-widget .flexcarousel .flex-direction-nav a {
    top: 0%;
    line-height: 60px;
    opacity: 1;
    margin: 0;
    background: #131e32;
    color: #fff;
    height: 60px;
    width: 60px; }
    .so-widget-flexslider-widget .flexcarousel .flex-direction-nav a:before, .so-widget-recent-posts-widget .flexcarousel .flex-direction-nav a:before {
      color: #fff; }
    .so-widget-flexslider-widget .flexcarousel .flex-direction-nav a:hover, .so-widget-recent-posts-widget .flexcarousel .flex-direction-nav a:hover {
      background-color: #ffb500; }
  .so-widget-flexslider-widget .flexcarousel .flex-direction-nav .flex-prev, .so-widget-recent-posts-widget .flexcarousel .flex-direction-nav .flex-prev {
    left: -50px; }
  .so-widget-flexslider-widget .flexcarousel .flex-direction-nav .flex-next, .so-widget-recent-posts-widget .flexcarousel .flex-direction-nav .flex-next {
    right: -50px; }

.related-posts {
  padding: 20px 0; }
  .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; }
      .related-posts ul#webulous-related-posts li a {
        line-height: normal; }

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot {
  margin: 0.8rem 0.25rem 0.1rem; }

.mptt-shortcode-row {
  background-color: #ffb500; }

.mptt-shortcode-wrapper .mptt-shortcode-table {
  margin-top: 3rem; }
  .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
    border: none;
    background-color: #ffb500;
    color: #fff;
    font-size: 2.1rem;
    font-weight: 500;
    padding: 0.5rem 1rem; }
    .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th:nth-of-type(2n) {
      background-color: rgba(19, 30, 50, 0.2); }
    .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th:nth-of-type(1) {
      position: relative; }
      .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th:nth-of-type(1):before {
        content: "Time"; }
  .mptt-shortcode-wrapper .mptt-shortcode-table tbody td.mptt-shortcode-hours {
    font-weight: 600;
    padding: 0 2.5rem !important;
    font-size: 17px;
    font-size: 1.7rem; }

.mptt-shortcode-wrapper .mptt-navigation-tabs li a {
  background: #131e32;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 25px;
  position: relative;
  text-transform: uppercase; }

.mptt-shortcode-wrapper .mptt-navigation-tabs .active a {
  background: #ffb500; }

.ui-accordion h3 {
  font-weight: 700;
  cursor: pointer;
  position: relative;
  padding: 10px 20px 10px 65px;
  margin-top: 2px;
  font-family: "Open Sans", sans-serif;
  border-bottom: 1px solid #dddddd;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0px; }
  .ui-accordion h3 span {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
    padding: 4px 5px 3px;
    font-size: 13px;
    color: #ffb500;
    border: 1px solid #ffb500;
    border-radius: 100px; }

.ui-accordion .ui-accordion-content {
  padding: 20px;
  text-align: left;
  border: 1px solid #dddddd;
  border-top: none;
  margin-bottom: 10px; }
  .ui-accordion .ui-accordion-content p {
    margin-bottom: 0px; }

.ui-accordion .ui-accordion-header-active {
  cursor: default;
  color: #fff;
  margin-bottom: 0;
  background-color: #ffb500; }
  .ui-accordion .ui-accordion-header-active span {
    color: #fff;
    border: 1px solid #fff; }

.alert-message {
  padding: 25px 15px;
  color: #fff;
  margin-bottom: 15px;
  position: relative; }
  .alert-message a {
    position: absolute;
    top: 20px;
    right: 25px;
    text-align: center;
    display: block;
    font-weight: 700;
    font-size: 20px;
    color: #fff; }
  .alert-message p {
    color: #fff; }
    .alert-message p:last-child {
      margin: 0px; }
    .alert-message p:nth-of-type(1) {
      display: inline; }
  .alert-message span.sow-icon-fontawesome {
    margin-right: 10px;
    font-size: 20px; }

.notice {
  background: #e1e1e1; }
  .notice p, .notice span {
    color: #202020; }
  .notice a {
    color: #202020; }

.warning {
  background: #202020; }

.success {
  background: #0084b4; }

.error {
  background: #ff0030; }

.info {
  background: #ffffff;
  border: 1px solid #e1e1e1; }
  .info p, .info span {
    color: #202020; }
  .info a {
    color: #202020; }

.site-footer .alert-message {
  color: #fff; }
  .site-footer .alert-message a {
    top: -5px !important; }

.left-sidebar .alert-message a {
  top: 6px; }

.btn, .widget_button-widget .btn {
  display: inline-block;
  padding: 5px 15px;
  text-align: center;
  cursor: pointer;
  outline: none;
  z-index: 1;
  position: relative;
  background: #ffb500;
  color: #fff; }

.btn-mini, .mini {
  padding: 7px 10px;
  font-size: 12px; }

.btn-small, .small {
  padding: 9px 12px;
  font-size: 14px; }

.btn-large, .large {
  padding: 14px 20px;
  font-size: 20px; }

.site-footer .btn {
  margin: 10px 0px; }

.site-footer .widget_alert-widget a {
  color: #000 !important; }

.callout-widget {
  margin: 0 -100%;
  padding: 50px 100%;
  box-sizing: content-box; }
  .callout-widget p {
    margin-bottom: 0;
    width: 90%; }
  .callout-widget h3 {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 0px;
    font-weight: 500; }
  .callout-widget a {
    color: #131e32;
    background: #fff;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 20px;
    padding: 8px 25px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    float: right; }
    .callout-widget a:hover {
      background: #ffb500;
      color: #fff; }

.widget_cta-widget {
  padding-top: 25px; }

.site-footer .callout-widget {
  padding: 10px 20px; }
  .site-footer .callout-widget .nine.columns,
  .site-footer .callout-widget .five.columns {
    width: 100%;
    float: none; }
  .site-footer .callout-widget a {
    float: none; }

#secondary .left-sidebar .callout-widget {
  background-color: #ffb500;
  padding: 15px;
  margin: 0; }
  #secondary .left-sidebar .callout-widget div.twelve.columns, #secondary .left-sidebar .callout-widget .four.columns {
    width: 100%;
    text-align: center; }
  #secondary .left-sidebar .callout-widget h3 {
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 2.5rem; }
  #secondary .left-sidebar .callout-widget a {
    float: none; }
    #secondary .left-sidebar .callout-widget a:hover {
      background-color: #131e32;
      color: #fff; }

.hr_default {
  clear: both;
  border: 0;
  height: 1px;
  border-bottom: 1px solid #dddddd; }

.hr_fancy {
  border-bottom: 5px solid #dddddd;
  margin: 30px 0; }

.hr_fancy_with_color {
  border-bottom: 5px solid #ffb500;
  margin: 30px 0; }

.hr_doubled {
  position: relative;
  border-top-color: #dddddd;
  border-bottom-color: #dddddd; }
  .hr_doubled:before {
    border-top: 1px solid;
    border-top-color: inherit;
    position: absolute;
    content: "";
    width: 100%; }
  .hr_doubled:after {
    border-bottom: 1px solid;
    border-bottom-color: inherit;
    position: absolute;
    content: "";
    width: 100%;
    padding-top: 2px; }

.hr_dashed {
  border: 0;
  border-bottom: 1px dashed #939393;
  margin: 30px 0; }

.hr_dotted {
  border: 0;
  border-bottom: 2px dotted #939393;
  margin: 30px 0; }

.divider .left, .divider .right {
  width: 47%;
  display: inline-block;
  margin: 0;
  position: relative;
  top: -4px; }

.divider span {
  display: inline-block;
  width: 6%;
  text-align: center;
  font-size: 22px; }

.dropcap {
  float: left;
  padding: 0 5px;
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
  margin-right: 15px;
  text-transform: uppercase;
  color: #ffb500; }

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

.dropcap-box {
  padding: 5px 15px; }

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

.dropcap-book {
  padding: 5px 15px;
  text-shadow: 1px 1px 1px #131e32;
  background: #ffb500;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffb500 0%, #92C8C7 47%, #ffb500 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary', endColorstr='$primary',GradientType=0 );
  /* IE6-9 */
  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: #131e32;
  box-shadow: 0 0 0 transparent ; }

.site-footer .dropcap-book {
  border: 2px solid #fff; }

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

.left-sidebar .dropcap {
  color: #ffb500; }

.left-sidebar .dropcap-circle,
.left-sidebar .dropcap-box {
  background-color: #ffb500;
  color: #fff; }

.left-sidebar .dropcap-box {
  border-color: #8f8f8f;
  box-shadow: 0 0 0 transparent ; }

.left-sidebar .dropcap-book {
  border: 2px solid #ffb500;
  color: #fff; }

.ei-slider li {
  list-style-type: none; }
  .ei-slider li img {
    margin: 0px !important; }

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

#ei-slider li {
  padding: 0; }

.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;
  margin-top: 10px; }
  .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: #ffb500; }

.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: "Montserrat", sans-serif; }

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

.left-sidebar .ei-slider ul li {
  padding: 0; }

.flexslider {
  border: 0 !important;
  margin-bottom: 0;
  box-shadow: inset 0 0 0 transparent !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 0px !important;
  background: transparent !important; }
  .flexslider .slides > li {
    position: relative; }
  .flexslider .flex-direction-nav li {
    border: 0 !important;
    padding: 0; }
  .flexslider .flex-direction-nav a {
    margin: 0;
    text-align: center;
    top: 45%;
    opacity: 1;
    overflow: visible;
    width: 45px;
    height: 45px;
    font-size: 0px;
    font-size: 0rem;
    line-height: 45px;
    background: #fff; }
    .flexslider .flex-direction-nav a:before {
      font-size: 25px;
      font-size: 2.5rem;
      font-weight: 700;
      color: #131e32;
      font-family: "FontAwesome"; }
    .flexslider .flex-direction-nav a:hover {
      background-color: #131e32; }
      .flexslider .flex-direction-nav a:hover:before {
        color: #fff; }
  .flexslider .flex-direction-nav a.flex-prev {
    left: 0px; }
    .flexslider .flex-direction-nav a.flex-prev:before {
      content: "\f104"; }
    .flexslider .flex-direction-nav a.flex-prev:after {
      left: 5px; }
  .flexslider .flex-direction-nav a.flex-next {
    text-align: center;
    right: 0px; }
    .flexslider .flex-direction-nav a.flex-next:before {
      content: "\f105"; }
    .flexslider .flex-direction-nav a.flex-next:after {
      right: 5px; }
  .flexslider .flex-control-nav {
    text-align: right;
    bottom: 0; }
    .flexslider .flex-control-nav li {
      display: block;
      float: left;
      margin: 0; }
  .flexslider ol.flex-control-paging {
    text-align: center;
    bottom: 15px;
    z-index: 10; }
    .flexslider ol.flex-control-paging li {
      float: none;
      display: inline;
      padding: 0px; }
      .flexslider ol.flex-control-paging li a {
        display: inline-block;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        border-radius: 25px !important;
        background-color: #fff;
        border: 1px solid #fff !important;
        text-indent: -9999em !important;
        margin: 0 3px;
        box-shadow: none; }
      .flexslider ol.flex-control-paging li a.flex-active, .flexslider ol.flex-control-paging li a:hover {
        border: 1px solid #fff !important;
        border-radius: 25px;
        background-color: transparent; }
  .flexslider:hover .flex-direction-nav a.flex-prev {
    left: 0px;
    opacity: 1; }
  .flexslider:hover .flex-direction-nav a.flex-next {
    right: 0px;
    opacity: 1; }

.flexslider .flex-caption {
  position: absolute;
  top: 20%;
  left: 10%;
  color: #fff;
  width: 60%;
  padding: 30px 50px 20px 40px;
  text-align: left;
  margin: 0 auto;
  background: rgba(19, 30, 50, 0.75); }
  .flexslider .flex-caption h1, .flexslider .flex-caption h2, .flexslider .flex-caption h4, .flexslider .flex-caption h5, .flexslider .flex-caption h6 {
    color: #fff;
    position: relative;
    line-height: normal; }
  .flexslider .flex-caption p {
    font-size: 16px;
    font-size: 1.6rem; }
  .flexslider .flex-caption p a {
    color: #131e32;
    padding: 10px 25px 10px 25px;
    font-weight: 700;
    display: inline-block;
    margin-top: 1.5em;
    border-radius: 2px;
    text-align: center;
    background: #ffb500; }
    .flexslider .flex-caption p a:hover {
      background-color: #fff;
      color: #131e32; }
      .flexslider .flex-caption p a:hover:after {
        color: #131e32; }

.flickr_badge_image {
  display: inline-block;
  margin: 0px 3px; }
  .flickr_badge_image a, .flickr_badge_image img {
    display: block; }
  .flickr_badge_image:hover {
    opacity: 0.6; }

.icon-box {
  margin-bottom: 20px;
  text-align: center; }
  .icon-box .icon-wrapper {
    padding: 20px;
    margin-bottom: 20px;
    background: #ffb500;
    border-radius: 100%; }
    .icon-box .icon-wrapper .link-icon {
      display: block;
      min-width: 50px;
      min-height: 50px; }
    .icon-box .icon-wrapper span {
      color: #ffb500;
      font-size: 48px; }
  .icon-box .icon-box-content-wrapper h4 {
    margin-bottom: 5px; }
  .icon-box a.more-button {
    font-size: 16px;
    background: #bababa;
    color: #fff;
    padding: 8px 15px;
    display: inline-block; }
    .icon-box a.more-button:hover {
      background-color: #ffb500 !important; }
  .icon-box a.link-title {
    display: block;
    margin-bottom: 15px; }

/* Top Icon */
.icon-top .icon-wrapper {
  text-align: center;
  display: inline-block; }

/* Left Icon */
.icon-left .icon-wrapper {
  display: block;
  float: left;
  width: 25%;
  overflow: hidden; }

.icon-left .icon-box-content-wrapper {
  float: left;
  width: 75%;
  padding-left: 20px;
  text-align: left; }

/* Right Icon */
.icon-right .icon-wrapper {
  display: block;
  float: right;
  width: 25%;
  overflow: hidden; }

.icon-right .icon-box-content-wrapper {
  float: right;
  width: 75%;
  padding-right: 20px;
  text-align: right; }

#secondary .left-sidebar .icon-top .icon-wrapper {
  text-align: center;
  display: inline-block; }

#secondary .left-sidebar .icon-top .icon-box-content-wrapper {
  width: 100%;
  text-align: center; }

#secondary .left-sidebar .icon-box .icon-box-content {
  padding-bottom: 20px; }

#secondary .left-sidebar .icon-box .icon-wrapper {
  padding: 10px; }

.so-widget-image-widget .img-circle img {
  border-radius: 100%; }

.so-widget-image-widget .img-border img {
  border: 3px solid #ffb500; }

.so-widget-image-widget .img-shadow img {
  box-shadow: 0px 0px 15px 2px rgba(19, 30, 50, 0.58); }

.so-widget-image-widget .widget-title {
  text-align: inherit; }

.so-widget-image-widget img {
  display: block; }

/* Theme Specific Style */
.site-content .img-right {
  float: right; }
  .site-content .img-right h3.widget-title::after {
    left: calc(100% - 125px); }
  .site-content .img-right h3.widget-title::before {
    left: calc(100% - 70px); }

.site-content .img-left h3.widget-title::after {
  left: 0px; }

.site-content .img-left h3.widget-title::before {
  left: 50px; }

.site-content .img-center img {
  margin: 0 auto; }

.so-widget-list-widget .sow-icon-fontawesome, .so-widget-list-widget .list-image {
  padding-right: 10px;
  vertical-align: middle;
  color: #ffb500; }

.so-widget-list-widget ul, .so-widget-list-widget ol {
  list-style-type: none;
  margin: 0; }
  .so-widget-list-widget ul li, .so-widget-list-widget ol li {
    padding: 5px 0px;
    border-bottom: none; }

.gx-pricing-table {
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  background: #fff;
  float: left; }
  .gx-pricing-table:last-child {
    border-right: 1px solid #dddddd; }
  .gx-pricing-table .gx-table-header {
    padding: 10px 15px 25px 15px;
    border-bottom: 1px solid #dddddd;
    border-top: 20px solid #fff; }
    .gx-pricing-table .gx-table-header h4 {
      font-weight: 400;
      font-size: 22px;
      font-size: 2.2rem;
      margin-bottom: 0; }
    .gx-pricing-table .gx-table-header p {
      margin-bottom: 0;
      font-size: 14px;
      font-size: 1.4rem; }
  .gx-pricing-table .gx-table-rate {
    padding: 5px 17px 17px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #131e32;
    font-weight: 400;
    position: relative; }
    .gx-pricing-table .gx-table-rate .gx-price-rate {
      font-weight: 700;
      font-size: 34px;
      font-size: 3.4rem;
      line-height: -moz-block-height;
      line-height: block-height; }
      .gx-pricing-table .gx-table-rate .gx-price-rate:before {
        position: relative;
        content: "$";
        left: -6px;
        top: -4px;
        font-weight: 600;
        font-size: 16px;
        font-size: 1.6rem; }
  .gx-pricing-table .gx-table-content {
    padding: 40px 10px 10px;
    border-bottom: 1px solid #dddddd; }
    .gx-pricing-table .gx-table-content ul, .gx-pricing-table .gx-table-content ol {
      margin-left: 0;
      margin-bottom: 40px;
      list-style: none; }
    .gx-pricing-table .gx-table-content li {
      list-style: none;
      margin-bottom: 25px;
      font-weight: 400; }
      .gx-pricing-table .gx-table-content li .fa {
        display: block;
        margin-bottom: 8px;
        color: #131e32; }
      .gx-pricing-table .gx-table-content li span {
        display: block;
        margin-bottom: 8px;
        color: #8f8f8f; }
  .gx-pricing-table .price-btn {
    padding: 35px 20px;
    margin-bottom: 0px; }
    .gx-pricing-table .price-btn .btn-normal {
      padding: 10px 35px 10px;
      background-color: #dddddd;
      color: #131e32;
      display: inline-block; }
  .gx-pricing-table:hover .gx-table-header {
    border-top: 20px solid #ffb500; }
  .gx-pricing-table:hover .btn-normal {
    background-color: #ffb500;
    color: #fff; }

.pullright,
.pullleft,
.pullnone {
  position: relative;
  margin: 0;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  padding: 0 20px 0 60px;
  color: #131e32;
  font-weight: 700;
  border-left: 6px solid #ffb500; }
  .pullright:before,
  .pullleft:before,
  .pullnone:before {
    position: absolute;
    content: "\f10d";
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 400;
    font-family: 'FontAwesome';
    left: 20px;
    top: -5px;
    color: #ffb500; }
  .pullright p,
  .pullleft p,
  .pullnone p {
    margin-bottom: 10px; }

.pullright {
  float: right;
  margin-left: 30px;
  width: 50%;
  margin-top: 0; }

.pullleft {
  float: left;
  width: 50%;
  margin-right: 30px;
  margin-top: 0; }

.pullnone {
  display: inline-block; }

.site-footer .widget_quote-widget {
  clear: both; }
  .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;
    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: -25px;
      left: 6px; }
  .site-footer .widget_quote-widget .pullnone:before {
    font-size: 50px;
    font-size: 5rem; }

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

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

.widget_recent-posts-widget {
  position: relative;
  /* Normal Recent Post and Carousel */ }
  .widget_recent-posts-widget h2 {
    text-align: center; }
  .widget_recent-posts-widget .flex-direction-nav a, .widget_recent-posts-widget .flex-direction-nav .flex-disabled {
    opacity: 1 !important; }
  .widget_recent-posts-widget .recent-posts-wrapper .latest-post-content {
    border: none;
    margin: 10px 0px 40px; }
  .widget_recent-posts-widget .recent-posts .one-third:nth-child(3n+1), .widget_recent-posts-widget .recent-posts-carousel .one-third:nth-child(3n+1) {
    clear: both; }
  .widget_recent-posts-widget .recent-posts .mdl-cell, .widget_recent-posts-widget .recent-posts-carousel .mdl-cell {
    float: left; }
  .widget_recent-posts-widget .recent-posts .latest-post, .widget_recent-posts-widget .recent-posts-carousel .latest-post {
    transition: all 0.5s ease;
    overflow: hidden;
    position: relative;
    margin-bottom: 2.5em;
    text-align: justify;
    margin: 0px 10px 2.5em 10px; }
  .widget_recent-posts-widget .recent-posts .latest-post-thumb img, .widget_recent-posts-widget .recent-posts-carousel .latest-post-thumb img {
    display: block; }
  .widget_recent-posts-widget .recent-posts .latest-post-details, .widget_recent-posts-widget .recent-posts-carousel .latest-post-details {
    padding: 20px 25px 0px 25px;
    border: 1px solid #dddddd;
    border-top: 0px; }
    .widget_recent-posts-widget .recent-posts .latest-post-details h3, .widget_recent-posts-widget .recent-posts-carousel .latest-post-details h3 {
      margin-bottom: 0;
      font-size: 2.4rem; }
      .widget_recent-posts-widget .recent-posts .latest-post-details h3 a, .widget_recent-posts-widget .recent-posts-carousel .latest-post-details h3 a {
        color: #131e32; }
        .widget_recent-posts-widget .recent-posts .latest-post-details h3 a:hover, .widget_recent-posts-widget .recent-posts-carousel .latest-post-details h3 a:hover {
          color: #ffb500; }
    .widget_recent-posts-widget .recent-posts .latest-post-details .entry-meta, .widget_recent-posts-widget .recent-posts-carousel .latest-post-details .entry-meta {
      border: none;
      padding: 0;
      margin-bottom: 15px;
      position: absolute;
      bottom: 18px; }
      .widget_recent-posts-widget .recent-posts .latest-post-details .entry-meta .data-structure, .widget_recent-posts-widget .recent-posts-carousel .latest-post-details .entry-meta .data-structure {
        display: inline-block;
        text-align: left;
        color: #8f8f8f;
        text-transform: uppercase;
        font-weight: 700; }
    .widget_recent-posts-widget .recent-posts .latest-post-details .more-link, .widget_recent-posts-widget .recent-posts-carousel .latest-post-details .more-link {
      display: inline-block;
      background: transparent;
      padding: 0;
      margin: 0px;
      color: #ffb500; }
      .widget_recent-posts-widget .recent-posts .latest-post-details .more-link:hover, .widget_recent-posts-widget .recent-posts-carousel .latest-post-details .more-link:hover {
        color: #131e32;
        background: transparent; }
  .widget_recent-posts-widget .recent-posts-carousel .flex-direction-nav {
    display: none; }
  .widget_recent-posts-widget .recent-posts-carousel ol.flex-control-paging li {
    margin: 0px; }
    .widget_recent-posts-widget .recent-posts-carousel ol.flex-control-paging li a.flex-active, .widget_recent-posts-widget .recent-posts-carousel ol.flex-control-paging li a:hover {
      border: none !important;
      width: 13px;
      height: 13px;
      background: #131e32; }
    .widget_recent-posts-widget .recent-posts-carousel ol.flex-control-paging li a {
      width: 13px;
      height: 13px;
      background: #f3f2f2;
      border: none; }
  .widget_recent-posts-widget .recent-posts-slider .rp-content {
    padding: 20px 80px; }
  .widget_recent-posts-widget .recent-posts-slider img {
    display: block; }
  .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav li {
    border: 0 !important;
    padding: 0; }
  .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a {
    margin: 0;
    text-align: center;
    top: 45%;
    opacity: 1;
    overflow: visible;
    width: 45px;
    height: 45px;
    font-size: 0px;
    font-size: 0rem;
    line-height: 45px;
    background: #fff; }
    .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a:before {
      font-size: 25px;
      font-size: 2.5rem;
      font-weight: 700;
      color: #131e32;
      font-family: "FontAwesome"; }
    .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a:hover {
      background-color: #131e32; }
      .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a:hover:before {
        color: #fff; }
  .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a.flex-prev {
    left: 0px; }
    .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a.flex-prev:before {
      content: "\f104"; }
    .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a.flex-prev:after {
      left: 5px; }
  .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a.flex-next {
    text-align: center;
    right: 0px; }
    .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a.flex-next:before {
      content: "\f105"; }
    .widget_recent-posts-widget .recent-posts-slider .flex-direction-nav a.flex-next:after {
      right: 5px; }
  .widget_recent-posts-widget .recent-posts-slider .flex-control-nav {
    display: none; }
  .widget_recent-posts-widget .recent-posts-slider .flex-caption {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-weight: 400;
    padding: 15px 20px 30px;
    background: #f6f6f6; }
    .widget_recent-posts-widget .recent-posts-slider .flex-caption h4, .widget_recent-posts-widget .recent-posts-slider .flex-caption p, .widget_recent-posts-widget .recent-posts-slider .flex-caption li {
      padding: 5px;
      display: block; }
    .widget_recent-posts-widget .recent-posts-slider .flex-caption h4 {
      position: relative;
      padding: 0px;
      font-size: 32px; }
      .widget_recent-posts-widget .recent-posts-slider .flex-caption h4 p.btn-slider {
        margin: 0px;
        padding: 0px; }
        .widget_recent-posts-widget .recent-posts-slider .flex-caption h4 p.btn-slider a {
          font-size: 3rem;
          padding: 0px;
          color: #131e32; }
    .widget_recent-posts-widget .recent-posts-slider .flex-caption p {
      font-weight: 700;
      font-size: 18px;
      font-size: 1.8rem;
      padding-left: 0px;
      margin-bottom: 0px; }
      .widget_recent-posts-widget .recent-posts-slider .flex-caption p .btn-slider {
        margin-bottom: 0px; }
    .widget_recent-posts-widget .recent-posts-slider .flex-caption a {
      color: #fff;
      margin: 0;
      text-transform: capitalize;
      display: inline-block;
      margin-top: 5px;
      text-transform: none;
      font-weight: 700;
      padding: 10px;
      text-align: center; }
      .widget_recent-posts-widget .recent-posts-slider .flex-caption a:hover {
        color: #ffb500; }

.site-footer .widget.widget_recent_entries ul li {
  background: none !important;
  padding-left: 0 !important; }

.site-footer .widget_recent-posts-widget .one-third.column {
  width: 100%; }

.site-footer .widget_recent-posts-widget .column:last-child .latest-post {
  border-bottom: none; }

.site-footer .widget_recent-posts-widget ul {
  padding: 0; }

.site-footer .widget_recent-posts-widget .latest-post {
  background-color: transparent;
  margin: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.site-footer .widget_recent-posts-widget .latest-post-thumb {
  float: left;
  width: 28%;
  margin: 0px 10px 10px 0px; }

.site-footer .widget_recent-posts-widget .latest-post-details {
  padding: 0;
  position: relative; }
  .site-footer .widget_recent-posts-widget .latest-post-details h3 {
    position: absolute;
    bottom: -15px;
    left: calc(28% + 10px);
    font-size: 12px;
    width: 100%; }
    .site-footer .widget_recent-posts-widget .latest-post-details h3 a {
      color: transparent;
      display: block; }
      .site-footer .widget_recent-posts-widget .latest-post-details h3 a:before {
        content: "Read more...";
        color: #ffb500; }
  .site-footer .widget_recent-posts-widget .latest-post-details .latest-post-content {
    margin-top: 0;
    margin-bottom: 0;
    max-height: 45px;
    overflow: hidden;
    line-height: 2rem; }
  .site-footer .widget_recent-posts-widget .latest-post-details .entry-meta {
    display: none; }

.left-sidebar .widget_recent-posts-widget .flex-recent-posts {
  overflow: hidden; }
  .left-sidebar .widget_recent-posts-widget .flex-recent-posts li {
    margin: 0 0 10px;
    padding: 0;
    border-bottom: none; }
    .left-sidebar .widget_recent-posts-widget .flex-recent-posts li a {
      color: #ffb500; }
  .left-sidebar .widget_recent-posts-widget .flex-recent-posts h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem; }
  .left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav {
    display: inline-block; }
    .left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav li {
      position: relative; }
      .left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav li a {
        top: -23px;
        opacity: 1; }
    .left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav .flex-next {
      left: 179px;
      opacity: 1;
      top: -47px; }
    .left-sidebar .widget_recent-posts-widget .flex-recent-posts .flex-direction-nav .flex-prev {
      top: -13px; }

.left-sidebar .widget_recent_entries .post-date {
  display: block; }

.left-sidebar .widget_recent_entries h3 {
  margin-bottom: 0; }

.widget_recent-work-widget .widget-title {
  text-align: center;
  font-size: 48px;
  font-size: 4.8rem;
  width: 100%;
  padding-bottom: 20px;
  position: relative; }

.widget_recent-work-widget .recent-work-container li {
  border: none; }

.widget_recent-work-widget ul#portfolio {
  margin-left: 0;
  list-style: none; }
  .widget_recent-work-widget ul#portfolio li {
    border: none;
    padding: 0px; }

.widget_recent-work-widget #portfolio li .portfolioeffects {
  overflow: hidden;
  position: relative; }
  .widget_recent-work-widget #portfolio li .portfolioeffects .portfolio_thumb1 a {
    position: relative;
    display: block;
    z-index: 0; }
    .widget_recent-work-widget #portfolio li .portfolioeffects .portfolio_thumb1 a img {
      display: block;
      margin-bottom: 10px;
      margin-top: 0;
      margin-right: 0;
      margin: 0;
      width: 100%; }
  .widget_recent-work-widget #portfolio li .portfolioeffects .portfolio_thumb a, .widget_recent-work-widget #portfolio li .portfolioeffects .portfolio_thumb img {
    display: block; }
  .widget_recent-work-widget #portfolio li .portfolioeffects .content-details {
    display: none; }
    .widget_recent-work-widget #portfolio li .portfolioeffects .content-details h3 {
      position: absolute;
      bottom: 20%;
      left: 0;
      padding: 30px;
      width: 100%;
      height: auto;
      text-align: center;
      margin-bottom: 0;
      color: #fff;
      transition: all 0.35s ease;
      text-shadow: 1px 1px 1px #000; }
      .widget_recent-work-widget #portfolio li .portfolioeffects .content-details h3 a {
        color: #fff; }
        .widget_recent-work-widget #portfolio li .portfolioeffects .content-details h3 a:hover {
          color: #ffb500; }
  .widget_recent-work-widget #portfolio li .portfolioeffects .overlay_icon {
    position: relative;
    bottom: -40%;
    left: 0%;
    transition: all 0.2s ease;
    width: calc(100% - 8px);
    height: calc(100%);
    text-align: center;
    background: #131e32;
    display: block; }
    .widget_recent-work-widget #portfolio li .portfolioeffects .overlay_icon a {
      text-align: center;
      border-radius: 0px;
      height: auto;
      width: 100%;
      line-height: normal;
      background: transparent;
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      position: relative;
      top: 25%;
      border: 0px; }
    .widget_recent-work-widget #portfolio li .portfolioeffects .overlay_icon .text-btn {
      background: #ffb500;
      padding: 8px 12px;
      display: inline-block;
      color: #131e32;
      font-size: 14px;
      width: 45%;
      font-weight: 400;
      border-radius: 3px;
      margin-top: 15px; }

.widget_recent-work-widget #portfolio li:hover h3 {
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0); }

.widget_recent-work-widget #portfolio li:hover .overlay_icon {
  bottom: calc(100% - 10px); }

.widget_recent-work-widget #portfolio li:hover .portfolio-excerpt {
  background-color: #f3f2f2;
  border-color: #f3f2f2;
  color: #fff; }
  .widget_recent-work-widget #portfolio li:hover .portfolio-excerpt h4 a, .widget_recent-work-widget #portfolio li:hover .portfolio-excerpt a {
    color: #fff; }

.widget_recent-work-widget #portfolio li .portfolio-excerpt {
  text-align: center;
  padding: 30px 10px;
  border: 1px solid #8f8f8f;
  border-top: none; }
  .widget_recent-work-widget #portfolio li .portfolio-excerpt h4 {
    margin-bottom: 0; }
    .widget_recent-work-widget #portfolio li .portfolio-excerpt h4 a {
      font-weight: 700;
      color: #000;
      font-size: 22px;
      font-size: 2.2rem; }
  .widget_recent-work-widget #portfolio li .portfolio-excerpt a {
    color: #131e32;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem; }
  .widget_recent-work-widget #portfolio li .portfolio-excerpt .portfolio-readmore {
    margin-bottom: 0px; }

.widget_recent-work-widget .portfolio2col .overlay_icon a, .widget_recent-work-widget .portfolio3col .overlay_icon a {
  top: 39% !important; }

.widget_recent-work-widget .portfolioeffects {
  overflow: hidden;
  margin: 0px; }
  .widget_recent-work-widget .portfolioeffects .portfolio_thumb1 img {
    margin-bottom: 0; }

.widget_recent-work-widget .recent-work {
  position: relative; }
  .widget_recent-work-widget .recent-work .flex-direction-nav a {
    opacity: 1; }

.widget_recent-work-widget .portfolio_overlay, .widget_recent-work-widget .recent_work_overlay {
  position: absolute; }

.widget_recent-work-widget .portfolioeffects, .widget_recent-work-widget .work {
  overflow: hidden; }
  .widget_recent-work-widget .portfolioeffects .portfolio_thumb1 img, .widget_recent-work-widget .work .portfolio_thumb1 img {
    display: block;
    margin: 0; }

/* Recent-work, Portfolio navigation */
ul.filter-options {
  padding: 10px;
  margin: 1%;
  list-style-type: none;
  background: #131e32;
  text-align: center; }
  ul.filter-options li {
    margin: 0;
    padding-left: 0;
    display: inline;
    border-bottom: 0;
    margin-right: 15px; }
    ul.filter-options li:last-child {
      margin-right: 0; }
    ul.filter-options li a {
      display: inline-block;
      padding-bottom: 0;
      padding: 8px 25px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 600;
      border-radius: 5px;
      position: relative; }
    ul.filter-options li a:hover, ul.filter-options li .selected {
      color: #ffb500; }

#filters {
  padding: 20px 0 10px !important;
  margin-bottom: 25px;
  min-height: 50px;
  clear: both;
  margin-top: 50px; }

.recent-work-carousel .recent_work_overlay {
  display: none; }

.recent-work-carousel li {
  position: relative; }
  .recent-work-carousel li .work-title h4 {
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 0px;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0px;
    margin-bottom: 0px;
    text-align: center;
    width: 100%; }
    .recent-work-carousel li .work-title h4 a {
      color: #fff !important; }

.recent-work-carousel .flex-direction-nav li {
  border: 0 !important;
  padding: 0;
  position: static; }

.recent-work-carousel .flex-direction-nav a {
  margin: 0;
  text-align: center;
  top: 39%;
  opacity: 1;
  overflow: visible;
  width: 45px;
  height: 45px;
  font-size: 0px;
  font-size: 0rem;
  line-height: 45px;
  background: #131e32; }
  .recent-work-carousel .flex-direction-nav a:before {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    font-family: "FontAwesome"; }
  .recent-work-carousel .flex-direction-nav a:hover {
    background-color: #ffb500; }
    .recent-work-carousel .flex-direction-nav a:hover:before {
      color: #131e32; }

.recent-work-carousel .flex-direction-nav a.flex-prev {
  left: 0px; }
  .recent-work-carousel .flex-direction-nav a.flex-prev:before {
    content: "\f104"; }
  .recent-work-carousel .flex-direction-nav a.flex-prev:after {
    left: 5px; }

.recent-work-carousel .flex-direction-nav a.flex-next {
  text-align: center;
  right: 0px; }
  .recent-work-carousel .flex-direction-nav a.flex-next:before {
    content: "\f105"; }
  .recent-work-carousel .flex-direction-nav a.flex-next:after {
    right: 5px; }

.site-footer .widget.widget_recent-work-widget h3 {
  margin-bottom: 0; }

.site-footer .widget.widget_recent-work-widget a {
  color: #000;
  margin-bottom: 10px !important; }

.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: #ffb500; }
    .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: #131e32; }
  .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;
    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 ul li:before,
.site-footer ol li:before {
  display: none; }

.left-sidebar .widget.widget_recent-work-widget h3 {
  margin-bottom: 0; }

.left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li {
  padding: 0;
  border-bottom: none;
  list-style-image: none; }
  .left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev,
  .left-sidebar .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: #ffb500; }
    .left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-prev:hover,
    .left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a.flex-next:hover {
      color: #fff;
      background-color: #131e32; }
  .left-sidebar .widget.widget_recent-work-widget ul.flex-direction-nav li a:before {
    font-size: 12px;
    font-size: 1.2rem; }

.left-sidebar .recent-work {
  position: relative; }

.left-sidebar .work {
  position: relative; }
  .left-sidebar .work .recent_work_overlay {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100px;
    left: 0;
    transition: all 0.5s ease; }
    .left-sidebar .work .recent_work_overlay h4 {
      margin: 0 auto;
      text-align: center !important; }
    .left-sidebar .work .recent_work_overlay .icon-link a {
      background-color: #000;
      padding: 8px;
      display: inline-block; }
  .left-sidebar .work:hover .recent_work_overlay {
    top: 20px; }

.left-sidebar ul li:before,
.left-sidebar ol li:before {
  display: none; }

.so-widget-skills-widget .skill-container {
  text-align: right;
  font-size: 15px;
  color: #fff;
  position: relative; }
  .so-widget-skills-widget .skill-container .skill {
    height: 35px;
    position: relative;
    z-index: 1;
    margin: 0 0 35px 0;
    background-color: #dddddd;
    padding: 0; }
    .so-widget-skills-widget .skill-container .skill .skill-percentage {
      height: 35px;
      line-height: 2.5em;
      padding-right: 15px;
      position: relative;
      background-color: #ffb500; }
    .so-widget-skills-widget .skill-container .skill span {
      display: block;
      position: absolute;
      top: 6px;
      right: 30px;
      z-index: 1;
      font-family: "Montserrat", sans-serif;
      color: #131e32;
      font-weight: 700; }
  .so-widget-skills-widget .skill-container .skill-content {
    color: #fff;
    position: absolute;
    bottom: 1px;
    text-transform: uppercase;
    left: 15px;
    text-align: left;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    z-index: 2; }

.percent1 {
  width: 1%; }

.percent2 {
  width: 2%; }

.percent3 {
  width: 3%; }

.percent4 {
  width: 4%; }

.percent5 {
  width: 5%; }

.percent6 {
  width: 6%; }

.percent7 {
  width: 7%; }

.percent8 {
  width: 8%; }

.percent9 {
  width: 9%; }

.percent10 {
  width: 10%; }

.percent11 {
  width: 11%; }

.percent12 {
  width: 12%; }

.percent13 {
  width: 13%; }

.percent14 {
  width: 14%; }

.percent15 {
  width: 15%; }

.percent16 {
  width: 16%; }

.percent17 {
  width: 17%; }

.percent18 {
  width: 18%; }

.percent19 {
  width: 19%; }

.percent20 {
  width: 20%; }

.percent21 {
  width: 21%; }

.percent22 {
  width: 22%; }

.percent23 {
  width: 23%; }

.percent24 {
  width: 24%; }

.percent25 {
  width: 25%; }

.percent26 {
  width: 26%; }

.percent27 {
  width: 27%; }

.percent28 {
  width: 28%; }

.percent29 {
  width: 29%; }

.percent30 {
  width: 30%; }

.percent31 {
  width: 31%; }

.percent32 {
  width: 32%; }

.percent33 {
  width: 33%; }

.percent34 {
  width: 34%; }

.percent35 {
  width: 35%; }

.percent36 {
  width: 36%; }

.percent37 {
  width: 37%; }

.percent38 {
  width: 38%; }

.percent39 {
  width: 39%; }

.percent40 {
  width: 40%; }

.percent41 {
  width: 41%; }

.percent42 {
  width: 42%; }

.percent43 {
  width: 43%; }

.percent44 {
  width: 44%; }

.percent45 {
  width: 45%; }

.percent46 {
  width: 46%; }

.percent47 {
  width: 47%; }

.percent48 {
  width: 48%; }

.percent49 {
  width: 49%; }

.percent50 {
  width: 50%; }

.percent51 {
  width: 51%; }

.percent52 {
  width: 52%; }

.percent53 {
  width: 53%; }

.percent54 {
  width: 54%; }

.percent55 {
  width: 55%; }

.percent56 {
  width: 56%; }

.percent57 {
  width: 57%; }

.percent58 {
  width: 58%; }

.percent59 {
  width: 59%; }

.percent60 {
  width: 60%; }

.percent61 {
  width: 61%; }

.percent62 {
  width: 62%; }

.percent63 {
  width: 63%; }

.percent64 {
  width: 64%; }

.percent65 {
  width: 65%; }

.percent66 {
  width: 66%; }

.percent67 {
  width: 67%; }

.percent68 {
  width: 68%; }

.percent69 {
  width: 69%; }

.percent70 {
  width: 70%; }

.percent71 {
  width: 71%; }

.percent72 {
  width: 72%; }

.percent73 {
  width: 73%; }

.percent74 {
  width: 74%; }

.percent75 {
  width: 75%; }

.percent76 {
  width: 76%; }

.percent77 {
  width: 77%; }

.percent78 {
  width: 78%; }

.percent79 {
  width: 79%; }

.percent80 {
  width: 80%; }

.percent81 {
  width: 81%; }

.percent82 {
  width: 82%; }

.percent83 {
  width: 83%; }

.percent84 {
  width: 84%; }

.percent85 {
  width: 85%; }

.percent86 {
  width: 86%; }

.percent87 {
  width: 87%; }

.percent88 {
  width: 88%; }

.percent89 {
  width: 89%; }

.percent90 {
  width: 90%; }

.percent91 {
  width: 91%; }

.percent92 {
  width: 92%; }

.percent93 {
  width: 93%; }

.percent94 {
  width: 94%; }

.percent95 {
  width: 95%; }

.percent96 {
  width: 96%; }

.percent97 {
  width: 97%; }

.percent98 {
  width: 98%; }

.percent99 {
  width: 99%; }

.percent100 {
  width: 100%; }

.percent1.start {
  width: 0%;
  -webkit-animation: percent1  2s ease-out forwards;
  animation: percent1  2s ease-out forwards; }

.percent2.start {
  width: 0%;
  -webkit-animation: percent2  2s ease-out forwards;
  animation: percent2  2s ease-out forwards; }

.percent3.start {
  width: 0%;
  -webkit-animation: percent3  2s ease-out forwards;
  animation: percent3  2s ease-out forwards; }

.percent4.start {
  width: 0%;
  -webkit-animation: percent4  2s ease-out forwards;
  animation: percent4  2s ease-out forwards; }

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

.percent6.start {
  width: 0%;
  -webkit-animation: percent6  2s ease-out forwards;
  animation: percent6  2s ease-out forwards; }

.percent7.start {
  width: 0%;
  -webkit-animation: percent7  2s ease-out forwards;
  animation: percent7  2s ease-out forwards; }

.percent8.start {
  width: 0%;
  -webkit-animation: percent8  2s ease-out forwards;
  animation: percent8  2s ease-out forwards; }

.percent9.start {
  width: 0%;
  -webkit-animation: percent9  2s ease-out forwards;
  animation: percent9  2s ease-out forwards; }

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

.percent11.start {
  width: 0%;
  -webkit-animation: percent11  2s ease-out forwards;
  animation: percent11  2s ease-out forwards; }

.percent12.start {
  width: 0%;
  -webkit-animation: percent12  2s ease-out forwards;
  animation: percent12  2s ease-out forwards; }

.percent13.start {
  width: 0%;
  -webkit-animation: percent13  2s ease-out forwards;
  animation: percent13  2s ease-out forwards; }

.percent14.start {
  width: 0%;
  -webkit-animation: percent14  2s ease-out forwards;
  animation: percent14  2s ease-out forwards; }

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

.percent16.start {
  width: 0%;
  -webkit-animation: percent16  2s ease-out forwards;
  animation: percent16  2s ease-out forwards; }

.percent17.start {
  width: 0%;
  -webkit-animation: percent17  2s ease-out forwards;
  animation: percent17  2s ease-out forwards; }

.percent18.start {
  width: 0%;
  -webkit-animation: percent18  2s ease-out forwards;
  animation: percent18  2s ease-out forwards; }

.percent19.start {
  width: 0%;
  -webkit-animation: percent19  2s ease-out forwards;
  animation: percent19  2s ease-out forwards; }

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

.percent21.start {
  width: 0%;
  -webkit-animation: percent21  2s ease-out forwards;
  animation: percent21  2s ease-out forwards; }

.percent22.start {
  width: 0%;
  -webkit-animation: percent22  2s ease-out forwards;
  animation: percent22  2s ease-out forwards; }

.percent23.start {
  width: 0%;
  -webkit-animation: percent23  2s ease-out forwards;
  animation: percent23  2s ease-out forwards; }

.percent24.start {
  width: 0%;
  -webkit-animation: percent24  2s ease-out forwards;
  animation: percent24  2s ease-out forwards; }

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

.percent26.start {
  width: 0%;
  -webkit-animation: percent26  2s ease-out forwards;
  animation: percent26  2s ease-out forwards; }

.percent27.start {
  width: 0%;
  -webkit-animation: percent27  2s ease-out forwards;
  animation: percent27  2s ease-out forwards; }

.percent28.start {
  width: 0%;
  -webkit-animation: percent28  2s ease-out forwards;
  animation: percent28  2s ease-out forwards; }

.percent29.start {
  width: 0%;
  -webkit-animation: percent29  2s ease-out forwards;
  animation: percent29  2s ease-out forwards; }

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

.percent31.start {
  width: 0%;
  -webkit-animation: percent31  2s ease-out forwards;
  animation: percent31  2s ease-out forwards; }

.percent32.start {
  width: 0%;
  -webkit-animation: percent32  2s ease-out forwards;
  animation: percent32  2s ease-out forwards; }

.percent33.start {
  width: 0%;
  -webkit-animation: percent33  2s ease-out forwards;
  animation: percent33  2s ease-out forwards; }

.percent34.start {
  width: 0%;
  -webkit-animation: percent34  2s ease-out forwards;
  animation: percent34  2s ease-out forwards; }

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

.percent36.start {
  width: 0%;
  -webkit-animation: percent36  2s ease-out forwards;
  animation: percent36  2s ease-out forwards; }

.percent37.start {
  width: 0%;
  -webkit-animation: percent37  2s ease-out forwards;
  animation: percent37  2s ease-out forwards; }

.percent38.start {
  width: 0%;
  -webkit-animation: percent38  2s ease-out forwards;
  animation: percent38  2s ease-out forwards; }

.percent39.start {
  width: 0%;
  -webkit-animation: percent39  2s ease-out forwards;
  animation: percent39  2s ease-out forwards; }

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

.percent41.start {
  width: 0%;
  -webkit-animation: percent41  2s ease-out forwards;
  animation: percent41  2s ease-out forwards; }

.percent42.start {
  width: 0%;
  -webkit-animation: percent42  2s ease-out forwards;
  animation: percent42  2s ease-out forwards; }

.percent43.start {
  width: 0%;
  -webkit-animation: percent43  2s ease-out forwards;
  animation: percent43  2s ease-out forwards; }

.percent44.start {
  width: 0%;
  -webkit-animation: percent44  2s ease-out forwards;
  animation: percent44  2s ease-out forwards; }

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

.percent46.start {
  width: 0%;
  -webkit-animation: percent46  2s ease-out forwards;
  animation: percent46  2s ease-out forwards; }

.percent47.start {
  width: 0%;
  -webkit-animation: percent47  2s ease-out forwards;
  animation: percent47  2s ease-out forwards; }

.percent48.start {
  width: 0%;
  -webkit-animation: percent48  2s ease-out forwards;
  animation: percent48  2s ease-out forwards; }

.percent49.start {
  width: 0%;
  -webkit-animation: percent49  2s ease-out forwards;
  animation: percent49  2s ease-out forwards; }

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

.percent51.start {
  width: 0%;
  -webkit-animation: percent51  2s ease-out forwards;
  animation: percent51  2s ease-out forwards; }

.percent52.start {
  width: 0%;
  -webkit-animation: percent52  2s ease-out forwards;
  animation: percent52  2s ease-out forwards; }

.percent53.start {
  width: 0%;
  -webkit-animation: percent53  2s ease-out forwards;
  animation: percent53  2s ease-out forwards; }

.percent54.start {
  width: 0%;
  -webkit-animation: percent54  2s ease-out forwards;
  animation: percent54  2s ease-out forwards; }

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

.percent56.start {
  width: 0%;
  -webkit-animation: percent56  2s ease-out forwards;
  animation: percent56  2s ease-out forwards; }

.percent57.start {
  width: 0%;
  -webkit-animation: percent57  2s ease-out forwards;
  animation: percent57  2s ease-out forwards; }

.percent58.start {
  width: 0%;
  -webkit-animation: percent58  2s ease-out forwards;
  animation: percent58  2s ease-out forwards; }

.percent59.start {
  width: 0%;
  -webkit-animation: percent59  2s ease-out forwards;
  animation: percent59  2s ease-out forwards; }

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

.percent61.start {
  width: 0%;
  -webkit-animation: percent61  2s ease-out forwards;
  animation: percent61  2s ease-out forwards; }

.percent62.start {
  width: 0%;
  -webkit-animation: percent62  2s ease-out forwards;
  animation: percent62  2s ease-out forwards; }

.percent63.start {
  width: 0%;
  -webkit-animation: percent63  2s ease-out forwards;
  animation: percent63  2s ease-out forwards; }

.percent64.start {
  width: 0%;
  -webkit-animation: percent64  2s ease-out forwards;
  animation: percent64  2s ease-out forwards; }

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

.percent66.start {
  width: 0%;
  -webkit-animation: percent66  2s ease-out forwards;
  animation: percent66  2s ease-out forwards; }

.percent67.start {
  width: 0%;
  -webkit-animation: percent67  2s ease-out forwards;
  animation: percent67  2s ease-out forwards; }

.percent68.start {
  width: 0%;
  -webkit-animation: percent68  2s ease-out forwards;
  animation: percent68  2s ease-out forwards; }

.percent69.start {
  width: 0%;
  -webkit-animation: percent69  2s ease-out forwards;
  animation: percent69  2s ease-out forwards; }

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

.percent71.start {
  width: 0%;
  -webkit-animation: percent71  2s ease-out forwards;
  animation: percent71  2s ease-out forwards; }

.percent72.start {
  width: 0%;
  -webkit-animation: percent72  2s ease-out forwards;
  animation: percent72  2s ease-out forwards; }

.percent73.start {
  width: 0%;
  -webkit-animation: percent73  2s ease-out forwards;
  animation: percent73  2s ease-out forwards; }

.percent74.start {
  width: 0%;
  -webkit-animation: percent74  2s ease-out forwards;
  animation: percent74  2s ease-out forwards; }

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

.percent76.start {
  width: 0%;
  -webkit-animation: percent76  2s ease-out forwards;
  animation: percent76  2s ease-out forwards; }

.percent77.start {
  width: 0%;
  -webkit-animation: percent77  2s ease-out forwards;
  animation: percent77  2s ease-out forwards; }

.percent78.start {
  width: 0%;
  -webkit-animation: percent78  2s ease-out forwards;
  animation: percent78  2s ease-out forwards; }

.percent79.start {
  width: 0%;
  -webkit-animation: percent79  2s ease-out forwards;
  animation: percent79  2s ease-out forwards; }

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

.percent81.start {
  width: 0%;
  -webkit-animation: percent81  2s ease-out forwards;
  animation: percent81  2s ease-out forwards; }

.percent82.start {
  width: 0%;
  -webkit-animation: percent82  2s ease-out forwards;
  animation: percent82  2s ease-out forwards; }

.percent83.start {
  width: 0%;
  -webkit-animation: percent83  2s ease-out forwards;
  animation: percent83  2s ease-out forwards; }

.percent84.start {
  width: 0%;
  -webkit-animation: percent84  2s ease-out forwards;
  animation: percent84  2s ease-out forwards; }

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

.percent86.start {
  width: 0%;
  -webkit-animation: percent86  2s ease-out forwards;
  animation: percent86  2s ease-out forwards; }

.percent87.start {
  width: 0%;
  -webkit-animation: percent87  2s ease-out forwards;
  animation: percent87  2s ease-out forwards; }

.percent88.start {
  width: 0%;
  -webkit-animation: percent88  2s ease-out forwards;
  animation: percent88  2s ease-out forwards; }

.percent89.start {
  width: 0%;
  -webkit-animation: percent89  2s ease-out forwards;
  animation: percent89  2s ease-out forwards; }

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

.percent91.start {
  width: 0%;
  -webkit-animation: percent91  2s ease-out forwards;
  animation: percent91  2s ease-out forwards; }

.percent92.start {
  width: 0%;
  -webkit-animation: percent92  2s ease-out forwards;
  animation: percent92  2s ease-out forwards; }

.percent93.start {
  width: 0%;
  -webkit-animation: percent93  2s ease-out forwards;
  animation: percent93  2s ease-out forwards; }

.percent94.start {
  width: 0%;
  -webkit-animation: percent94  2s ease-out forwards;
  animation: percent94  2s ease-out forwards; }

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

.percent96.start {
  width: 0%;
  -webkit-animation: percent96  2s ease-out forwards;
  animation: percent96  2s ease-out forwards; }

.percent97.start {
  width: 0%;
  -webkit-animation: percent97  2s ease-out forwards;
  animation: percent97  2s ease-out forwards; }

.percent98.start {
  width: 0%;
  -webkit-animation: percent98  2s ease-out forwards;
  animation: percent98  2s ease-out forwards; }

.percent99.start {
  width: 0%;
  -webkit-animation: percent99  2s ease-out forwards;
  animation: percent99  2s ease-out forwards; }

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

@-webkit-keyframes percent1 {
  0% {
    width: 0px; }
  100% {
    width: 1%; } }

@-webkit-keyframes percent2 {
  0% {
    width: 0px; }
  100% {
    width: 2%; } }

@-webkit-keyframes percent3 {
  0% {
    width: 0px; }
  100% {
    width: 3%; } }

@-webkit-keyframes percent4 {
  0% {
    width: 0px; }
  100% {
    width: 4%; } }

@-webkit-keyframes percent5 {
  0% {
    width: 0px; }
  100% {
    width: 5%; } }

@-webkit-keyframes percent6 {
  0% {
    width: 0px; }
  100% {
    width: 6%; } }

@-webkit-keyframes percent7 {
  0% {
    width: 0px; }
  100% {
    width: 7%; } }

@-webkit-keyframes percent8 {
  0% {
    width: 0px; }
  100% {
    width: 8%; } }

@-webkit-keyframes percent9 {
  0% {
    width: 0px; }
  100% {
    width: 9%; } }

@-webkit-keyframes percent10 {
  0% {
    width: 0px; }
  100% {
    width: 10%; } }

@-webkit-keyframes percent11 {
  0% {
    width: 0px; }
  100% {
    width: 11%; } }

@-webkit-keyframes percent12 {
  0% {
    width: 0px; }
  100% {
    width: 12%; } }

@-webkit-keyframes percent13 {
  0% {
    width: 0px; }
  100% {
    width: 13%; } }

@-webkit-keyframes percent14 {
  0% {
    width: 0px; }
  100% {
    width: 14%; } }

@-webkit-keyframes percent15 {
  0% {
    width: 0px; }
  100% {
    width: 15%; } }

@-webkit-keyframes percent16 {
  0% {
    width: 0px; }
  100% {
    width: 16%; } }

@-webkit-keyframes percent17 {
  0% {
    width: 0px; }
  100% {
    width: 17%; } }

@-webkit-keyframes percent18 {
  0% {
    width: 0px; }
  100% {
    width: 18%; } }

@-webkit-keyframes percent19 {
  0% {
    width: 0px; }
  100% {
    width: 19%; } }

@-webkit-keyframes percent20 {
  0% {
    width: 0px; }
  100% {
    width: 20%; } }

@-webkit-keyframes percent21 {
  0% {
    width: 0px; }
  100% {
    width: 21%; } }

@-webkit-keyframes percent22 {
  0% {
    width: 0px; }
  100% {
    width: 22%; } }

@-webkit-keyframes percent23 {
  0% {
    width: 0px; }
  100% {
    width: 23%; } }

@-webkit-keyframes percent24 {
  0% {
    width: 0px; }
  100% {
    width: 24%; } }

@-webkit-keyframes percent25 {
  0% {
    width: 0px; }
  100% {
    width: 25%; } }

@-webkit-keyframes percent26 {
  0% {
    width: 0px; }
  100% {
    width: 26%; } }

@-webkit-keyframes percent27 {
  0% {
    width: 0px; }
  100% {
    width: 27%; } }

@-webkit-keyframes percent28 {
  0% {
    width: 0px; }
  100% {
    width: 28%; } }

@-webkit-keyframes percent29 {
  0% {
    width: 0px; }
  100% {
    width: 29%; } }

@-webkit-keyframes percent30 {
  0% {
    width: 0px; }
  100% {
    width: 30%; } }

@-webkit-keyframes percent31 {
  0% {
    width: 0px; }
  100% {
    width: 31%; } }

@-webkit-keyframes percent32 {
  0% {
    width: 0px; }
  100% {
    width: 32%; } }

@-webkit-keyframes percent33 {
  0% {
    width: 0px; }
  100% {
    width: 33%; } }

@-webkit-keyframes percent34 {
  0% {
    width: 0px; }
  100% {
    width: 34%; } }

@-webkit-keyframes percent35 {
  0% {
    width: 0px; }
  100% {
    width: 35%; } }

@-webkit-keyframes percent36 {
  0% {
    width: 0px; }
  100% {
    width: 36%; } }

@-webkit-keyframes percent37 {
  0% {
    width: 0px; }
  100% {
    width: 37%; } }

@-webkit-keyframes percent38 {
  0% {
    width: 0px; }
  100% {
    width: 38%; } }

@-webkit-keyframes percent39 {
  0% {
    width: 0px; }
  100% {
    width: 39%; } }

@-webkit-keyframes percent40 {
  0% {
    width: 0px; }
  100% {
    width: 40%; } }

@-webkit-keyframes percent41 {
  0% {
    width: 0px; }
  100% {
    width: 41%; } }

@-webkit-keyframes percent42 {
  0% {
    width: 0px; }
  100% {
    width: 42%; } }

@-webkit-keyframes percent43 {
  0% {
    width: 0px; }
  100% {
    width: 43%; } }

@-webkit-keyframes percent44 {
  0% {
    width: 0px; }
  100% {
    width: 44%; } }

@-webkit-keyframes percent45 {
  0% {
    width: 0px; }
  100% {
    width: 45%; } }

@-webkit-keyframes percent46 {
  0% {
    width: 0px; }
  100% {
    width: 46%; } }

@-webkit-keyframes percent47 {
  0% {
    width: 0px; }
  100% {
    width: 47%; } }

@-webkit-keyframes percent48 {
  0% {
    width: 0px; }
  100% {
    width: 48%; } }

@-webkit-keyframes percent49 {
  0% {
    width: 0px; }
  100% {
    width: 49%; } }

@-webkit-keyframes percent50 {
  0% {
    width: 0px; }
  100% {
    width: 50%; } }

@-webkit-keyframes percent51 {
  0% {
    width: 0px; }
  100% {
    width: 51%; } }

@-webkit-keyframes percent52 {
  0% {
    width: 0px; }
  100% {
    width: 52%; } }

@-webkit-keyframes percent53 {
  0% {
    width: 0px; }
  100% {
    width: 53%; } }

@-webkit-keyframes percent54 {
  0% {
    width: 0px; }
  100% {
    width: 54%; } }

@-webkit-keyframes percent55 {
  0% {
    width: 0px; }
  100% {
    width: 55%; } }

@-webkit-keyframes percent56 {
  0% {
    width: 0px; }
  100% {
    width: 56%; } }

@-webkit-keyframes percent57 {
  0% {
    width: 0px; }
  100% {
    width: 57%; } }

@-webkit-keyframes percent58 {
  0% {
    width: 0px; }
  100% {
    width: 58%; } }

@-webkit-keyframes percent59 {
  0% {
    width: 0px; }
  100% {
    width: 59%; } }

@-webkit-keyframes percent60 {
  0% {
    width: 0px; }
  100% {
    width: 60%; } }

@-webkit-keyframes percent61 {
  0% {
    width: 0px; }
  100% {
    width: 61%; } }

@-webkit-keyframes percent62 {
  0% {
    width: 0px; }
  100% {
    width: 62%; } }

@-webkit-keyframes percent63 {
  0% {
    width: 0px; }
  100% {
    width: 63%; } }

@-webkit-keyframes percent64 {
  0% {
    width: 0px; }
  100% {
    width: 64%; } }

@-webkit-keyframes percent65 {
  0% {
    width: 0px; }
  100% {
    width: 65%; } }

@-webkit-keyframes percent66 {
  0% {
    width: 0px; }
  100% {
    width: 66%; } }

@-webkit-keyframes percent67 {
  0% {
    width: 0px; }
  100% {
    width: 67%; } }

@-webkit-keyframes percent68 {
  0% {
    width: 0px; }
  100% {
    width: 68%; } }

@-webkit-keyframes percent69 {
  0% {
    width: 0px; }
  100% {
    width: 69%; } }

@-webkit-keyframes percent70 {
  0% {
    width: 0px; }
  100% {
    width: 70%; } }

@-webkit-keyframes percent71 {
  0% {
    width: 0px; }
  100% {
    width: 71%; } }

@-webkit-keyframes percent72 {
  0% {
    width: 0px; }
  100% {
    width: 72%; } }

@-webkit-keyframes percent73 {
  0% {
    width: 0px; }
  100% {
    width: 73%; } }

@-webkit-keyframes percent74 {
  0% {
    width: 0px; }
  100% {
    width: 74%; } }

@-webkit-keyframes percent75 {
  0% {
    width: 0px; }
  100% {
    width: 75%; } }

@-webkit-keyframes percent66 {
  0% {
    width: 0px; }
  100% {
    width: 76%; } }

@-webkit-keyframes percent77 {
  0% {
    width: 0px; }
  100% {
    width: 77%; } }

@-webkit-keyframes percent78 {
  0% {
    width: 0px; }
  100% {
    width: 78%; } }

@-webkit-keyframes percent79 {
  0% {
    width: 0px; }
  100% {
    width: 79%; } }

@-webkit-keyframes percent80 {
  0% {
    width: 0px; }
  100% {
    width: 80%; } }

@-webkit-keyframes percent81 {
  0% {
    width: 0px; }
  100% {
    width: 81%; } }

@-webkit-keyframes percent82 {
  0% {
    width: 0px; }
  100% {
    width: 82%; } }

@-webkit-keyframes percent83 {
  0% {
    width: 0px; }
  100% {
    width: 83%; } }

@-webkit-keyframes percent84 {
  0% {
    width: 0px; }
  100% {
    width: 84%; } }

@-webkit-keyframes percent85 {
  0% {
    width: 0px; }
  100% {
    width: 85%; } }

@-webkit-keyframes percent86 {
  0% {
    width: 0px; }
  100% {
    width: 86%; } }

@-webkit-keyframes percent87 {
  0% {
    width: 0px; }
  100% {
    width: 87%; } }

@-webkit-keyframes percent88 {
  0% {
    width: 0px; }
  100% {
    width: 88%; } }

@-webkit-keyframes percent89 {
  0% {
    width: 0px; }
  100% {
    width: 89%; } }

@-webkit-keyframes percent90 {
  0% {
    width: 0px; }
  100% {
    width: 90%; } }

@-webkit-keyframes percent91 {
  0% {
    width: 0px; }
  100% {
    width: 91%; } }

@-webkit-keyframes percent92 {
  0% {
    width: 0px; }
  100% {
    width: 92%; } }

@-webkit-keyframes percent93 {
  0% {
    width: 0px; }
  100% {
    width: 93%; } }

@-webkit-keyframes percent94 {
  0% {
    width: 0px; }
  100% {
    width: 94%; } }

@-webkit-keyframes percent95 {
  0% {
    width: 0px; }
  100% {
    width: 95%; } }

@-webkit-keyframes percent96 {
  0% {
    width: 0px; }
  100% {
    width: 96%; } }

@-webkit-keyframes percent97 {
  0% {
    width: 0px; }
  100% {
    width: 97%; } }

@-webkit-keyframes percent98 {
  0% {
    width: 0px; }
  100% {
    width: 98%; } }

@-webkit-keyframes percent99 {
  0% {
    width: 0px; }
  100% {
    width: 99%; } }

@-webkit-keyframes percent100 {
  0% {
    width: 0px; }
  100% {
    width: 100%; } }

/* Circle Skill */
.skill-circle {
  width: 25%;
  display: inline-block;
  text-align: center; }
  .skill-circle .chart {
    width: auto;
    height: auto;
    margin-top: 50px;
    margin-bottom: 20px; }
    .skill-circle .chart canvas {
      position: static; }
  .skill-circle .chart-wrapper {
    position: relative; }
  .skill-circle .chart-per {
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 700;
    position: absolute;
    bottom: 70px;
    left: 65px;
    color: #131e32; }
  .skill-circle .label {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
    color: #131e32; }

.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: #8f8f8f;
    height: 15px !important;
    background: #fff !important; }
  .site-footer .widget.widget_skill-widget .skill-container .skill-content {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    position: relative !important;
    top: -50px; }
    .site-footer .widget.widget_skill-widget .skill-container .skill-content span {
      padding: 0;
      display: inline !important; }
  .site-footer .widget.widget_skill-widget .skill-container .skill-percentage {
    background: #ffb500 !important; }

.left-sidebar .widget.widget_skill-widget .skill-container {
  width: 100%;
  float: none; }
  .left-sidebar .widget.widget_skill-widget .skill-container .skill {
    margin-bottom: 20px;
    background-color: #8f8f8f;
    height: 15px !important;
    background: #131e32 !important; }
  .left-sidebar .widget.widget_skill-widget .skill-container .skill-content {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    position: relative !important;
    top: -50px; }
    .left-sidebar .widget.widget_skill-widget .skill-container .skill-content .txt-count {
      position: relative;
      top: -7px; }
    .left-sidebar .widget.widget_skill-widget .skill-container .skill-content span {
      padding: 0;
      display: inline !important; }
  .left-sidebar .widget.widget_skill-widget .skill-container .skill-percentage {
    background: #ffb500 !important; }

.share-box .widget-title {
  margin-bottom: 20px;
  color: #131e32; }

.share-box ul {
  margin: 30px 0px; }
  .share-box ul li {
    border: 0;
    padding: 0;
    margin: 0;
    display: inline; }
    .share-box ul li a {
      margin-bottom: 5px;
      border: 1px solid #dddddd;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      border-radius: 5px;
      width: 50px;
      height: 50px;
      margin-right: 5px;
      display: inline-block;
      background-color: #131e32;
      text-align: center;
      line-height: 50px; }
      .share-box ul li a:hover {
        color: #fff;
        background-color: #ffb500;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
      .share-box ul li a i {
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 2; }

.share-box {
  margin-bottom: 20px; }
  .share-box h4 {
    margin-bottom: 10px; }

.theme-social-network a {
  border: 1px solid currentcolor;
  border-radius: 100%;
  display: inline-block;
  font-size: 15px;
  height: 35px;
  line-height: 32px;
  margin-right: 5px;
  text-align: center;
  width: 35px; }

/* top-header */
.top-nav .theme-social-network a {
  border: none;
  font-size: 14px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  margin-right: 5px;
  color: #131e32; }
  .top-nav .theme-social-network a:hover {
    color: #fff; }

.site-footer .widget_social-networks-widget ul,
.site-footer .share-box ul {
  margin: 0;
  padding: 0;
  text-align: left;
  margin-top: 25px; }
  .site-footer .widget_social-networks-widget ul li,
  .site-footer .share-box ul li {
    list-style: none;
    background: none !important;
    margin: 0px 5px 5px 0px;
    display: inline-block;
    padding: 0 !important; }
    .site-footer .widget_social-networks-widget ul li a .fa,
    .site-footer .share-box ul li a .fa {
      color: #fff;
      background: #ffb500;
      width: 45px;
      height: 45px;
      display: inline-block;
      text-align: center;
      margin: 0;
      border-radius: 100%;
      position: relative;
      overflow: visible;
      line-height: 45px; }
      .site-footer .widget_social-networks-widget ul li a .fa i,
      .site-footer .share-box ul li a .fa i {
        font-size: 15px;
        font-size: 1.5rem; }
      .site-footer .widget_social-networks-widget ul li a .fa:hover,
      .site-footer .share-box ul li a .fa:hover {
        background-color: #ffb500 !important;
        color: #fff; }
    .site-footer .widget_social-networks-widget ul li .fa-digg,
    .site-footer .share-box ul li .fa-digg {
      background: #5C79B7 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-dribbble,
    .site-footer .share-box ul li .fa-dribbble {
      background: #ea4c89 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-facebook,
    .site-footer .share-box ul li .fa-facebook {
      background: #3b5998 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-flickr,
    .site-footer .share-box ul li .fa-flickr {
      background: #ff0084 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-google-plus,
    .site-footer .share-box ul li .fa-google-plus {
      background: #df4a32 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-linkedin,
    .site-footer .share-box ul li .fa-linkedin {
      background: #0073b2 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-pinterest,
    .site-footer .share-box ul li .fa-pinterest {
      background: #c92228 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-rss,
    .site-footer .share-box ul li .fa-rss {
      background: #ff9702 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-skype,
    .site-footer .share-box ul li .fa-skype {
      background: #00aff0 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-tumblr,
    .site-footer .share-box ul li .fa-tumblr {
      background: #2c4762 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-twitter,
    .site-footer .share-box ul li .fa-twitter {
      background: #00acee !important; }
    .site-footer .widget_social-networks-widget ul li .fa-vimeo-square,
    .site-footer .share-box ul li .fa-vimeo-square {
      background: #3b5998 !important; }
    .site-footer .widget_social-networks-widget ul li .fa-youtube,
    .site-footer .share-box ul li .fa-youtube {
      background: #df0f32 !important; }
  .site-footer .widget_social-networks-widget ul li:last-child,
  .site-footer .share-box ul li:last-child {
    margin-right: 0; }

.left-sidebar .widget_social-networks-widget ul {
  text-align: left;
  clear: both; }
  .left-sidebar .widget_social-networks-widget ul li {
    border: 0;
    padding: 0; }
    .left-sidebar .widget_social-networks-widget ul li a {
      width: 40px;
      height: 40px;
      height: inherit !important;
      width: inherit  !important;
      color: #000; }
      .left-sidebar .widget_social-networks-widget ul li a i {
        transition: all 0.5s ease; }
      .left-sidebar .widget_social-networks-widget ul li a:hover i {
        color: #ffb500; }

.widget_stats-widget .stat-container {
  margin-top: 10px;
  background: #ffb500;
  padding: 50px 40px; }
  .widget_stats-widget .stat-container .icon-wrapper {
    margin: 0 auto;
    float: left;
    width: 25%; }
    .widget_stats-widget .stat-container .icon-wrapper img {
      border-radius: 100%; }
    .widget_stats-widget .stat-container .icon-wrapper .sow-icon-fontawesome {
      color: #fff;
      font-size: 25px;
      font-size: 2.5rem;
      background: #ffb500;
      line-height: 1;
      border-radius: 100%;
      padding: 19px; }
    .widget_stats-widget .stat-container .icon-wrapper span {
      font-size: 35px;
      font-size: 3.5rem;
      background: #ffb500;
      line-height: 1;
      border-radius: 100%;
      padding: 19px; }
  .widget_stats-widget .stat-container .stat-content {
    float: right;
    width: 75%;
    padding-left: 25px; }
  .widget_stats-widget .stat-container .stats-title {
    margin-bottom: 0;
    padding-bottom: 10px;
    margin: 0px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400; }
  .widget_stats-widget .stat-container .stat {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: 400;
    margin: 0px; }

.tabs.normal, .tabs {
  width: 99%; }
  .tabs.normal ul, .tabs ul {
    width: 100%;
    clear: both;
    padding: 0;
    top: 38px;
    margin: 0 !important;
    position: static;
    z-index: 1;
    border-bottom: 1px solid #ffb500; }
    .tabs.normal ul li, .tabs ul li {
      display: inline;
      padding: 0px;
      list-style-type: none;
      float: left;
      margin-bottom: 0;
      margin-right: 8px; }
      .tabs.normal ul li a, .tabs ul li a {
        display: inline-block;
        padding: 8px 30px;
        margin: 0;
        position: relative;
        transition: all 0.6s ease;
        border-radius: 4px 4px 0px 0px;
        border: 1px solid #ffb500;
        border-bottom: 0;
        font-size: 18px;
        font-size: 1.8rem;
        position: relative;
        text-transform: uppercase;
        color: #131e32; }
        .tabs.normal ul li a:after, .tabs ul li a:after {
          border-bottom: 1px solid white;
          position: absolute;
          content: "";
          width: 100%;
          left: 0;
          bottom: -1px; }
      .tabs.normal ul li a:hover, .tabs ul li a:hover {
        background-color: #ffb500;
        color: #fff; }
        .tabs.normal ul li a:hover:after, .tabs ul li a:hover:after {
          border-bottom: 0; }
    .tabs.normal ul li .tabulous_active, .tabs ul li .tabulous_active {
      background-color: #ffb500 !important;
      color: #fff !important;
      position: relative; }
      .tabs.normal ul li .tabulous_active:after, .tabs ul li .tabulous_active:after {
        border-bottom: 0; }
    .tabs.normal ul li:last-of-type .tabulous_active, .tabs ul li:last-of-type .tabulous_active {
      margin-right: 12px; }
    .tabs.normal ul li:last-of-type a, .tabs ul li:last-of-type a {
      smargin-right: 12px; }
  .tabs.normal .tabs_container, .tabs .tabs_container {
    clear: both;
    position: relative; }
    .tabs.normal .tabs_container div, .tabs .tabs_container div {
      padding: 25px 25px 25px 0px;
      position: absolute;
      top: 0 !important;
      width: 100%; }
    .tabs.normal .tabs_container p:last-child, .tabs .tabs_container p:last-child {
      margin-bottom: 0; }

.tabs.center ul {
  text-align: center; }
  .tabs.center ul li {
    float: none; }

.tabs_container a {
  position: relative;
  z-index: 1; }

.tabs .showscale {
  z-index: 1; }

.tabs .tab_heading {
  z-index: 2 !important; }

.widget.widget_team-member-widget {
  text-align: center; }

.our-team {
  position: relative;
  overlfow: hidden;
  max-width: 350px;
  display: inline-block; }
  .our-team p {
    margin-bottom: 0; }

.team-social {
  clear: both;
  text-align: center; }

.team-member h4 {
  background-color: #131e32;
  padding: 25px;
  color: #fff;
  font-size: 20px; }
  .team-member h4 span {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 8px; }

.team-social ul {
  margin: 0;
  list-style-type: none; }
  .team-social ul li {
    margin: 0 5px;
    padding: 0;
    border: 0;
    display: inline; }
    .team-social ul li a {
      text-decoration: none;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 100%;
      color: #fff;
      margin: 5px 0px; }
      .team-social ul li a .fa {
        font-size: 1em;
        font-weight: normal; }
    .team-social ul li a:hover {
      background-color: #131e32;
      color: #fff; }

.team-avatar img {
  width: 100%;
  height: 100%;
  display: block; }

.team-content {
  position: absolute;
  opacity: 0;
  transition: all 0.5s ease;
  width: 100%;
  top: 0;
  left: 0;
  padding: 35% 20px 20px 20px;
  background-color: #ffb500;
  color: #fff; }
  .team-content p {
    text-align: center;
    color: #fff;
    line-height: 24px;
    font-size: 15px; }
    .team-content p a {
      text-decoration: underline;
      color: #fff; }
      .team-content p a:hover {
        color: #000; }
  .team-content h4 {
    padding-bottom: 20px;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 20px; }
  .team-content p.readmore {
    position: absolute;
    bottom: -10px;
    left: 30%;
    color: #fff; }

.our-team:hover .team-avatar {
  opacity: .5;
  transition: all 0.5s ease; }

.our-team:hover .team-content {
  opacity: 1; }

.our-team:hover .team-social {
  z-index: 1; }
  .our-team:hover .team-social ul li a {
    color: #fff; }
    .our-team:hover .team-social ul li a:hover {
      background: #fff;
      color: #000;
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
      transition: all 0.2s linear; }

.team-content {
  height: 264px; }

.team-avatar img {
  transition: all 0.3s linear; }

.team-content {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all 0.4s ease-in-out; }

.team-content h4 {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all 0.2s ease-in-out; }

.team-content p {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all 0.3s linear; }

.our-team:hover .team-content {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1; }

.our-team:hover h4,
.our-team:hover p {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }

.our-team:hover p {
  transition-delay: 0.1s; }

.site-footer .widget.widget_ourteam-widget .team-content {
  height: auto;
  margin-bottom: 30px; }
  .site-footer .widget.widget_ourteam-widget .team-content h4 {
    color: #fff; }
    .site-footer .widget.widget_ourteam-widget .team-content h4 span {
      color: #fff; }
  .site-footer .widget.widget_ourteam-widget .team-content p {
    color: #fff !important; }

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

#secondary .left-sidebar .widget.widget_ourteam-widget .team-content {
  float: left;
  width: 54%; }
  #secondary .left-sidebar .widget.widget_ourteam-widget .team-content p, #secondary .left-sidebar .widget.widget_ourteam-widget .team-content span {
    color: #000; }
  #secondary .left-sidebar .widget.widget_ourteam-widget .team-content h4 {
    color: #ffb500;
    font-size: 20px;
    font-size: 2rem; }
    #secondary .left-sidebar .widget.widget_ourteam-widget .team-content h4:hover {
      color: #000 !important; }
  #secondary .left-sidebar .widget.widget_ourteam-widget .team-content ul li {
    padding: 0;
    margin: 0;
    border: 0; }
    #secondary .left-sidebar .widget.widget_ourteam-widget .team-content ul li a {
      color: #fff; }

#secondary .left-sidebar .widget.widget_ourteam-widget .team-avatar {
  float: left;
  width: 35%; }
  #secondary .left-sidebar .widget.widget_ourteam-widget .team-avatar img {
    width: 100%;
    height: 20% !important;
    border-radius: 70%; }

#secondary .left-sidebar .widget.widget_ourteam-widget:hover .team-content h4 {
  color: #fff; }

.so-widget-testimonial-widget {
  margin: 0 -100% !important;
  padding: 10px 100%;
  position: relative; }
  .so-widget-testimonial-widget .testimonial-container {
    position: relative; }
  .so-widget-testimonial-widget ul.slides {
    margin-top: 0; }
    .so-widget-testimonial-widget ul.slides li {
      border: none; }
  .so-widget-testimonial-widget .testimony {
    position: relative;
    width: 80%;
    margin: 0 auto;
    z-index: 1; }
    .so-widget-testimonial-widget .testimony .t-inner {
      position: relative;
      z-index: 1;
      padding: 15px; }
  .so-widget-testimonial-widget ul li {
    border: none;
    text-align: center; }
    .so-widget-testimonial-widget ul li .client-pic {
      margin: 0px;
      position: relative;
      display: inline-block;
      text-align: center; }
      .so-widget-testimonial-widget ul li .client-pic img {
        border-radius: 100%; }
    .so-widget-testimonial-widget ul li p.client {
      margin-bottom: 0;
      text-align: center;
      font-size: 12px;
      font-size: 1.2rem; }
      .so-widget-testimonial-widget ul li p.client strong {
        font-size: 22px;
        font-size: 2.2rem;
        display: block;
        margin-bottom: 0px;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        line-height: 2rem;
        margin-top: 20px;
        font-weight: 500; }
      .so-widget-testimonial-widget ul li p.client a {
        color: #131e32;
        font-size: 12px;
        font-size: 1.2rem; }
  .so-widget-testimonial-widget .flex-direction-nav {
    display: none; }
    .so-widget-testimonial-widget .flex-direction-nav a {
      opacity: 1;
      top: 20%; }
    .so-widget-testimonial-widget .flex-direction-nav li {
      border: none; }
  .so-widget-testimonial-widget .flex-control-nav {
    display: block;
    bottom: -60px; }
    .so-widget-testimonial-widget .flex-control-nav li {
      margin: 0px; }
      .so-widget-testimonial-widget .flex-control-nav li a {
        background: transparent;
        border: 1px solid; }
      .so-widget-testimonial-widget .flex-control-nav li a.flex-active {
        background: currentColor; }

.site-footer .widget_testimonial-widget {
  padding: 0; }
  .site-footer .widget_testimonial-widget h3 {
    margin-bottom: 0; }
  .site-footer .widget_testimonial-widget .testimonial-container {
    padding-bottom: 20px;
    background-color: transparent; }
  .site-footer .widget_testimonial-widget .testimony {
    width: 100%;
    margin-left: 0; }
    .site-footer .widget_testimonial-widget .testimony p {
      font-size: 15px;
      font-size: 1.5rem;
      padding-top: 60px;
      line-height: 1.5;
      background: transparent; }
      .site-footer .widget_testimonial-widget .testimony p:before {
        color: #000;
        font-size: 40px;
        font-size: 4rem; }
    .site-footer .widget_testimonial-widget .testimony .t-inner {
      color: #000 !important;
      text-indent: 20px; }
      .site-footer .widget_testimonial-widget .testimony .t-inner:before {
        background-color: transparent;
        left: -19px;
        top: 0%; }
  .site-footer .widget_testimonial-widget ul li .client {
    color: #ffb500; }
    .site-footer .widget_testimonial-widget ul li .client strong {
      color: #fff; }
  .site-footer .widget_testimonial-widget .flex-direction-nav li {
    position: relative !important; }
    .site-footer .widget_testimonial-widget .flex-direction-nav li a {
      opacity: 1;
      top: -20px; }

.toggle .close {
  display: none; }

.toggle .open {
  display: block; }

.toggle span {
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 10px;
  padding: 3px 10px;
  font-size: 14px;
  line-height: 1.4rem;
  color: #fff; }

.toggle .toggle-title {
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
  padding: 10px 10px 10px 40px;
  margin-top: 10px;
  color: #fff;
  background-color: #ffb500;
  font-size: 20px;
  font-size: 2rem;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif; }

.toggle .toggle-content {
  padding: 20px;
  border-top: none;
  color: #848484; }
  .toggle .toggle-content p {
    margin-bottom: 0; }

.withtip {
  position: relative; }

.so-widget-tooltip-widget p:nth-of-type(1) {
  display: inline; }

.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 {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s;
  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;
  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, -webkit-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 {
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px); }

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

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

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

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

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

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

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

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

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

.site-footer {
  background: #131e32;
  position: relative; }
  .site-footer .footer-widgets {
    text-align: justify; }
    .site-footer .footer-widgets .one-third.column aside {
      margin: 0 2.7em 3.5em 0; }
    .site-footer .footer-widgets .one-third.column:last-child aside {
      margin-right: 0px; }
  .site-footer .footer-widgets {
    padding: 100px 0 50px; }
    .site-footer .footer-widgets h4.widget-title {
      color: #fff;
      margin-bottom: 25px;
      font-size: 26px;
      font-size: 2.6rem;
      text-transform: uppercase;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(255, 181, 0, 0.5); }
    .site-footer .footer-widgets ul li {
      padding: 5px 0px 5px 0;
      list-style: none;
      position: relative;
      transition: all 0.5s ease; }
      .site-footer .footer-widgets ul li i, .site-footer .footer-widgets ul li .fa {
        padding-right: 5px; }
      .site-footer .footer-widgets ul li:hover {
        background-position: 10px 12px; }
    .site-footer .footer-widgets ul.children,
    .site-footer .footer-widgets .widget_nav_menu ul.sub-menu {
      border-color: rgba(255, 255, 255, 0.2); }
    .site-footer .footer-widgets .calendar_wrap td, .site-footer .footer-widgets .calendar_wrap th {
      color: #fff; }
    .site-footer .footer-widgets .calendar_wrap a {
      color: #fff; }
      .site-footer .footer-widgets .calendar_wrap a:hover {
        color: #ffb500; }
    .site-footer .footer-widgets .calendar_wrap tbody tr:nth-child(odd) th {
      background-color: #131e32;
      color: #fff; }
    .site-footer .footer-widgets .calendar_wrap tbody tr:nth-child(odd) td {
      background-color: #131e32;
      color: #fff; }
    .site-footer .footer-widgets .calendar_wrap tbody tr:nth-child(even) th, .site-footer .footer-widgets .calendar_wrap tbody tr:nth-child(even) td {
      background-color: #131e32;
      color: #fff; }
    .site-footer .footer-widgets .calendar_wrap thead th {
      color: #131e32; }
    .site-footer .footer-widgets .widget_calendar table caption {
      background: #ffb500; }
    .site-footer .footer-widgets select {
      width: 100%;
      background: #fff url("images/down.png") no-repeat 95% 50% white;
      -moz-appearance: none;
      border: 1px solid #dddddd;
      padding: 5px 10% 5px 3%; }
    .site-footer .footer-widgets .widget_search .search-form input[type="search"] {
      color: #fff; }
    .site-footer .footer-widgets a {
      color: #8f8f8f; }
      .site-footer .footer-widgets a:hover {
        color: #ffb500; }
    .site-footer .footer-widgets p {
      margin-bottom: 0; }
    .site-footer .footer-widgets .widget_nav_menu ul {
      clear: both; }
    .site-footer .footer-widgets .widget_nav_menu li {
      border-bottom: none; }
      .site-footer .footer-widgets .widget_nav_menu li ul.sub-menu {
        border-top: none;
        margin-left: 12px; }
        .site-footer .footer-widgets .widget_nav_menu li ul.sub-menu li {
          float: none; }
    .site-footer .footer-widgets .widget_tag_cloud a:hover {
      color: #fff; }
    .site-footer .footer-widgets .widget_tag_cloud a {
      color: #131e32; }
    .site-footer .footer-widgets .widget_rss ul li {
      background: none; }

.scroll-to-top {
  background: #ffb500;
  color: #fff;
  bottom: 3%;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 1000;
  text-align: center;
  line-height: 40px;
  width: 40px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 4px;
  transition: background-color 0.3s linear; }

.scroll-to-top:hover {
  background: rgba(255, 181, 0, 0.6); }

.overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.site-info {
  background: #ffb500; }
  .site-info .copyright {
    padding: 10px 0px;
    color: #131e32;
    text-align: center; }
    .site-info .copyright p {
      margin-bottom: 0px; }
      .site-info .copyright p a {
        color: #fff; }
        .site-info .copyright p a:hover {
          color: #131e32; }

/*--------------------------------------------------------------
13.0 Responsiveness
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  .post-wrapper .latst-post-wrapper .latest-post-content-wrapper {
    padding: 30px 30px 0 20px; }
  .post-wrapper .latst-post-wrapper .latest-post-content-wrapper .entry-meta {
    left: 15px;
    right: auto; }
  .post-wrapper .latst-post-wrapper:nth-last-child(2) {
    margin-bottom: 100px; } }

@media only screen and (min-width: 960px) {
  .main-navigation ul ul li:hover > ul {
    right: 100%; } }

@media only screen and (max-width: 960px) {
  .main-navigation ul ul li:hover > ul {
    left: 100%; }
  .top-nav .container .eight.columns {
    width: 100%;
    text-align: center; }
    .top-nav .container .eight.columns li {
      display: inline-block;
      float: none; }
  .top-nav .cart-right {
    text-align: center; }
  .comment-form input[type=text],
  .comment-form input[type=email],
  .comment-form input[type=text] {
    width: 48%; } }

@media only screen and (max-width: 1024px) {
  .widget_nav_menu ul.sub-menu li {
    padding-left: 20px; } }

@media only screen and (max-width: 850px) {
  .widget_nav_menu ul.sub-menu li {
    padding-left: 15px !important; } }

@media only screen and (max-width: 768px) {
  .breadcrumb-left, .breadcrumb-right {
    text-align: center !important; }
  .breadcrumb .container .eight.columns, .branding .container .eight.columns {
    width: 100%;
    text-align: center; }
  .breadcrumb .site-title, .breadcrumb .site-description, .branding .site-title, .branding .site-description {
    text-align: center; }
  .breadcrumb .top-right, .branding .top-right {
    text-align: center; }
    .breadcrumb .top-right ul, .branding .top-right ul {
      float: none; }
    .breadcrumb .top-right li, .branding .top-right li {
      float: none;
      display: inline-block; }
    .breadcrumb .top-right li:first-child, .branding .top-right li:first-child {
      margin-right: 10px; }
  .widget_calendar table th, .widget_calendar table td {
    padding: 7px 2px; }
  table td {
    padding: 7px 2px; }
  .top-nav {
    padding-top: 10px; }
  .site-branding {
    text-align: center; }
    .site-branding img {
      margin: 0 auto; }
  .main-navigation {
    margin: 0;
    float: none; }
  #secondary {
    padding-left: 0; }
  .flexslider .flex-caption {
    position: static;
    background-color: #8f8f8f;
    padding: 30px 20px;
    min-height: 300px;
    width: 100%; }
  .flexslider ol.flex-control-paging {
    bottom: 0; }
  .site-info .widget_nav_menu ul {
    text-align: center; }
  .site-info .left-sidebar {
    padding-bottom: 10px !important; }
  .site-info .copyright {
    padding-bottom: 0 !important;
    text-align: center; }
  #secondary {
    left: 0 !important; } }

@media only screen and (max-width: 700px) {
  #commentform .comment-form-author,
  #commentform .comment-form-email,
  #commentform .comment-form-url {
    width: 100%;
    float: none;
    margin-right: 0; }
  .comment-form input[type=text],
  .comment-form input[type=email],
  .comment-form input[type=text] {
    width: 100%; }
  .comment-form input[type=email] {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  .nav-links .nav-previous,
  .nav-links .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    width: 100%;
    float: none;
    margin: 0px;
    margin-bottom: 10px; }
  .post-navigation .nav-links a,
  .comment-navigation .nav-previous a,
  .comment-navigation .nav-next a {
    display: block;
    text-align: center; } }

@media only screen and (max-width: 480px) {
  .main-navigation {
    padding: 10px 0; }
    .main-navigation button.menu-toggle {
      margin: 0 auto;
      font-size: 15px;
      font-size: 1.5rem;
      background: #131e32;
      border: 1px solid #131e32; }
      .main-navigation button.menu-toggle:hover {
        background: #ffb500; }
    .main-navigation .menu-all-pages-container {
      padding-top: 0; }
  .flex-recent-posts li {
    width: 100%; }
    .flex-recent-posts li img {
      max-width: 100%;
      width: 100%; }
  ol.comment-list ol.children {
    margin-left: 1em; }
  .flexslider ol.flex-control-paging li a {
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-width: 3px; }
  .portfolioeffects .overlay_icon a {
    border: none;
    width: 15px;
    height: 15px; } }

@media only screen and (min-width: 600px) and (max-width: 800px) {
  .skill-circle {
    width: 50%; } }

@media only screen and (max-width: 600px) {
  ul#portfolio li.item {
    width: 100% !important; }
  .flexslider .slides .flex-caption, .home .flexslider .slides .flex-caption {
    width: 100% !important; }
  .skill-circle {
    width: 100%; }
  .team-content {
    width: 100% !important; }
  .gx-pricing-table {
    float: none;
    width: 100% !important;
    border: 1px solid #dddddd; }
  .tabs.normal ul li a, .tabs ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 15px; }
  .branding .site-branding h1.site-title a::before {
    left: none; } }

@media only screen and (max-width: 767px) {
  figure.alignright, img.alignright {
    margin-right: 1.5em;
    margin-left: 0px; }
  figure.alignleft, img.alignleft, figure.alignright, img.alignright {
    float: none; } }