@import url(../fonts/changa.css);
@charset "UTF-8";

html {

  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%; }



body {

  margin: 0; }



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

  display: block; }



audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline; }



audio:not([controls]) {

  display: none;

  height: 0; }



[hidden],

template {

  display: none; }



a {

  background-color: transparent; }



a:active,

a:hover {

  outline: 0; }



abbr[title] {

  border-bottom: 1px dotted; }



b,

strong {

  font-weight: bold; }



dfn {

  font-style: italic; }



h1 {

  font-size: 2em;

  margin: 0.67em 0; }



mark {

  background: #ff0;

  color: #000; }



small {

  font-size: 80%; }



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sup {

  top: -0.5em; }



sub {

  bottom: -0.25em; }



img {

  border: 0; }



svg:not(:root) {

  overflow: hidden; }



figure {

  margin: 1em 40px; }



hr {

  -webkit-box-sizing: content-box;

     -moz-box-sizing: content-box;

          box-sizing: content-box;

  height: 0; }



pre {

  overflow: auto; }



code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em; }



button,

input,

optgroup,

select,

textarea {

  color: inherit;

  font: inherit;

  margin: 0; }



button {

  overflow: visible; }



button,

select {

  text-transform: none; }



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer; }



button[disabled],

html input[disabled] {

  cursor: default; }



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0; }



input {

  line-height: normal; }



input[type="checkbox"],

input[type="radio"] {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  padding: 0; }



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto; }



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; }



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em; }



legend {

  border: 0;

  padding: 0; }



textarea {

  overflow: auto; }



optgroup {

  font-weight: bold; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



td,

th {

  padding: 0; }



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

  color: #595959;

  font-family: "Rubik", sans-serif;

  line-height: 1.5; }



.subtitle-font,

p.subtitle {

  font-family: "Poppins", serif; }



.font-titles {

  font-family: "Poppins", sans-serif; }



.font-main,

.font-main a {

  font-family: "Rubik", sans-serif; }



.font-subtitles {

  font-family: "Poppins", serif; }



/*--------------------------------------------------------------

## Texts

--------------------------------------------------------------*/

p {

  color: #595959;

  width: 100%;

  margin: 10px auto;

  display: block;

  line-height: 25px; }

  p.text-small {

    font-size: 13px; }



.subtitle {

  color: #999999; }



p.subtitle {

  margin: 0;

  line-height: 1.5;

  letter-spacing: -0.01em;

  font-size: 14px;

  font-weight: 400;

  font-family: "Poppins", serif; }

  p.subtitle.top {

    margin-top: 6px; }

  p.subtitle.small {

    font-size: 14px;

    margin: 8px auto; }

  p.subtitle.text-small {

    font-size: 13px; }

  p.subtitle.large {

    font-size: 18px;

    line-height: 1.4; }



p.subtitle-under-divider {

  margin-top: 20px; }



.text-wrap {

  margin: 6px 0; }

  .text-wrap *:first-child {

    margin-top: 0; }



.text-split p {

  padding-left: 10px;

  padding-right: 10px; }

  .text-split p:first-child {

    padding-left: 0px; }

  .text-split p:last-child {

    padding-right: 0px; }



.divider {

  background: #723887;

  width: 60px;

  height: 2px;

  display: inline-block;

  vertical-align: middle; }



/*--------------------------------------------------------------

## Headings

--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

  color: #404044;

  clear: both;

  font-family: "Poppins", sans-serif;

  font-weight: 700;

  text-align: inherit;

  margin: 35px 0 20px;

  line-height: 1.2;

  position: relative; }

  h1.title, h2.title, h3.title, h4.title, .widget h4, h5.title, .widget h5, h6.title {

    margin: 0;

    line-height: 1.4; }

  h1.with-divider:after, h2.with-divider:after, h3.with-divider:after, h4.with-divider:after, h5.with-divider:after, h6.with-divider:after {

    content: '';

    background: #723887;

    width: 1.2em;

    height: 2px;

    position: absolute;

    top: -.6em;

    left: 0; }



h1 {

  font-size: 42px; }

  h1.title {

    font-size: 52px;

    line-height: 1.3;

    margin: 5px 0; }



h2 {

  font-size: 36px; }

  h2.title {

    margin: 15px 0;

    font-size: 30px;

    letter-spacing: -0.02em; }



h3 {

  font-size: 26px; }



h4 {

  font-size: 20px; }

  h4.title, .widget h4 {

    font-size: 18px; }



h5 {

  font-size: 16px;

  text-transform: uppercase; }

  h5.title, .widget h5 {

    margin: 5px auto;

    font-size: 13px;

    letter-spacing: -0.03em;

    text-transform: none; }

    h5.title.uppercase, .widget h5.uppercase {

      text-transform: uppercase; }



h6 {

  font-size: 16px; }

  h6.title {

    margin: 5px auto;

    font-size: 11px; }



/*--------------------------------------------------------------

# Modules

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Accessibility

--------------------------------------------------------------*/

/* 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:focus {

    -webkit-border-radius: 3px;

            border-radius: 3px;

    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

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



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0; }



/*--------------------------------------------------------------

## Aligments

--------------------------------------------------------------*/

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em; }



.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em; }



.aligncenter {

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto; }



/*--------------------------------------------------------------

## Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.clear,

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



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

  clear: both; }



/*--------------------------------------------------------------

## Shapes

--------------------------------------------------------------*/

.rounded,

a.rounded {

  -webkit-border-radius: 50%;

          border-radius: 50%; }



.flat,

a.flat {

  background: transparent;

  border: none;

  color: #404044; }



/*--------------------------------------------------------------

## Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-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; }



/*--------------------------------------------------------------

# Shortcodes

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Accordion box

--------------------------------------------------------------*/

.accordion-box .title {

  background: #f6f6f6;

  color: #404044;

  width: 100%;

  padding: 16px 50px 15px 20px;

  position: relative;

  cursor: pointer; }

  .accordion-box .title .icon {

    color: inherit;

    margin-right: 5px;

    display: inline-block;

    font-size: 20px;

    line-height: 0;

    vertical-align: -3px; }

  .accordion-box .title h4 {

    color: inherit;

    margin: 0 0 -4px;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 600;

    display: inline-block; }

  .accordion-box .title .control {

    margin-top: -10px;

    font-size: 18px;

    line-height: 1.4;

    position: absolute;

    top: 50%;

    right: 20px;

    -webkit-transition: color .15s ease-in-out;

    transition: color .15s ease-in-out; }

  .accordion-box .title:hover .control {

    color: #723887; }



.accordion-box .item.active .control {

  color: #723887; }



.accordion-box .content {

  height: 6px;

  min-height: 6px;

  overflow: hidden;

  -webkit-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1);

  transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); }

  .accordion-box .content.open {

    height: auto; }

  .accordion-box .content .wrap {

    padding: 10px 20px; }



.accordion-box.title-brand-bg-color .title {

  background: #723887; }



.accordion-box.title-brand-color .title {

  color: #723887; }



.accordion-box.active-brand-color .item.active .control,

.accordion-box.active-brand-color .title:hover .control {

  color: #723887; }



.accordion-box.outline .title {

  background: transparent;

  border: 1px solid #ebebeb;

  border-bottom-width: 0;

  border-left: none;

  border-right: none;

  padding-left: 0;

  padding-right: 0; }



.accordion-box.outline .control {

  right: 0; }



.accordion-box.outline .content {

  height: 0;

  min-height: 0; }

  .accordion-box.outline .content.open {

    height: auto; }

  .accordion-box.outline .content .wrap {

    padding: 10px 0; }



.accordion-box.outline .item.active .title,

.accordion-box.outline .item:last-child .title {

  border-bottom-width: 1px; }



.accordion-box.outline.title-brand-border-color .title {

  border-color: #723887; }



/*--------------------------------------------------------------

## Banner box

--------------------------------------------------------------*/

.banner-box {

  width: 100%; }

  .banner-box .image-wrap {

    margin-bottom: 20px;

    display: block;

    overflow: hidden;

    position: relative; }

    .banner-box .image-wrap img {

      min-width: 100%;

      float: left;

      -webkit-transition: -webkit-transform .3s ease-in-out;

      transition: -webkit-transform .3s ease-in-out;

      transition: transform .3s ease-in-out;

      transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }

    .banner-box .image-wrap .overlay {

      -webkit-box-shadow: 0 -150px 150px -70px rgba(51, 51, 51, 0.8) inset;

              box-shadow: 0 -150px 150px -70px rgba(51, 51, 51, 0.8) inset;

      padding: 30px;

      opacity: 0;

      -webkit-transform: translateY(15px) rotateX(0.25deg);

              transform: translateY(15px) rotateX(0.25deg);

      -webkit-transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3);

      transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3);

      -webkit-transition-property: opacity, -webkit-transform;

      transition-property: opacity, -webkit-transform;

      transition-property: transform, opacity;

      transition-property: transform, opacity, -webkit-transform;

      vertical-align: bottom; }

    .banner-box .image-wrap .btn {

      position: relative;

      top: 100%;

      -webkit-transform: translateY(-100%);

          -ms-transform: translateY(-100%);

              transform: translateY(-100%); }

  .banner-box h4 {

    margin: 5px 0;

    font-size: 18px; }

  .banner-box .subtitle {

    margin: 0; }

  .banner-box .content {

    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

    padding-bottom: 15px; }

  .banner-box:hover .image-wrap img {

    -webkit-transform: scale(1.02);

        -ms-transform: scale(1.02);

            transform: scale(1.02); }

  .banner-box:hover .image-wrap .overlay {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .banner-box.boxed {

    background: #fff; }

    .banner-box.boxed .content {

      border: none;

      padding: 1px 30px 15px; }

  .banner-box.inner .overlay {

    background: rgba(68, 68, 68, 0.7);

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .banner-box.inner h4, .banner-box.inner .description {

    color: #fff; }

  .banner-box.inner .subtitle {

    color: rgba(255, 255, 255, 0.7); }

  .banner-box.inner .content {

    padding-bottom: 10px;

    border-color: transparent;

    -webkit-transition: border .3s ease-in-out;

    transition: border .3s ease-in-out; }

  .banner-box.inner .btn {

    position: absolute;

    top: auto;

    bottom: 30px;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .banner-box.inner.text-center .btn {

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%); }

  .banner-box.inner.text-right .btn {

    left: auto;

    right: 30px; }

  .banner-box.inner.hover .overlay {

    opacity: 0;

    -webkit-transform: scale(0.95);

        -ms-transform: scale(0.95);

            transform: scale(0.95); }

  .banner-box.inner.hover h4,

  .banner-box.inner.hover .description,

  .banner-box.inner.hover .subtitle,

  .banner-box.inner.hover .btn {

    -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

            transform: translateY(10px);

    opacity: 0;

    -webkit-transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3);

    transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3);

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: opacity, transform;

    transition-property: opacity, transform, -webkit-transform; }

  .banner-box.inner.hover:hover h4,

  .banner-box.inner.hover:hover .description,

  .banner-box.inner.hover:hover .subtitle,

  .banner-box.inner.hover:hover .btn {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    opacity: 1; }

  .banner-box.inner.hover:hover h4 {

    -webkit-transition-delay: .1s;

            transition-delay: .1s; }

  .banner-box.inner.hover:hover .subtitle {

    -webkit-transition-delay: .17s;

            transition-delay: .17s; }

  .banner-box.inner.hover:hover .description {

    -webkit-transition-delay: .25s;

            transition-delay: .25s; }

  .banner-box.inner.hover:hover .btn {

    -webkit-transition-delay: .35s;

            transition-delay: .35s; }

  .banner-box.inner.hover:hover .content {

    border-color: rgba(255, 255, 255, 0.2);

    -webkit-transition-delay: .3s;

            transition-delay: .3s; }

  .banner-box.inner.hover:hover .overlay {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .banner-box.overlay-title .overlay {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .banner-box.overlay-title h4 {

    color: #fff; }

  .banner-box.overlay-title .subtitle {

    color: rgba(255, 255, 255, 0.7); }

  .banner-box.overlay-title .title-wrap {

    width: 100%;

    -webkit-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

            transform: translateY(-100%);

    margin-top: -45px;

    padding: 0 30px;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2; }

  .banner-box.overlay-title .content {

    padding: 0 30px;

    position: relative;

    border: none; }

  .banner-box.overlay-title .btn {

    margin-top: 10px; }

  .banner-box.overlay-title.hover .overlay {

    opacity: 0;

    -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

            transform: translateY(20px); }

  .banner-box.overlay-title.hover .title-wrap {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    position: relative;

    margin: 0;

    padding: 0;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    -webkit-transition-property: top, -webkit-transform;

    transition-property: top, -webkit-transform;

    transition-property: transform, top;

    transition-property: transform, top, -webkit-transform; }

  .banner-box.overlay-title.hover h4, .banner-box.overlay-title.hover .subtitle {

    color: #404044;

    -webkit-transition: color .2s ease-in-out;

    transition: color .2s ease-in-out; }

  .banner-box.overlay-title.hover .description-wrap {

    position: relative;

    padding: 0;

    opacity: 0;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    -webkit-transition-property: max-height, opacity, margin, -webkit-transform;

    transition-property: max-height, opacity, margin, -webkit-transform;

    transition-property: transform, max-height, opacity, margin;

    transition-property: transform, max-height, opacity, margin, -webkit-transform; }

  .banner-box.overlay-title.hover .description {

    margin-top: 0; }

  .banner-box.overlay-title.hover:hover .overlay {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .banner-box.overlay-title.hover:hover .title-wrap {

    -webkit-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

            transform: translateY(-100%);

    top: -45px; }

  .banner-box.overlay-title.hover:hover h4 {

    color: #fff; }

  .banner-box.overlay-title.hover:hover .subtitle {

    color: rgba(255, 255, 255, 0.7); }

  .banner-box.overlay-title.hover:hover .description-wrap {

    max-height: 200px;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    opacity: 1; }

  @media screen and (max-width: 768px) {

    .banner-box {

      margin-bottom: 25px; }

      .banner-box .image-wrap .overlay {

        padding: 25px; } }



/*--------------------------------------------------------------

## Call to action

--------------------------------------------------------------*/

.call-to-action {

  background: #404044;

  width: 100%;

  padding: 35px 40px;

  position: relative; }

  .call-to-action h3 {

    color: #fff;

    margin-bottom: 5px;

    font-size: 19.6px; }

  .call-to-action .subtitle {

    color: rgba(255, 255, 255, 0.6);

    font-size: 15px; }

  .call-to-action .btn {

    float: right;

    white-space: nowrap; }

  @media screen and (max-width: 786px) {

    .call-to-action .content-center .wrap {

      width: 100%;

      display: block; }

    .call-to-action .btn {

      float: none;

      margin-top: 15px; } }



/*--------------------------------------------------------------

## Chart box

--------------------------------------------------------------*/

.chart-box {

  color: #404044; }

  .chart-box .pie {

    width: 130px;

    height: 130px;

    margin: 0 auto 20px;

    position: relative; }

    .chart-box .pie canvas {

      position: relative;

      z-index: 4; }

  .chart-box .pie-content {

    width: 128px;

    height: 128px;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    line-height: 126px;

    font-weight: bold;

    font-size: 30px;

    text-align: center;

    position: absolute;

    top: 1px;

    left: 1px;

    z-index: 2; }

    .chart-box .pie-content h4, .chart-box .pie-content span {

      color: inherit; }

    .chart-box .pie-content span, .chart-box .pie-content span:before {

      line-height: inherit; }

    .chart-box .pie-content .icon,

    .chart-box .pie-content .icon-large {

      vertical-align: middle;

      font-size: 110%; }

    .chart-box .pie-content .icon-large {

      font-size: 46px;

      vertical-align: -10px; }

  .chart-box .percent-wrap {

    vertical-align: 0px;

    margin-bottom: 10px;

    display: inline-block; }

    .chart-box .percent-wrap h4 {

      display: inline;

      font-weight: 700;

      font-size: 28px; }

  .chart-box .content {

    text-align: center; }

  .chart-box .subtitle {

    font-size: 14px; }

  .chart-box h3 {

    font-size: 16px; }

  .chart-box.chart-right, .chart-box.chart-left {

    position: relative; }

    .chart-box.chart-right .pie, .chart-box.chart-left .pie {

      position: absolute;

      top: 50%;

      left: 0px;

      margin-top: -65px; }

    .chart-box.chart-right .content, .chart-box.chart-left .content {

      min-height: 140px;

      height: 140px;

      margin-left: 145px;

      text-align: left;

      display: table; }

      .chart-box.chart-right .content .wrap, .chart-box.chart-left .content .wrap {

        display: table-cell;

        vertical-align: middle; }

  .chart-box.chart-left {

    text-align: right;

    overflow: hidden; }

    .chart-box.chart-left .pie {

      left: auto;

      right: 0; }

    .chart-box.chart-left .content {

      margin-left: 0;

      margin-right: 145px;

      text-align: right;

      float: right; }



/*--------------------------------------------------------------

## Lients Logo

--------------------------------------------------------------*/

.clients-logo {

  position: relative; }

  .clients-logo img {

    position: relative;

    z-index: 2; }

  .clients-logo .overlay {

    background: #f7f7f7;

    height: auto;

    opacity: 0;

    -webkit-transform: scale(0.96);

        -ms-transform: scale(0.96);

            transform: scale(0.96);

    -webkit-transition: 0.3s cubic-bezier(0.4, 0.7, 0.3, 1);

    transition: 0.3s cubic-bezier(0.4, 0.7, 0.3, 1);

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: opacity, transform;

    transition-property: opacity, transform, -webkit-transform;

    z-index: 1; }

    .clients-logo .overlay img {

      visibility: hidden; }

    .clients-logo .overlay h4, .clients-logo .overlay .description {

      padding: 30px 50px; }

    .clients-logo .overlay .description {

      padding-top: 10px; }

  .clients-logo:hover {

    z-index: 3; }

    .clients-logo:hover .overlay {

      opacity: 1;

      -webkit-transform: none;

          -ms-transform: none;

              transform: none; }

  .clients-logo.default {

    overflow: hidden; }

    .clients-logo.default .second-image {

      width: 100%;

      position: absolute;

      top: 100%;

      left: 0; }

    .clients-logo.default .first-image,

    .clients-logo.default .second-image {

      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1);

      transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1);

      transition: transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1);

      transition: transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1); }

    .clients-logo.default:hover .first-image,

    .clients-logo.default:hover .second-image {

      -webkit-transform: translateY(-100%);

          -ms-transform: translateY(-100%);

              transform: translateY(-100%); }

  .clients-logo.shadow .overlay {

    -webkit-box-shadow: 0 5px 40px 10px rgba(0, 0, 0, 0.08);

            box-shadow: 0 5px 40px 10px rgba(0, 0, 0, 0.08); }



/*--------------------------------------------------------------

## Contact form

--------------------------------------------------------------*/

.contact-form {

  overflow: hidden; }

  .contact-form form {

    text-align: inherit; }

    .contact-form form input[type="submit"] {

      margin-top: 14px; }

    .contact-form form label:last-of-type {

      padding-right: 0 !important; }

  .contact-form textarea {

    height: 130px;

    display: block; }

  .contact-form input:not([type="submit"]), .contact-form select, .contact-form textarea {

    border: 1px solid rgba(0, 0, 0, 0.15);

    padding: 12px 15px; }

  .contact-form input[type="submit"], .contact-form .btn {

    margin-top: 10px; }

  .contact-form.without-label-offset .wpcf7-form-control-wrap {

    overflow: hidden; }

  .contact-form.without-label-offset input, .contact-form.without-label-offset textarea, .contact-form.without-label-offset select {

    position: relative;

    z-index: 2; }

  .contact-form.without-label-offset .focus {

    width: 100%;

    height: 100%;

    border: 1px solid transparent;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 1;

    -webkit-transition: border-color .15s ease-in-out;

    transition: border-color .15s ease-in-out; }

    .contact-form.without-label-offset .focus.active {

      border-color: #723887; }

  .contact-form label {

    width: 100%;

    position: relative;

    display: inline-block; }

    .contact-form label .wpcf7-form-control-wrap {

      position: relative; }

    .contact-form label .wpcf7-not-valid-tip {

      width: 30px;

      height: 25px;

      text-align: center;

      position: absolute;

      top: -2px;

      right: 10px;

      font-size: 0px;

      z-index: 2; }

      .contact-form label .wpcf7-not-valid-tip:after {

        content: '\f3be';

        font-family: "Ionicons";

        position: absolute;

        top: 0;

        right: 5px;

        font-size: 16px; }

  .contact-form p > label {

    padding-right: 0px !important; }

  .contact-form .wpcf7-response-output {

    border: none;

    padding: 0;

    margin: 30px 0 30px; }

    .contact-form .wpcf7-response-output.wpcf7-validation-errors {

      color: #ed2525; }

    .contact-form .wpcf7-response-output.wpcf7-mail-sent-ok {

      color: #39b628; }

  @media screen and (max-width: 768px) {

    .contact-form .btn {

      width: 100%; }

      .contact-form .btn.btn-link {

        width: auto; } }

  .contact-form.flat input:not([type="submit"]), .contact-form.flat select, .contact-form.flat textarea {

    background-color: #f7f7f7;

    border-color: transparent;

    padding: 12px 15px; }

    .contact-form.flat input:not([type="submit"]):focus, .contact-form.flat select:focus, .contact-form.flat textarea:focus {

      border-color: #723887; }

  .contact-form.flat label {

    padding: 10px 0; }

  .contact-form.flat .input-group label {

    padding: 10px 10px 0 0; }

    .contact-form.flat .input-group label:first-of-type {

      padding-left: 0; }

    .contact-form.flat .input-group label:last-of-type {

      padding-right: 0px; }

    @media screen and (max-width: 768px) {

      .contact-form.flat .input-group label {

        padding-left: 0;

        padding-right: 0; } }

  .contact-form.classic input:not([type="submit"]),

  .contact-form.classic select,

  .contact-form.classic textarea {

    background: transparent;

    border-top: none;

    border-left: none;

    border-right: none;

    padding-left: 0;

    padding-right: 0;

    text-indent: 0; }

    .contact-form.classic input:not([type="submit"]).placeholder, .contact-form.classic input:not([type="submit"])::-webkit-input-placeholder,

    .contact-form.classic select.placeholder,

    .contact-form.classic select::-webkit-input-placeholder,

    .contact-form.classic textarea.placeholder,

    .contact-form.classic textarea::-webkit-input-placeholder {

      line-height: 16px; }

    .contact-form.classic input:not([type="submit"]).placeholder, .contact-form.classic input:not([type="submit"])::-moz-placeholder,

    .contact-form.classic select.placeholder,

    .contact-form.classic select::-moz-placeholder,

    .contact-form.classic textarea.placeholder,

    .contact-form.classic textarea::-moz-placeholder {

      line-height: 16px; }

    .contact-form.classic input:not([type="submit"]).placeholder, .contact-form.classic input:not([type="submit"]):-ms-input-placeholder,

    .contact-form.classic select.placeholder,

    .contact-form.classic select:-ms-input-placeholder,

    .contact-form.classic textarea.placeholder,

    .contact-form.classic textarea:-ms-input-placeholder {

      line-height: 16px; }

    .contact-form.classic input:not([type="submit"]).placeholder, .contact-form.classic input:not([type="submit"])::placeholder,

    .contact-form.classic select.placeholder,

    .contact-form.classic select::placeholder,

    .contact-form.classic textarea.placeholder,

    .contact-form.classic textarea::placeholder {

      line-height: 16px; }

  @media screen and (max-width: 768px) {

    .contact-form.classic .input-group label {

      padding-left: 0;

      padding-right: 0; } }

  .contact-form.classic .input-group label:first-of-type {

    padding-left: 0; }

  .contact-form.classic .input-group label:last-of-type {

    padding-right: 0px; }

  .contact-form.classic .input-group label input {

    border-bottom-width: 1px; }

  .contact-form.classic .input-group label:last-of-type input:not([type="submit"]) {

    border-bottom-width: 1px; }

  .contact-form.classic .wpcf7-not-valid-tip {

    right: -5px; }



/*--------------------------------------------------------------

## Contact module

--------------------------------------------------------------*/

.contact-module {

  position: relative; }

  .contact-module address {

    margin: 1px 0; }

  .contact-module a {

    font-size: 14px; }

  .contact-module.list-box-icon-shape li {

    margin-left: 50px; }

  .contact-module li {

    padding-left: 36px; }

  .contact-module li .icon {

    width: 20px;

    height: 20px;

    line-height: 20px;

    vertical-align: 0;

    text-align: center;

    color: #49494a;

    top: 12px;

    left: 0px;

    font-size: 25px; }

  .contact-module li .icon-shape {

    background: #404044;

    width: 40px;

    height: 40px;

    -webkit-border-radius: 0;

            border-radius: 0;

    font-size: 20px;

    line-height: 40px;

    top: 4px;

    left: -15px; }

  .contact-module.list-box-border-items-offset li {

    padding-left: 0px;

    margin-left: 36px; }

  .contact-module.list-box-border-items-offset .icon {

    left: -36px; }

  .contact-module.list-box-border-items-offset li.contact-item-icon-filled {

    margin-left: 55px; }

    .contact-module.list-box-border-items-offset li.contact-item-icon-filled span.icon-shape {

      left: -55px; }

  .contact-module li.contact-item-icon-filled {

    margin-left: 36px; }

    .contact-module li.contact-item-icon-filled span.icon-shape {

      left: -36px; }

  .contact-module.icon-box .icon-box-shape {

    background: #404044;

    color: #fff;

    font-size: 45px;

    line-height: 90px; }

  .contact-module.icon-box h3 {

    margin-bottom: 8px; }

  .contact-module.icon-box address,

  .contact-module.icon-box p,

  .contact-module.icon-box a {

    line-height: 24px; }



/*--------------------------------------------------------------

## Countdown box

--------------------------------------------------------------*/

.countdown-box {

  text-align: center; }

  .countdown-box .box-time {

    padding: 0 13px;

    display: inline-block;

    position: relative; }

    .countdown-box .box-time .box-count {

      min-width: 80px;

      height: 70px;

      display: inline-block;

      vertical-align: middle;

      display: inline-block;

      letter-spacing: -0.03em;

      font-weight: 600;

      font-size: 28px;

      line-height: 94px;

      font-family: "Poppins", sans-serif;

      text-align: center;

      color: #404044; }

    .countdown-box .box-time .box-label {

      display: block;

      text-align: center;

      margin-top: 0; }



.countdown-classic .box-time {

  font-size: 45px; }

  .countdown-classic .box-time:after, .countdown-classic .box-time:before {

    content: '.';

    color: #404044;

    display: block;

    width: 6px;

    height: 7px;

    border-left: none;

    border-right: none;

    -webkit-border-radius: 1px;

            border-radius: 1px;

    position: absolute;

    margin-top: -1.08em;

    top: 50%;

    left: -0.13em;

    font-size: 130%; }

  .countdown-classic .box-time:before {

    margin-top: -0.80em; }

  .countdown-classic .box-time:first-child:after, .countdown-classic .box-time:first-child:before {

    display: none; }

  .countdown-classic .box-time .box-count {

    min-width: 1em;

    height: 1em;

    line-height: 1;

    font-size: inherit; }

  .countdown-classic .box-time .box-label {

    display: none; }



.countdown-boxed {

  text-align: center; }

  .countdown-boxed .box-time:after, .countdown-boxed .box-time:before {

    display: none; }

  .countdown-boxed .box-time .box-count {

    min-width: 80px;

    height: 80px;

    line-height: 83px;

    font-size: 28px;

    color: #fff; }

  .countdown-boxed .box-count {

    background: #454545;

    position: relative;

    -webkit-perspective: 300px;

            perspective: 300px; }

    .countdown-boxed .box-count .box-current,

    .countdown-boxed .box-count .box-next {

      background: #ffffff;

      position: absolute;

      outline: 1px solid transparent;

      top: 0px;

      left: 0;

      z-index: 1; }

    .countdown-boxed .box-count .box-current.box-top,

    .countdown-boxed .box-count .box-next.box-bottom {

      -webkit-transform-origin: 50% 100%;

          -ms-transform-origin: 50% 100%;

              transform-origin: 50% 100%;

      -webkit-transition: none;

      transition: none;

      -webkit-transform: rotateX(0deg);

              transform: rotateX(0deg);

      -webkit-backface-visibility: hidden;

              backface-visibility: hidden;

      z-index: 2; }

    .countdown-boxed .box-count .box-current.box-top {

      z-index: 3; }

    .countdown-boxed .box-count .box-next.box-bottom {

      -webkit-transform-origin: 50% 0%;

          -ms-transform-origin: 50% 0%;

              transform-origin: 50% 0%;

      -webkit-transform: rotateX(180deg);

              transform: rotateX(180deg); }

    .countdown-boxed .box-count .box-top {

      background: inherit; }

      .countdown-boxed .box-count .box-top:after {

        content: '';

        background: rgba(0, 0, 0, 0.15);

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0; }

    .countdown-boxed .box-count .box-bottom {

      background: inherit; }

    .countdown-boxed .box-count .box-top,

    .countdown-boxed .box-count .box-bottom {

      width: 100%;

      height: 50%;

      overflow: hidden; }

    .countdown-boxed .box-count .box-bottom {

      height: 50%;

      border-top: none;

      line-height: 3px;

      top: 50%;

      margin-top: 0px; }

    .countdown-boxed .box-count .number {

      position: relative;

      z-index: 4; }

  .countdown-boxed .box-time:after {

    margin-top: -32px; }

  .countdown-boxed .box-time .box-label {

    margin-top: 15px; }

  @media screen and (max-width: 768px) {

    .countdown-boxed .box-time:after {

      margin-top: -28px; } }

  .countdown-boxed .flip .box-current.box-top {

    -webkit-transition: -webkit-transform .5s ease-in-out;

    transition: -webkit-transform .5s ease-in-out;

    transition: transform .5s ease-in-out;

    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;

    -webkit-transform: rotateX(-180deg);

            transform: rotateX(-180deg); }

  .countdown-boxed .flip .box-next.box-bottom {

    -webkit-transition: -webkit-transform .5s ease-in-out;

    transition: -webkit-transform .5s ease-in-out;

    transition: transform .5s ease-in-out;

    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;

    -webkit-transform: rotateX(0);

            transform: rotateX(0); }

  .countdown-boxed.rounded .box-count {

    -webkit-border-radius: 5px;

            border-radius: 5px; }

  .countdown-boxed.rounded .box-top {

    -webkit-border-radius: 5px 5px 0 0;

            border-radius: 5px 5px 0 0; }

  .countdown-boxed.rounded .box-bottom {

    -webkit-border-radius: 0 0 5px 5px;

            border-radius: 0 0 5px 5px; }



@media screen and (max-width: 768px) {

  .countdown-box .box-time .box-count,

  .countdown-boxed .box-time .box-count {

    min-width: 50px;

    height: 50px;

    line-height: 54px;

    font-size: 20px; }

  .countdown-box .box-time {

    padding: 0 5px; }

  .countdown-classic .box-time:after, .countdown-classic .box-time:before {

    width: 5px;

    height: 5px; }

  .countdown-classic .box-time .box-count {

    min-width: 10px;

    font-size: 30px; } }



/*--------------------------------------------------------------

## Counter box

--------------------------------------------------------------*/

.counter-box {

  text-align: center; }

  .counter-box .counter-box-icon {

    font-size: 40px;

    vertical-align: middle;

    display: inline-block;

    line-height: 1; }

  .counter-box .counter-box-count {

    color: #404044;

    margin: 10px 0;

    padding: 0;

    line-height: 40px;

    letter-spacing: -0.05em;

    font-size: 42px;

    font-weight: 700;

    font-family: "Poppins", sans-serif; }

    .counter-box .counter-box-count img, .counter-box .counter-box-count .count {

      vertical-align: middle; }

  .counter-box p.subtitle {

    font-size: 14px; }

  .counter-box h3.title {

    display: inline-block;

    font-size: 16px; }



/*--------------------------------------------------------------

## Dropcaps

--------------------------------------------------------------*/

.dropcap {

  background: transparent;

  width: 68px;

  height: 68px;

  margin-right: 20px;

  float: left;

  display: inline-block;

  text-align: center;

  font: 600 40px "Poppins", sans-serif;

  line-height: 75px;

  vertical-align: middle;

  position: relative;

  overflow: hidden; }

  .dropcap.outline {

    border: 1px solid #404044; }

  .dropcap.flat {

    color: #fff; }

  .dropcap.decorated {

    border: 2px solid #404044;

    border-bottom: none;

    border-right: none; }



/*--------------------------------------------------------------

## Google Maps

--------------------------------------------------------------*/

.google-maps {

  width: 100%;

  height: 100%;

  min-height: 250px;

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden; }

  .google-maps .google-maps-wrap {

    width: 100%;

    height: 100%;

    min-height: 250px; }

  @media screen and (max-width: 768px) {

    .google-maps {

      position: relative; } }



/*--------------------------------------------------------------

## Heading

--------------------------------------------------------------*/

.heading .title,

.heading .subtitle {

  margin: 12px 0; }



.heading *:first-child {

  margin-top: 0 !important; }



.heading *:last-child {

  margin-bottom: 0 !important; }



.heading:after {

  content: '';

  display: table;

  clear: both; }



/*--------------------------------------------------------------

## Icon box

--------------------------------------------------------------*/

.icon-box {

  text-align: center;

  display: block;

  text-decoration: none; }

  .icon-box .icon-wrap {

    margin: 0 0 5px;

    display: inline-block;

    text-align: center;

    line-height: 70px;

    vertical-align: middle;

    font-size: 50px;

    text-align: inherit;

    white-space: nowrap; }

    .icon-box .icon-wrap[class*="shape-"] {

      -webkit-box-sizing: content-box;

         -moz-box-sizing: content-box;

              box-sizing: content-box;

      width: 55px;

      height: 55px;

      margin-bottom: 25px;

      line-height: 55px;

      font-size: 34px;

      text-align: center; }

      .icon-box .icon-wrap[class*="shape-"] span {

        color: inherit; }

        .icon-box .icon-wrap[class*="shape-"] span, .icon-box .icon-wrap[class*="shape-"] span:before {

          vertical-align: 0;

          line-height: inherit; }

    .icon-box .icon-wrap.shape-border {

      border: 1px solid; }

    .icon-box .icon-wrap.shape-border-double {

      width: 60px;

      height: 60px;

      border: 3px double;

      line-height: 52px; }

    .icon-box .icon-wrap.shape-rounded {

      -webkit-border-radius: 5px;

              border-radius: 5px; }

  .icon-box h3 {

    font-size: 16px;

    margin: 0; }

  .icon-box .description {

    display: block;

    margin-top: 10px; }

  .icon-box .btn {

    margin: 12px auto; }

  .icon-box.box-left, .icon-box.box-right {

    text-align: left;

    position: relative; }

    .icon-box.box-left .icon-wrap, .icon-box.box-right .icon-wrap {

      padding: 0;

      margin: 0;

      line-height: 55px;

      float: left; }

    .icon-box.box-left h3, .icon-box.box-right h3 {

      margin-top: 5px;

      clear: none; }

    .icon-box.box-left .content-wrap, .icon-box.box-right .content-wrap {

      padding: 0 0 0 65px; }

    .icon-box.box-left .content-center.with-full, .icon-box.box-right .content-center.with-full {

      height: 50px;

      min-height: 50px; }

    .icon-box.box-left .content-full, .icon-box.box-right .content-full {

      display: block;

      clear: both; }

  .icon-box.box-right {

    text-align: right; }

    .icon-box.box-right h3 {

      text-align: right; }

    .icon-box.box-right .icon-wrap {

      left: auto;

      right: 0;

      float: right; }

    .icon-box.box-right .content-wrap {

      padding: 0 75px 0 0; }



/*--------------------------------------------------------------

## Instagram feed

--------------------------------------------------------------*/

.instagram-feed .column {

  position: relative; }

  .instagram-feed .column.vc_col-md-6 {

    padding-bottom: 50%; }

  .instagram-feed .column.vc_col-md-4 {

    padding-bottom: 33.3333%; }

  .instagram-feed .column.vc_col-md-3 {

    padding-bottom: 25%; }

  .instagram-feed .column.col-md-five-columns {

    padding-bottom: 20%; }

  .instagram-feed .column.vc_col-md-2 {

    padding-bottom: 16.6%; }

  .instagram-feed .column.vc_col-md-1 {

    padding-bottom: 8.3333%; }

  .instagram-feed .column a {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0; }

    .instagram-feed .column a div {

      width: 100%;

      height: 100%;

      position: absolute;

      top: 0;

      left: 0; }

    .instagram-feed .column a:hover:after {

      opacity: 1; }

    .instagram-feed .column a:after {

      content: '';

      background: rgba(0, 0, 0, 0.2);

      width: 100%;

      height: 100%;

      position: absolute;

      top: 0;

      left: 0;

      opacity: 0;

      -webkit-transition: opacity .15s ease-in-out;

      transition: opacity .15s ease-in-out; }



/*--------------------------------------------------------------

## List box

--------------------------------------------------------------*/

.list-box, .widget_recent_comments, .widget_recent_entries, .widget_meta, .widget_archive, .widget_nav_menu,

.widget_pages, .widget_categories, .widget_rss, .widget_product_categories {

  margin: 10px 0;

  list-style: none; }

  .list-box h4, .widget_recent_comments h4, .widget_recent_entries h4, .widget_meta h4, .widget_archive h4, .widget_nav_menu h4,

  .widget_pages h4, .widget_categories h4, .widget_rss h4, .widget_product_categories h4 {

    text-align: left;

    margin: 0;

    font-size: 14px;

    font-weight: 600; }

  .list-box p, .widget_recent_comments p, .widget_recent_entries p, .widget_meta p, .widget_archive p, .widget_nav_menu p,

  .widget_pages p, .widget_categories p, .widget_rss p, .widget_product_categories p {

    font-size: 14px;

    margin: 5px 0 0 0; }

  .list-box li, .widget_recent_comments li, .widget_recent_entries li, .widget_meta li, .widget_archive li, .widget_nav_menu li,

  .widget_pages li, .widget_categories li, .widget_rss li, .widget_product_categories li {

    padding: 11px 0 10px 30px;

    position: relative; }

    .list-box li:after, .widget_recent_comments li:after, .widget_recent_entries li:after, .widget_meta li:after, .widget_archive li:after, .widget_nav_menu li:after,

    .widget_pages li:after, .widget_categories li:after, .widget_rss li:after, .widget_product_categories li:after {

      content: '';

      background: #723887;

      width: 4px;

      height: 4px;

      -webkit-border-radius: 10px;

              border-radius: 10px;

      position: absolute;

      top: 17px;

      left: 0; }

    .list-box li > *:first-child, .widget_recent_comments li > *:first-child, .widget_recent_entries li > *:first-child, .widget_meta li > *:first-child, .widget_archive li > *:first-child, .widget_nav_menu li > *:first-child,

    .widget_pages li > *:first-child, .widget_categories li > *:first-child, .widget_rss li > *:first-child, .widget_product_categories li > *:first-child {

      margin-top: 0; }

    .list-box li ul, .widget_recent_comments li ul, .widget_recent_entries li ul, .widget_meta li ul, .widget_archive li ul, .widget_nav_menu li ul,

    .widget_pages li ul, .widget_categories li ul, .widget_rss li ul, .widget_product_categories li ul {

      margin-left: -20px;

      margin-bottom: 0; }

      .list-box li ul li, .widget_recent_comments li ul li, .widget_recent_entries li ul li, .widget_meta li ul li, .widget_archive li ul li, .widget_nav_menu li ul li,

      .widget_pages li ul li, .widget_categories li ul li, .widget_rss li ul li, .widget_product_categories li ul li {

        padding-left: 35px; }

        .list-box li ul li:after, .widget_recent_comments li ul li:after, .widget_recent_entries li ul li:after, .widget_meta li ul li:after, .widget_archive li ul li:after, .widget_nav_menu li ul li:after,

        .widget_pages li ul li:after, .widget_categories li ul li:after, .widget_rss li ul li:after, .widget_product_categories li ul li:after {

          left: 18px; }

        .list-box li ul li:last-child, .widget_recent_comments li ul li:last-child, .widget_recent_entries li ul li:last-child, .widget_meta li ul li:last-child, .widget_archive li ul li:last-child, .widget_nav_menu li ul li:last-child,

        .widget_pages li ul li:last-child, .widget_categories li ul li:last-child, .widget_rss li ul li:last-child, .widget_product_categories li ul li:last-child {

          padding-bottom: 0;

          border-bottom: 0; }

        .list-box li ul li ul, .widget_recent_comments li ul li ul, .widget_recent_entries li ul li ul, .widget_meta li ul li ul, .widget_archive li ul li ul, .widget_nav_menu li ul li ul,

        .widget_pages li ul li ul, .widget_categories li ul li ul, .widget_rss li ul li ul, .widget_product_categories li ul li ul {

          margin-left: -35px; }

          .list-box li ul li ul li, .widget_recent_comments li ul li ul li, .widget_recent_entries li ul li ul li, .widget_meta li ul li ul li, .widget_archive li ul li ul li, .widget_nav_menu li ul li ul li,

          .widget_pages li ul li ul li, .widget_categories li ul li ul li, .widget_rss li ul li ul li, .widget_product_categories li ul li ul li {

            padding-left: 50px; }

            .list-box li ul li ul li:after, .widget_recent_comments li ul li ul li:after, .widget_recent_entries li ul li ul li:after, .widget_meta li ul li ul li:after, .widget_archive li ul li ul li:after, .widget_nav_menu li ul li ul li:after,

            .widget_pages li ul li ul li:after, .widget_categories li ul li ul li:after, .widget_rss li ul li ul li:after, .widget_product_categories li ul li ul li:after {

              left: 33px; }

  .list-box.style-line li:after, .style-line.widget_recent_comments li:after, .style-line.widget_recent_entries li:after, .style-line.widget_meta li:after, .style-line.widget_archive li:after, .style-line.widget_nav_menu li:after,

  .style-line.widget_pages li:after, .style-line.widget_categories li:after, .style-line.widget_rss li:after, .style-line.widget_product_categories li:after {

    width: 15px;

    height: 2px;

    -webkit-border-radius: 0;

            border-radius: 0;

    top: 22px; }

  .list-box.simple li, .simple.widget_recent_comments li, .simple.widget_recent_entries li, .simple.widget_meta li, .simple.widget_archive li, .simple.widget_nav_menu li,

  .simple.widget_pages li, .simple.widget_categories li, .simple.widget_rss li, .simple.widget_product_categories li {

    padding-left: 0; }

  .list-box.simple li:after, .simple.widget_recent_comments li:after, .simple.widget_recent_entries li:after, .simple.widget_meta li:after, .simple.widget_archive li:after, .simple.widget_nav_menu li:after,

  .simple.widget_pages li:after, .simple.widget_categories li:after, .simple.widget_rss li:after, .simple.widget_product_categories li:after {

    display: none; }

  .list-box.border li, .border.widget_recent_comments li, .border.widget_recent_entries li, .border.widget_meta li, .border.widget_archive li, .border.widget_nav_menu li,

  .border.widget_pages li, .border.widget_categories li, .border.widget_rss li, .border.widget_product_categories li {

    padding: 13px 0 12px 30px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

  .list-box.border li:first-child, .border.widget_recent_comments li:first-child, .border.widget_recent_entries li:first-child, .border.widget_meta li:first-child, .border.widget_archive li:first-child, .border.widget_nav_menu li:first-child,

  .border.widget_pages li:first-child, .border.widget_categories li:first-child, .border.widget_rss li:first-child, .border.widget_product_categories li:first-child {

    border-top: 1px solid rgba(0, 0, 0, 0.15); }

  .list-box.offset li, .offset.widget_recent_comments li, .offset.widget_recent_entries li, .offset.widget_meta li, .offset.widget_archive li, .offset.widget_nav_menu li,

  .offset.widget_pages li, .offset.widget_categories li, .offset.widget_rss li, .offset.widget_product_categories li {

    padding-left: 0;

    margin-left: 30px; }

    .list-box.offset li:after, .offset.widget_recent_comments li:after, .offset.widget_recent_entries li:after, .offset.widget_meta li:after, .offset.widget_archive li:after, .offset.widget_nav_menu li:after,

    .offset.widget_pages li:after, .offset.widget_categories li:after, .offset.widget_rss li:after, .offset.widget_product_categories li:after,

    .list-box.offset li .icon, .offset.widget_recent_comments li .icon, .offset.widget_recent_entries li .icon, .offset.widget_meta li .icon, .offset.widget_archive li .icon, .offset.widget_nav_menu li .icon,

    .offset.widget_pages li .icon, .offset.widget_categories li .icon, .offset.widget_rss li .icon, .offset.widget_product_categories li .icon {

      left: -30px; }

  .list-box.with-icon li, .with-icon.widget_recent_comments li, .with-icon.widget_recent_entries li, .with-icon.widget_meta li, .with-icon.widget_archive li, .with-icon.widget_nav_menu li,

  .with-icon.widget_pages li, .with-icon.widget_categories li, .with-icon.widget_rss li, .with-icon.widget_product_categories li {

    padding: 10px 0 9px; }

    .list-box.with-icon li:after, .with-icon.widget_recent_comments li:after, .with-icon.widget_recent_entries li:after, .with-icon.widget_meta li:after, .with-icon.widget_archive li:after, .with-icon.widget_nav_menu li:after,

    .with-icon.widget_pages li:after, .with-icon.widget_categories li:after, .with-icon.widget_rss li:after, .with-icon.widget_product_categories li:after {

      display: none; }

    .list-box.with-icon li .wrap, .with-icon.widget_recent_comments li .wrap, .with-icon.widget_recent_entries li .wrap, .with-icon.widget_meta li .wrap, .with-icon.widget_archive li .wrap, .with-icon.widget_nav_menu li .wrap,

    .with-icon.widget_pages li .wrap, .with-icon.widget_categories li .wrap, .with-icon.widget_rss li .wrap, .with-icon.widget_product_categories li .wrap {

      width: 100%;

      display: table; }

      .list-box.with-icon li .wrap .col, .with-icon.widget_recent_comments li .wrap .col, .with-icon.widget_recent_entries li .wrap .col, .with-icon.widget_meta li .wrap .col, .with-icon.widget_archive li .wrap .col, .with-icon.widget_nav_menu li .wrap .col,

      .with-icon.widget_pages li .wrap .col, .with-icon.widget_categories li .wrap .col, .with-icon.widget_rss li .wrap .col, .with-icon.widget_product_categories li .wrap .col {

        display: table-cell;

        vertical-align: middle; }

        .list-box.with-icon li .wrap .col.col-icon, .with-icon.widget_recent_comments li .wrap .col.col-icon, .with-icon.widget_recent_entries li .wrap .col.col-icon, .with-icon.widget_meta li .wrap .col.col-icon, .with-icon.widget_archive li .wrap .col.col-icon, .with-icon.widget_nav_menu li .wrap .col.col-icon,

        .with-icon.widget_pages li .wrap .col.col-icon, .with-icon.widget_categories li .wrap .col.col-icon, .with-icon.widget_rss li .wrap .col.col-icon, .with-icon.widget_product_categories li .wrap .col.col-icon {

          width: 1px;

          vertical-align: top; }

    .list-box.with-icon li h4, .with-icon.widget_recent_comments li h4, .with-icon.widget_recent_entries li h4, .with-icon.widget_meta li h4, .with-icon.widget_archive li h4, .with-icon.widget_nav_menu li h4,

    .with-icon.widget_pages li h4, .with-icon.widget_categories li h4, .with-icon.widget_rss li h4, .with-icon.widget_product_categories li h4,

    .list-box.with-icon li .icon, .with-icon.widget_recent_comments li .icon, .with-icon.widget_recent_entries li .icon, .with-icon.widget_meta li .icon, .with-icon.widget_archive li .icon, .with-icon.widget_nav_menu li .icon,

    .with-icon.widget_pages li .icon, .with-icon.widget_categories li .icon, .with-icon.widget_rss li .icon, .with-icon.widget_product_categories li .icon {

      display: inline-block;

      vertical-align: middle;

      margin-right: 10px; }

    .list-box.with-icon li .icon, .with-icon.widget_recent_comments li .icon, .with-icon.widget_recent_entries li .icon, .with-icon.widget_meta li .icon, .with-icon.widget_archive li .icon, .with-icon.widget_nav_menu li .icon,

    .with-icon.widget_pages li .icon, .with-icon.widget_categories li .icon, .with-icon.widget_rss li .icon, .with-icon.widget_product_categories li .icon {

      vertical-align: top;

      font-size: 21px;

      line-height: 1; }

      .list-box.with-icon li .icon:before, .with-icon.widget_recent_comments li .icon:before, .with-icon.widget_recent_entries li .icon:before, .with-icon.widget_meta li .icon:before, .with-icon.widget_archive li .icon:before, .with-icon.widget_nav_menu li .icon:before,

      .with-icon.widget_pages li .icon:before, .with-icon.widget_categories li .icon:before, .with-icon.widget_rss li .icon:before, .with-icon.widget_product_categories li .icon:before {

        line-height: inherit;

        vertical-align: middle;

        display: block; }

  .list-box.with-icon.border li, .with-icon.border.widget_recent_comments li, .with-icon.border.widget_recent_entries li, .with-icon.border.widget_meta li, .with-icon.border.widget_archive li, .with-icon.border.widget_nav_menu li,

  .with-icon.border.widget_pages li, .with-icon.border.widget_categories li, .with-icon.border.widget_rss li, .with-icon.border.widget_product_categories li {

    padding: 11px 0 12px 0; }

  .list-box.with-icon.offset li, .with-icon.offset.widget_recent_comments li, .with-icon.offset.widget_recent_entries li, .with-icon.offset.widget_meta li, .with-icon.offset.widget_archive li, .with-icon.offset.widget_nav_menu li,

  .with-icon.offset.widget_pages li, .with-icon.offset.widget_categories li, .with-icon.offset.widget_rss li, .with-icon.offset.widget_product_categories li {

    border-width: 0px;

    padding: 0; }

    .list-box.with-icon.offset li .col, .with-icon.offset.widget_recent_comments li .col, .with-icon.offset.widget_recent_entries li .col, .with-icon.offset.widget_meta li .col, .with-icon.offset.widget_archive li .col, .with-icon.offset.widget_nav_menu li .col,

    .with-icon.offset.widget_pages li .col, .with-icon.offset.widget_categories li .col, .with-icon.offset.widget_rss li .col, .with-icon.offset.widget_product_categories li .col {

      padding: 12px 0 11px; }

    .list-box.with-icon.offset li .col-title, .with-icon.offset.widget_recent_comments li .col-title, .with-icon.offset.widget_recent_entries li .col-title, .with-icon.offset.widget_meta li .col-title, .with-icon.offset.widget_archive li .col-title, .with-icon.offset.widget_nav_menu li .col-title,

    .with-icon.offset.widget_pages li .col-title, .with-icon.offset.widget_categories li .col-title, .with-icon.offset.widget_rss li .col-title, .with-icon.offset.widget_product_categories li .col-title {

      border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

    .list-box.with-icon.offset li:first-child .col-title, .with-icon.offset.widget_recent_comments li:first-child .col-title, .with-icon.offset.widget_recent_entries li:first-child .col-title, .with-icon.offset.widget_meta li:first-child .col-title, .with-icon.offset.widget_archive li:first-child .col-title, .with-icon.offset.widget_nav_menu li:first-child .col-title,

    .with-icon.offset.widget_pages li:first-child .col-title, .with-icon.offset.widget_categories li:first-child .col-title, .with-icon.offset.widget_rss li:first-child .col-title, .with-icon.offset.widget_product_categories li:first-child .col-title {

      border-top: 1px solid rgba(0, 0, 0, 0.15); }

  .list-box.icon-fill li, .icon-fill.widget_recent_comments li, .icon-fill.widget_recent_entries li, .icon-fill.widget_meta li, .icon-fill.widget_archive li, .icon-fill.widget_nav_menu li,

  .icon-fill.widget_pages li, .icon-fill.widget_categories li, .icon-fill.widget_rss li, .icon-fill.widget_product_categories li {

    padding: 5px 0 5px;

    margin-left: 0; }

    .list-box.icon-fill li .icon, .icon-fill.widget_recent_comments li .icon, .icon-fill.widget_recent_entries li .icon, .icon-fill.widget_meta li .icon, .icon-fill.widget_archive li .icon, .icon-fill.widget_nav_menu li .icon,

    .icon-fill.widget_pages li .icon, .icon-fill.widget_categories li .icon, .icon-fill.widget_rss li .icon, .icon-fill.widget_product_categories li .icon {

      background: #723887;

      width: 30px;

      height: 30px;

      margin-right: 15px;

      line-height: 30px;

      font-size: 18px;

      text-align: center;

      color: #fff;

      top: 7px; }

      .list-box.icon-fill li .icon:before, .icon-fill.widget_recent_comments li .icon:before, .icon-fill.widget_recent_entries li .icon:before, .icon-fill.widget_meta li .icon:before, .icon-fill.widget_archive li .icon:before, .icon-fill.widget_nav_menu li .icon:before,

      .icon-fill.widget_pages li .icon:before, .icon-fill.widget_categories li .icon:before, .icon-fill.widget_rss li .icon:before, .icon-fill.widget_product_categories li .icon:before {

        vertical-align: middle; }

  .list-box.icon-fill.border li, .icon-fill.border.widget_recent_comments li, .icon-fill.border.widget_recent_entries li, .icon-fill.border.widget_meta li, .icon-fill.border.widget_archive li, .icon-fill.border.widget_nav_menu li,

  .icon-fill.border.widget_pages li, .icon-fill.border.widget_categories li, .icon-fill.border.widget_rss li, .icon-fill.border.widget_product_categories li {

    padding: 6px 0 8px 0; }

  .list-box.icon-fill.offset li, .icon-fill.offset.widget_recent_comments li, .icon-fill.offset.widget_recent_entries li, .icon-fill.offset.widget_meta li, .icon-fill.offset.widget_archive li, .icon-fill.offset.widget_nav_menu li,

  .icon-fill.offset.widget_pages li, .icon-fill.offset.widget_categories li, .icon-fill.offset.widget_rss li, .icon-fill.offset.widget_product_categories li {

    padding: 0; }

    .list-box.icon-fill.offset li .col, .icon-fill.offset.widget_recent_comments li .col, .icon-fill.offset.widget_recent_entries li .col, .icon-fill.offset.widget_meta li .col, .icon-fill.offset.widget_archive li .col, .icon-fill.offset.widget_nav_menu li .col,

    .icon-fill.offset.widget_pages li .col, .icon-fill.offset.widget_categories li .col, .icon-fill.offset.widget_rss li .col, .icon-fill.offset.widget_product_categories li .col {

      padding: 8px 0 7px; }



/*--------------------------------------------------------------

## Menu list

--------------------------------------------------------------*/

.menu-list h4 {

  font-size: 16px; }



.menu-list table {

  margin: 0; }

  .menu-list table td, .menu-list table th {

    padding: 0;

    border: none; }

  .menu-list table tr .title {

    width: 1%;

    white-space: nowrap; }

    .menu-list table tr .title del {

      color: #888888; }

    .menu-list table tr .title ins {

      text-decoration: none; }

  .menu-list table tr .line {

    padding: 0 10px; }

    .menu-list table tr .line:after {

      content: '';

      width: 100%;

      height: 1px;

      border-bottom: 1px dotted #ccc;

      display: block;

      margin-top: 10px; }



.menu-list .content {

  margin: 5px 0 0; }

  .menu-list .content p {

    margin: 0; }

  .menu-list .content .new {

    color: #ffffff;

    margin-left: 10px;

    font-size: 11px;

    font-weight: 700;

    padding: 3px 8px 2px;

    display: inline-block;

    float: right; }



@media screen and (max-width: 768px) {

  .menu-list table tr .title {

    width: auto;

    white-space: normal; } }



/*--------------------------------------------------------------

## Message box

--------------------------------------------------------------*/

.message-box {

  background: #f3f3f3;

  margin: 0;

  padding: 22px 45px 20px 20px;

  border: none;

  font-size: 14px;

  text-align: left;

  position: relative;

  color: #404044; }

  .message-box.wauto {

    width: auto;

    display: inline-block;

    margin: 0 auto; }

  .message-box.without-close {

    padding-right: 20px; }

  .message-box.closed {

    display: none; }

  .message-box a {

    color: #404044;

    font-weight: 500;

    margin: 0 6px; }

    .message-box a:hover {

      color: #404044;

      opacity: .8;

      text-decoration: underline; }

  .message-box .close {

    color: inherit;

    position: absolute;

    top: 20px;

    right: 20px;

    cursor: pointer;

    font-size: 28px;

    line-height: 14px;

    margin-top: -2px; }

    .message-box .close:hover {

      opacity: .8; }

  .message-box.primary {

    background: rgba(80, 92, 253, 0.1); }

  .message-box.success {

    background: rgba(58, 188, 131, 0.15); }

  .message-box.warning {

    background: rgba(254, 157, 93, 0.2); }

  .message-box.error {

    background: rgba(254, 93, 93, 0.15); }



/*--------------------------------------------------------------

## One page

--------------------------------------------------------------*/

.norebro-onepage {

  width: 100%;

  min-height: 200px;

  height: 100vh;

  overflow: hidden;

  position: relative; }

  .norebro-onepage .onepage-section {

    background-position: center;

    background-size: cover;

    height: 100vh; }

  .norebro-onepage .onepage-nav div {

    position: absolute;

    bottom: 40px;

    right: 40px;

    z-index: 3; }

  .norebro-onepage .onepage-nav .up {

    bottom: 100px; }

  .norebro-onepage.horizontal .onepage-stage {

    width: 100000px;

    height: 100%;

    overflow: hidden;

    position: relative; }

    .norebro-onepage.horizontal .onepage-stage .onepage-section {

      float: left; }

  .norebro-onepage.horizontal .onepage-nav div {

    bottom: 40px;

    -webkit-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

            transform: rotate(-90deg); }

  .norebro-onepage.horizontal .onepage-nav .up {

    right: 100px; }

  @media screen and (max-width: 768px) {

    .norebro-onepage.disable-on-mobile {

      height: auto; }

      .norebro-onepage.disable-on-mobile .onepage-section {

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 30px 0; }

      .norebro-onepage.disable-on-mobile .onepage-nav,

      .norebro-onepage.disable-on-mobile .onepage-dots {

        display: none; }

    .norebro-onepage .onepage-nav div {

      bottom: 25px;

      right: 25px; }

    .norebro-onepage .onepage-nav .up {

      bottom: 80px; }

    .norebro-onepage .onepage-dots {

      right: 20px; }

    .norebro-onepage.horizontal .onepage-nav .up {

      right: 80px; }

    .norebro-onepage.horizontal .onepage-nav .down {

      right: 25px; } }



/*--------------------------------------------------------------

## Parallax

--------------------------------------------------------------*/

.parallax {

  position: relative;

  height: 100%;

  overflow: hidden; }

  .parallax:after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2; }

  .parallax .parallax-content {

    position: relative;

    z-index: 3;

    padding-left: 25px;

    padding-right: 25px; }

  @media screen and (max-width: 768px) {

    .parallax .parallax-content {

      padding-left: 25px;

      padding-right: 25px; } }



.parallax-bg {

  background-position: center center;

  width: 100%;

  height: 1000%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  -webkit-perspective: 1000;

          perspective: 1000;

  will-change: transform; }

  .parallax-bg.horizontal {

    width: 1000%;

    height: 100%; }



/*--------------------------------------------------------------

## Pricing table

--------------------------------------------------------------*/

.pricing-table {

  background: #f9f9f9;

  width: 100%;

  padding: 30px;

  text-align: center;

  position: relative;

  display: inline-block; }

  .pricing-table h3.title {

    margin: 10px 0 0 0;

    font-size: 20px;

    text-align: center; }

  .pricing-table > p.subtitle {

    margin-top: 5px;

    font-size: 14px; }

  .pricing-table .price {

    margin: 15px 0 0;

    padding: 20px 0;

    border-top: 1px solid rgba(0, 0, 0, 0.07); }

    .pricing-table .price h2 {

      display: inline-block;

      font-size: 50px;

      line-height: 50px;

      margin: 0;

      position: relative; }

      .pricing-table .price h2 .icon {

        position: absolute;

        left: -22px;

        top: 5px;

        line-height: 25px;

        font-size: 25px; }

    .pricing-table .price p.subtitle {

      margin-top: 20px;

      font-size: 13.6px; }

  .pricing-table .time-interval {

    background: #ebebeb;

    margin: 10px 0 0;

    padding: 8px 14px 6px;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    display: inline-block;

    font-weight: 500;

    font-size: 10.6px; }

  .pricing-table > .list-box, .pricing-table > .widget_recent_comments, .pricing-table > .widget_recent_entries, .pricing-table > .widget_meta, .pricing-table > .widget_archive, .pricing-table > .widget_nav_menu, .pricing-table >

  .widget_pages, .pricing-table > .widget_categories, .pricing-table > .widget_rss, .pricing-table > .widget_product_categories {

    margin: 0 0; }

  .pricing-table .list-box + .btn, .pricing-table .widget_recent_comments + .btn, .pricing-table .widget_recent_entries + .btn, .pricing-table .widget_meta + .btn, .pricing-table .widget_archive + .btn, .pricing-table .widget_nav_menu + .btn, .pricing-table

  .widget_pages + .btn, .pricing-table .widget_categories + .btn, .pricing-table .widget_rss + .btn, .pricing-table .widget_product_categories + .btn {

    margin-top: 30px; }

  .pricing-table .btn {

    min-width: 140px; }

  .pricing-table .list-box li, .pricing-table .widget_recent_comments li, .pricing-table .widget_recent_entries li, .pricing-table .widget_meta li, .pricing-table .widget_archive li, .pricing-table .widget_nav_menu li, .pricing-table

  .widget_pages li, .pricing-table .widget_categories li, .pricing-table .widget_rss li, .pricing-table .widget_product_categories li {

    padding: 6px 0;

    font-weight: 500;

    font-size: 13.6px; }

    .pricing-table .list-box li, .pricing-table .widget_recent_comments li, .pricing-table .widget_recent_entries li, .pricing-table .widget_meta li, .pricing-table .widget_archive li, .pricing-table .widget_nav_menu li, .pricing-table

    .widget_pages li, .pricing-table .widget_categories li, .pricing-table .widget_rss li, .pricing-table .widget_product_categories li, .pricing-table .list-box li:first-child, .pricing-table .widget_recent_comments li:first-child, .pricing-table .widget_recent_entries li:first-child, .pricing-table .widget_meta li:first-child, .pricing-table .widget_archive li:first-child, .pricing-table .widget_nav_menu li:first-child, .pricing-table

    .widget_pages li:first-child, .pricing-table .widget_categories li:first-child, .pricing-table .widget_rss li:first-child, .pricing-table .widget_product_categories li:first-child {

      border-color: rgba(0, 0, 0, 0.07); }

    .pricing-table .list-box li .icon, .pricing-table .widget_recent_comments li .icon, .pricing-table .widget_recent_entries li .icon, .pricing-table .widget_meta li .icon, .pricing-table .widget_archive li .icon, .pricing-table .widget_nav_menu li .icon, .pricing-table

    .widget_pages li .icon, .pricing-table .widget_categories li .icon, .pricing-table .widget_rss li .icon, .pricing-table .widget_product_categories li .icon {

      font-size: 22px;

      vertical-align: -3px; }

      .pricing-table .list-box li .icon + .title, .pricing-table .widget_recent_comments li .icon + .title, .pricing-table .widget_recent_entries li .icon + .title, .pricing-table .widget_meta li .icon + .title, .pricing-table .widget_archive li .icon + .title, .pricing-table .widget_nav_menu li .icon + .title, .pricing-table

      .widget_pages li .icon + .title, .pricing-table .widget_categories li .icon + .title, .pricing-table .widget_rss li .icon + .title, .pricing-table .widget_product_categories li .icon + .title {

        margin-left: 5px; }

    .pricing-table .list-box li.disabled .title, .pricing-table .widget_recent_comments li.disabled .title, .pricing-table .widget_recent_entries li.disabled .title, .pricing-table .widget_meta li.disabled .title, .pricing-table .widget_archive li.disabled .title, .pricing-table .widget_nav_menu li.disabled .title, .pricing-table

    .widget_pages li.disabled .title, .pricing-table .widget_categories li.disabled .title, .pricing-table .widget_rss li.disabled .title, .pricing-table .widget_product_categories li.disabled .title {

      color: rgba(64, 64, 68, 0.5); }

  .pricing-table.features {

    background: transparent; }

    .pricing-table.features h3 {

      text-align: left;

      margin: 0;

      font-size: 16px; }

    .pricing-table.features .list-box, .pricing-table.features .widget_recent_comments, .pricing-table.features .widget_recent_entries, .pricing-table.features .widget_meta, .pricing-table.features .widget_archive, .pricing-table.features .widget_nav_menu, .pricing-table.features

    .widget_pages, .pricing-table.features .widget_categories, .pricing-table.features .widget_rss, .pricing-table.features .widget_product_categories {

      margin-top: 15px; }



/*--------------------------------------------------------------

## Process

--------------------------------------------------------------*/

.process {

  position: relative;

  padding: 1px 0; }

  .process .number {

    color: #ebebeb;

    font: bold 100px "Poppins", sans-serif;

    position: absolute;

    line-height: 1;

    top: 0;

    left: 0; }

  .process h3 {

    font-size: 24px;

    margin: 30px 0 45px; }

  .process .description {

    margin: 0; }

  .process.boxed {

    background: #fff;

    padding: 40px;

    margin-top: 50px; }

    .process.boxed .number {

      top: -45px;

      left: 35px; }

    .process.boxed h3 {

      margin: 20px 0 10px; }



/*--------------------------------------------------------------

## Progress bars

--------------------------------------------------------------*/

.progress-bar {

  width: 100%; }

  .progress-bar h4 {

    margin: 0;

    font-size: 13.6px;

    font-weight: 600; }

  .progress-bar .line-wrap {

    background: #f3f3f3;

    width: 100%;

    height: 8px;

    margin-top: 10px; }

  .progress-bar .line {

    display: block;

    width: 0px;

    height: 8px;

    -webkit-transition: width 1.6s cubic-bezier(0.2, 0.35, 0.25, 1);

    transition: width 1.6s cubic-bezier(0.2, 0.35, 0.25, 1);

    position: relative; }

  .progress-bar .line-percent {

    content: '20';

    background: #404044;

    color: #fff;

    padding: 8px 8px 4px;

    font-size: 11px;

    font-weight: 600;

    position: absolute;

    bottom: 100%;

    right: 0;

    -webkit-transform: translateX(50%) translateY(-10px);

        -ms-transform: translateX(50%) translateY(-10px);

            transform: translateX(50%) translateY(-10px); }

    .progress-bar .line-percent:after {

      content: '';

      background: inherit;

      width: 8px;

      height: 8px;

      position: absolute;

      bottom: -4px;

      right: 50%;

      -webkit-transform: translateX(50%) rotate(45deg);

          -ms-transform: translateX(50%) rotate(45deg);

              transform: translateX(50%) rotate(45deg); }

  .progress-bar.inner .line-wrap {

    height: 14px; }

  .progress-bar.inner .line {

    height: 6px;

    top: 4px;

    left: 4px; }

  .progress-bar.inner .line-percent {

    margin-bottom: 4px; }

  .progress-bar.split .line-wrap {

    background: transparent;

    position: relative; }

  .progress-bar.split .line-split {

    background: #ebebeb;

    width: -webkit-calc(100% / 8 - 2px);

    width: calc(100% / 8 - 2px);

    height: 8px;

    float: left;

    margin-right: 2px;

    position: relative;

    overflow: hidden; }

    .progress-bar.split .line-split .line {

      position: absolute;

      top: 0;

      left: 0; }

  .progress-bar.pattern .line {

    background-image: url("../images/progress-bar-pattern.png");

    -webkit-animation: progress-bar-line-strip-anim 1s linear infinite;

            animation: progress-bar-line-strip-anim 1s linear infinite; }



@-webkit-keyframes progress-bar-line-strip-anim {

  0% {

    background-position: 0 0; }

  100% {

    background-position: -21px 0; } }



@keyframes progress-bar-line-strip-anim {

  0% {

    background-position: 0 0; }

  100% {

    background-position: -21px 0; } }



/*--------------------------------------------------------------

## Row

--------------------------------------------------------------*/

.vc_row {

  position: relative; }

  .vc_row .vc-bg-lines div {

    background: rgba(0, 0, 0, 0.05);

    width: 1px;

    height: 100%;

    position: absolute;

    left: -webkit-calc(100% / 8);

    left: calc(100% / 8); }

  .vc_row .vc-bg-lines.light div {

    background: rgba(255, 255, 255, 0.08); }

  .vc_row .vc-bg-lines div:nth-child(2) {

    left: -webkit-calc(100% / 8 * 2);

    left: calc(100% / 8 * 2); }

  .vc_row .vc-bg-lines div:nth-child(3) {

    left: -webkit-calc(100% / 8 * 3);

    left: calc(100% / 8 * 3); }

  .vc_row .vc-bg-lines div:nth-child(4) {

    left: -webkit-calc(100% / 8 * 4);

    left: calc(100% / 8 * 4); }

  .vc_row .vc-bg-lines div:nth-child(5) {

    left: -webkit-calc(100% / 8 * 5);

    left: calc(100% / 8 * 5); }

  .vc_row .vc-bg-lines div:nth-child(6) {

    left: -webkit-calc(100% / 8 * 6);

    left: calc(100% / 8 * 6); }

  .vc_row .vc-bg-lines div:nth-child(7) {

    left: -webkit-calc(100% / 8 * 7);

    left: calc(100% / 8 * 7); }

  .vc_row .vc-bg-side-text {

    color: rgba(51, 51, 51, 0.15);

    position: absolute;

    font-size: 100px;

    line-height: 100%;

    font-weight: 700;

    font-family: "Poppins", sans-serif;

    top: 40px;

    text-align: left;

    -webkit-transform-origin: 0% 0%;

        -ms-transform-origin: 0% 0%;

            transform-origin: 0% 0%;

    -webkit-transform: rotate(-90deg) translateX(-100%) translateY(-50%);

        -ms-transform: rotate(-90deg) translateX(-100%) translateY(-50%);

            transform: rotate(-90deg) translateX(-100%) translateY(-50%); }

    .vc_row .vc-bg-side-text.right {

      left: auto;

      -webkit-transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%);

          -ms-transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%);

              transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%); }

  @media screen and (max-width: 768px) {

    .vc_row .vc-bg-lines,

    .vc_row .vc-bg-side-text {

      display: none; } }



.page-container .vc-bg-side-text {

  left: -webkit-calc( (100% - 1326px) / 4);

  left: calc( (100% - 1326px) / 4); }

  .page-container .vc-bg-side-text.right {

    left: auto;

    right: -webkit-calc( (100% - 1326px) / 4);

    right: calc( (100% - 1326px) / 4); }



.page-container.full .vc-bg-side-text {

  left: -webkit-calc( 14% / 4);

  left: calc( 14% / 4); }

  .page-container.full .vc-bg-side-text.right {

    left: auto;

    right: -webkit-calc( 14% / 4);

    right: calc( 14% / 4); }



/*--------------------------------------------------------------

## Slider

--------------------------------------------------------------*/

.slider {

  width: auto;

  margin: 0 auto;

  position: relative;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none; }

  .slider:after {

    content: '';

    display: table;

    clear: both; }

  .slider .slider-wrap .wpb_content_element {

    margin: 0; }

  .slider .owl-stage-outer {

    position: relative;

    overflow: hidden;

    -webkit-transition: height .3s ease-in-out;

    transition: height .3s ease-in-out; }

  .slider .owl-stage {

    position: absolute; }

  .slider .owl-item {

    float: left; }

  .slider .owl-nav div {

    margin-top: -30px;

    top: 50%;

    z-index: 4; }

    .slider .owl-nav div.disabled {

      opacity: .7;

      cursor: default; }

  .slider .owl-prev {

    left: 0px; }

  .slider .owl-nav .owl-next {

    right: 0px; }

  .slider .owl-dots {

    width: 100%;

    text-align: center;

    margin-top: 0; }

    .slider .owl-dots.slider-vertical-numbers, .slider .owl-dots.slider-vertical-dots {

      width: auto; }

  .slider .owl-dot {

    width: 14px;

    height: 14px;

    margin: 0 5px;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    border: 1px solid transparent;

    display: inline-block;

    position: relative;

    cursor: pointer;

    opacity: 1;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    -webkit-transition-property: opacity, border-color;

    transition-property: opacity, border-color;

    color: #404044; }

    .slider .owl-dot:after {

      background: currentColor;

      content: '';

      width: 4px;

      height: 4px;

      -webkit-border-radius: 50px;

              border-radius: 50px;

      margin: -2px 0 0 -2px;

      position: absolute;

      top: 50%;

      left: 50%; }

    .slider .owl-dot:hover {

      opacity: .6; }

    .slider .owl-dot:hover, .slider .owl-dot.active {

      border-color: currentColor; }

    .slider .owl-dot.brand {

      color: #723887; }

  .slider.with-dots .owl-nav div {

    margin-top: -70px; }

  .slider.with-dots .owl-dots {

    margin-top: 40px; }

  .slider.without-nav .slider-nav {

    display: none; }

  @media screen and (max-width: 768px) {

    .slider {

      padding: 0;

      width: auto;

      margin: 0; }

      .slider .owl-nav .owl-prev {

        left: 20px !important; }

      .slider .owl-nav .owl-next {

        right: 20px !important; }

      .slider.with-dots .owl-dots {

        margin-top: 20px; } }



.slider-wrap {

  position: relative; }



.slider.norebro-slider {

  padding: 0 80px; }

  .slider.norebro-slider.full-height {

    height: 100%; }

    .slider.norebro-slider.full-height.with-dots {

      height: -webkit-calc(100% - 120px);

      height: calc(100% - 120px); }

    .slider.norebro-slider.full-height .owl-stage-outer, .slider.norebro-slider.full-height .owl-stage, .slider.norebro-slider.full-height .owl-item,

    .slider.norebro-slider.full-height .portfolio-item-wrap {

      height: 100%; }

  .slider.norebro-slider.without-nav {

    padding: 0; }

    .slider.norebro-slider.without-nav .owl-nav,

    .slider.norebro-slider.without-nav .slider-nav {

      display: none; }

  @media screen and (min-width: 769px) {

    .slider.norebro-slider.nav-offset {

      padding: 0;

      width: auto;

      margin: 0 -15px; }

      .slider.norebro-slider.nav-offset .owl-prev {

        left: -80px; }

      .slider.norebro-slider.nav-offset .owl-nav .owl-next {

        right: -80px; }

    .slider.norebro-slider.nav-inset {

      padding: 0;

      width: auto;

      margin: 0 -15px; }

      .slider.norebro-slider.nav-inset .owl-prev {

        left: 50px; }

      .slider.norebro-slider.nav-inset .owl-nav .owl-next {

        right: 50px; }

    .slider.norebro-slider.slider-offset {

      width: auto;

      padding: 0;

      margin: 0 -70%;

      position: static; }

      .slider.norebro-slider.slider-offset .owl-nav div {

        left: 50%; }

      .slider.norebro-slider.slider-offset.slider-opacity .owl-item {

        opacity: .5;

        -webkit-transition: opacity .1s ease-in-out;

        transition: opacity .1s ease-in-out; }

      .slider.norebro-slider.slider-offset.slider-opacity .owl-item.offset-active {

        opacity: 1; } }

  @media screen and (max-width: 768px) {

    .slider.norebro-slider {

      padding: 0; }

      .slider.norebro-slider.slider-offset {

        margin: 0 !important; }

        .slider.norebro-slider.slider-offset .owl-item {

          padding: 0 0px !important; }

      .slider.norebro-slider .slider-nav {

        display: none; } }



.slider-nav > div {

  background: rgba(30, 30, 30, 0.7);

  color: #fff;

  width: 50px;

  height: 50px;

  border: none;

  -webkit-border-radius: 50px;

          border-radius: 50px;

  text-align: center;

  font-size: 25px;

  line-height: 54px;

  position: absolute;

  -webkit-transform: none;

      -ms-transform: none;

          transform: none;

  -webkit-transition: .2s ease-in-out;

  transition: .2s ease-in-out;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform;

  cursor: pointer; }

  .slider-nav > div span {

    font-size: 28px; }

  .slider-nav > div:hover {

    opacity: .8; }



.slider-vertical-numbers,

.slider-vertical-dots {

  width: auto;

  height: 100%;

  position: absolute;

  top: 0;

  right: 40px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  list-style: none;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  z-index: 2;

  counter-reset: onepage; }

  .slider-vertical-numbers li, .slider-vertical-numbers > div, .slider-vertical-numbers > .owl-dot,

  .slider-vertical-dots li,

  .slider-vertical-dots > div,

  .slider-vertical-dots > .owl-dot {

    background: transparent;

    width: auto;

    height: auto;

    padding: 3px 0;

    color: #fff;

    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 18px;

    position: relative;

    cursor: pointer;

    -webkit-transform: scale(0.69) rotate(0.25deg);

        -ms-transform: scale(0.69) rotate(0.25deg);

            transform: scale(0.69) rotate(0.25deg);

    opacity: .8;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    -webkit-transition-property: opacity, color, -webkit-transform;

    transition-property: opacity, color, -webkit-transform;

    transition-property: transform, opacity, color;

    transition-property: transform, opacity, color, -webkit-transform;

    counter-increment: onepage; }

    .slider-vertical-numbers li:after, .slider-vertical-numbers > div:after, .slider-vertical-numbers > .owl-dot:after,

    .slider-vertical-dots li:after,

    .slider-vertical-dots > div:after,

    .slider-vertical-dots > .owl-dot:after {

      background: transparent;

      content: counter(onepage, decimal-leading-zero);

      position: static; }

    .slider-vertical-numbers li:before, .slider-vertical-numbers > div:before, .slider-vertical-numbers > .owl-dot:before,

    .slider-vertical-dots li:before,

    .slider-vertical-dots > div:before,

    .slider-vertical-dots > .owl-dot:before {

      content: '';

      background: currentColor;

      width: 90%;

      height: 1px;

      position: absolute;

      bottom: 4px;

      left: 5%;

      display: none;

      opacity: 0; }

    .slider-vertical-numbers li.active, .slider-vertical-numbers li:hover, .slider-vertical-numbers > div.active, .slider-vertical-numbers > div:hover, .slider-vertical-numbers > .owl-dot.active, .slider-vertical-numbers > .owl-dot:hover,

    .slider-vertical-dots li.active,

    .slider-vertical-dots li:hover,

    .slider-vertical-dots > div.active,

    .slider-vertical-dots > div:hover,

    .slider-vertical-dots > .owl-dot.active,

    .slider-vertical-dots > .owl-dot:hover {

      background: none;

      width: auto;

      height: auto;

      border-color: transparent;

      cursor: pointer;

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      opacity: 1; }

      .slider-vertical-numbers li.active:before, .slider-vertical-numbers li:hover:before, .slider-vertical-numbers > div.active:before, .slider-vertical-numbers > div:hover:before, .slider-vertical-numbers > .owl-dot.active:before, .slider-vertical-numbers > .owl-dot:hover:before,

      .slider-vertical-dots li.active:before,

      .slider-vertical-dots li:hover:before,

      .slider-vertical-dots > div.active:before,

      .slider-vertical-dots > div:hover:before,

      .slider-vertical-dots > .owl-dot.active:before,

      .slider-vertical-dots > .owl-dot:hover:before {

        display: block;

        opacity: 1; }



.slider-vertical-dots li, .slider-vertical-dots > div, .slider-vertical-dots > .owl-dot {

  color: #fff;

  background: transparent;

  width: 14px;

  height: 14px;

  margin: 5px 0;

  display: block;

  -webkit-border-radius: 50px;

          border-radius: 50px;

  border: 1px solid transparent;

  position: relative;

  -webkit-transform: none;

      -ms-transform: none;

          transform: none;

  -webkit-transition: border-color .2s ease-in-out;

  transition: border-color .2s ease-in-out; }

  .slider-vertical-dots li:after, .slider-vertical-dots > div:after, .slider-vertical-dots > .owl-dot:after {

    content: '';

    background: currentColor;

    content: '';

    width: 4px;

    height: 4px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    margin: -2px 0 0 -2px;

    position: absolute;

    top: 50%;

    left: 50%; }

  .slider-vertical-dots li:before, .slider-vertical-dots > div:before, .slider-vertical-dots > .owl-dot:before {

    content: none; }

  .slider-vertical-dots li:hover, .slider-vertical-dots li.active, .slider-vertical-dots > div:hover, .slider-vertical-dots > div.active, .slider-vertical-dots > .owl-dot:hover, .slider-vertical-dots > .owl-dot.active {

    border-color: currentColor;

    width: 14px;

    height: 14px; }



/*--------------------------------------------------------------

## Social bar

--------------------------------------------------------------*/

.socialbar {

  cursor: default; }

  .socialbar a {

    background: #404044;

    color: #fff;

    width: 50px;

    height: 50px;

    margin: 0px 3px;

    border: 1px solid #404044;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    text-align: center;

    text-decoration: none;

    vertical-align: middle;

    line-height: 50px;

    font-size: 22px;

    display: inline-block;

    -webkit-transition: .2s;

    transition: .2s;

    cursor: pointer;

    -webkit-transition-property: background-color, border-color, color;

    transition-property: background-color, border-color, color; }

    .socialbar a span {

      position: relative;

      z-index: 2; }

    .socialbar a:hover {

      background: transparent;

      color: #404044; }

  .socialbar.squared a {

    -webkit-border-radius: 0;

            border-radius: 0; }

  .socialbar.outline a {

    background: transparent;

    border: 1px solid #404044;

    color: #404044; }

    .socialbar.outline a:hover {

      background: #404044;

      color: #ffffff; }

    .socialbar.outline a.social-footer {

      border-color: #474a4e;

      color: #afafb0; }

      .socialbar.outline a.social-footer:hover {

        background: #474a4e;

        color: #ffffff; }

  .socialbar.flat a {

    background: transparent;

    color: #404044;

    border-color: transparent; }

    .socialbar.flat a:hover {

      background: #404044;

      color: #ffffff; }

  .socialbar.flat.outline-hover a:hover {

    background: transparent;

    border-color: #404044;

    color: #404044; }

  .socialbar.inline {

    display: block; }

    .socialbar.inline a {

      background: none;

      width: auto;

      height: auto;

      border: none;

      margin: 0 15px;

      -webkit-box-shadow: none;

              box-shadow: none;

      color: #404044;

      line-height: 2.4;

      font-size: 13.8px;

      font-weight: 700;

      font-family: "Poppins", sans-serif; }

      .socialbar.inline a .icon {

        font-size: 20px;

        margin-right: 5px;

        vertical-align: -2px; }

  .socialbar.small a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 16px; }

  .socialbar.small.inline a {

    width: auto;

    height: auto;

    margin: 0 10px;

    line-height: 2.4;

    font-size: 13px; }

    .socialbar.small.inline a .icon {

      font-size: 16px;

      vertical-align: -1px; }

  .socialbar a:first-child {

    margin-left: 0; }

  .socialbar a:last-child {

    margin-right: 0; }

  .socialbar.default a.white {

    background: #fff;

    border-color: #fff; }

    .socialbar.default a.white:hover {

      background: transparent;

      color: #fff;

      border-color: #fff; }

  .socialbar.default.outline a.white {

    background: transparent;

    color: #fff; }

    .socialbar.default.outline a.white:hover {

      background: #fff;

      color: #ffffff; }

  .socialbar.default.flat a.white {

    background: transparent;

    color: #fff;

    border-color: transparent; }

    .socialbar.default.flat a.white:hover {

      background: #fff;

      color: #ffffff; }

  .socialbar.default.inline a.white {

    background: transparent;

    border-color: transparent;

    color: #fff; }

    .socialbar.default.inline a.white:hover {

      color: #fff; }

  .socialbar.default a.facebook {

    background: #4c6ecd;

    border-color: #4c6ecd; }

    .socialbar.default a.facebook:hover {

      background: transparent;

      color: #4c6ecd;

      border-color: #4c6ecd; }

  .socialbar.default.outline a.facebook {

    background: transparent;

    color: #4c6ecd; }

    .socialbar.default.outline a.facebook:hover {

      background: #4c6ecd;

      color: #ffffff; }

  .socialbar.default.flat a.facebook {

    background: transparent;

    color: #4c6ecd;

    border-color: transparent; }

    .socialbar.default.flat a.facebook:hover {

      background: #4c6ecd;

      color: #ffffff; }

  .socialbar.default.inline a.facebook {

    background: transparent;

    border-color: transparent;

    color: #4c6ecd; }

    .socialbar.default.inline a.facebook:hover {

      color: #4c6ecd; }

  .socialbar.default a.twitter {

    background: #44acfe;

    border-color: #44acfe; }

    .socialbar.default a.twitter:hover {

      background: transparent;

      color: #44acfe;

      border-color: #44acfe; }

  .socialbar.default.outline a.twitter {

    background: transparent;

    color: #44acfe; }

    .socialbar.default.outline a.twitter:hover {

      background: #44acfe;

      color: #ffffff; }

  .socialbar.default.flat a.twitter {

    background: transparent;

    color: #44acfe;

    border-color: transparent; }

    .socialbar.default.flat a.twitter:hover {

      background: #44acfe;

      color: #ffffff; }

  .socialbar.default.inline a.twitter {

    background: transparent;

    border-color: transparent;

    color: #44acfe; }

    .socialbar.default.inline a.twitter:hover {

      color: #44acfe; }

  .socialbar.default a.googleplus {

    background: #fe5757;

    border-color: #fe5757; }

    .socialbar.default a.googleplus:hover {

      background: transparent;

      color: #fe5757;

      border-color: #fe5757; }

  .socialbar.default.outline a.googleplus {

    background: transparent;

    color: #fe5757; }

    .socialbar.default.outline a.googleplus:hover {

      background: #fe5757;

      color: #ffffff; }

  .socialbar.default.flat a.googleplus {

    background: transparent;

    color: #fe5757;

    border-color: transparent; }

    .socialbar.default.flat a.googleplus:hover {

      background: #fe5757;

      color: #ffffff; }

  .socialbar.default.inline a.googleplus {

    background: transparent;

    border-color: transparent;

    color: #fe5757; }

    .socialbar.default.inline a.googleplus:hover {

      color: #fe5757; }

  .socialbar.default a.pinterest {

    background: #e8323f;

    border-color: #e8323f; }

    .socialbar.default a.pinterest:hover {

      background: transparent;

      color: #e8323f;

      border-color: #e8323f; }

  .socialbar.default.outline a.pinterest {

    background: transparent;

    color: #e8323f; }

    .socialbar.default.outline a.pinterest:hover {

      background: #e8323f;

      color: #ffffff; }

  .socialbar.default.flat a.pinterest {

    background: transparent;

    color: #e8323f;

    border-color: transparent; }

    .socialbar.default.flat a.pinterest:hover {

      background: #e8323f;

      color: #ffffff; }

  .socialbar.default.inline a.pinterest {

    background: transparent;

    border-color: transparent;

    color: #e8323f; }

    .socialbar.default.inline a.pinterest:hover {

      color: #e8323f; }

  .socialbar.default a.linkedin {

    background: #4477ab;

    border-color: #4477ab; }

    .socialbar.default a.linkedin:hover {

      background: transparent;

      color: #4477ab;

      border-color: #4477ab; }

  .socialbar.default.outline a.linkedin {

    background: transparent;

    color: #4477ab; }

    .socialbar.default.outline a.linkedin:hover {

      background: #4477ab;

      color: #ffffff; }

  .socialbar.default.flat a.linkedin {

    background: transparent;

    color: #4477ab;

    border-color: transparent; }

    .socialbar.default.flat a.linkedin:hover {

      background: #4477ab;

      color: #ffffff; }

  .socialbar.default.inline a.linkedin {

    background: transparent;

    border-color: transparent;

    color: #4477ab; }

    .socialbar.default.inline a.linkedin:hover {

      color: #4477ab; }

  .socialbar.default a.dribbble {

    background: #fd629e;

    border-color: #fd629e; }

    .socialbar.default a.dribbble:hover {

      background: transparent;

      color: #fd629e;

      border-color: #fd629e; }

  .socialbar.default.outline a.dribbble {

    background: transparent;

    color: #fd629e; }

    .socialbar.default.outline a.dribbble:hover {

      background: #fd629e;

      color: #ffffff; }

  .socialbar.default.flat a.dribbble {

    background: transparent;

    color: #fd629e;

    border-color: transparent; }

    .socialbar.default.flat a.dribbble:hover {

      background: #fd629e;

      color: #ffffff; }

  .socialbar.default.inline a.dribbble {

    background: transparent;

    border-color: transparent;

    color: #fd629e; }

    .socialbar.default.inline a.dribbble:hover {

      color: #fd629e; }

  .socialbar.default a.github {

    background: #323131;

    border-color: #323131; }

    .socialbar.default a.github:hover {

      background: transparent;

      color: #323131;

      border-color: #323131; }

  .socialbar.default.outline a.github {

    background: transparent;

    color: #323131; }

    .socialbar.default.outline a.github:hover {

      background: #323131;

      color: #ffffff; }

  .socialbar.default.flat a.github {

    background: transparent;

    color: #323131;

    border-color: transparent; }

    .socialbar.default.flat a.github:hover {

      background: #323131;

      color: #ffffff; }

  .socialbar.default.inline a.github {

    background: transparent;

    border-color: transparent;

    color: #323131; }

    .socialbar.default.inline a.github:hover {

      color: #323131; }

  .socialbar.default a.instagram {

    background: #3a6aba;

    border-color: #3a6aba; }

    .socialbar.default a.instagram:hover {

      background: transparent;

      color: #3a6aba;

      border-color: #3a6aba; }

  .socialbar.default.outline a.instagram {

    background: transparent;

    color: #3a6aba; }

    .socialbar.default.outline a.instagram:hover {

      background: #3a6aba;

      color: #ffffff; }

  .socialbar.default.flat a.instagram {

    background: transparent;

    color: #3a6aba;

    border-color: transparent; }

    .socialbar.default.flat a.instagram:hover {

      background: #3a6aba;

      color: #ffffff; }

  .socialbar.default.inline a.instagram {

    background: transparent;

    border-color: transparent;

    color: #3a6aba; }

    .socialbar.default.inline a.instagram:hover {

      color: #3a6aba; }

  .socialbar.default a.dropbox {

    background: #187fe7;

    border-color: #187fe7; }

    .socialbar.default a.dropbox:hover {

      background: transparent;

      color: #187fe7;

      border-color: #187fe7; }

  .socialbar.default.outline a.dropbox {

    background: transparent;

    color: #187fe7; }

    .socialbar.default.outline a.dropbox:hover {

      background: #187fe7;

      color: #ffffff; }

  .socialbar.default.flat a.dropbox {

    background: transparent;

    color: #187fe7;

    border-color: transparent; }

    .socialbar.default.flat a.dropbox:hover {

      background: #187fe7;

      color: #ffffff; }

  .socialbar.default.inline a.dropbox {

    background: transparent;

    border-color: transparent;

    color: #187fe7; }

    .socialbar.default.inline a.dropbox:hover {

      color: #187fe7; }

  .socialbar.default a.vk {

    background: #6083ab;

    border-color: #6083ab; }

    .socialbar.default a.vk:hover {

      background: transparent;

      color: #6083ab;

      border-color: #6083ab; }

  .socialbar.default.outline a.vk {

    background: transparent;

    color: #6083ab; }

    .socialbar.default.outline a.vk:hover {

      background: #6083ab;

      color: #ffffff; }

  .socialbar.default.flat a.vk {

    background: transparent;

    color: #6083ab;

    border-color: transparent; }

    .socialbar.default.flat a.vk:hover {

      background: #6083ab;

      color: #ffffff; }

  .socialbar.default.inline a.vk {

    background: transparent;

    border-color: transparent;

    color: #6083ab; }

    .socialbar.default.inline a.vk:hover {

      color: #6083ab; }

  .socialbar.default a.youtube {

    background: #f00;

    border-color: #f00; }

    .socialbar.default a.youtube:hover {

      background: transparent;

      color: #f00;

      border-color: #f00; }

  .socialbar.default.outline a.youtube {

    background: transparent;

    color: #f00; }

    .socialbar.default.outline a.youtube:hover {

      background: #f00;

      color: #ffffff; }

  .socialbar.default.flat a.youtube {

    background: transparent;

    color: #f00;

    border-color: transparent; }

    .socialbar.default.flat a.youtube:hover {

      background: #f00;

      color: #ffffff; }

  .socialbar.default.inline a.youtube {

    background: transparent;

    border-color: transparent;

    color: #f00; }

    .socialbar.default.inline a.youtube:hover {

      color: #f00; }

  .socialbar.default a.vimeo {

    background: #1ab8ea;

    border-color: #1ab8ea; }

    .socialbar.default a.vimeo:hover {

      background: transparent;

      color: #1ab8ea;

      border-color: #1ab8ea; }

  .socialbar.default.outline a.vimeo {

    background: transparent;

    color: #1ab8ea; }

    .socialbar.default.outline a.vimeo:hover {

      background: #1ab8ea;

      color: #ffffff; }

  .socialbar.default.flat a.vimeo {

    background: transparent;

    color: #1ab8ea;

    border-color: transparent; }

    .socialbar.default.flat a.vimeo:hover {

      background: #1ab8ea;

      color: #ffffff; }

  .socialbar.default.inline a.vimeo {

    background: transparent;

    border-color: transparent;

    color: #1ab8ea; }

    .socialbar.default.inline a.vimeo:hover {

      color: #1ab8ea; }

  .socialbar.default a.behance {

    background: #0056ff;

    border-color: #0056ff; }

    .socialbar.default a.behance:hover {

      background: transparent;

      color: #0056ff;

      border-color: #0056ff; }

  .socialbar.default.outline a.behance {

    background: transparent;

    color: #0056ff; }

    .socialbar.default.outline a.behance:hover {

      background: #0056ff;

      color: #ffffff; }

  .socialbar.default.flat a.behance {

    background: transparent;

    color: #0056ff;

    border-color: transparent; }

    .socialbar.default.flat a.behance:hover {

      background: #0056ff;

      color: #ffffff; }

  .socialbar.default.inline a.behance {

    background: transparent;

    border-color: transparent;

    color: #0056ff; }

    .socialbar.default.inline a.behance:hover {

      color: #0056ff; }

  .socialbar.default a.tumblr {

    background: #2a445f;

    border-color: #2a445f; }

    .socialbar.default a.tumblr:hover {

      background: transparent;

      color: #2a445f;

      border-color: #2a445f; }

  .socialbar.default.outline a.tumblr {

    background: transparent;

    color: #2a445f; }

    .socialbar.default.outline a.tumblr:hover {

      background: #2a445f;

      color: #ffffff; }

  .socialbar.default.flat a.tumblr {

    background: transparent;

    color: #2a445f;

    border-color: transparent; }

    .socialbar.default.flat a.tumblr:hover {

      background: #2a445f;

      color: #ffffff; }

  .socialbar.default.inline a.tumblr {

    background: transparent;

    border-color: transparent;

    color: #2a445f; }

    .socialbar.default.inline a.tumblr:hover {

      color: #2a445f; }

  .socialbar.default a.flickr {

    background: #0063db;

    border-color: #0063db; }

    .socialbar.default a.flickr:hover {

      background: transparent;

      color: #0063db;

      border-color: #0063db; }

  .socialbar.default.outline a.flickr {

    background: transparent;

    color: #0063db; }

    .socialbar.default.outline a.flickr:hover {

      background: #0063db;

      color: #ffffff; }

  .socialbar.default.flat a.flickr {

    background: transparent;

    color: #0063db;

    border-color: transparent; }

    .socialbar.default.flat a.flickr:hover {

      background: #0063db;

      color: #ffffff; }

  .socialbar.default.inline a.flickr {

    background: transparent;

    border-color: transparent;

    color: #0063db; }

    .socialbar.default.inline a.flickr:hover {

      color: #0063db; }

  .socialbar.default a.reddit {

    background: #ff4501;

    border-color: #ff4501; }

    .socialbar.default a.reddit:hover {

      background: transparent;

      color: #ff4501;

      border-color: #ff4501; }

  .socialbar.default.outline a.reddit {

    background: transparent;

    color: #ff4501; }

    .socialbar.default.outline a.reddit:hover {

      background: #ff4501;

      color: #ffffff; }

  .socialbar.default.flat a.reddit {

    background: transparent;

    color: #ff4501;

    border-color: transparent; }

    .socialbar.default.flat a.reddit:hover {

      background: #ff4501;

      color: #ffffff; }

  .socialbar.default.inline a.reddit {

    background: transparent;

    border-color: transparent;

    color: #ff4501; }

    .socialbar.default.inline a.reddit:hover {

      color: #ff4501; }

  .socialbar.default a.snapchat {

    background: #e0e410;

    border-color: #e0e410; }

    .socialbar.default a.snapchat:hover {

      background: transparent;

      color: #e0e410;

      border-color: #e0e410; }

  .socialbar.default.outline a.snapchat {

    background: transparent;

    color: #e0e410; }

    .socialbar.default.outline a.snapchat:hover {

      background: #e0e410;

      color: #ffffff; }

  .socialbar.default.flat a.snapchat {

    background: transparent;

    color: #e0e410;

    border-color: transparent; }

    .socialbar.default.flat a.snapchat:hover {

      background: #e0e410;

      color: #ffffff; }

  .socialbar.default.inline a.snapchat {

    background: transparent;

    border-color: transparent;

    color: #e0e410; }

    .socialbar.default.inline a.snapchat:hover {

      color: #e0e410; }

  .socialbar.default a.whatsapp {

    background: #0ec143;

    border-color: #0ec143; }

    .socialbar.default a.whatsapp:hover {

      background: transparent;

      color: #0ec143;

      border-color: #0ec143; }

  .socialbar.default.outline a.whatsapp {

    background: transparent;

    color: #0ec143; }

    .socialbar.default.outline a.whatsapp:hover {

      background: #0ec143;

      color: #ffffff; }

  .socialbar.default.flat a.whatsapp {

    background: transparent;

    color: #0ec143;

    border-color: transparent; }

    .socialbar.default.flat a.whatsapp:hover {

      background: #0ec143;

      color: #ffffff; }

  .socialbar.default.inline a.whatsapp {

    background: transparent;

    border-color: transparent;

    color: #0ec143; }

    .socialbar.default.inline a.whatsapp:hover {

      color: #0ec143; }

  .socialbar.default a.quora {

    background: #a82401;

    border-color: #a82401; }

    .socialbar.default a.quora:hover {

      background: transparent;

      color: #a82401;

      border-color: #a82401; }

  .socialbar.default.outline a.quora {

    background: transparent;

    color: #a82401; }

    .socialbar.default.outline a.quora:hover {

      background: #a82401;

      color: #ffffff; }

  .socialbar.default.flat a.quora {

    background: transparent;

    color: #a82401;

    border-color: transparent; }

    .socialbar.default.flat a.quora:hover {

      background: #a82401;

      color: #ffffff; }

  .socialbar.default.inline a.quora {

    background: transparent;

    border-color: transparent;

    color: #a82401; }

    .socialbar.default.inline a.quora:hover {

      color: #a82401; }

  .socialbar.default a.vine {

    background: #00be8e;

    border-color: #00be8e; }

    .socialbar.default a.vine:hover {

      background: transparent;

      color: #00be8e;

      border-color: #00be8e; }

  .socialbar.default.outline a.vine {

    background: transparent;

    color: #00be8e; }

    .socialbar.default.outline a.vine:hover {

      background: #00be8e;

      color: #ffffff; }

  .socialbar.default.flat a.vine {

    background: transparent;

    color: #00be8e;

    border-color: transparent; }

    .socialbar.default.flat a.vine:hover {

      background: #00be8e;

      color: #ffffff; }

  .socialbar.default.inline a.vine {

    background: transparent;

    border-color: transparent;

    color: #00be8e; }

    .socialbar.default.inline a.vine:hover {

      color: #00be8e; }

  .socialbar.default a.digg {

    background: #1c5891;

    border-color: #1c5891; }

    .socialbar.default a.digg:hover {

      background: transparent;

      color: #1c5891;

      border-color: #1c5891; }

  .socialbar.default.outline a.digg {

    background: transparent;

    color: #1c5891; }

    .socialbar.default.outline a.digg:hover {

      background: #1c5891;

      color: #ffffff; }

  .socialbar.default.flat a.digg {

    background: transparent;

    color: #1c5891;

    border-color: transparent; }

    .socialbar.default.flat a.digg:hover {

      background: #1c5891;

      color: #ffffff; }

  .socialbar.default.inline a.digg {

    background: transparent;

    border-color: transparent;

    color: #1c5891; }

    .socialbar.default.inline a.digg:hover {

      color: #1c5891; }

  .socialbar.default a.foursquare {

    background: #fa4778;

    border-color: #fa4778; }

    .socialbar.default a.foursquare:hover {

      background: transparent;

      color: #fa4778;

      border-color: #fa4778; }

  .socialbar.default.outline a.foursquare {

    background: transparent;

    color: #fa4778; }

    .socialbar.default.outline a.foursquare:hover {

      background: #fa4778;

      color: #ffffff; }

  .socialbar.default.flat a.foursquare {

    background: transparent;

    color: #fa4778;

    border-color: transparent; }

    .socialbar.default.flat a.foursquare:hover {

      background: #fa4778;

      color: #ffffff; }

  .socialbar.default.inline a.foursquare {

    background: transparent;

    border-color: transparent;

    color: #fa4778; }

    .socialbar.default.inline a.foursquare:hover {

      color: #fa4778; }

  .socialbar.hover-default a.white:hover {

    background: transparent;

    color: #fff;

    border-color: #fff; }

  .socialbar.hover-default.outline a.white:hover {

    background: #fff;

    color: #ffffff; }

  .socialbar.hover-default.flat a.white:hover {

    background: #fff;

    color: #ffffff; }

  .socialbar.hover-default.inline a.white:hover {

    color: #fff; }

  .socialbar.hover-default.inline a.white:before {

    background-color: #fff; }

  .socialbar.hover-default a.facebook:hover {

    background: transparent;

    color: #4c6ecd;

    border-color: #4c6ecd; }

  .socialbar.hover-default.outline a.facebook:hover {

    background: #4c6ecd;

    color: #ffffff; }

  .socialbar.hover-default.flat a.facebook:hover {

    background: #4c6ecd;

    color: #ffffff; }

  .socialbar.hover-default.inline a.facebook:hover {

    color: #4c6ecd; }

  .socialbar.hover-default.inline a.facebook:before {

    background-color: #4c6ecd; }

  .socialbar.hover-default a.twitter:hover {

    background: transparent;

    color: #44acfe;

    border-color: #44acfe; }

  .socialbar.hover-default.outline a.twitter:hover {

    background: #44acfe;

    color: #ffffff; }

  .socialbar.hover-default.flat a.twitter:hover {

    background: #44acfe;

    color: #ffffff; }

  .socialbar.hover-default.inline a.twitter:hover {

    color: #44acfe; }

  .socialbar.hover-default.inline a.twitter:before {

    background-color: #44acfe; }

  .socialbar.hover-default a.googleplus:hover {

    background: transparent;

    color: #fe5757;

    border-color: #fe5757; }

  .socialbar.hover-default.outline a.googleplus:hover {

    background: #fe5757;

    color: #ffffff; }

  .socialbar.hover-default.flat a.googleplus:hover {

    background: #fe5757;

    color: #ffffff; }

  .socialbar.hover-default.inline a.googleplus:hover {

    color: #fe5757; }

  .socialbar.hover-default.inline a.googleplus:before {

    background-color: #fe5757; }

  .socialbar.hover-default a.pinterest:hover {

    background: transparent;

    color: #e8323f;

    border-color: #e8323f; }

  .socialbar.hover-default.outline a.pinterest:hover {

    background: #e8323f;

    color: #ffffff; }

  .socialbar.hover-default.flat a.pinterest:hover {

    background: #e8323f;

    color: #ffffff; }

  .socialbar.hover-default.inline a.pinterest:hover {

    color: #e8323f; }

  .socialbar.hover-default.inline a.pinterest:before {

    background-color: #e8323f; }

  .socialbar.hover-default a.linkedin:hover {

    background: transparent;

    color: #4477ab;

    border-color: #4477ab; }

  .socialbar.hover-default.outline a.linkedin:hover {

    background: #4477ab;

    color: #ffffff; }

  .socialbar.hover-default.flat a.linkedin:hover {

    background: #4477ab;

    color: #ffffff; }

  .socialbar.hover-default.inline a.linkedin:hover {

    color: #4477ab; }

  .socialbar.hover-default.inline a.linkedin:before {

    background-color: #4477ab; }

  .socialbar.hover-default a.dribbble:hover {

    background: transparent;

    color: #fd629e;

    border-color: #fd629e; }

  .socialbar.hover-default.outline a.dribbble:hover {

    background: #fd629e;

    color: #ffffff; }

  .socialbar.hover-default.flat a.dribbble:hover {

    background: #fd629e;

    color: #ffffff; }

  .socialbar.hover-default.inline a.dribbble:hover {

    color: #fd629e; }

  .socialbar.hover-default.inline a.dribbble:before {

    background-color: #fd629e; }

  .socialbar.hover-default a.github:hover {

    background: transparent;

    color: #323131;

    border-color: #323131; }

  .socialbar.hover-default.outline a.github:hover {

    background: #323131;

    color: #ffffff; }

  .socialbar.hover-default.flat a.github:hover {

    background: #323131;

    color: #ffffff; }

  .socialbar.hover-default.inline a.github:hover {

    color: #323131; }

  .socialbar.hover-default.inline a.github:before {

    background-color: #323131; }

  .socialbar.hover-default a.instagram:hover {

    background: transparent;

    color: #3a6aba;

    border-color: #3a6aba; }

  .socialbar.hover-default.outline a.instagram:hover {

    background: #3a6aba;

    color: #ffffff; }

  .socialbar.hover-default.flat a.instagram:hover {

    background: #3a6aba;

    color: #ffffff; }

  .socialbar.hover-default.inline a.instagram:hover {

    color: #3a6aba; }

  .socialbar.hover-default.inline a.instagram:before {

    background-color: #3a6aba; }

  .socialbar.hover-default a.dropbox:hover {

    background: transparent;

    color: #187fe7;

    border-color: #187fe7; }

  .socialbar.hover-default.outline a.dropbox:hover {

    background: #187fe7;

    color: #ffffff; }

  .socialbar.hover-default.flat a.dropbox:hover {

    background: #187fe7;

    color: #ffffff; }

  .socialbar.hover-default.inline a.dropbox:hover {

    color: #187fe7; }

  .socialbar.hover-default.inline a.dropbox:before {

    background-color: #187fe7; }

  .socialbar.hover-default a.vk:hover {

    background: transparent;

    color: #6083ab;

    border-color: #6083ab; }

  .socialbar.hover-default.outline a.vk:hover {

    background: #6083ab;

    color: #ffffff; }

  .socialbar.hover-default.flat a.vk:hover {

    background: #6083ab;

    color: #ffffff; }

  .socialbar.hover-default.inline a.vk:hover {

    color: #6083ab; }

  .socialbar.hover-default.inline a.vk:before {

    background-color: #6083ab; }

  .socialbar.hover-default a.youtube:hover {

    background: transparent;

    color: #f00;

    border-color: #f00; }

  .socialbar.hover-default.outline a.youtube:hover {

    background: #f00;

    color: #ffffff; }

  .socialbar.hover-default.flat a.youtube:hover {

    background: #f00;

    color: #ffffff; }

  .socialbar.hover-default.inline a.youtube:hover {

    color: #f00; }

  .socialbar.hover-default.inline a.youtube:before {

    background-color: #f00; }

  .socialbar.hover-default a.vimeo:hover {

    background: transparent;

    color: #1ab8ea;

    border-color: #1ab8ea; }

  .socialbar.hover-default.outline a.vimeo:hover {

    background: #1ab8ea;

    color: #ffffff; }

  .socialbar.hover-default.flat a.vimeo:hover {

    background: #1ab8ea;

    color: #ffffff; }

  .socialbar.hover-default.inline a.vimeo:hover {

    color: #1ab8ea; }

  .socialbar.hover-default.inline a.vimeo:before {

    background-color: #1ab8ea; }

  .socialbar.hover-default a.behance:hover {

    background: transparent;

    color: #0056ff;

    border-color: #0056ff; }

  .socialbar.hover-default.outline a.behance:hover {

    background: #0056ff;

    color: #ffffff; }

  .socialbar.hover-default.flat a.behance:hover {

    background: #0056ff;

    color: #ffffff; }

  .socialbar.hover-default.inline a.behance:hover {

    color: #0056ff; }

  .socialbar.hover-default.inline a.behance:before {

    background-color: #0056ff; }

  .socialbar.hover-default a.tumblr:hover {

    background: transparent;

    color: #2a445f;

    border-color: #2a445f; }

  .socialbar.hover-default.outline a.tumblr:hover {

    background: #2a445f;

    color: #ffffff; }

  .socialbar.hover-default.flat a.tumblr:hover {

    background: #2a445f;

    color: #ffffff; }

  .socialbar.hover-default.inline a.tumblr:hover {

    color: #2a445f; }

  .socialbar.hover-default.inline a.tumblr:before {

    background-color: #2a445f; }

  .socialbar.hover-default a.flickr:hover {

    background: transparent;

    color: #0063db;

    border-color: #0063db; }

  .socialbar.hover-default.outline a.flickr:hover {

    background: #0063db;

    color: #ffffff; }

  .socialbar.hover-default.flat a.flickr:hover {

    background: #0063db;

    color: #ffffff; }

  .socialbar.hover-default.inline a.flickr:hover {

    color: #0063db; }

  .socialbar.hover-default.inline a.flickr:before {

    background-color: #0063db; }

  .socialbar.hover-default a.reddit:hover {

    background: transparent;

    color: #ff4501;

    border-color: #ff4501; }

  .socialbar.hover-default.outline a.reddit:hover {

    background: #ff4501;

    color: #ffffff; }

  .socialbar.hover-default.flat a.reddit:hover {

    background: #ff4501;

    color: #ffffff; }

  .socialbar.hover-default.inline a.reddit:hover {

    color: #ff4501; }

  .socialbar.hover-default.inline a.reddit:before {

    background-color: #ff4501; }

  .socialbar.hover-default a.snapchat:hover {

    background: transparent;

    color: #e0e410;

    border-color: #e0e410; }

  .socialbar.hover-default.outline a.snapchat:hover {

    background: #e0e410;

    color: #ffffff; }

  .socialbar.hover-default.flat a.snapchat:hover {

    background: #e0e410;

    color: #ffffff; }

  .socialbar.hover-default.inline a.snapchat:hover {

    color: #e0e410; }

  .socialbar.hover-default.inline a.snapchat:before {

    background-color: #e0e410; }

  .socialbar.hover-default a.whatsapp:hover {

    background: transparent;

    color: #0ec143;

    border-color: #0ec143; }

  .socialbar.hover-default.outline a.whatsapp:hover {

    background: #0ec143;

    color: #ffffff; }

  .socialbar.hover-default.flat a.whatsapp:hover {

    background: #0ec143;

    color: #ffffff; }

  .socialbar.hover-default.inline a.whatsapp:hover {

    color: #0ec143; }

  .socialbar.hover-default.inline a.whatsapp:before {

    background-color: #0ec143; }

  .socialbar.hover-default a.quora:hover {

    background: transparent;

    color: #a82401;

    border-color: #a82401; }

  .socialbar.hover-default.outline a.quora:hover {

    background: #a82401;

    color: #ffffff; }

  .socialbar.hover-default.flat a.quora:hover {

    background: #a82401;

    color: #ffffff; }

  .socialbar.hover-default.inline a.quora:hover {

    color: #a82401; }

  .socialbar.hover-default.inline a.quora:before {

    background-color: #a82401; }

  .socialbar.hover-default a.vine:hover {

    background: transparent;

    color: #00be8e;

    border-color: #00be8e; }

  .socialbar.hover-default.outline a.vine:hover {

    background: #00be8e;

    color: #ffffff; }

  .socialbar.hover-default.flat a.vine:hover {

    background: #00be8e;

    color: #ffffff; }

  .socialbar.hover-default.inline a.vine:hover {

    color: #00be8e; }

  .socialbar.hover-default.inline a.vine:before {

    background-color: #00be8e; }

  .socialbar.hover-default a.digg:hover {

    background: transparent;

    color: #1c5891;

    border-color: #1c5891; }

  .socialbar.hover-default.outline a.digg:hover {

    background: #1c5891;

    color: #ffffff; }

  .socialbar.hover-default.flat a.digg:hover {

    background: #1c5891;

    color: #ffffff; }

  .socialbar.hover-default.inline a.digg:hover {

    color: #1c5891; }

  .socialbar.hover-default.inline a.digg:before {

    background-color: #1c5891; }

  .socialbar.hover-default a.foursquare:hover {

    background: transparent;

    color: #fa4778;

    border-color: #fa4778; }

  .socialbar.hover-default.outline a.foursquare:hover {

    background: #fa4778;

    color: #ffffff; }

  .socialbar.hover-default.flat a.foursquare:hover {

    background: #fa4778;

    color: #ffffff; }

  .socialbar.hover-default.inline a.foursquare:hover {

    color: #fa4778; }

  .socialbar.hover-default.inline a.foursquare:before {

    background-color: #fa4778; }

  .socialbar.brand a {

    background: #723887;

    border-color: #723887; }

    .socialbar.brand a:hover {

      background: transparent;

      color: #723887; }

  .socialbar.brand.outline a {

    background: transparent;

    color: #723887; }

    .socialbar.brand.outline a:hover {

      background: #723887;

      color: #ffffff; }

  .socialbar.brand.flat a {

    background: transparent;

    color: #723887;

    border-color: transparent; }

    .socialbar.brand.flat a:hover {

      background: #723887;

      color: #ffffff; }

  .socialbar.brand.inline a {

    background: transparent;

    border-color: transparent;

    color: #404044; }

    .socialbar.brand.inline a:hover {

      color: #723887; }



.socialbar.boxed {

  margin: 0;

  overflow: hidden; }

  .socialbar.boxed.social-column-1 a {

    width: 100%; }

  .socialbar.boxed.social-column-2 a {

    width: 50%; }

  .socialbar.boxed.social-column-3 a {

    width: 33.333%; }

  .socialbar.boxed.social-column-4 a {

    width: 25%; }

  .socialbar.boxed.social-column-5 a {

    width: 20%; }

  .socialbar.boxed.social-column-6 a {

    width: 16.666%; }

  .socialbar.boxed.social-column-7 a {

    width: 14.285%; }

  .socialbar.boxed.social-column-8 a {

    width: 12.5%; }

  .socialbar.boxed.social-column-9 a {

    width: 11.11%; }

  .socialbar.boxed.social-column-10 a {

    width: 10%; }

  .socialbar.boxed a {

    height: 100px;

    float: left;

    margin: 0;

    border: none;

    -webkit-border-radius: 0;

            border-radius: 0;

    line-height: 100px;

    vertical-align: middle;

    position: relative;

    overflow: hidden; }

    .socialbar.boxed a .icon {

      width: 100%;

      text-align: center;

      position: absolute;

      opacity: 0;

      top: 60%;

      left: 0;

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: opacity, top;

      transition-property: opacity, top; }

    .socialbar.boxed a .social-text {

      font-family: "Poppins", sans-serif;

      font-size: 15px;

      font-weight: 600;

      position: relative;

      top: 0;

      opacity: 1;

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: opacity, top;

      transition-property: opacity, top; }

    .socialbar.boxed a:hover .icon {

      opacity: 1;

      top: 40%; }

    .socialbar.boxed a:hover .social-text {

      opacity: 0;

      top: -30px; }

    .socialbar.boxed a.default a.white {

      background: #fff;

      border-color: #fff; }

      .socialbar.boxed a.default a.white:hover {

        background: #fff;

        color: #ffffff; }

    .socialbar.boxed a.default a.facebook {

      background: #4c6ecd;

      border-color: #4c6ecd; }

      .socialbar.boxed a.default a.facebook:hover {

        background: #4c6ecd;

        color: #ffffff; }

    .socialbar.boxed a.default a.twitter {

      background: #44acfe;

      border-color: #44acfe; }

      .socialbar.boxed a.default a.twitter:hover {

        background: #44acfe;

        color: #ffffff; }

    .socialbar.boxed a.default a.googleplus {

      background: #fe5757;

      border-color: #fe5757; }

      .socialbar.boxed a.default a.googleplus:hover {

        background: #fe5757;

        color: #ffffff; }

    .socialbar.boxed a.default a.pinterest {

      background: #e8323f;

      border-color: #e8323f; }

      .socialbar.boxed a.default a.pinterest:hover {

        background: #e8323f;

        color: #ffffff; }

    .socialbar.boxed a.default a.linkedin {

      background: #4477ab;

      border-color: #4477ab; }

      .socialbar.boxed a.default a.linkedin:hover {

        background: #4477ab;

        color: #ffffff; }

    .socialbar.boxed a.default a.dribbble {

      background: #fd629e;

      border-color: #fd629e; }

      .socialbar.boxed a.default a.dribbble:hover {

        background: #fd629e;

        color: #ffffff; }

    .socialbar.boxed a.default a.github {

      background: #323131;

      border-color: #323131; }

      .socialbar.boxed a.default a.github:hover {

        background: #323131;

        color: #ffffff; }

    .socialbar.boxed a.default a.instagram {

      background: #3a6aba;

      border-color: #3a6aba; }

      .socialbar.boxed a.default a.instagram:hover {

        background: #3a6aba;

        color: #ffffff; }

    .socialbar.boxed a.default a.dropbox {

      background: #187fe7;

      border-color: #187fe7; }

      .socialbar.boxed a.default a.dropbox:hover {

        background: #187fe7;

        color: #ffffff; }

    .socialbar.boxed a.default a.vk {

      background: #6083ab;

      border-color: #6083ab; }

      .socialbar.boxed a.default a.vk:hover {

        background: #6083ab;

        color: #ffffff; }

    .socialbar.boxed a.default a.youtube {

      background: #f00;

      border-color: #f00; }

      .socialbar.boxed a.default a.youtube:hover {

        background: #f00;

        color: #ffffff; }

    .socialbar.boxed a.default a.vimeo {

      background: #1ab8ea;

      border-color: #1ab8ea; }

      .socialbar.boxed a.default a.vimeo:hover {

        background: #1ab8ea;

        color: #ffffff; }

    .socialbar.boxed a.default a.behance {

      background: #0056ff;

      border-color: #0056ff; }

      .socialbar.boxed a.default a.behance:hover {

        background: #0056ff;

        color: #ffffff; }

    .socialbar.boxed a.default a.tumblr {

      background: #2a445f;

      border-color: #2a445f; }

      .socialbar.boxed a.default a.tumblr:hover {

        background: #2a445f;

        color: #ffffff; }

    .socialbar.boxed a.default a.flickr {

      background: #0063db;

      border-color: #0063db; }

      .socialbar.boxed a.default a.flickr:hover {

        background: #0063db;

        color: #ffffff; }

    .socialbar.boxed a.default a.reddit {

      background: #ff4501;

      border-color: #ff4501; }

      .socialbar.boxed a.default a.reddit:hover {

        background: #ff4501;

        color: #ffffff; }

    .socialbar.boxed a.default a.snapchat {

      background: #e0e410;

      border-color: #e0e410; }

      .socialbar.boxed a.default a.snapchat:hover {

        background: #e0e410;

        color: #ffffff; }

    .socialbar.boxed a.default a.whatsapp {

      background: #0ec143;

      border-color: #0ec143; }

      .socialbar.boxed a.default a.whatsapp:hover {

        background: #0ec143;

        color: #ffffff; }

    .socialbar.boxed a.default a.quora {

      background: #a82401;

      border-color: #a82401; }

      .socialbar.boxed a.default a.quora:hover {

        background: #a82401;

        color: #ffffff; }

    .socialbar.boxed a.default a.vine {

      background: #00be8e;

      border-color: #00be8e; }

      .socialbar.boxed a.default a.vine:hover {

        background: #00be8e;

        color: #ffffff; }

    .socialbar.boxed a.default a.digg {

      background: #1c5891;

      border-color: #1c5891; }

      .socialbar.boxed a.default a.digg:hover {

        background: #1c5891;

        color: #ffffff; }

    .socialbar.boxed a.default a.foursquare {

      background: #fa4778;

      border-color: #fa4778; }

      .socialbar.boxed a.default a.foursquare:hover {

        background: #fa4778;

        color: #ffffff; }

  @media screen and (max-width: 768px) {

    .socialbar.boxed {

      clear: both; }

      .socialbar.boxed a {

        height: 60px;

        line-height: 60px;

        clear: none; }

        .socialbar.boxed a .social-text {

          display: none; }

        .socialbar.boxed a .icon {

          opacity: 1;

          position: static; } }



@-webkit-keyframes toTopFromBottom {

  59% {

    -webkit-transform: translateY(-90%);

            transform: translateY(-90%); }

  60% {

    opacity: 0;

    -webkit-transform: translateY(100%);

            transform: translateY(100%); }

  61% {

    opacity: 1; } }



@keyframes toTopFromBottom {

  59% {

    -webkit-transform: translateY(-90%);

            transform: translateY(-90%); }

  60% {

    opacity: 0;

    -webkit-transform: translateY(100%);

            transform: translateY(100%); }

  61% {

    opacity: 1; } }



/*--------------------------------------------------------------

## Split Box

--------------------------------------------------------------*/

.split-box {

  width: 100%;

  display: table; }

  .split-box .split-box-wrap {

    min-height: 60px;

    float: none;

    display: table-cell;

    padding: 6% 7%;

    vertical-align: middle;

    overflow: hidden;

  }

    .split-box .split-box-wrap:after {

      content: '';

      width: 100%;

      height: 100%;

      position: absolute;

      left: 0;

      top: 0;

      z-index: 2; }

    .split-box .split-box-wrap .content {

      position: relative;

      height: 100%;

      z-index: 3; }

  .split-box h2 {

    margin-top: 0px;

    margin-bottom: 0px;

    font-size: 50px;

    letter-spacing: -0.05em; }

  .split-box .divider-solid {

    margin-top: 14px;

    margin-bottom: 13px; }

  .split-box .split-box-subtitle {

    font-size: 18px;

    line-height: 26px; }

  .split-box .split-box-space {

    width: 100%;

    display: inline-block;

    margin: 10px 0; }

  .split-box .split-box-blocks .split-box-wrap-blocks {

    border-top: 1px dotted #ebebeb;

    overflow: hidden; }

    .split-box .split-box-blocks .split-box-wrap-blocks:first-child {

      border-top: none; }

      .split-box .split-box-blocks .split-box-wrap-blocks:first-child .split-box-block {

        padding-top: 0; }

    .split-box .split-box-blocks .split-box-wrap-blocks:last-child .split-box-block {

      padding-bottom: 0; }

  .split-box .split-box-blocks .split-box-block {

    width: 50%;

    padding: 9% 8%;

    border-left: 1px dotted #ebebeb;

    float: left; }

    .split-box .split-box-blocks .split-box-block:first-child {

      border-left: none;

      padding-left: 0; }

    .split-box .split-box-blocks .split-box-block:last-child {

      padding-right: 0; }



@media screen and (max-width: 768px) {

  .split-box .split-box-wrap {

    padding: 25px !important;

    display: block; }

  .split-box-hidden-left .split-box-wrap:first-child,

  .split-box-hidden-right .split-box-wrap:last-child {

    display: none; } }



/*--------------------------------------------------------------

## Split Screen

--------------------------------------------------------------*/

.norebro-splitscreen {

  width: 100%;

  min-height: 500px;

  position: relative;

  z-index: 10;

  overflow: hidden; }

  .norebro-splitscreen .ms-section {

    position: relative;

    height: 100%; }

    .norebro-splitscreen .ms-section.ms-table {

      display: table;

      width: 100%; }

  .norebro-splitscreen .ms-left,

  .norebro-splitscreen .ms-right {

    width: 50%;

    height: 100%;

    position: absolute;

    left: 0px;

    top: 0px; }

  .norebro-splitscreen .ms-right {

    left: 50%; }

  .norebro-splitscreen .ms-tableCell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: auto !important; }

  .norebro-splitscreen .ms-easing {

    -webkit-transition: all .6s ease-in-out;

    transition: all .6s ease-in-out; }

  .norebro-splitscreen.no-transition .ms-easing {

    -webkit-transition: none;

    transition: none; }

  .norebro-splitscreen .splitscreen-dots {

    margin-right: 40px;

    top: 0;

    right: 50%; }

    .norebro-splitscreen .splitscreen-dots li {

      color: #404044; }

      .norebro-splitscreen .splitscreen-dots li:before {

        background: #404044; }

      .norebro-splitscreen .splitscreen-dots li a {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0; }

  .norebro-splitscreen .splitscreen-nav div {

    bottom: 40px;

    right: 40px;

    z-index: 20; }

  .norebro-splitscreen .splitscreen-nav .move-up {

    bottom: 100px; }



#multiscroll-nav {

  display: none; }



@media screen and (max-width: 768px) {

  .norebro-splitscreen {

    height: auto !important;

    overflow: visible;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

    .norebro-splitscreen .ms-section {

      padding: 0px !important; }

    .norebro-splitscreen .ms-left,

    .norebro-splitscreen .ms-right {

      width: 100%;

      height: auto;

      position: static; }

  .ms-left, .ms-right {

    width: 100%;

    position: static; }

  .ms-section {

    min-height: 100px; } }



/*--------------------------------------------------------------

## Subscibe

--------------------------------------------------------------*/

.subscribe {

  width: 100%;

  margin: 0;

  padding: 0; }

  .subscribe table {

    width: 420px;

    display: inline-table;

    margin: 0; }

    .subscribe table td, .subscribe table th {

      padding: 0;

      border: none; }

    @media screen and (max-width: 768px) {

      .subscribe table {

        width: 100%; } }

  .subscribe.fullwidth table {

    width: 100%; }

  .subscribe input[type="text"] {

    width: 100%;

    background: none;

    height: 46px;

    border-right-width: 0; }

  .subscribe input[type="submit"] {

    height: 46px;

    margin: 0;

    position: relative;

    z-index: 2; }

  .subscribe .btn-wrap {

    width: 1%; }

  .subscribe.outline input[type="text"], .subscribe.flat input[type="text"] {

    width: -webkit-calc(100% + 40px);

    width: calc(100% + 40px);

    border-right-width: 0px;

    -webkit-border-radius: 50px 0 0 50px;

            border-radius: 50px 0 0 50px;

    padding-right: 50px; }

  .subscribe.flat .btn:hover,

  .subscribe.flat .btn-outline,

  .subscribe.flat .btn-flat:hover {

    background: #fff; }

  @media screen and (max-width: 768px) {

    .subscribe td, .subscribe tr {

      display: block; }

    .subscribe .input[type="text"] {

      width: 100%; }

    .subscribe .btn-wrap {

      width: 100%;

      margin-top: 15px; }

    .subscribe .btn {

      width: 100%; }

    .subscribe.outline input[type="text"], .subscribe.flat input[type="text"] {

      width: 100%;

      -webkit-border-radius: 50px;

              border-radius: 50px;

      border-right-width: 1px; } }

  .subscribe.squared input[type="text"],

  .subscribe.squared input[type="submit"] {

    -webkit-border-radius: 0;

            border-radius: 0; }



/*--------------------------------------------------------------

## Tab box

--------------------------------------------------------------*/

.tab-box {

  width: 100%; }

  .tab-box .buttons-wrap {

    width: 100%;

    position: relative;

    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

  .tab-box .buttons {

    width: 100%;

    white-space: nowrap;

    overflow: auto;

    position: relative;

    margin-bottom: -1px; }

    .tab-box .buttons:after {

      content: '';

      display: table;

      clear: both; }

    .tab-box .buttons .line {

      width: 0px;

      height: 2px;

      position: absolute;

      bottom: 0px;

      left: 0;

      -webkit-transition: 0.3s cubic-bezier(0.2, 0.35, 0.25, 1);

      transition: 0.3s cubic-bezier(0.2, 0.35, 0.25, 1);

      -webkit-transition-property: width, -webkit-transform;

      transition-property: width, -webkit-transform;

      transition-property: width, transform;

      transition-property: width, transform, -webkit-transform; }

  .tab-box .button {

    width: auto;

    margin: 0 30px 0 0;

    padding: 18px 0;

    font-size: 13.6px;

    font-weight: 600;

    display: inline-block;

    clear: none;

    cursor: pointer;

    -webkit-transition: color .15s ease-in-out;

    transition: color .15s ease-in-out; }

    .tab-box .button.active, .tab-box .button:hover {

      color: #404044; }

  .tab-box .items {

    position: relative;

    -webkit-transition: height 0.3s cubic-bezier(0.2, 0.35, 0.25, 1);

    transition: height 0.3s cubic-bezier(0.2, 0.35, 0.25, 1); }

  .tab-box .item {

    width: 100%;

    opacity: 0;

    overflow: hidden;

    -webkit-transition: 0.2s cubic-bezier(0.2, 0.35, 0.25, 1);

    transition: 0.2s cubic-bezier(0.2, 0.35, 0.25, 1);

    -webkit-transition-property: opacity, visibility;

    transition-property: opacity, visibility;

    position: absolute;

    top: 10px;

    left: 0;

    font-size: 15px;

    font-weight: 300; }

    .tab-box .item.active {

      opacity: 1;

      overflow: visible;

      z-index: 2; }

    .tab-box .item p {

      color: inherit; }

  .tab-box.filled {

    background: #404044;

    padding: 2px 25px 30px; }

    .tab-box.filled .buttons-wrap {

      border-color: rgba(255, 255, 255, 0.3); }

      .tab-box.filled .buttons-wrap .line {

        background: #fff; }

    .tab-box.filled .button {

      color: rgba(255, 255, 255, 0.5); }

      .tab-box.filled .button.active, .tab-box.filled .button:hover {

        color: #fff; }

    .tab-box.filled .item {

      color: #fff; }

  .tab-box.vertical .buttons-wrap {

    float: left;

    width: 160px;

    max-width: 35%;

    margin-top: 15px;

    border-bottom: none;

    border-right: 1px solid rgba(0, 0, 0, 0.15); }

  .tab-box.vertical .buttons {

    overflow: visible;

    white-space: normal;

    margin: 0;

    padding-right: 5px;

    right: -1px; }

    .tab-box.vertical .buttons .line {

      width: 2px;

      top: 0;

      left: auto;

      right: 0; }

  .tab-box.vertical .button {

    width: 100%;

    float: left; }

  .tab-box.vertical .items {

    width: -webkit-calc(100% - 180px);

    width: calc(100% - 180px);

    min-width: 60%;

    float: right; }

  .tab-box.vertical .item {

    top: 0; }

  .tab-box.vertical.filled {

    padding: 5px 20px 25px; }

    .tab-box.vertical.filled .buttons-wrap {

      border-color: rgba(255, 255, 255, 0.3); }

  .tab-box.tabs-center .buttons {

    text-align: center; }

  .tab-box.tabs-right .buttons {

    text-align: right; }



/*--------------------------------------------------------------

## Team members

--------------------------------------------------------------*/

.team-member {

  width: 100%; }

  .team-member h3 {

    font-size: 16px;

    margin-top: 20px; }

  .team-member p.subtitle {

    font-size: 12px;

    margin-top: 5px;

    font-weight: 400; }

  .team-member .description {

    margin-top: 15px; }

  .team-member .socialbar > a,

  .team-member .socialbar.default > a {

    width: 30px;

    height: 30px;

    line-height: 29px;

    margin-right: 5px;

    -webkit-transition-property: background, -webkit-box-shadow;

    transition-property: background, -webkit-box-shadow;

    transition-property: box-shadow, background;

    transition-property: box-shadow, background, -webkit-box-shadow; }

    .team-member .socialbar > a:hover,

    .team-member .socialbar.default > a:hover {

      color: #fff;

      border-color: #fff; }

  .team-member .image-wrap {

    position: relative;

    overflow: hidden; }

    .team-member .image-wrap img {

      width: 100%;

      display: block; }

    .team-member .image-wrap .overlay {

      -webkit-box-shadow: 0 -190px 145px -145px rgba(64, 64, 68, 0.8) inset;

              box-shadow: 0 -190px 145px -145px rgba(64, 64, 68, 0.8) inset;

      opacity: 0;

      -webkit-transform: translateY(20px);

          -ms-transform: translateY(20px);

              transform: translateY(20px);

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: opacity, -webkit-transform;

      transition-property: opacity, -webkit-transform;

      transition-property: opacity, transform;

      transition-property: opacity, transform, -webkit-transform; }

      .team-member .image-wrap .overlay .content-center .wrap {

        vertical-align: bottom;

        padding: 25px;

        -webkit-transition: -webkit-transform .2s ease-in-out;

        transition: -webkit-transform .2s ease-in-out;

        transition: transform .2s ease-in-out;

        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }

  .team-member:hover .overlay {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .team-member.inner .overlay {

    background: rgba(64, 64, 68, 0.9);

    -webkit-box-shadow: none;

            box-shadow: none;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .team-member.inner .description {

    color: #fff;

    margin-bottom: 20px; }

  .team-member.inner .content-center .wrap {

    -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

            transform: translateY(20px); }

  .team-member.inner:hover .content-center .wrap {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .team-member.cover {

    padding: 0;

    overflow: hidden; }

    .team-member.cover.column-2 .image-wrap,

    .team-member.cover.column-2 .cover-content {

      width: 33.333%;

      float: left; }

    .team-member.cover.column-3 .image-wrap,

    .team-member.cover.column-3 .cover-content {

      width: 25%;

      float: left; }

    .team-member.cover.column-4 .image-wrap,

    .team-member.cover.column-4 .cover-content {

      width: 20%;

      float: left; }

    .team-member.cover.column-5 .image-wrap,

    .team-member.cover.column-5 .cover-content {

      width: 16.66%;

      float: left; }

    .team-member.cover img {

      width: 100%; }

    .team-member.cover .cover-content {

      background: #404044;

      padding: 0;

      overflow: hidden;

      -webkit-transition: width 0.4s cubic-bezier(0.54, 0.47, 0.38, 1);

      transition: width 0.4s cubic-bezier(0.54, 0.47, 0.38, 1); }

    .team-member.cover h3, .team-member.cover .description {

      color: #fff; }

    .team-member.cover .description {

      margin-bottom: 20px; }

    .team-member.cover .wrap {

      padding: 25px; }

    @media screen and (max-width: 768px) {

      .team-member.cover.column-2 .image-wrap,

      .team-member.cover.column-2 .cover-content, .team-member.cover.column-3 .image-wrap,

      .team-member.cover.column-3 .cover-content, .team-member.cover.column-4 .image-wrap,

      .team-member.cover.column-4 .cover-content, .team-member.cover.column-5 .image-wrap,

      .team-member.cover.column-5 .cover-content, .team-member.cover.column-6 .image-wrap,

      .team-member.cover.column-6 .cover-content {

        width: 100%;

        float: left; } }



/*--------------------------------------------------------------

## Testimonials

--------------------------------------------------------------*/

.testimonials {

  text-align: center; }

  .testimonials .avatar {

    background-clip: border-box;

    width: 92px;

    height: 92px;

    margin: 15px auto 20px;

    border: 6px solid rgba(0, 0, 0, 0.05);

    -webkit-border-radius: 50%;

            border-radius: 50%;

    overflow: hidden; }

    .testimonials .avatar img {

      width: 100%;

      min-width: 80px;

      min-height: 100%; }

  .testimonials blockquote {

    margin: 10px 0;

    font-size: 16px;

    line-height: 1.8;

    border-top: none;

    padding: 0; }

    .testimonials blockquote:after {

      display: none; }

  .testimonials p.subtitle {

    margin-top: 4px; }

  .testimonials h4 {

    font-size: 16px; }



/*--------------------------------------------------------------

## Tooltips

--------------------------------------------------------------*/

.tooltip {

  display: inline-block;

  position: relative;

  cursor: help;

  text-decoration: underline; }

  .tooltip .tooltip-text {

    background: #404044;

    color: #fff;

    padding: 6px 13px;

    font-size: 13px;

    line-height: 1.4;

    position: relative;

    bottom: 10px;

    display: inline-block;

    cursor: default;

    -webkit-transition-property: margin left top bottom right opacity visibility;

    transition-property: margin left top bottom right opacity visibility;

    -webkit-transition-duration: .2s;

            transition-duration: .2s;

    -webkit-transition-timing-function: ease-in-out;

            transition-timing-function: ease-in-out; }

    .tooltip .tooltip-text:after {

      content: '';

      background: inherit;

      width: 8px;

      height: 8px;

      position: absolute;

      bottom: -4px;

      left: 50%;

      margin-left: -4px;

      -webkit-transform: rotate(45deg);

          -ms-transform: rotate(45deg);

              transform: rotate(45deg); }

  .tooltip .tooltip-top,

  .tooltip .tooltip-bottom,

  .tooltip .tooltip-left, .tooltip .tooltip-right,

  .tooltip .tooltip-right {

    width: 500px;

    height: auto;

    opacity: 0;

    visibility: hidden;

    position: absolute;

    bottom: 100%;

    left: 0;

    z-index: 4;

    -webkit-transition-property: margin left right top bottom opacity visibility;

    transition-property: margin left right top bottom opacity visibility;

    -webkit-transition-duration: .2s;

            transition-duration: .2s;

    -webkit-transition-timing-function: ease-in-out;

            transition-timing-function: ease-in-out; }

  .tooltip .tooltip-bottom {

    top: 100%;

    bottom: auto; }

    .tooltip .tooltip-bottom .tooltip-text {

      top: 10px; }

      .tooltip .tooltip-bottom .tooltip-text:after {

        top: -4px;

        bottom: auto; }

  .tooltip .tooltip-left, .tooltip .tooltip-right {

    margin-right: 8px;

    text-align: right;

    vertical-align: middle;

    bottom: auto;

    left: auto;

    top: 0;

    right: 100%; }

    .tooltip .tooltip-left .tooltip-text, .tooltip .tooltip-right .tooltip-text {

      top: -2px;

      left: 0; }

      .tooltip .tooltip-left .tooltip-text:after, .tooltip .tooltip-right .tooltip-text:after {

        left: auto;

        top: 10px;

        right: -4px;

        margin: 0; }

  .tooltip .tooltip-right {

    margin-left: 8px;

    text-align: left;

    right: auto;

    left: 100%; }

    .tooltip .tooltip-right .tooltip-text {

      right: auto;

      left: 14px; }

      .tooltip .tooltip-right .tooltip-text:after {

        right: auto;

        left: -4px; }

  .tooltip:hover .tooltip-top,

  .tooltip:hover .tooltip-bottom,

  .tooltip:hover .tooltip-left, .tooltip:hover .tooltip-right,

  .tooltip:hover .tooltip-right {

    opacity: 1;

    visibility: visible; }

    .tooltip:hover .tooltip-top:hover,

    .tooltip:hover .tooltip-bottom:hover,

    .tooltip:hover .tooltip-left:hover, .tooltip:hover .tooltip-right:hover,

    .tooltip:hover .tooltip-right:hover {

      opacity: 0;

      visibility: hidden; }

  .tooltip:hover .tooltip-top .tooltip-text {

    bottom: 4px; }

  .tooltip:hover .tooltip-top:hover .tooltip-text {

    bottom: 10px; }

  .tooltip:hover .tooltip-bottom .tooltip-text {

    top: 4px; }

  .tooltip:hover .tooltip-bottom:hover .tooltip-text {

    top: 10px; }

  .tooltip:hover .tooltip-left .tooltip-text, .tooltip:hover .tooltip-right .tooltip-text {

    right: 4px; }

  .tooltip:hover .tooltip-left:hover .tooltip-text, .tooltip:hover .tooltip-right:hover .tooltip-text {

    right: 10px; }

  .tooltip:hover .tooltip-right .tooltip-text {

    left: 4px; }

  .tooltip:hover .tooltip-right:hover .tooltip-text {

    left: 10px; }



/*--------------------------------------------------------------

## Timeline

--------------------------------------------------------------*/

.timeline {

  text-align: left; }

  .timeline h3 {

    font-size: 16px; }

  .timeline .subtitle {

    margin-top: 5px;

    font-size: 14px;

    font-weight: 500; }

  .timeline .description {

    margin-top: 5px;

    font-weight: 300; }

  .timeline .content {

    position: relative; }

    .timeline .content .wrap {

      margin: 0 0 40px 60px;

      position: relative;

      -webkit-transition: 1s cubic-bezier(0.4, 0.7, 0.3, 1);

      transition: 1s cubic-bezier(0.4, 0.7, 0.3, 1); }

      .timeline .content .wrap.hidden {

        display: block;

        visibility: visible;

        opacity: 0;

        -webkit-transform: translateX(100px) scale(0.9);

            -ms-transform: translateX(100px) scale(0.9);

                transform: translateX(100px) scale(0.9); }

    .timeline .content:after {

      content: '';

      width: 20px;

      height: 20px;

      border: 7px solid #404044;

      -webkit-border-radius: 50px;

              border-radius: 50px;

      position: absolute;

      top: 0;

      left: 1px; }

    .timeline .content:before {

      content: '';

      background: rgba(0, 0, 0, 0.1);

      height: -webkit-calc(100% + 30px);

      height: calc(100% + 30px);

      width: 2px;

      position: absolute;

      top: 15px;

      left: 10px; }

    .timeline .content:last-of-type {

      padding-bottom: 0; }

      .timeline .content:last-of-type:before {

        display: none; }

    .timeline .content.boxed .wrap {

      background: #404044;

      padding: 25px;

      margin-left: 35px; }

    .timeline .content.boxed h3, .timeline .content.boxed .description {

      color: #fff; }

    .timeline .content.boxed:after, .timeline .content.boxed:before {

      top: 20px; }

    .timeline .content.boxed:before {

      height: -webkit-calc(100% + 40px);

      height: calc(100% + 40px); }

    .timeline .content.boxed .subtitle {

      color: rgba(255, 255, 255, 0.5); }

    .timeline .content.boxed .description {

      margin-bottom: 0; }

  .timeline .triangle {

    position: absolute;

    background: inherit;

    width: 10px;

    height: 10px;

    top: 25px;

    left: -5px;

    -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

            transform: rotate(45deg); }

  .timeline.right {

    text-align: right; }

    .timeline.right .content .wrap {

      margin-left: 0;

      margin-right: 60px; }

      .timeline.right .content .wrap.hidden {

        -webkit-transform: translateX(-100px) scale(0.9);

            -ms-transform: translateX(-100px) scale(0.9);

                transform: translateX(-100px) scale(0.9); }

    .timeline.right .content:after {

      left: auto;

      right: 1px; }

    .timeline.right .content:before {

      left: auto;

      right: 10px; }

    .timeline.right .content.boxed {

      text-align: left; }

      .timeline.right .content.boxed .wrap {

        margin-right: 35px; }

    .timeline.right .triangle {

      left: auto;

      right: -5px; }

  @media screen and (max-width: 768px) {

    .timeline .content .wrap {

      margin: 0 0 40px 40px; }

    .timeline .content:after {

      left: -10px; }

    .timeline .content:before {

      left: -1px; }

    .timeline.right .content .wrap {

      margin-right: 30px; }

    .timeline.right .content:after {

      right: -10px; }

    .timeline.right .content:before {

      right: -1px; } }



/*--------------------------------------------------------------

## Video module

--------------------------------------------------------------*/

.video-module {

  width: auto;

  display: inline-block;

  cursor: pointer; }

  .video-module h4 {

    margin: 0;

    font-size: 14px; }

  .video-module .btn-play {

    background: #404044;

    color: #fff;

    width: 60px;

    height: 60px;

    border: 1px solid #404044;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    text-align: center;

    line-height: 60px;

    font-size: 27px;

    cursor: pointer;

    display: inline-block;

    -webkit-transition: .15s ease-in-out;

    transition: .15s ease-in-out;

    -webkit-transition-property: color, background, border-color;

    transition-property: color, background, border-color; }

    .video-module .btn-play.btn-brand {

      background: #723887;

      border-color: #723887; }

    .video-module .btn-play.outline {

      background: transparent;

      color: #404044; }

      .video-module .btn-play.outline.btn-brand {

        color: #723887; }

    .video-module .btn-play.shadow {

      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);

              box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05); }

    .video-module .btn-play .icon {

      margin-left: 5px; }

  .video-module.preview {

    width: 100%; }

    .video-module.preview img {

      float: left;

      -webkit-transition: opacity .2s ease-in-out;

      transition: opacity .2s ease-in-out; }

    .video-module.preview .btn-play {

      position: relative;

      margin-top: 30px; }

      .video-module.preview .btn-play.outline {

        color: #fff;

        border-color: #fff; }

      .video-module.preview .btn-play + h4 {

        margin-bottom: -35px; }

    .video-module.preview h4 {

      color: #fff;

      margin-top: 15px;

      opacity: 0;

      -webkit-transform: translateY(3px);

          -ms-transform: translateY(3px);

              transform: translateY(3px);

      -webkit-transition: .14s ease-in-out;

      transition: .14s ease-in-out;

      -webkit-transition-property: opacity, -webkit-transform;

      transition-property: opacity, -webkit-transform;

      transition-property: opacity, transform;

      transition-property: opacity, transform, -webkit-transform; }

    .video-module.preview:hover img {

      opacity: .8; }

    .video-module.preview:hover h4 {

      opacity: 1;

      -webkit-transform: none;

          -ms-transform: none;

              transform: none; }

  .video-module.boxed {

    min-width: 60px;

    min-height: 50px;

    padding: 15px 0;

    position: relative; }

    .video-module.boxed .btn-play {

      position: absolute;

      top: 50%;

      left: 0;

      margin-top: -30px;

      z-index: 5; }

      .video-module.boxed .btn-play.outline {

        background: #fff; }

    .video-module.boxed .content-center {

      width: -webkit-calc(100%);

      width: calc(100%);

      height: 50px;

      margin-left: 30px;

      text-align: center; }

    .video-module.boxed .content {

      background: #f0f0f0;

      display: inline-block;

      padding: 15px 25px 15px 30px;

      -webkit-border-radius: 0 50px 50px 0;

              border-radius: 0 50px 50px 0; }

    .video-module.boxed.outline .btn-play.outline {

      background: transparent; }

    .video-module.boxed.outline:hover .btn-play {

      background: transparent; }

    .video-module.boxed.outline .content {

      background: transparent;

      border: 1px solid #404044;

      border-left-width: 0px; }

    .video-module.boxed:hover .btn-play {

      background: #fff;

      color: #404044; }

      .video-module.boxed:hover .btn-play.btn-brand {

        color: #723887; }

      .video-module.boxed:hover .btn-play.outline {

        background: #404044;

        color: #fff; }

        .video-module.boxed:hover .btn-play.outline.btn-brand {

          background: #723887; }

  .video-module.with-anim .btn-play:after, .video-module.with-anim .btn-play:before {

    content: '';

    border: 1px solid;

    border-color: inherit;

    width: 150%;

    height: 150%;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    position: absolute;

    left: -25%;

    top: -25%;

    opacity: 1;

    -webkit-animation: 1s videomodule-anim linear infinite;

            animation: 1s videomodule-anim linear infinite; }

  .video-module.with-anim .btn-play:before {

    -webkit-animation-delay: .5s;

            animation-delay: .5s; }

  .video-module.btn-brand-color-hover:hover .btn-play .icon {

    color: #723887 !important; }

  @media screen and (max-width: 768px) {

    .video-module.preview .btn-play {

      margin-top: 0px; } }



@-webkit-keyframes videomodule-anim {

  0% {

    -webkit-transform: scale(0.68);

            transform: scale(0.68); }

  100% {

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

    opacity: 0; } }



@keyframes videomodule-anim {

  0% {

    -webkit-transform: scale(0.68);

            transform: scale(0.68); }

  100% {

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

    opacity: 0; } }



.video-module-popup {

  background: rgba(64, 64, 68, 0.9);

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999999999;

  opacity: 0;

  -webkit-transition: opacity .3s ease-in-out;

  transition: opacity .3s ease-in-out; }

  .video-module-popup .video {

    width: 70%;

    height: 77%;

    margin: 0 auto;

    position: relative;

    top: 10%;

    -webkit-transform: scale(0.9);

        -ms-transform: scale(0.9);

            transform: scale(0.9);

    -webkit-transition: -webkit-transform .3s ease-in-out;

    transition: -webkit-transform .3s ease-in-out;

    transition: transform .3s ease-in-out;

    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }

    .video-module-popup .video iframe {

      margin: 0;

      width: 100%;

      height: 100%; }

  .video-module-popup .close {

    color: #fff;

    width: 90px;

    height: 90px;

    line-height: 90px;

    font-size: 50px;

    text-align: center;

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer; }

  .video-module-popup.open {

    opacity: 1; }

    .video-module-popup.open .video {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none; }



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

  margin: 0;

  padding: 50px 0 0;

  list-style: none;

  max-width: 400px;

  /* Make sure select elements fit in widgets. */ }

  .widget select {

    max-width: 100%; }

  .widget ul {

    margin-left: 0; }

  .widget h3 {

    font-size: 16px; }

  .widget h4, .widget h5 {

    line-height: 1.6; }



h3.widget-title {

  text-align: inherit;

  font-size: 16px;

  margin: 0 0 30px; }



@media screen and (max-width: 991px) {

  .widget {

    padding: 15px 0; }

  .widget-title {

    margin-bottom: 20px; } }



section.widget:first-child .widget-title {

  margin-top: 5px; }



.widget {

  line-height: 1.6; }

  .widget, .widget p, .widget .subtitle {

    color: #8b8b92; }



.site-footer .widget, .site-footer .widget p, .site-footer .widget .subtitle {

  color: rgba(255, 255, 255, 0.4); }



.site-footer .widget a {

  color: #bcbcbc; }



.site-footer .widget .widget-title {

  color: #fff; }



.site-footer .widget a:hover, .site-footer .widget h3 a, .site-footer .widget h4 a {

  color: #bcbcbc; }



.site-footer .widget ul li,

.site-footer .widget ul li:first-child {

  border-color: rgba(255, 255, 255, 0.15); }



/*--------------------------------------------------------------

## Recent comments widget

--------------------------------------------------------------*/

.widget_recent_comments {

  font-size: 14px; }

  .widget_recent_comments h3.title {

    margin-bottom: 25px; }

  .widget_recent_comments ul {

    list-style: none; }

  .widget_recent_comments li {

    padding-left: 0;

    padding: 6px 0 5px; }

    .widget_recent_comments li:after {

      display: none; }

  .widget_recent_comments > ul > li:first-child {

    padding-top: 0; }

  .widget_recent_comments .children {

    margin-top: 5px; }

  .widget_recent_comments a {

    margin-right: 5px; }

    .widget_recent_comments a:hover {

      text-decoration: underline; }

  .widget_recent_comments ul {

    font-size: 0px; }

    .widget_recent_comments ul span, .widget_recent_comments ul a {

      font-size: 14px; }

    .widget_recent_comments ul .comment-author-link {

      padding-right: 12px; }

      .widget_recent_comments ul .comment-author-link a {

        margin: 0; }

    .widget_recent_comments ul li > a {

      position: relative; }

      .widget_recent_comments ul li > a:after {

        content: '';

        background: currentColor;

        width: 3px;

        height: 3px;

        -webkit-border-radius: 5px;

                border-radius: 5px;

        display: block;

        position: absolute;

        top: 7px;

        left: -8px; }



/*--------------------------------------------------------------

## Recent entries widget

--------------------------------------------------------------*/

.widget_recent_entries {

  font-size: 14px; }

  .widget_recent_entries h3.title {

    margin-bottom: 25px; }

  .widget_recent_entries ul {

    list-style: none; }

  .widget_recent_entries li {

    padding-left: 0;

    padding: 6px 0 5px; }

    .widget_recent_entries li:after {

      display: none; }

  .widget_recent_entries > ul > li:first-child {

    padding-top: 0; }

  .widget_recent_entries .children {

    margin-top: 5px; }

  .widget_recent_entries a {

    margin-right: 5px; }

    .widget_recent_entries a:hover {

      text-decoration: underline; }

  .widget_recent_entries ul a {

    min-width: 100%;

    font-size: 14px;

    display: inline-block;

    margin-bottom: 3px; }



/*--------------------------------------------------------------

## Search widget

--------------------------------------------------------------*/

.widget_search form {

  position: relative;

  font-size: 15px; }

  .widget_search form input {

    border-bottom-color: rgba(0, 0, 0, 0.25); }

  .widget_search form button {

    background: transparent;

    border-color: transparent;

    color: rgba(0, 0, 0, 0.8);

    font-size: 19px;

    padding: 0 0;

    width: 30px;

    height: 100%;

    text-align: right;

    position: absolute;

    top: 0;

    right: 0; }

    .widget_search form button:hover {

      opacity: .8; }



.site-footer .widget_search input.placeholder,

.site-footer .widget_search input::-webkit-input-placeholder {

  color: currentColor; }



.site-footer .widget_search input.placeholder,

.site-footer .widget_search input::-moz-placeholder {

  color: currentColor; }



.site-footer .widget_search input.placeholder,

.site-footer .widget_search input:-ms-input-placeholder {

  color: currentColor; }



.site-footer .widget_search input.placeholder,

.site-footer .widget_search input::placeholder {

  color: currentColor; }



.site-footer .widget_search button {

  color: currentColor; }



/*--------------------------------------------------------------

## Tag cloud widget

--------------------------------------------------------------*/

.widget_tag_cloud .tagcloud, .widget_product_tag_cloud .tagcloud {

  font-size: 0px;

  margin-left: -4px;

  margin-right: -4px; }

  .widget_tag_cloud .tagcloud:after, .widget_product_tag_cloud .tagcloud:after {

    content: '';

    display: table;

    clear: both; }

  .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a {

    background: transparent;

    color: #404044;

    padding: 7px 16px 5px;

    margin: 4px 8px 4px 0;

    border: 1px solid rgba(0, 0, 0, 0.4);

    -webkit-border-radius: 50px;

            border-radius: 50px;

    font-size: 11px;

    font-weight: 500;

    text-transform: uppercase;

    display: inline-block; }

    .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover {

      background: transparent;

      color: #723887;

      border-color: #723887; }



.site-footer .widget_tag_cloud .tagcloud a, .site-footer .widget_product_tag_cloud .tagcloud a {

  border-color: rgba(255, 255, 255, 0.5);

  color: #bcbcbc; }

  .site-footer .widget_tag_cloud .tagcloud a:hover, .site-footer .widget_product_tag_cloud .tagcloud a:hover {

    border-color: #bcbcbc;

    color: #bcbcbc; }



/*--------------------------------------------------------------

## Meta widget

--------------------------------------------------------------*/

.widget_meta {

  font-size: 14px; }

  .widget_meta h3.title {

    margin-bottom: 25px; }

  .widget_meta ul {

    list-style: none; }

  .widget_meta li {

    padding-left: 0;

    padding: 6px 0 5px; }

    .widget_meta li:after {

      display: none; }

  .widget_meta > ul > li:first-child {

    padding-top: 0; }

  .widget_meta .children {

    margin-top: 5px; }

  .widget_meta a {

    margin-right: 5px; }

    .widget_meta a:hover {

      text-decoration: underline; }

  .widget_meta ul li.cat-item {

    padding-bottom: 14px;

    padding-top: 14px; }

    .widget_meta ul li.cat-item:first-child {

      padding-top: 0; }



/*--------------------------------------------------------------

## Archive widget

--------------------------------------------------------------*/

.widget_archive {

  font-size: 14px; }

  .widget_archive h3.title {

    margin-bottom: 25px; }

  .widget_archive ul {

    list-style: none; }

  .widget_archive li {

    padding-left: 0;

    padding: 6px 0 5px; }

    .widget_archive li:after {

      display: none; }

  .widget_archive > ul > li:first-child {

    padding-top: 0; }

  .widget_archive .children {

    margin-top: 5px; }

  .widget_archive a {

    margin-right: 5px; }

    .widget_archive a:hover {

      text-decoration: underline; }



/*--------------------------------------------------------------

## Text widget

--------------------------------------------------------------*/

.widget_text {

  line-height: 1.6;

  font-size: 14px; }

  .widget_text h3.widget-title {

    margin-bottom: 20px; }



.site-footer .widget_text, .site-footer .widget_text p {

  color: rgba(255, 255, 255, 0.6); }



/*--------------------------------------------------------------

## Calendar widget

--------------------------------------------------------------*/

.widget_calendar table {

  position: relative;

  text-align: center; }

  .widget_calendar table td, .widget_calendar table th {

    border: none;

    padding: 0; }



.widget_calendar caption {

  background: #723887;

  color: #ffffff;

  width: 100%;

  height: 46px;

  font-family: "Poppins", sans-serif;

  font-weight: 600;

  line-height: 48px;

  text-align: center;

  vertical-align: middle; }



.widget_calendar tfoot {

  width: 100%;

  height: 46px;

  line-height: 46px;

  padding: 0 20px;

  vertical-align: middle;

  color: #ffffff;

  position: absolute;

  top: 0;

  left: 0; }

  .widget_calendar tfoot tr, .widget_calendar tfoot #prev, .widget_calendar tfoot #next {

    display: block;

    font-weight: bold;

    font-size: 0px; }

    .widget_calendar tfoot tr a, .widget_calendar tfoot #prev a, .widget_calendar tfoot #next a {

      color: #ffffff; }

      .widget_calendar tfoot tr a:hover, .widget_calendar tfoot #prev a:hover, .widget_calendar tfoot #next a:hover {

        opacity: .6; }

  .widget_calendar tfoot tr {

    width: 100%; }

  .widget_calendar tfoot td {

    display: none; }

  .widget_calendar tfoot #prev {

    float: left; }

  .widget_calendar tfoot #next {

    float: right; }

  .widget_calendar tfoot #prev a:after, .widget_calendar tfoot #next a:after {

    content: '\f3d2';

    font-family: "Ionicons";

    font-size: 22px; }

  .widget_calendar tfoot #next a:after {

    content: '\f3d3'; }



.widget_calendar thead {

  line-height: 44px; }

  .widget_calendar thead tr th {

    color: #1f2023;

    font-size: 13px; }



.widget_calendar tbody {

  line-height: 44px; }

  .widget_calendar tbody tr td {

    color: #5a5a5a;

    border: 1px solid #ddd;

    text-align: center;

    font-size: 14px; }

    .widget_calendar tbody tr td#today {

      border-color: #723887;

      border-collapse: separate;

      border-width: 1px;

      display: block;

      margin: -1px;

      position: relative; }

    .widget_calendar tbody tr td a {

      display: block;

      width: 100%;

      height: 100%;

      font-weight: bold; }

      .widget_calendar tbody tr td a:hover {

        background: rgba(0, 0, 0, 0.2); }



.site-footer .widget_calendar thead tr th {

  color: rgba(255, 255, 255, 0.6); }



.site-footer .widget_calendar tbody tr td {

  border-color: #555;

  color: white; }



/*--------------------------------------------------------------

## Nav widget

--------------------------------------------------------------*/

.widget_nav_menu,

.widget_pages {

  font-size: 14px; }

  .widget_nav_menu h3.title,

  .widget_pages h3.title {

    margin-bottom: 25px; }

  .widget_nav_menu ul,

  .widget_pages ul {

    list-style: none; }

  .widget_nav_menu li,

  .widget_pages li {

    padding-left: 0;

    padding: 6px 0 5px; }

    .widget_nav_menu li:after,

    .widget_pages li:after {

      display: none; }

  .widget_nav_menu > ul > li:first-child,

  .widget_pages > ul > li:first-child {

    padding-top: 0; }

  .widget_nav_menu .children,

  .widget_pages .children {

    margin-top: 5px; }

  .widget_nav_menu a,

  .widget_pages a {

    margin-right: 5px; }

    .widget_nav_menu a:hover,

    .widget_pages a:hover {

      text-decoration: underline; }

  .widget_nav_menu ul, .widget_nav_menu .menu,

  .widget_pages ul,

  .widget_pages .menu {

    list-style: none; }

  .widget_nav_menu .menu-item,

  .widget_pages .menu-item {

    font-size: 14px; }

    .widget_nav_menu .menu-item a,

    .widget_pages .menu-item a {

      display: block; }

      .widget_nav_menu .menu-item a:hover,

      .widget_pages .menu-item a:hover {

        color: #723887;

        text-decoration: underline; }

  .widget_nav_menu .menu ul,

  .widget_pages .menu ul {

    margin-top: 10px; }

  .widget_nav_menu .current-menu-item a,

  .widget_pages .current-menu-item a {

    color: #723887; }

  .widget_nav_menu div.test,

  .widget_pages div.test {

    display: none;

    list-style: none; }



.widget_pages .children {

  margin-top: 10px; }



/*--------------------------------------------------------------

## Sidebar menu widget

--------------------------------------------------------------*/

.widget-sidebar-menu-left {

  list-style: none; }

  .widget-sidebar-menu-left .menu-item {

    font-size: 14px; }

    .widget-sidebar-menu-left .menu-item a {

      display: block; }

      .widget-sidebar-menu-left .menu-item a:hover {

        color: #723887;

        text-decoration: underline; }

  .widget-sidebar-menu-left ul.sub-menu {

    display: none;

    list-style: none; }



/*--------------------------------------------------------------

## Categories widget

--------------------------------------------------------------*/

.widget_categories {

  font-size: 14px; }

  .widget_categories h3.title {

    margin-bottom: 25px; }

  .widget_categories ul {

    list-style: none; }

  .widget_categories li {

    padding-left: 0;

    padding: 6px 0 5px; }

    .widget_categories li:after {

      display: none; }

  .widget_categories > ul > li:first-child {

    padding-top: 0; }

  .widget_categories .children {

    margin-top: 5px; }

  .widget_categories a {

    margin-right: 5px; }

    .widget_categories a:hover {

      text-decoration: underline; }



/*--------------------------------------------------------------

## RSS widget

--------------------------------------------------------------*/

.widget_rss {

  font-size: 14px; }

  .widget_rss h3.title {

    margin-bottom: 25px; }

  .widget_rss ul {

    list-style: none; }

  .widget_rss li {

    padding-left: 0;

    padding: 6px 0 5px; }

    .widget_rss li:after {

      display: none; }

  .widget_rss > ul > li:first-child {

    padding-top: 0; }

  .widget_rss .children {

    margin-top: 5px; }

  .widget_rss a {

    margin-right: 5px; }

    .widget_rss a:hover {

      text-decoration: underline; }

  .widget_rss ul {

    list-style: none; }

    .widget_rss ul a {

      color: #723887; }

  .widget_rss .rss-date {

    color: rgba(0, 0, 0, 0.5);

    font-size: 13px; }

  .widget_rss .rssSummary {

    margin-top: 5px; }

  .widget_rss cite {

    margin-top: 5px;

    display: inline-block; }



.site-footer .widget_rss .rss-date {

  color: rgba(255, 255, 255, 0.5); }



/*--------------------------------------------------------------

## Norebro logo widget

--------------------------------------------------------------*/

.widget_norebro_widget_logo a {

  margin: 0;

  display: inline-block; }



.widget_norebro_widget_logo h3 {

  font-size: 30px;

  font-weight: 600;

  line-height: 30px;

  color: #434343; }



.site-footer .widget_norebro_widget_logo .theme-logo a {

  color: rgba(255, 255, 255, 0.2); }

  .site-footer .widget_norebro_widget_logo .theme-logo a:hover {

    color: rgba(255, 255, 255, 0.6); }



/*--------------------------------------------------------------

## Norebro recent posts widget

--------------------------------------------------------------*/

.widget_norebro_widget_recent_posts ul.recent-posts-list {

  list-style: none;

  margin: 0; }

  .widget_norebro_widget_recent_posts ul.recent-posts-list li {

    min-height: 20px;

    margin-bottom: 15px;

    position: relative;

    overflow: hidden; }

    .widget_norebro_widget_recent_posts ul.recent-posts-list li:last-child {

      margin-bottom: 0px; }

  .widget_norebro_widget_recent_posts ul.recent-posts-list img {

    width: 70px;

    position: absolute;

    top: 0;

    left: 0; }

  .widget_norebro_widget_recent_posts ul.recent-posts-list h4 {

    font-size: 14px;

    font-weight: 500; }

    .widget_norebro_widget_recent_posts ul.recent-posts-list h4 a:hover {

      color: #723887;

      text-decoration: underline; }

  .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap {

    float: left;

    padding-left: 85px;

    margin-top: -5px; }

    .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .date, .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .categories, .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap span a {

      font-size: 14px; }

    .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap span a:hover {

      text-decoration: underline; }

    .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .comments + .author,

    .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .date + .categories {

      position: relative;

      margin-left: 11px; }

      .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .comments + .author:after,

      .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .date + .categories:after {

        content: '•';

        font-size: 15px;

        line-height: 0;

        position: absolute;

        left: -10px;

        top: 8px;

        color: #404044; }

    .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap.no-thumb {

      padding-left: 0px; }



.site-footer .widget_norebro_widget_recent_posts ul.recent-posts-list h4 a:hover {

  color: #fff; }



/*--------------------------------------------------------------

## Norebro about author widget

--------------------------------------------------------------*/

.widget_norebro_widget_about_author img {

  width: 80px;

  height: 80px;

  float: left;

  display: inline-block;

  margin-right: 15px; }



.widget_norebro_widget_about_author .info {

  width: 100%;

  float: left;

  position: relative;

  margin-left: -100px;

  padding: 32px 0 0 105px; }

  .widget_norebro_widget_about_author .info .info-wrap {

    width: 100%;

    min-height: 65px; }

  .widget_norebro_widget_about_author .info h4 {

    width: 100%;

    text-align: inherit;

    display: block;

    float: left;

    margin-top: -5px; }

    .widget_norebro_widget_about_author .info h4.line-brand:after {

      width: 2em;

      top: -1em; }

  .widget_norebro_widget_about_author .info .site {

    font-size: 13px; }

  .widget_norebro_widget_about_author .info .socialbar {

    position: absolute;

    top: 0;

    right: 0; }

    .widget_norebro_widget_about_author .info .socialbar a.social {

      width: 26px;

      height: 26px;

      margin-left: 2px;

      font-size: 14px;

      line-height: 26px; }



.widget_norebro_widget_about_author .content {

  font-size: 15px; }



/*--------------------------------------------------------------

## Norebro login widget

--------------------------------------------------------------*/

.widget_norebro_widget_login {

  font-size: 14px;

  overflow: hidden; }

  .widget_norebro_widget_login .login-wrap {

    overflow: hidden;

    position: relative;

    -webkit-transition: height .25s ease-in-out;

    transition: height .25s ease-in-out; }

  .widget_norebro_widget_login form {

    overflow: hidden; }

  .widget_norebro_widget_login .login-form {

    position: relative;

    left: 0;

    opacity: 1;

    -webkit-transition: opacity .25s ease-in-out;

    transition: opacity .25s ease-in-out;

    z-index: 2; }

    .widget_norebro_widget_login .login-form.hidden {

      display: block;

      opacity: 0;

      position: absolute;

      z-index: 1; }

  .widget_norebro_widget_login .reg-form {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    -webkit-transition: opacity .25s ease-in-out;

    transition: opacity .25s ease-in-out;

    z-index: 1; }

    .widget_norebro_widget_login .reg-form.visible {

      opacity: 1;

      z-index: 2; }

  .widget_norebro_widget_login .reg-success {

    color: #0a6; }

  .widget_norebro_widget_login .login-error,

  .widget_norebro_widget_login .reg-error {

    color: #c22; }

  .widget_norebro_widget_login .login-submit {

    float: left;

    margin-top: 2px; }

    .widget_norebro_widget_login .login-submit.with-registration {

      width: 48%; }

    .widget_norebro_widget_login .login-submit button {

      margin-top: 0; }

  .widget_norebro_widget_login .btn .text-loading {

    display: none; }

  .widget_norebro_widget_login .btn.loading {

    background: transparent;

    color: #404044;

    opacity: .6;

    cursor: default; }

    .widget_norebro_widget_login .btn.loading .text-loading {

      display: block; }

    .widget_norebro_widget_login .btn.loading .text {

      display: none; }

  .widget_norebro_widget_login .login-registration {

    width: 48%;

    margin-top: 2px;

    float: right; }

    .widget_norebro_widget_login .login-registration a {

      width: 100%; }

      .widget_norebro_widget_login .login-registration a:hover {

        color: #fff;

        text-decoration: none; }

  .widget_norebro_widget_login .login-remember {

    float: left; }

    .widget_norebro_widget_login .login-remember label {

      cursor: pointer; }

  .widget_norebro_widget_login .login-lost-password {

    float: right; }

  .widget_norebro_widget_login .login-remember,

  .widget_norebro_widget_login .login-lost-password {

    width: auto; }

  .widget_norebro_widget_login .reg-submit {

    margin-top: 12px; }

    .widget_norebro_widget_login .reg-submit button {

      margin-top: 0; }

  .widget_norebro_widget_login .back-to-login {

    margin-top: 20px; }

  .widget_norebro_widget_login .logged-in {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    -webkit-transition: opacity .25s ease-in-out;

    transition: opacity .25s ease-in-out; }

    .widget_norebro_widget_login .logged-in.visible {

      position: relative;

      opacity: 1;

      z-index: 2; }

  .widget_norebro_widget_login a {

    color: #723887; }

    .widget_norebro_widget_login a:hover {

      text-decoration: underline; }



/*--------------------------------------------------------------

## Norebro subscribe widget

--------------------------------------------------------------*/

.site-footer .widget_norebro_widget_subscribe input {

  border-color: rgba(255, 255, 255, 0.15);

  color: #bcbcbc; }

  .site-footer .widget_norebro_widget_subscribe input::-webkit-input-placeholder {

    color: currentColor; }

  .site-footer .widget_norebro_widget_subscribe input::-moz-placeholder {

    color: currentColor; }

  .site-footer .widget_norebro_widget_subscribe input:-ms-input-placeholder {

    color: currentColor; }

  .site-footer .widget_norebro_widget_subscribe input::placeholder {

    color: currentColor; }

  .site-footer .widget_norebro_widget_subscribe input:focus {

    border-color: rgba(255, 255, 255, 0.5); }



.site-footer .widget_norebro_widget_subscribe button.btn {

  background: transparent;

  border-color: rgba(255, 255, 255, 0.15);

  color: rgba(255, 255, 255, 0.5); }

  .site-footer .widget_norebro_widget_subscribe button.btn:hover {

    background: rgba(255, 255, 255, 0.15);

    border-color: transparent;

    color: #fff; }



/*--------------------------------------------------------------

## Norebro contact widget

--------------------------------------------------------------*/

.widget_norebro_widget_contact address {

  display: inline; }



.widget_norebro_widget_contact ul.list-box, .widget_norebro_widget_contact ul.widget_recent_comments, .widget_norebro_widget_contact ul.widget_recent_entries, .widget_norebro_widget_contact ul.widget_meta, .widget_norebro_widget_contact ul.widget_archive, .widget_norebro_widget_contact ul.widget_nav_menu, .widget_norebro_widget_contact

ul.widget_pages, .widget_norebro_widget_contact ul.widget_categories, .widget_norebro_widget_contact ul.widget_rss, .widget_norebro_widget_contact ul.widget_product_categories {

  margin: 0; }



.widget_norebro_widget_contact li {

  padding: 5px 0; }

  .widget_norebro_widget_contact li:after {

    display: none; }

  .widget_norebro_widget_contact li:first-child {

    padding-top: 0; }



/*--------------------------------------------------------------

## Norebro socialbar widget

--------------------------------------------------------------*/

.widget_norebro_widget_socialbar_subscribe .socialbar,

.widget_norebro_widget_socialbar .socialbar {

  margin-top: -10px; }



.widget_norebro_widget_socialbar_subscribe .socialbar a,

.widget_norebro_widget_socialbar .socialbar a {

  background: transparent;

  color: #404044;

  margin-top: 10px; }

  .widget_norebro_widget_socialbar_subscribe .socialbar a:hover,

  .widget_norebro_widget_socialbar .socialbar a:hover {

    background: #404044;

    color: #fff; }



.widget div.star-rating, .widget span.star-rating {

  margin-top: 5px; }

  .widget div.star-rating:before,

  .widget div.star-rating span:before, .widget span.star-rating:before,

  .widget span.star-rating span:before {

    font-size: 11px;

    letter-spacing: 4px;

    color: #723887; }



/*--------------------------------------------------------------

## Product search widget

--------------------------------------------------------------*/

.widget_product_search form {

  position: relative; }

  .widget_product_search form button {

    background: none;

    width: 46px;

    height: 100%;

    border: none;

    padding: 15px 30px 10px;

    font-size: 18px;

    text-align: center;

    position: absolute;

    top: 0;

    right: 0;

    outline: none;

    color: rgba(0, 0, 0, 0.6); }



/*--------------------------------------------------------------

## Product tag cloud widget

--------------------------------------------------------------*/

.site-footer .widgets .widget.widget_product_tag_cloud a {

  background: rgba(255, 255, 255, 0.15); }

  .site-footer .widgets .widget.widget_product_tag_cloud a:hover {

    opacity: .7;

    text-decoration: none; }



/*--------------------------------------------------------------

## Product categories widget

--------------------------------------------------------------*/

.widget_product_categories {

  font-size: 14px; }

  .widget_product_categories h3.title {

    margin-bottom: 25px; }

  .widget_product_categories ul {

    list-style: none; }

  .widget_product_categories li {

    padding-left: 0;

    padding: 6px 0 5px; }

    .widget_product_categories li:after {

      display: none; }

  .widget_product_categories > ul > li:first-child {

    padding-top: 0; }

  .widget_product_categories .children {

    margin-top: 5px; }

  .widget_product_categories a {

    margin-right: 5px; }

    .widget_product_categories a:hover {

      text-decoration: underline; }



.site-footer .widget_product_categories ul.product-categories li {

  border-color: rgba(255, 255, 255, 0.15); }



/*--------------------------------------------------------------

## Products widgets

--------------------------------------------------------------*/

.widget_products .image,

.widget_top_rated_products .image,

.widget.widget_recently_viewed_products .image {

  float: left;

  margin-top: 5px; }

  .widget_products .image img,

  .widget_top_rated_products .image img,

  .widget.widget_recently_viewed_products .image img {

    width: 70px; }



.widget_products .content,

.widget_top_rated_products .content,

.widget.widget_recently_viewed_products .content {

  padding-left: 95px;

  margin-bottom: 30px; }



.widget_products li:last-child .content,

.widget_top_rated_products li:last-child .content,

.widget.widget_recently_viewed_products li:last-child .content {

  margin-bottom: 0; }



.widget_products h4,

.widget_top_rated_products h4,

.widget.widget_recently_viewed_products h4 {

  display: inline-block;

  margin: 0;

  padding: 0;

  font-size: 13.7px; }

  .widget_products h4 a,

  .widget_top_rated_products h4 a,

  .widget.widget_recently_viewed_products h4 a {

    display: inline-block; }



.widget_products span.price,

.widget_top_rated_products span.price,

.widget.widget_recently_viewed_products span.price {

  font-size: 14px; }



/*--------------------------------------------------------------

## Top rated products widget

--------------------------------------------------------------*/

.widget_top_rated_products li .star-rating {

  width: 100%;

  margin: 5px 0; }

  .widget_top_rated_products li .star-rating:before,

  .widget_top_rated_products li .star-rating span:before {

    font-size: 11px;

    letter-spacing: .3em;

    top: 3px; }



/*--------------------------------------------------------------

## Recently viewed products widget

--------------------------------------------------------------*/

.site-footer .widget.widget_recently_viewed_products a:hover {

  color: inherit; }



.site-footer .widget.widget_recently_viewed_products .category, .site-footer .widget.widget_recently_viewed_products .category a {

  color: inherit; }



/*--------------------------------------------------------------

## Recent reviews widget

--------------------------------------------------------------*/

.widget_recent_reviews li {

  margin-bottom: 15px; }

  .widget_recent_reviews li:last-child {

    margin-bottom: 0; }



.widget_recent_reviews img {

  max-width: 70px;

  margin-right: 25px;

  display: block;

  float: left; }



.widget_recent_reviews li > a {

  width: 100%;

  display: block;

  font: 900 13.7px "Poppins", sans-serif;

  line-height: 1.4; }



.widget_recent_reviews .reviewer {

  padding-left: 95px;

  font-size: 13px;

  display: block; }



/*--------------------------------------------------------------

## Shopping cart widget

--------------------------------------------------------------*/

div.widget_shopping_cart_content {

  line-height: 1.4; }

  div.widget_shopping_cart_content li {

    overflow: hidden;

    margin-bottom: 10px;

    position: relative; }

    div.widget_shopping_cart_content li a {

      font-size: 14px;

      font-weight: 600; }

  div.widget_shopping_cart_content img {

    width: 70px;

    float: left;

    margin-right: 15px; }

  div.widget_shopping_cart_content a.remove {

    margin-top: -10px;

    position: absolute;

    top: 50%;

    right: 0;

    font-size: 17px;

    font-weight: 400; }

    div.widget_shopping_cart_content a.remove:hover {

      color: #f22; }

  div.widget_shopping_cart_content .quantity {

    display: block;

    margin-top: 5px;

    color: #999999; }

  div.widget_shopping_cart_content .total {

    border-top: 1px solid rgba(0, 0, 0, 0.15);

    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

    padding: 12px 0 10px;

    font-size: 14px; }

    div.widget_shopping_cart_content .total strong {

      font-weight: 400; }

    div.widget_shopping_cart_content .total .amount {

      float: right;

      font-weight: 500; }

  div.widget_shopping_cart_content .buttons {

    margin: 20px 0 5px;

    overflow: hidden; }

    div.widget_shopping_cart_content .buttons .button {

      width: 48%;

      float: left;

      font-size: 12px; }

      div.widget_shopping_cart_content .buttons .button:hover {

        text-decoration: none; }

      div.widget_shopping_cart_content .buttons .button:first-child {

        background: transparent;

        color: #404044; }

        div.widget_shopping_cart_content .buttons .button:first-child:hover {

          color: #fff;

          background: #404044; }

    div.widget_shopping_cart_content .buttons .checkout {

      margin-left: 4%; }

  div.widget_shopping_cart_content .wcppec-cart-widget-button {

    margin-top: 15px;

    float: left; }



/*--------------------------------------------------------------

## Price filter widget

--------------------------------------------------------------*/

.widget_price_filter .price_slider {

  background-color: #e3e3e3;

  height: 5px;

  margin-top: 38px;

  -webkit-border-radius: 3px;

          border-radius: 3px;

  position: relative; }



.widget_price_filter .ui-slider-range {

  background: #723887;

  height: 5px;

  position: absolute; }



.widget_price_filter .ui-slider-handle {

  background: #ffffff;

  width: 27px;

  height: 27px;

  margin-left: -0px;

  -webkit-border-radius: 50px;

          border-radius: 50px;

  outline: none;

  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);

          box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);

  position: absolute;

  top: -11px;

  z-index: 5;

  cursor: ew-resize; }

  .widget_price_filter .ui-slider-handle:after {

    content: '';

    background-color: #723887;

    width: 7px;

    height: 7px;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    position: absolute;

    top: 10px;

    left: 10px; }

  .widget_price_filter .ui-slider-handle:last-child {

    margin-left: -22px; }



.widget_price_filter .price_slider_amount {

  margin-top: 30px; }



.widget_price_filter .button {

  background: none;

  border: none;

  color: #1f2023;

  float: right;

  padding: 0;

  font-weight: 500;

  font-size: 13px;

  text-transform: none; }

  .widget_price_filter .button:hover {

    text-decoration: underline; }



.widget_price_filter .price_label {

  float: left;

  font-size: 14px;

  line-height: 1em;

  color: #888888; }

  .widget_price_filter .price_label .from, .widget_price_filter .price_label .to {

    color: #5a5a5a; }



/*--------------------------------------------------------------

## Woo layered nav widget

--------------------------------------------------------------*/

.widget_layered_nav ul {

  overflow: hidden; }



.widget_layered_nav li {

  margin-top: 10px;

  margin-bottom: 15px; }

  .widget_layered_nav li:first-child {

    margin-top: 0;

    padding-top: 0; }



.widget_layered_nav a {

  color: #404044;

  font-size: 15px;

  font-weight: 500; }



/*--------------------------------------------------------------

## Woo rating filter

--------------------------------------------------------------*/

.widget_rating_filter .widget-title {

  margin-bottom: 20px; }



.widget_rating_filter a:hover {

  text-decoration: none; }



.widget_rating_filter li .star-rating {

  width: auto;

  margin-right: 10px;

  vertical-align: -2px; }

  .widget_rating_filter li .star-rating:after {

    content: '•';

    color: #999999;

    font-size: 16px;

    position: absolute;

    line-height: 0;

    top: 10px;

    right: -8px; }

  .widget_rating_filter li .star-rating:before,

  .widget_rating_filter li .star-rating span:before {

    font-size: 13px;

    top: 1px; }



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Elements

--------------------------------------------------------------*/

html {

  width: 100%;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; }



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  -ms-word-wrap: break-word;

  word-wrap: break-word; }



div {

  outline: none; }



body {

  background: #fff;

  height: 100%;

  font-family: "Rubik", sans-serif;

  font-size: 14px;

  font-weight: 400;

  overflow-x: hidden; }

  body.archive {

    width: 100%; }



@media screen and (max-width: 768px) {

  body, html {

    width: 100%;

    overflow-x: hidden; } }



blockquote,

q {

  margin: 25px 0;

  padding: 0 30px;

  font-size: 15px;

  line-height: 30px;

  quotes: "" "";

  position: relative; }

  blockquote p,

  q p {

    margin: 0;

    font-style: normal;

    font-weight: 400;

    position: relative; }

  blockquote:after,

  q:after {

    content: '';

    background: rgba(0, 0, 0, 0.15);

    width: 1px;

    height: -webkit-calc(100% - 10px);

    height: calc(100% - 10px);

    position: absolute;

    top: 5px;

    left: 0; }

  blockquote cite, blockquote h4,

  q cite,

  q h4 {

    position: relative;

    text-align: left;

    margin: 15px 0 0 0;

    text-align: left;

    font-weight: 600;

    font-size: 11.6px;

    font-style: normal;

    line-height: 1.6;

    text-transform: uppercase; }



hr {

  background-color: #ebebeb;

  width: 100%;

  border: 0;

  height: 1px;

  margin: 5px auto;

  display: block; }



mark {

  color: #fff;

  padding: 0 2px; }



address {

  font-size: 14px;

  font-style: normal; }



pre {

  background: rgba(0, 0, 0, 0.05);

  padding: 15px; }



img {

  height: auto;

  max-width: 100%; }



a {

  color: #404044;

  text-decoration: none;

  cursor: pointer;

  -webkit-transition: .15s ease-in-out;

  transition: .15s ease-in-out;

  -webkit-transition-property: color, opacity, background, border-color, -webkit-transform;

  transition-property: color, opacity, background, border-color, -webkit-transform;

  transition-property: color, opacity, background, transform, border-color;

  transition-property: color, opacity, background, transform, border-color, -webkit-transform; }

  a:hover {

    color: #723887; }

  a.hover-underline {

    text-decoration: none;

    display: inline-block;

    position: relative; }

    a.hover-underline:before {

      content: '';

      background: currentColor;

      width: 100%;

      height: 1px;

      position: absolute;

      bottom: 0;

      left: 0;

      opacity: 0;

      -webkit-transform: translateY(5px);

          -ms-transform: translateY(5px);

              transform: translateY(5px);

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: opacity, background, -webkit-transform;

      transition-property: opacity, background, -webkit-transform;

      transition-property: transform, opacity, background;

      transition-property: transform, opacity, background, -webkit-transform; }

    a.hover-underline:hover {

      text-decoration: none; }

      a.hover-underline:hover:before {

        opacity: 1;

        -webkit-transform: translateY(1px) rotate(0.01deg);

            -ms-transform: translateY(1px) rotate(0.01deg);

                transform: translateY(1px) rotate(0.01deg); }

    a.hover-underline.underline-brand:before {

      background: #723887; }



p a {

  color: #723887; }

  p a:hover {

    text-decoration: underline; }



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

  max-width: 100%; }



/*--------------------------------------------------------------

### Lists

--------------------------------------------------------------*/

ul, ol {

  margin: 0 0 1.5em 3em; }

  ul li, ol li {

    padding: 3px 0;

    list-style-position: inside; }



ul {

  list-style: disc;

  margin: 0;

  padding: 0; }

  ul.unstyled {

    list-style: none; }

  ul.inline li {

    display: inline-block; }

  ul.list-square li {

    padding-left: 20px;

    list-style: none; }

    ul.list-square li:after {

      content: '\25A0';

      float: left;

      margin-left: -20px;

      margin-top: -1px;

      font-size: 50%;

      vertical-align: middle; }



ol {

  list-style: decimal;

  margin-left: 0;

  padding-left: 0px; }



li > ul,

li > ol {

  margin-bottom: 0;

  margin-left: 20px; }



dt {

  font-weight: bold; }



dd {

  margin: 0 1.5em 1.5em; }



/*--------------------------------------------------------------

### Tables

--------------------------------------------------------------*/

table {

  margin: 15px 0;

  width: 100%; }

  table td, table th {

    border-top: 1px solid rgba(0, 0, 0, 0.15);

    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

    text-align: inherit;

    padding: 10px 10px 10px 0; }



/*--------------------------------------------------------------

### Buttons

--------------------------------------------------------------*/

input[type="submit"],

button,

.btn,

a.btn input.btn,

a.button,

span.button,

div.button {

  background: #404044;

  color: #fff;

  padding: 15px 25px 14px;

  border: 1px solid #404044;

  -webkit-border-radius: 50px;

          border-radius: 50px;

  font: 600 13px/1.2 "Poppins", sans-serif;

  text-decoration: none;

  vertical-align: middle;

  outline: none;

  display: inline-block;

  text-align: center;

  -webkit-transition-property: background, color, border-color;

  transition-property: background, color, border-color;

  -webkit-transition-duration: .2s;

          transition-duration: .2s;

  -webkit-transition-timing-function: ease-in-out;

          transition-timing-function: ease-in-out; }

  @media screen and (max-width: 768px) {

    input[type="submit"],

    button,

    .btn,

    a.btn input.btn,

    a.button,

    span.button,

    div.button {

      padding-left: 20px;

      padding-right: 20px; } }

  input[type="submit"]:hover,

  button:hover,

  .btn:hover,

  a.btn input.btn:hover,

  a.button:hover,

  span.button:hover,

  div.button:hover {

    background: transparent;

    color: #404044;

    -webkit-transition-duration: .1s;

            transition-duration: .1s; }

  input[type="submit"] .icon,

  button .icon,

  .btn .icon,

  a.btn input.btn .icon,

  a.button .icon,

  span.button .icon,

  div.button .icon {

    margin-right: 5px;

    max-height: 10px;

    display: inline-block;

    font-size: 140%;

    line-height: 60%;

    vertical-align: -4px;

    text-decoration: none;

    position: relative;

    top: -2px; }

  input[type="submit"] .text + .icon,

  button .text + .icon,

  .btn .text + .icon,

  a.btn input.btn .text + .icon,

  a.button .text + .icon,

  span.button .text + .icon,

  div.button .text + .icon {

    margin: 0 0 0 5px; }

  input[type="submit"].btn-white,

  button.btn-white,

  .btn.btn-white,

  a.btn input.btn.btn-white,

  a.button.btn-white,

  span.button.btn-white,

  div.button.btn-white {

    background: #fff;

    border-color: #fff;

    color: #404044; }

    input[type="submit"].btn-white:hover,

    button.btn-white:hover,

    .btn.btn-white:hover,

    a.btn input.btn.btn-white:hover,

    a.button.btn-white:hover,

    span.button.btn-white:hover,

    div.button.btn-white:hover {

      background: transparent;

      color: #fff; }

  input[type="submit"].text-on-hover,

  button.text-on-hover,

  .btn.text-on-hover,

  a.btn input.btn.text-on-hover,

  a.button.text-on-hover,

  span.button.text-on-hover,

  div.button.text-on-hover {

    overflow: hidden;

    position: relative; }

    input[type="submit"].text-on-hover .icon, input[type="submit"].text-on-hover .text,

    button.text-on-hover .icon,

    button.text-on-hover .text,

    .btn.text-on-hover .icon,

    .btn.text-on-hover .text,

    a.btn input.btn.text-on-hover .icon,

    a.btn input.btn.text-on-hover .text,

    a.button.text-on-hover .icon,

    a.button.text-on-hover .text,

    span.button.text-on-hover .icon,

    span.button.text-on-hover .text,

    div.button.text-on-hover .icon,

    div.button.text-on-hover .text {

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: opacity, -webkit-transform;

      transition-property: opacity, -webkit-transform;

      transition-property: transform, opacity;

      transition-property: transform, opacity, -webkit-transform; }

    input[type="submit"].text-on-hover .icon,

    button.text-on-hover .icon,

    .btn.text-on-hover .icon,

    a.btn input.btn.text-on-hover .icon,

    a.button.text-on-hover .icon,

    span.button.text-on-hover .icon,

    div.button.text-on-hover .icon {

      width: 100%;

      text-align: center;

      height: 20px;

      position: absolute;

      margin-top: -2px;

      top: auto;

      left: 0;

      display: inline-block;

      max-height: 15px; }

    input[type="submit"].text-on-hover .text,

    button.text-on-hover .text,

    .btn.text-on-hover .text,

    a.btn input.btn.text-on-hover .text,

    a.button.text-on-hover .text,

    span.button.text-on-hover .text,

    div.button.text-on-hover .text {

      display: inline-block;

      -webkit-transform: translateY(-120%);

          -ms-transform: translateY(-120%);

              transform: translateY(-120%);

      opacity: 0; }

    input[type="submit"].text-on-hover:hover .icon,

    button.text-on-hover:hover .icon,

    .btn.text-on-hover:hover .icon,

    a.btn input.btn.text-on-hover:hover .icon,

    a.button.text-on-hover:hover .icon,

    span.button.text-on-hover:hover .icon,

    div.button.text-on-hover:hover .icon {

      -webkit-transform: translateY(120%);

          -ms-transform: translateY(120%);

              transform: translateY(120%);

      opacity: 0; }

    input[type="submit"].text-on-hover:hover .text,

    button.text-on-hover:hover .text,

    .btn.text-on-hover:hover .text,

    a.btn input.btn.text-on-hover:hover .text,

    a.button.text-on-hover:hover .text,

    span.button.text-on-hover:hover .text,

    div.button.text-on-hover:hover .text {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      opacity: 1; }



p a.btn:hover {

  text-decoration: none; }



.btn-wrap .btn-small {

  min-width: 40px; }



.btn-brand {

  background: #723887;

  border-color: #723887;

  color: #fff; }

  .btn-brand:hover {

    background: transparent;

    color: #723887; }



button[disabled],

input[type="submit"][disabled] {

  opacity: .8;

  cursor: default; }

  button[disabled]:hover,

  input[type="submit"][disabled]:hover {

    background: #404044;

    color: #fff; }

  button[disabled].btn-white:hover,

  input[type="submit"][disabled].btn-white:hover {

    background: #fff;

    color: #404044; }

  button[disabled].btn-brand:hover,

  input[type="submit"][disabled].btn-brand:hover {

    background: #723887;

    color: #fff; }



.btn-outline,

input[type="submit"].btn-outline,

a.btn-outline {

  background: transparent;

  color: #404044; }

  .btn-outline:hover,

  input[type="submit"].btn-outline:hover,

  a.btn-outline:hover {

    background: #404044;

    color: #fff; }

  .btn-outline.btn-white,

  input[type="submit"].btn-outline.btn-white,

  a.btn-outline.btn-white {

    background: transparent;

    border-color: #fff;

    color: #fff; }

    .btn-outline.btn-white:hover,

    input[type="submit"].btn-outline.btn-white:hover,

    a.btn-outline.btn-white:hover {

      background: #fff;

      color: #404044; }

  .btn-outline.disabled:hover,

  input[type="submit"].btn-outline.disabled:hover,

  a.btn-outline.disabled:hover {

    background: transparent;

    color: #404044;

    border-color: #404044;

    cursor: default; }

  .btn-outline.btn-brand,

  input[type="submit"].btn-outline.btn-brand,

  a.btn-outline.btn-brand {

    background: transparent;

    border-color: #723887;

    color: #723887; }

    .btn-outline.btn-brand:hover,

    input[type="submit"].btn-outline.btn-brand:hover,

    a.btn-outline.btn-brand:hover {

      background: #723887;

      border-color: #723887;

      color: #fff; }

    .btn-outline.btn-brand.disabled:hover,

    input[type="submit"].btn-outline.btn-brand.disabled:hover,

    a.btn-outline.btn-brand.disabled:hover {

      background: transparent;

      border-color: #723887;

      color: #723887; }



.btn-squared,

input[type="submit"].btn-squared,

a.btn-squared {

  padding-left: 25px;

  padding-right: 25px;

  -webkit-border-radius: 0px;

          border-radius: 0px; }



.btn-flat,

input[type="submit"].btn-flat,

a.btn-flat {

  background: transparent;

  border: none;

  color: #404044; }

  .btn-flat:hover,

  input[type="submit"].btn-flat:hover,

  a.btn-flat:hover {

    background: #404044;

    color: #fff; }



.btn-link,

a.btn-link {

  background: transparent;

  color: #404044;

  margin-top: 6px;

  padding: 4px 0;

  border: none;

  text-decoration: underline;

  font-weight: 700;

  position: relative;

  display: inline-block;

  text-decoration: none; }

  .btn-link .icon-arrow,

  a.btn-link .icon-arrow {

    display: none; }

  .btn-link:hover,

  a.btn-link:hover {

    background: transparent;

    text-decoration: underline; }

  .btn-link.btn-brand,

  a.btn-link.btn-brand {

    color: #723887; }

    .btn-link.btn-brand:hover,

    a.btn-link.btn-brand:hover {

      background: transparent; }



.btn-small,

a.btn-small {

  padding: 14px 18px 12px;

  line-height: 12px;

  font-size: 12px; }



.btn-large,

a.btn-large {

  padding: 19px 30px 17px;

  line-height: 15px;

  font-size: 14px; }



.btn-huge,

a.btn-huge {

  padding: 20px 30px;

  line-height: 15px;

  font-size: 15px; }



.btn-full-width,

a.btn-full-width {

  width: 100%; }



/*--------------------------------------------------------------

### Fields

--------------------------------------------------------------*/

input, select, textarea {

  font-family: "Rubik", sans-serif; }



input, select, textarea {

  -webkit-transition: .2s ease-in-out;

  transition: .2s ease-in-out;

  -webkit-transition-property: color, background, border-color, opacity;

  transition-property: color, background, border-color, opacity; }



input:not([type="submit"]),

textarea,

select {

  background: none;

  color: #666666;

  width: 100%;

  padding: 12px 0;

  border: none;

  border-bottom: 1px solid rgba(0, 0, 0, 0.25);

  -webkit-border-radius: 0px;

          border-radius: 0px;

  -webkit-box-shadow: none;

          box-shadow: none;

  position: relative; }

  input:not([type="submit"]).outline, input:not([type="submit"]).flat,

  textarea.outline,

  textarea.flat,

  select.outline,

  select.flat {

    border: 1px solid rgba(0, 0, 0, 0.25);

    padding-left: 25px;

    padding-right: 25px;

    -webkit-border-radius: 50px;

            border-radius: 50px; }

  input:not([type="submit"]).flat,

  textarea.flat,

  select.flat {

    background: #fff;

    border: none; }

  input:not([type="submit"]).squared,

  textarea.squared,

  select.squared {

    -webkit-border-radius: 0px;

            border-radius: 0px;

    padding-left: 15px;

    padding-right: 15px; }

  input:not([type="submit"]):focus,

  textarea:focus,

  select:focus {

    border-color: #723887;

    -webkit-box-shadow: 0 0 0 #723887;

            box-shadow: 0 0 0 #723887;

    outline: none; }



select {

  height: 47px;

  line-height: 41px;

  padding: 0;

  -webkit-appearance: none; }

  select:after {

    content: '23';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    background: #000; }



input[type="checkbox"] {

  width: auto;

  padding: auto;

  border: auto; }



input.placeholder, input::-webkit-input-placeholder,

textarea.placeholder,

textarea::-webkit-input-placeholder {

  color: #666666; }



input.placeholder, input::-moz-placeholder,

textarea.placeholder,

textarea::-moz-placeholder {

  color: #666666; }



input.placeholder, input:-ms-input-placeholder,

textarea.placeholder,

textarea:-ms-input-placeholder {

  color: #666666; }



input.placeholder, input::placeholder,

textarea.placeholder,

textarea::placeholder {

  color: #666666; }



input.flat {

  border: none;

  padding: 13px 15px; }



input.classic {

  border: none;

  padding: 13px 15px;

  border-top: none;

  border-left: none;

  border-right: none;

  padding-left: 0;

  padding-right: 0; }

  input.classic.placeholder, input.classic::-webkit-input-placeholder {

    line-height: 16px; }

  input.classic.placeholder, input.classic::-moz-placeholder {

    line-height: 16px; }

  input.classic.placeholder, input.classic:-ms-input-placeholder {

    line-height: 16px; }

  input.classic.placeholder, input.classic::placeholder {

    line-height: 16px; }



textarea {

  width: 100%;

  min-height: 100%;

  max-height: 100%;

  resize: none; }



.input-group:after {

  content: '';

  clear: both;

  display: table; }



.input-group > br {

  display: none; }



.input-group label {

  float: left; }

  .input-group label.col-6 {

    width: 50%; }

  .input-group label.col-4 {

    width: 33.33334%; }

  .input-group label.col-3 {

    width: 25%; }

  .input-group label.col-2 {

    width: 16.6665%; }

  .input-group label.col-fifth {

    width: 20%; }

  .input-group label[class^="col-"] button.btn {

    margin-top: 0; }

  @media screen and (max-width: 768px) {

    .input-group label input {

      border-right-width: 1px; }

    .input-group label.col-6, .input-group label.col-4, .input-group label.col-3, .input-group label.col-2, .input-group label.col-fifth {

      width: 100%;

      padding-right: 0 !important;

      padding-left: 0 !important; } }

  .input-group label.offset input, .input-group label.offset:last-of-type input:not([type="submit"]) {

    border-width: 1px; }



select {

  position: relative; }

  select option {

    color: #343436; }

  select:before {

    content: '';

    background: #ffffff;

    width: 30px;

    height: 30px;

    position: absolute;

    top: 0;

    right: 0; }

  select:after {

    content: ''; }



.radio {

  width: 20px;

  height: 20px;

  display: inline-block;

  position: relative; }

  .radio input {

    width: 100%;

    height: 100%;

    margin: 0px;

    padding: 0px;

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    cursor: pointer; }

    .radio input:checked {

      cursor: default; }

  .radio input:checked + .input:after {

    background: #723887; }

  .radio .input {

    background: #d5d4d4;

    width: 20px;

    height: 20px;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1; }

    .radio .input:after {

      content: '';

      background: #ffffff;

      width: 10px;

      height: 10px;

      -webkit-border-radius: 50%;

              border-radius: 50%;

      position: absolute;

      top: 5px;

      left: 5px;

      -webkit-transition: background .1s ease-in-out;

      transition: background .1s ease-in-out; }

  .radio:hover .input:after {

    background: #eee; }

  .radio:hover input:checked + .input:after {

    background: #723887; }



/*--------------------------------------------------------------

### Forms

--------------------------------------------------------------*/

form {

  text-align: center; }

  form button.btn {

    margin-top: 14px; }

    form button.btn.btn-link {

      margin-top: 20px;

      margin-bottom: 20px;

      padding-left: 0;

      padding-right: 0; }

  form .btn-load {

    width: 0px;

    height: 20px;

    display: inline-block;

    -webkit-transition: .21s ease-in-out;

    transition: .21s ease-in-out;

    -webkit-transition-property: width, margin;

    transition-property: width, margin;

    overflow: hidden;

    margin-top: -8px;

    margin-bottom: -5px; }

    form .btn-load input {

      display: none; }

    form .btn-load:before {

      content: '';

      background: url("../images/form_load.png") no-repeat center;

      display: block;

      width: 20px;

      height: 20px;

      margin: 0;

      visibility: visible;

      opacity: 1;

      -webkit-animation: rotate 1s infinite linear;

              animation: rotate 1s infinite linear; }

  form .error-check {

    height: 0;

    margin-top: 0px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition-property: opacity, visibility, margin, height;

    transition-property: opacity, visibility, margin, height;

    -webkit-transition-duration: .2s;

            transition-duration: .2s;

    -webkit-transition-timing-function: ease-in-out;

            transition-timing-function: ease-in-out; }

    form .error-check.active {

      visibility: visible;

      margin-top: 20px;

      opacity: 1;

      height: auto; }



@-webkit-keyframes rotate {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg); } }



@keyframes rotate {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg); } }



form.without-label-offset .input-group label input, form.without-label-offset .input-group label select,

.contact-form.without-label-offset .input-group label input,

.contact-form.without-label-offset .input-group label select {

  border-right-width: 0px; }



form.without-label-offset .input-group label .focus,

.contact-form.without-label-offset .input-group label .focus {

  width: -webkit-calc(100% + 1px);

  width: calc(100% + 1px); }



form.without-label-offset .input-group label:last-of-type input, form.without-label-offset .input-group label:last-of-type select,

.contact-form.without-label-offset .input-group label:last-of-type input,

.contact-form.without-label-offset .input-group label:last-of-type select {

  border-right-width: 1px; }



form.without-label-offset .input-group label:last-of-type .focus,

.contact-form.without-label-offset .input-group label:last-of-type .focus {

  width: -webkit-calc(100%);

  width: calc(100%); }



form.without-label-offset .input-group label input, form.without-label-offset .input-group label select,

.contact-form.without-label-offset .input-group label input,

.contact-form.without-label-offset .input-group label select {

  border-top-width: 1px; }



form.without-label-offset .input-group + .input-group label input, form.without-label-offset .input-group + .input-group label select,

.contact-form.without-label-offset .input-group + .input-group label input,

.contact-form.without-label-offset .input-group + .input-group label select {

  border-top-width: 0px; }



form.without-label-offset .input-group + .input-group label .focus,

.contact-form.without-label-offset .input-group + .input-group label .focus {

  height: -webkit-calc(100% + 1px);

  height: calc(100% + 1px); }



form.without-label-offset p,

.contact-form.without-label-offset p {

  margin: 0; }

  form.without-label-offset p label input, form.without-label-offset p label select, form.without-label-offset p label textarea,

  .contact-form.without-label-offset p label input,

  .contact-form.without-label-offset p label select,

  .contact-form.without-label-offset p label textarea {

    border-top-width: 0px; }

  form.without-label-offset p label .focus,

  .contact-form.without-label-offset p label .focus {

    height: -webkit-calc(100% + 1px);

    height: calc(100% + 1px); }

  form.without-label-offset p label:first-of-type input, form.without-label-offset p label:first-of-type select, form.without-label-offset p label:first-of-type textarea,

  .contact-form.without-label-offset p label:first-of-type input,

  .contact-form.without-label-offset p label:first-of-type select,

  .contact-form.without-label-offset p label:first-of-type textarea {

    border-top-width: 1px; }

  form.without-label-offset p label:first-of-type .focus,

  .contact-form.without-label-offset p label:first-of-type .focus {

    height: 100%; }



form.without-label-offset .input-group + p label input, form.without-label-offset .input-group + p label select, form.without-label-offset .input-group + p label textarea,

.contact-form.without-label-offset .input-group + p label input,

.contact-form.without-label-offset .input-group + p label select,

.contact-form.without-label-offset .input-group + p label textarea {

  border-top-width: 0px; }



form.without-label-offset .input-group + p label .focus,

.contact-form.without-label-offset .input-group + p label .focus {

  height: -webkit-calc(100% + 1px);

  height: calc(100% + 1px); }



form.without-label-offset p + .input-group label input, form.without-label-offset p + .input-group label select, form.without-label-offset p + .input-group label textarea,

.contact-form.without-label-offset p + .input-group label input,

.contact-form.without-label-offset p + .input-group label select,

.contact-form.without-label-offset p + .input-group label textarea {

  border-top-width: 1px; }



form.without-label-offset p + .input-group label .focus,

.contact-form.without-label-offset p + .input-group label .focus {

  height: 100%; }



@media screen and (max-width: 768px) {

  form.without-label-offset .input-group label input, form.without-label-offset .input-group label select,

  .contact-form.without-label-offset .input-group label input,

  .contact-form.without-label-offset .input-group label select {

    border-right-width: 1px;

    border-top-width: 1px; }

  form.without-label-offset .input-group label:last-child input, form.without-label-offset .input-group label:last-child select,

  .contact-form.without-label-offset .input-group label:last-child input,

  .contact-form.without-label-offset .input-group label:last-child select {

    border-top-width: 0px; } }



/*--------------------------------------------------------------

## Theme elements

--------------------------------------------------------------*/

/*--------------------------------------------------------------

### Select

--------------------------------------------------------------*/

.select {

  display: inline-block;

  position: relative;

  cursor: pointer;

  z-index: 20; }

  .select select {

    display: none; }

  .select .select-title {

    display: block;

    padding: 0 10px;

    font-weight: 600;

    position: relative;

    z-index: 2; }

    .select .select-title:hover {

      text-decoration: none; }

  .select i.icon {

    width: auto;

    height: auto;

    padding: 0;

    margin-left: 5px;

    font-size: 17px;

    vertical-align: -2px;

    display: inline-block;

    line-height: 16px;

    position: relative;

    top: 1px;

    -webkit-transform-origin: 45% 45%;

        -ms-transform-origin: 45% 45%;

            transform-origin: 45% 45%;

    -webkit-transition: -webkit-transform .15s ease-in-out;

    transition: -webkit-transform .15s ease-in-out;

    transition: transform .15s ease-in-out;

    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; }

  .select .select-menu {

    background: #ffffff;

    position: absolute;

    min-width: 160px;

    max-height: 304px;

    overflow-y: auto;

    left: 5px;

    top: 0px;

    opacity: 0;

    visibility: hidden;

    list-style: none;

    text-align: left;

    -webkit-transition-property: width, opacity, visibility, top;

    transition-property: width, opacity, visibility, top;

    -webkit-transition-duration: 0s, .1s, .1s;

            transition-duration: 0s, .1s, .1s;

    -webkit-transition-delay: .2s, 0s, 0s;

            transition-delay: .2s, 0s, 0s;

    -webkit-transition-timing-function: ease-in-out;

            transition-timing-function: ease-in-out;

    -webkit-box-shadow: 0 5px 29px rgba(0, 0, 0, 0.12);

            box-shadow: 0 5px 29px rgba(0, 0, 0, 0.12); }

    .select .select-menu::-webkit-scrollbar {

      background: rgba(0, 0, 0, 0.1);

      width: 8px;

      -webkit-border-radius: 4px;

              border-radius: 4px; }

    .select .select-menu::-webkit-scrollbar-thumb {

      background: rgba(0, 0, 0, 0.2);

      -webkit-border-radius: 4px;

              border-radius: 4px; }

      .select .select-menu::-webkit-scrollbar-thumb:hover {

        background: rgba(0, 0, 0, 0.3); }

    .select .select-menu li {

      line-height: 1;

      padding: 0; }

    .select .select-menu .icon {

      width: 20px;

      display: inline-block;

      text-align: center;

      margin-right: 4px; }

    .select .select-menu a {

      width: 100%;

      height: 38px;

      line-height: 38px;

      padding: 0 15px;

      vertical-align: middle;

      color: #282828;

      white-space: nowrap;

      display: inline-block; }

      .select .select-menu a:hover {

        background: #f3f3f3;

        cursor: pointer;

        text-decoration: none; }

  .select.active .select-title .icon {

    -webkit-transform: rotateZ(-180deg);

        -ms-transform: rotate(-180deg);

            transform: rotateZ(-180deg); }

  .select.active .select-menu {

    top: 30px;

    opacity: 1;

    visibility: visible;

    -webkit-transition-delay: 0s, 0s, 0s;

            transition-delay: 0s, 0s, 0s; }



/*--------------------------------------------------------------

### Scroll top button

--------------------------------------------------------------*/

.scroll-top {

  color: #888;

  height: 50px;

  width: 50px;

  line-height: 45px;

  border: 1px solid #888;

  -webkit-border-radius: 100%;

          border-radius: 100%;

  text-align: center;

  position: fixed;

  right: 40px;

  bottom: 100px;

  z-index: 1000;

  display: none;

  -webkit-transition: none;

  transition: none; }

  .scroll-top img {

    width: 11px;

    vertical-align: middle; }

  .scroll-top:hover {

    opacity: .7; }



/*--------------------------------------------------------------

### Categories

--------------------------------------------------------------*/

div.category > a,

div.category > span,

a.category {

  background: none;

  color: rgba(0, 0, 0, 0.4);

  border: none;

  margin: 0;

  padding: 0;

  font-size: 14px;

  font-weight: 400;

  font-style: normal;

  text-transform: none;

  display: inline-block; }

  div.category > a:hover,

  div.category > span:hover,

  a.category:hover {

    opacity: .7; }



div.category > span:hover {

  opacity: 1; }



div.category {

  color: rgba(0, 0, 0, 0.4);

  display: inline-block; }



/*--------------------------------------------------------------

### Tags

--------------------------------------------------------------*/

div.tag,

span.tag,

a.tag,

.tag-wrap a,

a[class^="tag-link-"] {

  background: transparent;

  color: #404044;

  border: 1px solid #404044;

  -webkit-border-radius: 50px;

          border-radius: 50px;

  padding: 9px 15px 7px;

  margin-top: 4px;

  margin-right: 4px;

  font-size: 11px;

  font-weight: 500;

  line-height: 1.1;

  display: inline-block;

  text-transform: uppercase; }



a.tag:hover,

.tag-wrap a:hover,

a[class^="tag-link-"]:hover {

  border-color: #723887;

  color: #723887; }



/*--------------------------------------------------------------

### Hamburger

--------------------------------------------------------------*/

.hamburger {

  width: 20px;

  height: 14px;

  border: 2px solid currentColor;

  border-left: none;

  border-right: none;

  display: inline-block;

  position: relative;

  cursor: pointer; }

  .hamburger:after {

    content: '';

    width: 20px;

    height: 0px;

    border: inherit;

    border-top: none;

    position: absolute;

    top: 4px;

    left: 0;

    cursor: pointer; }



/*--------------------------------------------------------------

### Preloader

--------------------------------------------------------------*/

.page-preloader {

  background-color: #fff;

  height: 100vh;

  width: 100%;

  z-index: 999999;

  position: fixed;

  top: 0;

  left: 0;

  opacity: 1;

  visibility: visible;

  -webkit-transition: .6s ease-in-out;

  transition: .6s ease-in-out;

  -webkit-transition-property: opacity, visibility;

  transition-property: opacity, visibility; }

  .page-preloader .loader {

    width: 6px;

    height: 6px;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-animation: typing 1s linear infinite alternate;

            animation: typing 1s linear infinite alternate; }

    .page-preloader .loader:before {

      content: '';

      background: rgba(0, 0, 0, 0.03);

      -webkit-border-radius: 50%;

              border-radius: 50%;

      width: 100px;

      height: 100px;

      position: absolute;

      top: -47px;

      left: -36px; }



@-webkit-keyframes typing {

  0% {

    background-color: black;

    -webkit-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2);

            box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }

  25% {

    background-color: rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2);

            box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }

  75% {

    background-color: rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black;

            box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }



@keyframes typing {

  0% {

    background-color: black;

    -webkit-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2);

            box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }

  25% {

    background-color: rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2);

            box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }

  75% {

    background-color: rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black;

            box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }

  .page-preloader.closed {

    opacity: 0;

    visibility: hidden; }

  @media screen and (max-width: 768px) {

    .page-preloader {

      opacity: 0;

      visibility: hidden; } }



@-webkit-keyframes loader-scale {

  0% {

    -webkit-transform: scale(0);

            transform: scale(0);

    opacity: 0; }

  50% {

    opacity: 1; }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0; } }



@keyframes loader-scale {

  0% {

    -webkit-transform: scale(0);

            transform: scale(0);

    opacity: 0; }

  50% {

    opacity: 1; }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0; } }



[data-isotope-grid] {

  -webkit-transition: height .3s ease-in-out;

  transition: height .3s ease-in-out; }



/*--------------------------------------------------------------

## Pages

--------------------------------------------------------------*/

.sticky {

  display: block; }



.hentry {

  margin: 0 0 1.5em; }



.byline,

.updated:not(.published) {

  display: none; }



.site-content {

  background: #fff;

  overflow: hidden; }



/*--------------------------------------------------------------

## Error page

--------------------------------------------------------------*/

.page-error {

  max-width: 800px;

  padding: 80px 0 80px;

  margin: 0 auto;

  text-align: center; }

  .page-error .icon-shape {

    background: #f3f3f3;

    width: 110px;

    height: 110px;

    line-height: 115px;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    text-align: center;

    vertical-align: top;

    font-size: 40px;

    display: inline-block; }

    .page-error .icon-shape i {

      color: #404044;

      vertical-align: 0; }

  .page-error .page-error-content {

    width: 100%;

    text-align: center;

    padding: 20px 25px 0;

    position: relative; }

  .page-error h1.title {

    color: rgba(0, 0, 0, 0.05);

    width: 100%;

    text-align: center;

    font-size: 220px;

    letter-spacing: -0.05em;

    position: absolute;

    top: -110px;

    left: 0;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none; }

  .page-error h3, .page-error p, .page-error a.btn {

    position: relative;

    z-index: 2; }

  .page-error h3 {

    margin-top: 4px;

    font-size: 18px; }

  .page-error a,

  .page-error a:visited {

    margin-top: 25px; }

  .page-error form.search {

    margin: 100px auto 0;

    max-width: 500px;

    padding: 0 15px;

    position: relative;

    z-index: 2; }

    .page-error form.search button {

      background: transparent;

      border: none;

      padding: 5px;

      margin: 0;

      color: #343436;

      position: absolute;

      top: 8px;

      right: 15px;

      font-size: 16px; }

      .page-error form.search button:hover {

        opacity: .8; }

  .page-error a.btn {

    margin-top: 60px; }



@media screen and (max-width: 768px) {

  .page-error {

    padding: 30px 0 80px; } }



.error-404 .page-error {

  padding-top: 120px; }



.no-result {

  text-align: center;

  overflow: hidden;

  padding-bottom: 20px; }

  .no-result h1 {

    font-size: 18px;

    font-weight: 600;

    margin: 20px 0 8px; }

  .no-result p {

    margin-top: 0;

    color: #616161; }

  .no-result form.search {

    margin-top: 25px; }



/*--------------------------------------------------------------

## Authorization page

--------------------------------------------------------------*/

.page-auth {

  background: #444 url("./images/bg-full.jpg");

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 100%;

  position: relative; }

  .page-auth:before {

    content: '';

    background: rgba(52, 52, 54, 0.75);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0; }

  .page-auth .page-auth-wrap {

    text-align: center;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0; }

    .page-auth .page-auth-wrap form {

      background: #ffffff;

      width: 460px;

      margin: 0 auto;

      padding: 60px; }

      .page-auth .page-auth-wrap form input {

        margin-bottom: 15px; }

      .page-auth .page-auth-wrap form button.btn {

        margin-top: 0px; }



.post-password-form {

  margin: 90px 0; }



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery-caption {

  font-weight: 700; }



.gallery {

  background: #111;

  width: 100%;

  height: 100%;

  text-align: center;

  position: fixed;

  top: 0;

  left: 0;

  visibility: hidden;

  opacity: 0;

  -webkit-transition-property: visibility, opacity;

  transition-property: visibility, opacity;

  -webkit-transition-duration: .3s;

          transition-duration: .3s;

  -webkit-transition-timing-function: ease-in-out;

          transition-timing-function: ease-in-out;

  z-index: 999999; }

  .gallery.open {

    visibility: visible;

    opacity: 1; }

    .gallery.open .close {

      visibility: visible; }

  .gallery .slider {

    width: -webkit-calc(100% - 100px);

    width: calc(100% - 100px);

    height: -webkit-calc(100% - 170px);

    height: calc(100% - 170px);

    position: absolute;

    top: 0;

    left: 50px;

    margin-top: 50px;

    visibility: hidden;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none; }

    .gallery .slider .owl-stage-outer {

      height: 100%; }

    .gallery .slider .owl-stage {

      height: 100%;

      position: relative; }

      .gallery .slider .owl-stage .owl-item {

        width: 100%;

        height: 100%;

        text-align: center;

        position: relative; }

        .gallery .slider .owl-stage .owl-item > div {

          height: 100%;

          line-height: -webkit-calc(100vh - 140px);

          line-height: calc(100vh - 140px); }

        .gallery .slider .owl-stage .owl-item img {

          max-height: 100%;

          height: 100%; }

        .gallery .slider .owl-stage .owl-item .gallery-description {

          width: 100%;

          height: auto;

          padding: 25px 0 5px;

          position: absolute;

          bottom: 0; }

          .gallery .slider .owl-stage .owl-item .gallery-description h3 {

            color: #fff;

            text-align: center;

            font-size: 16px;

            width: 50%;

            margin: 0 auto; }

          .gallery .slider .owl-stage .owl-item .gallery-description p {

            margin-top: 5px;

            width: 50%; }

    .gallery .slider .thumbs {

      max-width: 100%;

      min-height: 100px;

      display: inline-block;

      overflow-x: auto;

      overflow-y: visible;

      padding-top: 10px; }

      .gallery .slider .thumbs::-webkit-scrollbar {

        background: rgba(255, 255, 255, 0.1);

        height: 10px;

        -webkit-border-radius: 10px;

                border-radius: 10px; }

      .gallery .slider .thumbs::-webkit-scrollbar-thumb {

        background: rgba(255, 255, 255, 0.1);

        height: 10px;

        -webkit-border-radius: 10px;

                border-radius: 10px; }

        .gallery .slider .thumbs::-webkit-scrollbar-thumb:hover, .gallery .slider .thumbs::-webkit-scrollbar-thumb:active {

          background: rgba(255, 255, 255, 0.2); }

      .gallery .slider .thumbs img {

        height: 60px;

        margin: 0 5px;

        border: 1px solid transparent;

        vertical-align: middle;

        display: inline-block;

        cursor: pointer;

        -webkit-transition: .3s ease-in-out;

        transition: .3s ease-in-out;

        -webkit-transition-property: border-color, opacity, -webkit-transform;

        transition-property: border-color, opacity, -webkit-transform;

        transition-property: border-color, transform, opacity;

        transition-property: border-color, transform, opacity, -webkit-transform;

        -webkit-transform: translateY(20px);

            -ms-transform: translateY(20px);

                transform: translateY(20px);

        opacity: 0; }

        .gallery .slider .thumbs img.showed {

          -webkit-transform: none;

              -ms-transform: none;

                  transform: none;

          opacity: 1; }

        .gallery .slider .thumbs img.active {

          border-color: rgba(255, 255, 255, 0.8); }

        .gallery .slider .thumbs img:hover {

          border-color: rgba(255, 255, 255, 0.4);

          -webkit-transform: translate3d(0, -2px, 0);

                  transform: translate3d(0, -2px, 0); }

  .gallery .expand, .gallery .close {

    color: #fff;

    width: 70px;

    height: 70px;

    line-height: 72px;

    text-align: center;

    vertical-align: middle;

    font-size: 44px;

    position: fixed;

    top: 25px;

    right: 25px;

    z-index: 80;

    cursor: pointer;

    opacity: .7;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out; }

    .gallery .expand:hover, .gallery .close:hover {

      opacity: 1; }

  .gallery .expand {

    left: 25px;

    font-size: 24px; }

  .gallery.gallery-light {

    background: #fff; }

    .gallery.gallery-light .slider .owl-item .gallery-description h3 {

      color: #343436; }

    .gallery.gallery-light .slider .thumbs::-webkit-scrollbar {

      background: rgba(0, 0, 0, 0.1); }

    .gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb {

      background: rgba(0, 0, 0, 0.1); }

      .gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb:hover, .gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb:active {

        background: rgba(0, 0, 0, 0.2); }

    .gallery.gallery-light .slider .thumbs img.active {

      border-color: rgba(0, 0, 0, 0.8); }

    .gallery.gallery-light .slider .thumbs img:hover {

      border-color: rgba(0, 0, 0, 0.4); }

    .gallery.gallery-light .close {

      color: #d9d9d9; }

      .gallery.gallery-light .close:hover {

        color: #5a5a5a; }



.gallery-tmpimage {

  position: fixed;

  z-index: 9999999;

  -webkit-transition: 0.35s cubic-bezier(0.4, 0.7, 0.4, 1);

  transition: 0.35s cubic-bezier(0.4, 0.7, 0.4, 1);

  -webkit-transition-property: width, height, margin, left, top;

  transition-property: width, height, margin, left, top; }

  .gallery-tmpimage.active {

    left: 50%;

    top: 40px; }



.gallery-image .wrap {

  position: relative;

  overflow: hidden; }



.gallery-image img {

  width: 100%;

  cursor: pointer;

  display: block;

  -webkit-transition: -webkit-transform .3s ease-in-out;

  transition: -webkit-transform .3s ease-in-out;

  transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }



.gallery-image .overlay {

  background: rgba(64, 64, 68, 0.7);

  width: -webkit-calc(100% - 50px);

  width: calc(100% - 50px);

  height: -webkit-calc(100% - 50px);

  height: calc(100% - 50px);

  top: 25px;

  left: 25px;

  opacity: 0;

  cursor: pointer;

  -webkit-transform: scale(0.95);

      -ms-transform: scale(0.95);

          transform: scale(0.95);

  -webkit-transition: .2s ease-in-out;

  transition: .2s ease-in-out;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform; }

  .gallery-image .overlay h4 {

    color: #fff;

    margin: 0;

    font-size: 16px;

    font-weight: 600; }

  .gallery-image .overlay.with-title {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0; }

    .gallery-image .overlay.with-title .wrap {

      vertical-align: bottom;

      text-align: left;

      padding: 20px 25px; }

      .gallery-image .overlay.with-title .wrap .icon {

        background: #404044;

        width: 55px;

        height: 55px;

        margin: -23px 0 0 -23px;

        -webkit-border-radius: 50px;

                border-radius: 50px;

        line-height: 57px;

        text-align: center;

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: rotate(0deg);

            -ms-transform: rotate(0deg);

                transform: rotate(0deg);

        -webkit-transition: -webkit-transform .2s ease-in-out;

        transition: -webkit-transform .2s ease-in-out;

        transition: transform .2s ease-in-out;

        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }

  .gallery-image .overlay .icon {

    color: #fff;

    font-size: 36px;

    vertical-align: -9px;

    margin-left: 15px; }



.gallery-image:hover img {

  -webkit-transform: scale(1.05) rotate(0.03deg);

      -ms-transform: scale(1.05) rotate(0.03deg);

          transform: scale(1.05) rotate(0.03deg); }



.gallery-image:hover .overlay {

  opacity: 1;

  -webkit-transform: none;

      -ms-transform: none;

          transform: none; }



.gallery-image:hover.with-title .wrap .icon {

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg); }



.gallery-image .gallery-description {

  display: none; }



@media screen and (max-width: 768px) {

  .gallery {

    overflow-y: scroll;

    min-height: 100vh; }

    .gallery .slider {

      width: -webkit-calc(100% - 60px);

      width: calc(100% - 60px);

      min-height: -webkit-calc(100vh - 60px);

      min-height: calc(100vh - 60px);

      margin: 30px 15px;

      left: 15px; }

      .gallery .slider .owl-stage-outer {

        height: -webkit-calc(100% - 60px);

        height: calc(100% - 60px); }

      .gallery .slider .owl-item img {

        height: auto;

        width: 100%;

        vertical-align: middle; }

      .gallery .slider .owl-stage .owl-item .gallery-description h3, .gallery .slider .owl-stage .owl-item .gallery-description p {

        width: 100%; }

    .gallery .expand, .gallery .close {

      width: 25px;

      height: 25px;

      top: 0;

      right: 30px; }

    .gallery .expand {

      right: auto;

      left: 30px; } }



/*--------------------------------------------------------------

## Portfolio gallery

--------------------------------------------------------------*/

.portfolio-gallery {

  background: #fff;

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

  -webkit-transition-property: opacity, visibility, -webkit-transform;

  transition-property: opacity, visibility, -webkit-transform;

  transition-property: opacity, visibility, transform;

  transition-property: opacity, visibility, transform, -webkit-transform;

  -webkit-transform: translateY(50px);

      -ms-transform: translateY(50px);

          transform: translateY(50px);

  z-index: 99999; }

  .portfolio-gallery .slider, .portfolio-gallery .gallery-content {

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0; }

  .portfolio-gallery .slider {

    left: 0;

    padding: 0;

    z-index: 2; }

    .portfolio-gallery .slider .owl-stage-outer,

    .portfolio-gallery .slider .owl-stage,

    .portfolio-gallery .slider .owl-item {

      height: 100%; }

    .portfolio-gallery .slider .owl-stage-outer {

      padding-top: 0;

      margin-top: 0; }

    .portfolio-gallery .slider .owl-item {

      text-align: center; }

      .portfolio-gallery .slider .owl-item div {

        background-size: cover;

        background-position: 50%;

        width: auto;

        min-width: auto;

        height: 100%; }

    .portfolio-gallery .slider .owl-nav .owl-prev, .portfolio-gallery .slider .owl-nav .owl-next {

      margin-top: -55px; }

    .portfolio-gallery .slider .owl-dots {

      background: #fff;

      width: auto;

      padding: 10px 14px;

      margin: 0;

      position: absolute;

      -webkit-border-radius: 100px;

              border-radius: 100px;

      right: 0;

      top: 50%;

      -webkit-transform: translateY(-50%) translateX(50%);

          -ms-transform: translateY(-50%) translateX(50%);

              transform: translateY(-50%) translateX(50%); }

      .portfolio-gallery .slider .owl-dots.disabled {

        display: none; }

    .portfolio-gallery .slider .owl-dot {

      border-color: transparent;

      margin: 5px 0;

      display: block; }

      .portfolio-gallery .slider .owl-dot:after {

        background: #404044; }

      .portfolio-gallery .slider .owl-dot.active {

        border-color: #404044; }

  .portfolio-gallery .gallery-content {

    right: 0;

    padding: 30px 8%; }

    .portfolio-gallery .gallery-content h2, .portfolio-gallery .gallery-content .tag, .portfolio-gallery .gallery-content .description, .portfolio-gallery .gallery-content .info, .portfolio-gallery .gallery-content .view-project {

      -webkit-transition: 0.4s cubic-bezier(0.13, 0.19, 0.34, 0.96);

      transition: 0.4s cubic-bezier(0.13, 0.19, 0.34, 0.96);

      -webkit-transition-property: opacity, -webkit-transform;

      transition-property: opacity, -webkit-transform;

      transition-property: opacity, transform;

      transition-property: opacity, transform, -webkit-transform;

      -webkit-transform: translateY(30px);

          -ms-transform: translateY(30px);

              transform: translateY(30px);

      opacity: 0; }

    .portfolio-gallery .gallery-content .tag {

      background: #723887;

      color: #fff;

      border-color: #723887;

      -webkit-transition-delay: .1s;

              transition-delay: .1s; }

    .portfolio-gallery .gallery-content h2 {

      font-size: 42px;

      font-weight: 600;

      line-height: 1.3;

      -webkit-transition-delay: .2s;

              transition-delay: .2s; }

    .portfolio-gallery .gallery-content .description {

      -webkit-transition-delay: .3s;

              transition-delay: .3s;

      color: #9a9a9a;

      line-height: 25px;

      font-size: 15px;

      font-weight: 300; }

      .portfolio-gallery .gallery-content .description p {

        color: inherit; }

    .portfolio-gallery .gallery-content .info {

      -webkit-transition-delay: .4s;

              transition-delay: .4s; }

      .portfolio-gallery .gallery-content .info .title {

        color: #999;

        border-bottom-color: #ebebeb; }

      .portfolio-gallery .gallery-content .info p {

        color: #636363;

        font-weight: 300; }

        .portfolio-gallery .gallery-content .info p a {

          color: inherit; }

    .portfolio-gallery .gallery-content .view-project {

      color: #404044;

      margin-top: 15px;

      font-weight: 600;

      line-height: 2;

      font-size: 16px;

      -webkit-transition-delay: .5s;

              transition-delay: .5s; }

    .portfolio-gallery .gallery-content .date {

      color: rgba(51, 51, 51, 0.2);

      font-size: 68px;

      font-weight: 600;

      position: absolute;

      bottom: 20px;

      left: 16%; }

  .portfolio-gallery .gallery-close {

    background: #fff;

    width: 46px;

    height: 46px;

    font-size: 46px;

    line-height: 46px;

    text-align: center;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    position: absolute;

    top: 20px;

    right: 20px;

    z-index: 99;

    cursor: pointer;

    -webkit-transition: opacity .1s ease-in-out;

    transition: opacity .1s ease-in-out; }

    .portfolio-gallery .gallery-close:hover {

      opacity: .5; }

  .portfolio-gallery.open {

    opacity: 1;

    visibility: visible;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

    .portfolio-gallery.open .tag, .portfolio-gallery.open h2, .portfolio-gallery.open .description, .portfolio-gallery.open .info, .portfolio-gallery.open .view-project {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      opacity: 1; }

  .portfolio-gallery.gallery-dark {

    background: #333; }

    .portfolio-gallery.gallery-dark .slider .owl-dots {

      background: #333; }

      .portfolio-gallery.gallery-dark .slider .owl-dots .owl-dot:after {

        background: #fff; }

      .portfolio-gallery.gallery-dark .slider .owl-dots .owl-dot.active {

        border-color: #fff; }

    .portfolio-gallery.gallery-dark .gallery-close {

      background: #333;

      color: rgba(255, 255, 255, 0.6); }

    .portfolio-gallery.gallery-dark .date {

      color: #444; }

    .portfolio-gallery.gallery-dark .tag {

      background: transparent;

      color: #fff;

      border-color: #fff; }

    .portfolio-gallery.gallery-dark h2 {

      color: #fff; }

    .portfolio-gallery.gallery-dark .description {

      color: #9a9a9a; }

    .portfolio-gallery.gallery-dark .info .title {

      color: #fff;

      border-bottom-color: rgba(255, 255, 255, 0.15); }

    .portfolio-gallery.gallery-dark .info p {

      color: rgba(255, 255, 255, 0.5); }

    .portfolio-gallery.gallery-dark .view-project {

      color: #fff; }

  @media screen and (max-width: 1024px) and (min-width: 769px) {

    .portfolio-gallery .gallery-content {

      right: 0;

      padding: 40px; }

      .portfolio-gallery .gallery-content h2 {

        font-size: 36px;

        line-height: 46px; } }



@media screen and (max-width: 768px) {

  .portfolio-gallery {

    overflow-y: scroll;

    overflow-x: hidden; }

    .portfolio-gallery .gallery-content h2 {

      font-size: 28px; }

    .portfolio-gallery .slider, .portfolio-gallery .gallery-content {

      width: 100%;

      height: auto;

      position: relative; }

    .portfolio-gallery .slider {

      height: 320px; }

      .portfolio-gallery .slider .owl-dots {

        top: 100%;

        left: 50%;

        right: auto;

        -webkit-transform: translate(-50%, -50%);

            -ms-transform: translate(-50%, -50%);

                transform: translate(-50%, -50%); }

        .portfolio-gallery .slider .owl-dots .owl-dot {

          display: inline-block;

          margin: 0 2px;

          vertical-align: middle; }

    .portfolio-gallery .content .info-list li {

      width: 100%;

      max-width: auto; } }



/*--------------------------------------------------------------

## Popup

--------------------------------------------------------------*/

.popup {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 10px;

  left: 0;

  z-index: 9999999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: .2s ease-in-out;

  transition: .2s ease-in-out;

  -webkit-transition-property: top, visibility, opacity;

  transition-property: top, visibility, opacity; }

  .popup .popup-close {

    color: #a5a19d;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    vertical-align: middle;

    font-size: 54px;

    position: absolute;

    top: 0px;

    right: 25px;

    opacity: 0;

    z-index: 1;

    cursor: pointer;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    -webkit-transition-property: color, opacity, top;

    transition-property: color, opacity, top; }

    .popup .popup-close:hover {

      color: #ffffff; }

    .popup .popup-close.light:hover {

      color: #343436; }

  .popup.active {

    visibility: visible;

    opacity: 1;

    top: 0; }

    .popup.active .popup-close {

      top: 25px;

      opacity: 1; }



/*--------------------------------------------------------------

## Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {

  width: 100%;

  padding: 25px 0;

  font-family: "Poppins", sans-serif;

  font-size: 13px; }

  .breadcrumbs a {

    line-height: 25px; }

    .breadcrumbs a:hover {

      text-decoration: none; }

  .breadcrumbs .left a {

    color: #8b8b92; }

  .breadcrumbs .left a,

  .breadcrumbs .left .current {

    margin: 0 5px; }

    .breadcrumbs .left a:first-child,

    .breadcrumbs .left .current:first-child {

      margin-left: 0; }

  .breadcrumbs .current {

    font-weight: 600;

    color: #404044; }

  .breadcrumbs .result {

    display: inline-block;

    margin-right: 10px; }

  .breadcrumbs form, .breadcrumbs p {

    display: inline; }

  @media screen and (max-width: 768px) {

    .breadcrumbs .page-container {

      padding: 0 10px; }

    .breadcrumbs .left,

    .breadcrumbs .right {

      width: 100%;

      padding-top: 0px;

      clear: both; }

    .breadcrumbs .left + .right {

      margin-top: 20px; }

    .breadcrumbs .result {

      margin: 0 15px 0 0; }

    .breadcrumbs .select {

      margin: 0 0px 0 0; }

      .breadcrumbs .select .select-title {

        text-align: left;

        padding-left: 0; } }



.breadcrumbs-container + .page-container.offset-top {

  margin-top: 0; }



.filterbar {

  background: #fff;

  color: #5a5a5a;

  width: 100%;

  padding: 0 15px;

  line-height: 90px;

  vertical-align: middle;

  font-size: 13px; }

  .filterbar:after {

    content: '';

    display: table;

    clear: both; }

  .filterbar .breadcrumbs {

    padding: 0;

    margin: 0;

    list-style: none; }

    .filterbar .breadcrumbs li {

      float: left;

      color: #888888; }

      .filterbar .breadcrumbs li a {

        color: #5a5a5a; }

      .filterbar .breadcrumbs li a:hover {

        color: #888888; }

      .filterbar .breadcrumbs li:before {

        content: '/';

        margin: 0 3px; }

      .filterbar .breadcrumbs li:first-child:before {

        content: '';

        margin: 0; }

  .filterbar .result {

    color: #888888;

    display: inline-block; }

  .filterbar .right > *:last-child {

    padding-right: 0;

    margin-right: 0; }



/*--------------------------------------------------------------

## Paginator

--------------------------------------------------------------*/

nav.pagination {

  margin: 45px 0 20px;

  text-align: left;

  font-size: 15px;

  font-weight: 600;

  font-family: "Poppins", sans-serif;

  word-spacing: -.2em;

  cursor: default; }

  nav.pagination li {

    word-spacing: normal;

    margin: 0;

    display: inline-block; }

    nav.pagination li .page-numbers {

      padding: 4px 10px;

      display: block; }

    nav.pagination li:first-child a:not(.prev) {

      margin-left: -8px; }

    nav.pagination li a.hover-underline:before {

      background: currentColor !important;

      width: -webkit-calc(100% - 20px);

      width: calc(100% - 20px);

      background: #723887;

      -webkit-transform: translateY(0px);

          -ms-transform: translateY(0px);

              transform: translateY(0px);

      left: 10px; }

    nav.pagination li a.hover-underline:hover:before {

      -webkit-transform: translateY(-3px);

          -ms-transform: translateY(-3px);

              transform: translateY(-3px); }

    nav.pagination li a.page-numbers {

      font-family: inherit; }

      nav.pagination li a.page-numbers.active {

        color: #723887;

        cursor: default; }

        nav.pagination li a.page-numbers.active:before {

          opacity: 1;

          -webkit-transform: translateY(-3px);

              -ms-transform: translateY(-3px);

                  transform: translateY(-3px); }

      nav.pagination li a.page-numbers.prev {

        margin-left: 20px; }

      nav.pagination li a.page-numbers span {

        width: 20px;

        font-size: 20px;

        display: inline-block;

        position: absolute;

        top: 0; }

        nav.pagination li a.page-numbers span.icon-left {

          right: 100%; }

        nav.pagination li a.page-numbers span.icon-right {

          left: 100%;

          text-align: right; }



/*--------------------------------------------------------------

## Structure

--------------------------------------------------------------*/

.norebro-with-panel #page {

  margin-left: 75px; }

  @media screen and (max-width: 1024px) and (min-width: 769px) {

    .norebro-with-panel #page {

      margin-left: 70px; } }



.norebro-with-header-6 #page {

  margin-left: 280px; }



.norebro-with-header-6.norebro-with-panel #page {

  margin-left: 359px; }



@media screen and (max-width: 768px) {

  .norebro-with-header-6 #page,

  .norebro-with-panel #page {

    margin-left: 0; } }



.page-container {

  max-width: 1326px;

  margin: 0 auto;

  padding: 0;

  position: relative; }

  .page-container.full {

    max-width: none;

    padding: 0 7%; }

  .page-container.without-breadcrumbs {

    margin-top: 80px; }

  .page-container.bottom-offset {

    margin-bottom: 80px; }

  .page-container:after {

    content: '';

    clear: both;

    display: table; }

  @media screen and (max-width: 1440px) {

    .page-container {

      max-width: 1226px; } }

  @media screen and (max-width: 1024px) and (min-width: 769px) {

    .page-container {

      max-width: 898px; } }



.boxed-container {

  max-width: 1326px;

  margin: 30px auto;

  z-index: 2;

  position: relative;

  overflow: hidden; }



.page-content {

  width: 100%;

  float: left;

  padding: 0 15px; }

  .page-content.with-left-sidebar {

    width: 72%;

    padding-left: 45px;

    float: right; }

  .page-content.with-right-sidebar {

    width: 72%;

    padding-right: 45px;

    float: left; }



#page {

  position: relative; }



@media screen and (max-width: 768px) {

  .page-container, .page-container.full {

    padding: 0 25px; }

  .page-container.without-breadcrumbs {

    margin-top: 30px; }

  .page-container.bottom-offset {

    margin-bottom: 30px; }

  .boxed-container {

    margin: 0; }

  .page-content, .page-content.with-right-sidebar, .page-content.with-left-sidebar {

    width: 100%;

    padding: 0;

    float: none; } }



/*--------------------------------------------------------------

## Header

--------------------------------------------------------------*/

#masthead {

  background: transparent;

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

  -webkit-box-sizing: content-box;

     -moz-box-sizing: content-box;

          box-sizing: content-box;

  width: 100%;

  height: 80px;

  line-height: 80px;

  vertical-align: middle;

  position: absolute;

  z-index: 61;

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

  -webkit-transition-property: color, height, line-height, opacity;

  transition-property: color, height, line-height, opacity; }

  #masthead a:hover, #masthead a.open, #masthead a.focus {

    opacity: .6; }

  #masthead .header-wrap {

    /*background: rgba(34, 34, 34, 0.7);*/

    padding: 0 25px 0;

    position: relative;

    z-index: 1; }

    #masthead .header-wrap:after {

      content: '';

      display: table;

      clear: both; }

    #masthead .header-wrap.page-container {

      padding: 0 15px; }

  #masthead .site-title,

  #masthead .site-title a {

    margin: 0;

    border: none;

    float: left;

    font-weight: 600;

    font-size: 26px;

    font-family: "Poppins", sans-serif;

    line-height: inherit;

    text-decoration: none;

    display: inline-block; }

    #masthead .site-title img,

    #masthead .site-title a img {

      max-height: 86px;

      vertical-align: middle;

      margin-top: -4px;

      -webkit-transition: max-height .4s ease-in-out;

      transition: max-height .4s ease-in-out; }

  #masthead .site-branding, #masthead .site-title {
	margin-left: 40px;
    float: left;

    position: relative; }

    #masthead .site-branding .site-description, #masthead .site-title .site-description {

      display: none; }

    #masthead .site-branding .logo, #masthead .site-title .logo {

      display: inline-block; }

    #masthead .site-branding .fixed-logo, #masthead .site-title .fixed-logo {

      display: none; }

    #masthead .site-branding img.svg-logo, #masthead .site-title img.svg-logo {

      max-height: 60px;

      height: 51px;

      width: 207px;

    }

  #masthead .fixed-logo,

  #masthead .mobile-logo,

  #masthead .fixed-mobile-logo {

    display: none; }

  #masthead.header-2 {

    background: #fff; }

  #masthead.header-3 {

    height: 60px;

    line-height: 60px;

    margin: 42px auto 20px;

    -webkit-border-radius: 3px;

            border-radius: 3px;

    border-width: 0px; }

    #masthead.header-3 .page-container {

      border-width: 0px;

      border-color: inherit;

      border-style: inherit; }

    #masthead.header-3 .header-wrap {

      background: #ffffff;

      height: 60px;

      padding: 0 20px;

      border: 1px;

      border-color: inherit;

      border-style: inherit;

      -webkit-border-radius: 3px;

              border-radius: 3px;

      margin: 0 -15px; }

    #masthead.header-3 .site-title a img {

      max-height: 56px; }

    #masthead.header-3.with-header-cap {

      margin-top: 10px; }

      #masthead.header-3.with-header-cap.subheader-open {

        margin-top: 52px; }

    #masthead.header-3.subheader-open {

      margin-top: 56px; }

    #masthead.header-3.with-subheader {

      margin-top: 66px; }

      #masthead.header-3.with-subheader.with-header-cap {

        margin-top: 56px; }

  #masthead.header-4 {

    height: 160px;

    margin: 0 auto;

    line-height: 80px;

    position: absolute; }

    #masthead.header-4 .header-wrap {

      background: #fff;

      height: 100%;

      padding: 0; }

      #masthead.header-4 .header-wrap.wrapped-container {

        margin: 0; }

    #masthead.header-4 .menu-wrap {

      line-height: 70px; }

    #masthead.header-4 .site-branding {

      width: 100%;

      height: 90px;

      border-bottom: 1px dotted;

      border-bottom-color: rgba(0, 0, 0, 0.1);

      float: none;

      text-align: center;

      overflow: hidden;

      -webkit-transition: height .2s ease-in-out;

      transition: height .2s ease-in-out; }

      #masthead.header-4 .site-branding h1,

      #masthead.header-4 .site-branding .fixed-logo,

      #masthead.header-4 .site-branding .logo {

        float: none; }

    #masthead.header-4 .site-title a {

      display: inline-block;

      margin: 0 auto;

      float: none; }

      #masthead.header-4 .site-title a img {

        max-height: 92px; }

  #masthead.header-5 {

    text-align: center; }

    #masthead.header-5 h1.site-title {

      display: inline-block;

      clear: none;

      margin: 0 30px; }

    #masthead.header-5 .site-branding {

      text-align: center;

      float: left;

      position: relative;

      z-index: 11; }

      #masthead.header-5 .site-branding img {

        max-height: 90px; }

      #masthead.header-5 .site-branding .site-title,

      #masthead.header-5 .site-branding .site-title a {

        padding: 0;

        text-align: center;

        display: inline-block; }

      #masthead.header-5 .site-branding .site-title {

        opacity: 0; }

    #masthead.header-5 .menu-wrap:after {

      content: '';

      display: block;

      clear: both; }

  #masthead.header-6 {

    background: #f7f7f7;

    width: 280px;

    min-height: 100%;

    border: none;

    border-right: 1px solid rgba(0, 0, 0, 0.08);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9;

    display: table; }

    #masthead.header-6 .header-wrap {

      padding: 0;

      height: 100%;

      display: table-cell;

      vertical-align: middle; }

    #masthead.header-6 .site-branding {

      width: 100%;

      padding: 10px 40px;

      border-bottom: 1px solid rgba(0, 0, 0, 0.08);

      position: absolute;

      top: 0; }

      #masthead.header-6 .site-branding a {

        font-size: 25px;

        line-height: 60px;

        padding: 0; }

    #masthead.header-6.with-subheader {

      margin-top: 0; }

    #masthead.header-6 .socialbar {

      text-align: left; }

      #masthead.header-6 .socialbar a {

        -webkit-transition: all .2s;

        transition: all .2s; }

  #masthead .header-bottom {

    width: 100%;

    padding-bottom: 20px;

    position: absolute;

    bottom: 0;

    left: 0; }

    #masthead .header-bottom p.copyright {

      color: #404044;

      text-align: left;

      padding: 0 40px;

      font-size: 13px;

      line-height: 1.6; }

  #masthead.header-fixed {

    background: #fff;

    height: 65px;

    margin: 0;

    position: fixed;

    top: 0;

    line-height: 64px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translate3d(0, -15px, 0);

            transform: translate3d(0, -15px, 0);

    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0, 0.9);

    transition: 0.2s cubic-bezier(0.4, 0, 0, 0.9);

    -webkit-transition-property: opacity, visibility, -webkit-transform;

    transition-property: opacity, visibility, -webkit-transform;

    transition-property: transform, opacity, visibility;

    transition-property: transform, opacity, visibility, -webkit-transform; }

    #masthead.header-fixed.showed {

      opacity: 1;

      visibility: visible;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0); }

    #masthead.header-fixed.no-transition {

      -webkit-transition: none;

      transition: none; }

    #masthead.header-fixed.with-header-cap {

      margin: 0; }

    #masthead.header-fixed.subheader-open {

      margin-top: 42px; }

    #masthead.header-fixed .site-title img,

    #masthead.header-fixed .site-title a img {

      max-height: 60px;

      -webkit-transition-duration: .2s;

              transition-duration: .2s; }

    #masthead.header-fixed.header-4 {

      height: 120px;

      line-height: 60px; }

      #masthead.header-fixed.header-4 .menu-wrap {

        line-height: 60px; }

      #masthead.header-fixed.header-4 .site-branding {

        height: 60px; }

    #masthead.header-fixed.with-subheader {

      margin-top: 0; }

    #masthead.header-fixed .header-wrap {

      padding-top: 0;

      line-height: inherit; }

    #masthead.header-fixed .site-branding {

      top: 0; }

    #masthead.header-fixed .site-branding .site-title, #masthead.header-fixed .site-branding .site-title a {

      line-height: inherit; }

      #masthead.header-fixed .site-branding .site-title img, #masthead.header-fixed .site-branding .site-title a img {

        max-height: 60px;

        -webkit-transition-duration: .2s;

                transition-duration: .2s; }

  /*#masthead.with-subheader {*/

    /*margin-top: 42px; }*/

  #masthead .header-wrap.wrapped-container {

    padding: 0 15px; }

  @media screen and (max-width: 768px) {

    #masthead .logo.with-mobile {

      display: none; }

    #masthead .mobile-logo {

      display: inline; } }



body.norebro-with-panel #masthead.header-6 {

  left: 79px; }



.header-cap {

  width: 100%;

  height: 80px; }

  .header-cap.with-subheader {

    margin-top: 42px; }

  .header-cap.header-4 {

    height: 160px; }

    @media screen and (max-width: 768px) {

      .header-cap.header-4 {

        height: 95px; } }

  .header-cap.subheader-open {

    margin-top: 42px; }

    .header-cap.subheader-open.with-subheader {

      margin-top: 0px; }

  @media screen and (max-width: 768px) {

    .header-cap, .header-cap.with-subheader {

      margin-top: 0 !important;

      height: 70px; } }



.boxed-container .site-header .header-wrap {

  padding: 0 30px 0 30px; }



.header-search {

  background: rgba(34, 34, 34, 0.97);

  width: 100%;

  height: 100%;

  position: fixed;

  top: 50px;

  left: 0;

  opacity: 0;

  z-index: 999;

  visibility: hidden;

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

  -webkit-transition-property: top, opacity, visibility;

  transition-property: top, opacity, visibility; }

  .header-search.opened {

    opacity: 1;

    visibility: visible;

    top: 0; }

  .header-search .close {

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 50px;

    position: absolute;

    top: 20px;

    right: 20px;

    color: rgba(255, 255, 255, 0.7);

    text-align: center;

    cursor: pointer;

    -webkit-transition: color .2s ease-in-out;

    transition: color .2s ease-in-out; }

    .header-search .close:hover {

      color: #fff; }

  .header-search .search-wrap {

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -40px; }

  .header-search form {

    max-width: 700px;

    padding: 0 25px;

    margin: 0 auto;

    position: relative; }

    .header-search form input {

      background: transparent;

      color: #f4f4f4;

      height: 60px;

      line-height: 60px;

      border: none;

      border-bottom: 1px solid rgba(255, 255, 255, 0.3);

      font-size: 20px;

      font-family: "Poppins", sans-serif;

      -webkit-transition: .1s ease-in-out;

      transition: .1s ease-in-out;

      -webkit-transition-property: border-color, color;

      transition-property: border-color, color; }

      .header-search form input:focus {

        color: #fff;

        border-color: #723887; }

      .header-search form input::-webkit-input-placeholder {

        color: #fff; }

      .header-search form input::-moz-placeholder {

        color: #fff; }

      .header-search form input:-ms-input-placeholder {

        color: #fff; }

      .header-search form input::placeholder {

        color: #fff; }

    .header-search form button {

      background: transparent;

      color: rgba(255, 255, 255, 0.8);

      width: 60px;

      height: 60px;

      border: none;

      font-size: 23px;

      position: absolute;

      top: 0;

      right: 10px; }

      .header-search form button:hover {

        color: #fff; }

  @media screen and (max-width: 768px) {

    .header-search .search-wrap {

      padding: 0 15px; } }



/*--------------------------------------------------------------

## Subheader

--------------------------------------------------------------*/

.subheader {

  background: #333;

  color: rgba(255, 255, 255, 0.6);

  width: 100%;

  line-height: 42px;

  vertical-align: middle;

  cursor: default;

  position: absolute;

  z-index: 50;

  overflow: hidden; }

  .subheader .page-container {

    padding: 0 15px; }

    .subheader .page-container.full {

      padding: 0 40px; }

  .subheader a {

    color: rgba(255, 255, 255, 0.6);

    text-decoration: none; }

    .subheader a:hover {

      text-decoration: underline; }

  .subheader ul {

    list-style: none;

    padding: 0;

    margin: 0; }

    .subheader ul li {

      display: inline-block; }

    .subheader ul.left li {

      margin-right: 15px; }

    .subheader ul.right li {

      margin-left: 15px; }



@media screen and (max-width: 768px) {

  .subheader {

    display: none; } }



/*--------------------------------------------------------------

## Header title

--------------------------------------------------------------*/

.header-title {

  width: 100%;

  height: 500px;

  position: relative;

  overflow: hidden; }

  .header-title .title-wrap {

    width: 100%;

    height: 100%;

    display: table;

    position: relative;

    z-index: 2; }

  .header-title .bg-image {

    background: rgba(64, 64, 68, 0.99);

    background-position: center center;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1; }

  .header-title:after {

    content: '';

    background: rgba(31, 31, 32, 0.6);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1; }

  .header-title.without-cap .content {

    padding-top: 80px; }

  .header-title.title-full {

    height: 100vh; }

    .header-title.title-full .title-wrap {

      height: 100vh; }

    .header-title.title-full .content {

      padding-top: 0; }

  .header-title .content {

    padding-top: 0px;

    position: relative;

    z-index: 2;

    display: table-cell;

    vertical-align: middle; }

  .header-title .wrap-container {

    padding: 0 15px; }

  .header-title .tags,

  .header-title h1.page-title,

  .header-title .subtitle {

    -webkit-transform: translateY(40px);

        -ms-transform: translateY(40px);

            transform: translateY(40px);

    opacity: 0;

    -webkit-transition: 0.5s cubic-bezier(0.25, 0.6, 0.53, 1);

    transition: 0.5s cubic-bezier(0.25, 0.6, 0.53, 1);

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: opacity, transform;

    transition-property: opacity, transform, -webkit-transform; }

  .header-title .tags {

    width: 100%;

    display: inline-block;

    margin-bottom: 30px;

    -webkit-transition-delay: .15s;

            transition-delay: .15s; }

    .header-title .tags .tag {

      color: #fff;

      border-color: rgba(255, 255, 255, 0.6); }

  .header-title h1.page-title {

    width: 100%;

    max-width: 900px;

    margin: 0;

    display: inline-block;

    color: #fff;

    text-align: inherit;

    font-weight: bold;

    font-size: 52px;

    line-height: 1.2;

    -webkit-transition-delay: .3s;

            transition-delay: .3s; }

  .header-title .subtitle {

    max-width: 600px;

    color: #bbb;

    margin: 10px 0;

    line-height: 26px;

    text-align: inherit;

    font-size: 14px;

    font-weight: 400;

    display: inline-block;

    position: relative;

    top: 50%;

    text-transform: uppercase;

    -webkit-transition-delay: .45s;

            transition-delay: .45s; }

    .header-title .subtitle a {

      color: inherit; }

      .header-title .subtitle a:hover {

        text-decoration: underline; }

    .header-title .subtitle .square {

      background: #ebebeb;

      width: 3px;

      height: 3px;

      -webkit-border-radius: 3px;

              border-radius: 3px;

      display: inline-block;

      margin: 0 10px;

      vertical-align: 3px; }

  .header-title.show .tags, .header-title.show .page-title, .header-title.show .subtitle {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    opacity: 1; }

  @media screen and (max-width: 768px) {

    .header-title {

      height: 320px; }

      .header-title .wrap-container {

        padding: 0; }

      .header-title h1.page-title {

        font-size: 40px !important;

        line-height: 48px !important;

        padding: 0; }

      .header-title.without-cap .content {

        padding-top: 20px; } }



/*--------------------------------------------------------------

## Footer

--------------------------------------------------------------*/

.site-footer {

  background: #303030;

  color: #9a9a9a; }

  @media screen and (min-width: 769px) {

    .site-footer.sticky {

      width: 100%;

      position: fixed;

      bottom: 0;

      left: 0;

      z-index: 1;

      visibility: hidden; }

      .site-footer.sticky.visible {

        visibility: visible; } }

  .site-footer input:not([type="submit"]), .site-footer select {

    color: rgba(255, 255, 255, 0.6);

    border-color: rgba(255, 255, 255, 0.2); }

    .site-footer input:not([type="submit"]):focus, .site-footer input:not([type="submit"]):hover, .site-footer select:focus, .site-footer select:hover {

      color: #fff; }

  .site-footer .widget {

    padding-top: 25px; }

  .site-footer .widgets {

    padding: 70px 0 55px;

    list-style: none; }

    .site-footer .widgets .widget:first-child {

      padding-top: 0; }

    .site-footer .widgets .widget > *:first-child {

      margin-top: 0; }

    .site-footer .widgets .widget-title {

      color: #fff; }

    .site-footer .widgets a:hover {

      color: #fff; }

    .site-footer .widgets .socialbar a.social.outline {

      border-color: rgba(255, 255, 255, 0.12); }

      .site-footer .widgets .socialbar a.social.outline span {

        color: rgba(255, 255, 255, 0.5); }

      .site-footer .widgets .socialbar a.social.outline:hover {

        background: rgba(255, 255, 255, 0.14);

        border-color: rgba(255, 255, 255, 0); }

        .site-footer .widgets .socialbar a.social.outline:hover span {

          color: #fff; }

    .site-footer .widgets .list-box-icon {

      color: #fff; }

      .site-footer .widgets .list-box-icon span.icon {

        color: #797979; }

  @media screen and (max-width: 768px) {

    .site-footer .widgets {

      padding: 15px 0 30px; }

      .site-footer .widgets .widgets-column {

        margin-top: 30px;

        padding: 0; } }

  .site-footer .page-container + .site-info .wrap {

    border-top: 1px solid rgba(136, 136, 136, 0.2); }

  .site-footer .site-info {

    color: rgba(255, 255, 255, 0.3);

    font-size: 13px;

    text-align: center; }

    .site-footer .site-info .page-container {

      padding: 0 15px; }

    .site-footer .site-info .wrap {

      padding: 30px 0 25px; }

    .site-footer .site-info a {

      color: inherit;

      text-decoration: underline; }

      .site-footer .site-info a:hover {

        color: #fff; }

  @media screen and (max-width: 768px) {

    .site-footer .left, .site-footer .right {

      width: 100%;

      text-align: left; }

    .site-footer .right {

      margin-top: 10px; }

    .site-footer .site-info {

      margin: 0; }

      .site-footer .site-info .page-container {

        padding: 0 25px; } }



/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

header.light-text {

  color: #fff; }

  header.light-text .right {

    border-color: rgba(255, 255, 255, 0.5); }



header.dark-text,

header.without-header-title,

header.header-fixed {

  color: #404044; }

  header.dark-text .right,

  header.without-header-title .right,

  header.header-fixed .right {

    border-color: rgba(64, 64, 68, 0.3); }



#masthead a, #masthead p {

  color: inherit; }



#masthead svg {

  fill: currentColor; }



.main-nav {

  display: block;

  float: left;

  font-weight: 400;

  cursor: default;

  position: relative;

  z-index: 10; }

  .main-nav.hidden {

    display: none; }

  .main-nav .close,

  .main-nav form.form-search {

    display: none; }

  .main-nav .menu-not-assigned {

    font-weight: normal;

    margin-right: 20px; }

    .main-nav .menu-not-assigned a {

      text-decoration: underline; }



#mega-menu-wrap {

  background: transparent;

  position: relative;

  z-index: 10; }

  #mega-menu-wrap li {

    padding: 0; }

  #mega-menu-wrap > ul {

    list-style: none; }

    #mega-menu-wrap > ul > li {

      float: left;

      position: relative;

      font-size: 13px;

      font-weight: 400;

      font-family: "Poppins", sans-serif;

      position: relative; }

      #mega-menu-wrap > ul > li > a {

        line-height: inherit;

        padding: 0 20px; }

        #mega-menu-wrap > ul > li > a > span {

          vertical-align: middle; }

      #mega-menu-wrap > ul > li.current-menu-item > a:before, #mega-menu-wrap > ul > li.current-menu-ancestor > a:before {

        content: '';

        width: -webkit-calc(100% - 40px);

        width: calc(100% - 40px);

        border-bottom: 1px solid;

        border-color: inherit;

        margin-top: 14px;

        position: absolute;

        top: 50%;

        left: 20px; }

      #mega-menu-wrap > ul > li.current-menu-item.sub-nav-item a.menu-link, #mega-menu-wrap > ul > li.current-menu-ancestor.sub-nav-item a.menu-link {

        -webkit-box-shadow: none;

                box-shadow: none; }

      #mega-menu-wrap > ul > li.current-menu-item.sub-nav-item a.menu-link {

        -webkit-box-shadow: none;

                box-shadow: none; }

      #mega-menu-wrap > ul > li.has-submenu:after {

        content: '\f3d0';

        line-height: 0;

        border-top: none;

        border-left: none;

        margin-top: -1px;

        font-family: 'Ionicons';

        font-size: 12px;

        position: absolute;

        top: 50%;

        right: 3px;

        opacity: .6; }

      #mega-menu-wrap > ul > li .sub-nav,

      #mega-menu-wrap > ul > li .sub-sub-nav {

        min-width: 320px;

        height: 0px;

        position: absolute;

        bottom: 0;

        left: 0; }

      #mega-menu-wrap > ul > li .sub-sub-nav {

        left: 100%;

        top: 0;

        bottom: auto; }

        #mega-menu-wrap > ul > li .sub-sub-nav.menu-left {

          left: 0; }

          #mega-menu-wrap > ul > li .sub-sub-nav.menu-left .sub-menu,

          #mega-menu-wrap > ul > li .sub-sub-nav.menu-left .sub-sub-menu {

            background: #e6e6e6;

            margin-right: 3px;

            margin-left: 0;

            left: auto;

            right: 100%;

            -webkit-transform: translateX(-5px);

                -ms-transform: translateX(-5px);

                    transform: translateX(-5px); }

    #mega-menu-wrap > ul .sub-menu, #mega-menu-wrap > ul .sub-sub-menu {

      background: #fff;

      background-clip: padding-box;

      color: #404044;

      width: auto;

      min-width: 210px;

      max-width: 320px;

      -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);

              box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);

      -webkit-border-radius: 3px;

              border-radius: 3px;

      list-style: none;

      position: relative;

      display: inline-block;

      vertical-align: top;

      top: 0;

      left: 2px;

      opacity: 0;

      z-index: 10;

      visibility: hidden;

      -webkit-transition: .25s ease-in-out;

      transition: .25s ease-in-out;

      -webkit-transition-property: opacity, visibility, -webkit-transform;

      transition-property: opacity, visibility, -webkit-transform;

      transition-property: opacity, visibility, transform;

      transition-property: opacity, visibility, transform, -webkit-transform; }

      #mega-menu-wrap > ul .sub-menu > li, #mega-menu-wrap > ul .sub-sub-menu > li {

        line-height: 100%;

        position: relative;

        left: 0; }

        #mega-menu-wrap > ul .sub-menu > li > a, #mega-menu-wrap > ul .sub-sub-menu > li > a {

          background: transparent;

          color: #404044;

          width: 100%;

          padding: 16px 25px 14px 25px;

          font-size: 100%;

          display: block;

          -webkit-transition: .1s ease-in-out;

          transition: .1s ease-in-out;

          -webkit-transition-property: background, color;

          transition-property: background, color; }

          #mega-menu-wrap > ul .sub-menu > li > a:hover, #mega-menu-wrap > ul .sub-sub-menu > li > a:hover {

            background: rgba(0, 0, 0, 0.04);

            color: #404044;

            opacity: 1; }

      #mega-menu-wrap > ul .sub-menu > li.has-submenu, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu {

        position: relative; }

        #mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link {

          padding-right: 60px; }

          #mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link:before, #mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link:after, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link:before, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link:after {

            content: '';

            background: #404044;

            width: 2px;

            height: 2px;

            position: absolute;

            top: 47%;

            right: 26px; }

          #mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link:before, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link:before {

            background: transparent;

            width: 14px;

            border: 2px solid #404044;

            border-top: none;

            border-bottom: none;

            right: 20px; }

    #mega-menu-wrap > ul .sub-menu {

      -webkit-transform: translateY(5px);

          -ms-transform: translateY(5px);

              transform: translateY(5px);

      border-top-width: 0px; }

      #mega-menu-wrap > ul .sub-menu.sub-menu-wide .sub-sub-menu {

        -webkit-transform: none;

            -ms-transform: none;

                transform: none; }

    #mega-menu-wrap > ul .sub-sub-menu {

      margin-left: 3px;

      -webkit-transform: translateX(5px);

          -ms-transform: translateX(5px);

              transform: translateX(5px); }

    #mega-menu-wrap > ul .sub-nav.open .sub-menu {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      opacity: 1;

      visibility: visible; }

    #mega-menu-wrap > ul .sub-menu li:hover > .sub-sub-nav > .sub-sub-menu {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      visibility: visible;

      opacity: 1; }

    @media screen and (min-width: 769px) {

      #mega-menu-wrap > ul .sub-nav .sub-menu-wide {

        padding: 0;

        max-width: none; }

        #mega-menu-wrap > ul .sub-nav .sub-menu-wide .sub-menu, #mega-menu-wrap > ul .sub-nav .sub-menu-wide .sub-sub-menu {

          -webkit-box-shadow: none;

                  box-shadow: none;

          padding: 0;

          max-width: none; }

        #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item {

          min-width: 200px;

          float: left;

          display: none;

          margin-left: 0; }

          #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link {

            height: 45px;

            font-weight: 500;

            border-bottom: 1px solid rgba(0, 0, 0, 0.07); }

            #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link:hover {

              background: transparent; }

            #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link:after, #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link:before {

              display: none; }

          #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > .sub-sub-nav {

            position: static;

            height: auto;

            min-width: 0;

            max-width: 300px; }

          #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item .sub-sub-menu {

            background: transparent;

            margin: 0; }

      #mega-menu-wrap > ul .sub-nav.open .sub-menu-wide > .mega-menu-item {

        display: block; }

        #mega-menu-wrap > ul .sub-nav.open .sub-menu-wide > .mega-menu-item > .sub-sub-nav > .sub-sub-menu {

          position: static;

          visibility: visible;

          opacity: 1; }

          #mega-menu-wrap > ul .sub-nav.open .sub-menu-wide > .mega-menu-item > .sub-sub-nav > .sub-sub-menu .sub-sub-menu {

            background: #f2f2f2; } }

    #mega-menu-wrap > ul ul.sub-sub-menu {

      position: absolute;

      left: 0;

      top: 0;

      margin-top: 0; }



@media screen and (max-width: 1024px) and (min-width: 769px) {

  #mega-menu-wrap > ul > li > a {

    padding: 0 16px; } }



#masthead .menu-other {

  list-style: none;

  float: left;

  position: relative; }

  #masthead .menu-other ul {

    list-style: none; }

  #masthead .menu-other li {

    padding: 0; }

  #masthead .menu-other > li {

    float: left;

    position: relative; }

    #masthead .menu-other > li > a {

      padding: 0 20px;

      text-decoration: none;

      vertical-align: -2px;

      display: block;

      font-size: 12.4px;

      font-weight: 400;

      font-family: "Poppins", sans-serif; }

      #masthead .menu-other > li > a span.text {

        vertical-align: middle; }

      #masthead .menu-other > li > a .icon {

        vertical-align: -2px;

        display: inline-block;

        line-height: 1; }

      #masthead .menu-other > li > a svg {

        vertical-align: -3px; }

      #masthead .menu-other > li > a.cart .icon {

        font-size: 21px;

        margin-right: 3px; }

      #masthead .menu-other > li > a.wishlist .icon {

        font-size: 19px;

        vertical-align: -3px; }

    #masthead .menu-other > li.search > a .icon {

      font-size: 19px;

      vertical-align: -3px; }

    #masthead .menu-other > li.social {

      padding: 0 12px; }

      #masthead .menu-other > li.social > a {
		color:#fff;
        padding: 0 8px;

        float: left; }

        #masthead .menu-other > li.social > a .icon {

          font-size: 18px; }

    #masthead .menu-other > li.languages {

      padding: 0 8px; }

      #masthead .menu-other > li.languages > a {

        padding: 0 12px;

        float: left;

        text-transform: capitalize;

        position: relative; }

        #masthead .menu-other > li.languages > a:after {

          content: '/';

          position: absolute;

          right: -4px;

          top: 0; }

        #masthead .menu-other > li.languages > a:last-of-type:after {

          display: none; }

        #masthead .menu-other > li.languages > a span {

          padding: 4px 0; }

        #masthead .menu-other > li.languages > a.active span {

          border-bottom: 1px solid;

          border-color: inherit; }

        #masthead .menu-other > li.languages > a .icon {

          margin-right: 10px; }

    #masthead .menu-other > li:last-child > a {

      padding-right: 12px; }

    #masthead .menu-other > li .submenu {

      background: #fff;

      color: #404044;

      -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);

              box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);

      width: auto;

      -webkit-border-radius: 3px;

              border-radius: 3px;

      padding: 15px 20px;

      position: absolute;

      top: 100%;

      right: 4px;

      visibility: hidden;

      opacity: 0;

      text-align: left;

      overflow: hidden;

      -webkit-transform: translateY(5px);

          -ms-transform: translateY(5px);

              transform: translateY(5px);

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: opacity, visibility, -webkit-transform;

      transition-property: opacity, visibility, -webkit-transform;

      transition-property: opacity, visibility, transform;

      transition-property: opacity, visibility, transform, -webkit-transform; }

      #masthead .menu-other > li .submenu a {

        color: inherit; }

        #masthead .menu-other > li .submenu a:hover {

          opacity: 1; }

      #masthead .menu-other > li .submenu.no-paddings {

        padding: 0; }

      #masthead .menu-other > li .submenu .sub-nav {

        list-style: none; }

        #masthead .menu-other > li .submenu .sub-nav.languages li {

          min-width: 140px; }

          #masthead .menu-other > li .submenu .sub-nav.languages li img {

            margin-right: 5px;

            vertical-align: 0px; }

          #masthead .menu-other > li .submenu .sub-nav.languages li a {

            color: inherit;

            height: auto;

            line-height: 1;

            font-size: 13px;

            font-family: "Poppins", sans-serif;

            padding: 16px 25px 14px 15px;

            -webkit-transition: background .1s ease-in-out;

            transition: background .1s ease-in-out; }

            #masthead .menu-other > li .submenu .sub-nav.languages li a:hover {

              background: rgba(0, 0, 0, 0.04); }

          #masthead .menu-other > li .submenu .sub-nav.languages li a:hover {

            color: inherit; }

        #masthead .menu-other > li .submenu .sub-nav li a {

          background: transparent;

          color: #bbb;

          width: 100%;

          height: 38px;

          line-height: 38px;

          padding: 0 15px 0 15px;

          font-size: 13px;

          display: block;

          -webkit-transition: .05s ease-in-out;

          transition: .05s ease-in-out;

          -webkit-transition-property: background, color;

          transition-property: background, color; }

          #masthead .menu-other > li .submenu .sub-nav li a:hover {

            background: rgba(255, 255, 255, 0.06);

            color: #fff; }

        #masthead .menu-other > li .submenu .sub-nav li.active a {

          font-weight: 600; }

      #masthead .menu-other > li .submenu.submenu_cart {

        min-width: 200px;

        color: #404044;

        width: auto; }

      #masthead .menu-other > li .submenu p.empty {

        width: 150px;

        margin: 0 0 10px;

        padding-bottom: 10px;

        border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

      #masthead .menu-other > li .submenu.cart {

        width: 300px; }

        #masthead .menu-other > li .submenu.cart a.button {

          color: #fff; }

          #masthead .menu-other > li .submenu.cart a.button:hover {

            color: #404044; }

          #masthead .menu-other > li .submenu.cart a.button:first-child {

            color: #404044; }

            #masthead .menu-other > li .submenu.cart a.button:first-child:hover {

              background: #404044;

              color: #fff; }

    #masthead .menu-other > li:hover .submenu {

      visibility: visible;

      opacity: 1;

      -webkit-transform: none;

          -ms-transform: none;

              transform: none; }

  #masthead .menu-other > li:last-child, #masthead .menu-other > li:last-child > a:last-child {

    padding-right: 0; }



#masthead.site-header .menu-other .btn {

  color: #fff; }

  #masthead.site-header .menu-other .btn:hover {

    color: #404044; }



#masthead.site-header .menu-other .btn-outline {

  color: #404044; }

  #masthead.site-header .menu-other .btn-outline:hover {

    color: #fff; }



.hamburger-menu {

  float: left;

  line-height: inherit;

  display: none;

  -webkit-transition: opacity .1s ease-in-out;

  transition: opacity .1s ease-in-out;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  cursor: pointer;

  position: relative; }

  .hamburger-menu:hover {

    opacity: .6; }

  .hamburger-menu a {

    line-height: inherit;

    margin: 0 0 0 20px;

    position: relative;

    vertical-align: -2px;

    display: inline-block; }

    .hamburger-menu a:hover {

      opacity: 1; }



#hamburger-fullscreen-menu {

  display: block; }



.header-wrap .hamburger-menu {

  margin-left: 15px; }



/*--------------------------------------------------------------

## Navigation for header third style

--------------------------------------------------------------*/

.header-3 #primary-menu > li:before,

.header-3 .menu-other > li:before {

  content: '';

  background: rgba(0, 0, 0, 0.1);

  width: 1px;

  height: 20px;

  margin: 0;

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -11px;

  left: -1px; }



.header-3 #primary-menu > li:first-child:before,

.header-3 .menu-other > li:first-child:before {

  display: none; }



.header-3 #primary-menu > li.has-submenu {

  padding-right: 10px; }

  .header-3 #primary-menu > li.has-submenu:after {

    right: 15px;

    margin-top: 0px; }



/*--------------------------------------------------------------

## Navigation for header fourth style

--------------------------------------------------------------*/

#masthead.header-4 {

  text-align: center; }

  #masthead.header-4 .main-nav {

    float: none;

    display: inline-block;

    text-align: left; }

  #masthead.header-4 .menu-wrap {

    width: 100%; }

    #masthead.header-4 .menu-wrap .wrap {

      width: 100%;

      position: relative; }

  #masthead.header-4 .menu-other.left {

    float: left; }

  #masthead.header-4 .menu-other.right {

    float: right; }

  #masthead.header-4 .menu-other > li > a {

    position: relative; }

  #masthead.header-4 .menu-other > li .submenu {

    left: auto;

    right: -4px; }

  #masthead.header-4 .hamburger-menu {

    float: right; }



/*--------------------------------------------------------------

## Navigation for header fifth style

--------------------------------------------------------------*/

#masthead.header-5 .main-nav {

  width: 100%;

  position: absolute;

  left: 0;

  text-align: center; }



#masthead.header-5 .site-title {

  width: auto;

  padding: 0 30px; }



#masthead.header-5 .site-branding .search {

  line-height: inherit;

  float: left; }

  #masthead.header-5 .site-branding .search .icon {

    font-size: 19px;

    vertical-align: -2px; }



#masthead.header-5 #mega-menu-wrap {

  display: inline-block; }



#masthead.header-5 ul#primary-menu > li {

  text-align: left; }

  #masthead.header-5 ul#primary-menu > li > a.menu-link {

    padding: 0 18px; }

    #masthead.header-5 ul#primary-menu > li > a.menu-link:after {

      content: '/';

      display: block;

      position: absolute;

      font-weight: 300;

      top: 2px;

      right: -4px; }

  #masthead.header-5 ul#primary-menu > li.has-submenu {

    margin-right: 20px; }

    #masthead.header-5 ul#primary-menu > li.has-submenu > a:after {

      right: -20px; }

  #masthead.header-5 ul#primary-menu > li:last-child > a.menu-link:after {

    display: none; }

  #masthead.header-5 ul#primary-menu > li.without-divider > a.menu-link:after {

    display: none; }



#masthead.header-5 ul#primary-menu > ul.sub-menu {

  left: 8px; }



#masthead.header-5 .menu-wrap {

  position: relative; }



#masthead.header-5 .menu-other {

  margin: 0;

  float: left;

  position: relative;

  z-index: 10; }

  #masthead.header-5 .menu-other > li > a {

    position: relative; }

  #masthead.header-5 .menu-other > li .submenu {

    left: auto;

    right: -4px; }



#masthead.header-5 .menu-other-wrap {

  float: right; }



#masthead.header-5 .hamburger-menu {

  float: left; }



/*--------------------------------------------------------------

## Navigation for header sixth style

--------------------------------------------------------------*/

#masthead.header-6 {

  width: 280px; }

  #masthead.header-6 .site-branding {

    line-height: 1; }

    #masthead.header-6 .site-branding .site-title {

      float: left;

      display: inline-block;

      width: auto; }

    #masthead.header-6 .site-branding .search {

      display: inline-block;

      float: right;

      position: relative;

      left: 15px; }

      #masthead.header-6 .site-branding .search .icon {

        font-size: 19px;

        vertical-align: 2px; }

  #masthead.header-6 .main-nav {

    position: relative; }

    #masthead.header-6 .main-nav span.menu-not-assigned {

      line-height: 1.8em;

      padding: 40px 40px;

      text-align: left;

      display: block; }

    #masthead.header-6 .main-nav #mega-menu-wrap {

      margin-top: 25px;

      margin-bottom: 100px; }

    #masthead.header-6 .main-nav ul#primary-menu > li {

      width: 100%;

      text-align: left;

      position: relative;

      padding: 0;

      margin: 0; }

      #masthead.header-6 .main-nav ul#primary-menu > li > a.menu-link, #masthead.header-6 .main-nav ul#primary-menu > li > a {

        width: 100%;

        height: auto;

        line-height: 1.2;

        padding: 8px 40px;

        font-size: 16px;

        font-weight: 600;

        text-transform: none;

        display: block; }

      #masthead.header-6 .main-nav ul#primary-menu > li.current-menu-item > a:before, #masthead.header-6 .main-nav ul#primary-menu > li.current-menu-ancestor > a:before {

        display: none; }

      #masthead.header-6 .main-nav ul#primary-menu > li.mega-menu-item-has-children > a.menu-link:after {

        margin: 0; }

      #masthead.header-6 .main-nav ul#primary-menu > li.mega-toggle-on > a.menu-link,

      #masthead.header-6 .main-nav ul#primary-menu > li.mega-animating > a.menu-link {

        border-top-color: transparent; }

      #masthead.header-6 .main-nav ul#primary-menu > li > .sub-nav {

        left: 100%;

        top: 0;

        position: absolute; }

      #masthead.header-6 .main-nav ul#primary-menu > li.has-submenu:after {

        content: '■■■';

        font-family: 'Ionicons';

        position: absolute;

        right: 35px;

        top: 20px;

        font-size: 4px;

        letter-spacing: 6px;

        color: inherit;

        cursor: pointer; }

      #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu {

        background: transparent;

        -webkit-box-shadow: none;

                box-shadow: none;

        margin: 0; }

        #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li a, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li a {

          color: #fff;

          padding: 10px 40px;

          font-size: 16px;

          font-weight: 600; }

        #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li.has-submenu a:after, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li.has-submenu a:after {

          background-color: currentColor;

          border-color: currentColor;

          right: 6px; }

        #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li.has-submenu a:before, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li.has-submenu a:before {

          border-color: currentColor;

          right: 0; }

        #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li.open > a, #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li:hover > a, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li.open > a, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li:hover > a {

          background: transparent;

          opacity: .5; }

      #masthead.header-6 .main-nav ul#primary-menu > li > .sub-nav > ul > li {

        position: relative;

        z-index: 2; }

      #masthead.header-6 .main-nav ul#primary-menu > li > .sub-nav:after {

        content: '';

        width: 10000px;

        height: 10000px;

        background: rgba(34, 34, 34, 0.98);

        position: absolute;

        left: 0;

        top: -5000px;

        z-index: 1;

        visibility: hidden;

        opacity: 0;

        -webkit-transition: .2s ease-in-out;

        transition: .2s ease-in-out;

        -webkit-transition-property: visibility, opacity;

        transition-property: visibility, opacity;

        pointer-events: none; }

      #masthead.header-6 .main-nav ul#primary-menu > li > a.open + .sub-nav:after,

      #masthead.header-6 .main-nav ul#primary-menu > li:hover > .sub-nav:after {

        visibility: visible;

        opacity: 1; }

  #masthead.header-6 .menu-wrap {

    height: 60px;

    padding: 0 30px;

    position: relative; }

    #masthead.header-6 .menu-wrap .wrap {

      height: inherit;

      line-height: 60px; }

  #masthead.header-6 .menu-other {

    width: 100%;

    margin: 0;

    padding: 24px 0;

    line-height: 60px;

    position: relative; }

    #masthead.header-6 .menu-other > li {

      width: 100%;

      text-align: left; }

      #masthead.header-6 .menu-other > li > a {

        width: 100%;

        height: 39px;

        padding: 0 40px;

        font-size: 15px;

        font-weight: 600;

        line-height: 39px;

        position: relative; }

        #masthead.header-6 .menu-other > li > a .icon {

          margin-right: 5px; }

      #masthead.header-6 .menu-other > li.languages > a {

        color: #888;

        font-size: 12.6px;

        font-weight: 500; }

        #masthead.header-6 .menu-other > li.languages > a.active {

          color: #404044;

          border-color: #404044; }

        #masthead.header-6 .menu-other > li.languages > a:after {

          color: #888; }

        #masthead.header-6 .menu-other > li.languages > a:hover {

          color: #404044;

          opacity: 1; }

      #masthead.header-6 .menu-other > li .submenu {

        min-width: 200px;

        margin-left: 1px;

        left: 100%;

        top: 0;

        border-top-width: 1px;

        border-left: none;

        -webkit-transform: translateX(10px);

            -ms-transform: translateX(10px);

                transform: translateX(10px); }

      #masthead.header-6 .menu-other > li:hover .submenu {

        -webkit-transform: none;

            -ms-transform: none;

                transform: none; }

      #masthead.header-6 .menu-other > li.social {

        padding: 0 34px; }

        #masthead.header-6 .menu-other > li.social > a {

          width: auto;

          padding: 0 6px; }

      #masthead.header-6 .menu-other > li.languages {

        padding: 0 28px; }

        #masthead.header-6 .menu-other > li.languages > a {

          width: auto;

          padding: 0 12px; }

          #masthead.header-6 .menu-other > li.languages > a:after {

            right: -4px; }



/*--------------------------------------------------------------

## Fullscreen navigation

--------------------------------------------------------------*/

.fullscreen-navigation {

  background: rgba(34, 34, 34, 0.98);

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  right: 0;

  z-index: 999999;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

  -webkit-transition-property: opacity, visibility;

  transition-property: opacity, visibility; }

  .fullscreen-navigation:after {

    content: '';

    background: #f7f7f7;

    width: 480px;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 0; }

  .fullscreen-navigation .menu-not-assigned {

    margin-left: 40px;

    font-size: 16px;

    color: #fff; }

    .fullscreen-navigation .menu-not-assigned a {

      color: #ddd;

      text-decoration: underline; }

      .fullscreen-navigation .menu-not-assigned a:hover {

        color: #ddd;

        opacity: .7; }

  .fullscreen-navigation .site-branding {

    margin-left: 80px;

    margin-top: 60px;

    z-index: 5;

    opacity: 0;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    -webkit-transition-property: opacity, left;

    transition-property: opacity, left;

    opacity: 0; }

    .fullscreen-navigation .site-branding a {

      font: 600 25px "Poppins", sans-serif; }

  .fullscreen-navigation .fullscreen-menu-wrap {

    position: relative;

    z-index: 3;

    display: inline-block; }

  .fullscreen-navigation ul.menu {

    width: 480px;

    padding: 10px 0 0 40px;

    position: relative;

    -webkit-transform: translateX(-40px);

        -ms-transform: translateX(-40px);

            transform: translateX(-40px);

    -webkit-transition: -webkit-transform .3s ease-in-out;

    transition: -webkit-transform .3s ease-in-out;

    transition: transform .3s ease-in-out;

    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }

  .fullscreen-navigation #fullscreen-mega-menu-wrap ul {

    list-style: none; }

  .fullscreen-navigation #fullscreen-mega-menu-wrap > .mega-menu-item {

    z-index: 3; }

  .fullscreen-navigation #secondary-menu > li > a {

    padding: 0 110px 0 40px; }

  .fullscreen-navigation li {

    color: #ffffff;

    font-size: 20px;

    position: relative;

    -webkit-transform: translateX(-25px);

        -ms-transform: translateX(-25px);

            transform: translateX(-25px);

    opacity: 0;

    -webkit-transition: 0.25s cubic-bezier(0.45, 0.49, 0.44, 1);

    transition: 0.25s cubic-bezier(0.45, 0.49, 0.44, 1);

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform;

    -webkit-transition-delay: .3s;

            transition-delay: .3s; }

    .fullscreen-navigation li.showed {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      -webkit-transition-delay: 0s;

              transition-delay: 0s;

      opacity: 1; }

    .fullscreen-navigation li.has-submenu > a:after, .fullscreen-navigation li.has-submenu > a:before {

      content: '';

      width: 20px;

      height: 2px;

      border: 2px solid currentColor;

      border-top: none;

      border-bottom: none;

      margin-top: -1px;

      position: absolute;

      top: 50%;

      right: 80px; }

    .fullscreen-navigation li.has-submenu > a:before {

      border-left: none;

      margin-right: 9px; }

    .fullscreen-navigation li a {

      width: 100%;

      line-height: 36px;

      vertical-align: middle;

      padding-left: 40px;

      color: #404044;

      font: 600 19.5px "Poppins", sans-serif;

      display: block;

      position: relative;

      z-index: 2; }

      .fullscreen-navigation li a:hover, .fullscreen-navigation li a.open {

        color: #888; }

      .fullscreen-navigation li a span {

        line-height: 1.2;

        display: inline-block; }

    .fullscreen-navigation li div.sub-nav,

    .fullscreen-navigation li .sub-sub-menu {

      background: none;

      width: auto;

      margin-left: 0;

      padding-left: 20px;

      visibility: hidden;

      opacity: 0;

      position: absolute;

      top: 0;

      left: 100%;

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: opacity, visibility;

      transition-property: opacity, visibility; }

      .fullscreen-navigation li div.sub-nav li,

      .fullscreen-navigation li .sub-sub-menu li {

        line-height: 40px;

        font-size: 16px;

        position: relative; }

      .fullscreen-navigation li div.sub-nav a,

      .fullscreen-navigation li .sub-sub-menu a {

        color: #fff;

        padding: 0 40px 0 65px;

        line-height: 36px; }

        .fullscreen-navigation li div.sub-nav a:after, .fullscreen-navigation li div.sub-nav a:before,

        .fullscreen-navigation li .sub-sub-menu a:after,

        .fullscreen-navigation li .sub-sub-menu a:before {

          margin-top: 0;

          right: 5px; }

      .fullscreen-navigation li div.sub-nav.open,

      .fullscreen-navigation li .sub-sub-menu.open {

        opacity: 1;

        visibility: visible; }

    .fullscreen-navigation li div.sub-nav {

      position: absolute;

      width: 320px; }

      .fullscreen-navigation li div.sub-nav ul {

        width: auto;

        min-width: 210px;

        max-width: 320px;

        display: inline-block; }

    .fullscreen-navigation li .sub-sub-nav {

      position: absolute;

      top: 0;

      left: 100%;

      width: 320px; }

      .fullscreen-navigation li .sub-sub-nav ul {

        left: 0; }

    .fullscreen-navigation li:hover > a.menu-link {

      opacity: .5; }

    .fullscreen-navigation li:hover > .sub-sub-nav > .sub-sub-menu {

      opacity: 1;

      visibility: visible; }

  .fullscreen-navigation .languages {

    position: relative;

    z-index: 2;

    padding: 35px 68px;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    opacity: 0;

    -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

            transform: translateY(10px);

    -webkit-transition: .3s ease-in-out .2s;

    transition: .3s ease-in-out .2s;

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform; }

    .fullscreen-navigation .languages a {

      color: rgba(64, 64, 68, 0.7);

      font-weight: 500;

      font-size: 14px;

      padding: 0 12px;

      text-transform: capitalize;

      position: relative; }

      .fullscreen-navigation .languages a:after {

        content: '/';

        color: rgba(64, 64, 68, 0.7);

        position: absolute;

        top: 3px;

        right: -5px;

        font-size: 12px;

        font-weight: 400; }

      .fullscreen-navigation .languages a:hover {

        color: #404044;

        opacity: 1; }

      .fullscreen-navigation .languages a.active span {

        color: #404044;

        padding: 1px 0;

        border-bottom: 1px solid #404044; }

      .fullscreen-navigation .languages a:last-child:after {

        display: none; }

  .fullscreen-navigation .close {

    color: #404044;

    line-height: 0px;

    font-size: 46px;

    padding: 20px;

    position: absolute;

    top: -5px;

    right: 10px;

    z-index: 2;

    cursor: pointer;

    -webkit-transition: opacity .15s ease-in-out;

    transition: opacity .15s ease-in-out; }

    .fullscreen-navigation .close:hover {

      opacity: .5; }

  .fullscreen-navigation .copyright {

    width: 300px;

    position: absolute;

    bottom: 35px;

    left: 80px;

    z-index: 2;

    font-size: 14px; }

    .fullscreen-navigation .copyright .content {

      line-height: 1.5;

      display: inline-block;

      color: currentColor;

      opacity: .8; }

    .fullscreen-navigation .copyright .content > a {

      color: #723887; }

      .fullscreen-navigation .copyright .content > a:hover {

        text-decoration: underline; }

    .fullscreen-navigation .copyright .socialbar {

      margin-top: 15px; }

      .fullscreen-navigation .copyright .socialbar > a {

        color: currentColor;

        border-color: currentColor; }

        .fullscreen-navigation .copyright .socialbar > a:hover {

          background-color: currentColor; }

          .fullscreen-navigation .copyright .socialbar > a:hover span {

            color: #fff; }

  .fullscreen-navigation.open {

    opacity: 1;

    visibility: visible; }

    .fullscreen-navigation.open .site-branding {

      left: 80px;

      opacity: 1; }

    .fullscreen-navigation.open ul.menu {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none; }

    .fullscreen-navigation.open .languages {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      opacity: 1; }

  .fullscreen-navigation.simple, .fullscreen-navigation.centered, .fullscreen-navigation.split {

    color: #fff; }

    .fullscreen-navigation.simple .site-branding, .fullscreen-navigation.centered .site-branding, .fullscreen-navigation.split .site-branding {

      position: absolute;

      margin: auto; }

      .fullscreen-navigation.simple .site-branding, .fullscreen-navigation.simple .site-branding a, .fullscreen-navigation.centered .site-branding, .fullscreen-navigation.centered .site-branding a, .fullscreen-navigation.split .site-branding, .fullscreen-navigation.split .site-branding a {

        color: #fff; }

    .fullscreen-navigation.simple:after, .fullscreen-navigation.centered:after, .fullscreen-navigation.split:after {

      display: none; }

    .fullscreen-navigation.simple .close, .fullscreen-navigation.centered .close, .fullscreen-navigation.split .close {

      color: #fff; }

    .fullscreen-navigation.simple .copyright .content > a, .fullscreen-navigation.centered .copyright .content > a, .fullscreen-navigation.split .copyright .content > a {

      color: #fff; }

    .fullscreen-navigation.simple .languages, .fullscreen-navigation.centered .languages, .fullscreen-navigation.split .languages {

      padding-left: 0;

      margin-left: -12px; }

      .fullscreen-navigation.simple .languages a, .fullscreen-navigation.centered .languages a, .fullscreen-navigation.split .languages a {

        color: rgba(255, 255, 255, 0.6); }

        .fullscreen-navigation.simple .languages a.active span, .fullscreen-navigation.centered .languages a.active span, .fullscreen-navigation.split .languages a.active span {

          color: #fff;

          border-color: #fff; }

        .fullscreen-navigation.simple .languages a:after, .fullscreen-navigation.centered .languages a:after, .fullscreen-navigation.split .languages a:after {

          color: rgba(255, 255, 255, 0.6); }

        .fullscreen-navigation.simple .languages a:hover, .fullscreen-navigation.centered .languages a:hover, .fullscreen-navigation.split .languages a:hover {

          color: #fff; }

  .fullscreen-navigation.simple {

    padding: 0 15%; }

    .fullscreen-navigation.simple .site-branding {

      position: static;

      margin-top: 18px; }

    .fullscreen-navigation.simple .copyright {

      max-width: 300px;

      left: 15%;

      bottom: 80px; }

    .fullscreen-navigation.simple #fullscreen-mega-menu-wrap {

      margin: 0; }

    .fullscreen-navigation.simple ul.menu {

      background: transparent;

      width: auto;

      min-width: 360px;

      padding: 60px 0 0 20px;

      margin: 0;

      display: inline-block;

      position: relative;

      left: -40px; }

      .fullscreen-navigation.simple ul.menu a {

        color: inherit;

        padding-left: 20px; }

        .fullscreen-navigation.simple ul.menu a:after, .fullscreen-navigation.simple ul.menu a:before {

          border-color: currentColor;

          margin-top: -2px; }

      .fullscreen-navigation.simple ul.menu li {

        width: auto;

        min-width: 100px; }

        .fullscreen-navigation.simple ul.menu li:hover > a {

          color: #723887; }

          .fullscreen-navigation.simple ul.menu li:hover > a:after, .fullscreen-navigation.simple ul.menu li:hover > a:before {

            border-color: #723887; }

      .fullscreen-navigation.simple ul.menu .sub-menu, .fullscreen-navigation.simple ul.menu .sub-sub-menu {

        margin-top: -2px; }

  .fullscreen-navigation.centered {

    padding: 0 5%; }

    .fullscreen-navigation.centered .site-branding {

      position: static;

      margin-top: 18px; }

    .fullscreen-navigation.centered .copyright {

      width: 400px;

      left: 50%;

      margin-left: -200px;

      text-align: center; }

    .fullscreen-navigation.centered #fullscreen-mega-menu-wrap {

      height: 100%; }

    .fullscreen-navigation.centered .fullscreen-menu-wrap {

      width: 100%;

      height: 100%; }

      .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu {

        width: 420px;

        background: transparent;

        height: -webkit-calc(100% - 200px);

        height: calc(100% - 200px);

        padding: 0 0 50px;

        margin: 0 auto;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

            -ms-flex-pack: center;

                justify-content: center;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-transform: none;

            -ms-transform: none;

                transform: none; }

        .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li {

          -webkit-align-self: center;

              -ms-flex-item-align: center;

                      -ms-grid-row-align: center;

                  align-self: center;

          text-align: center;

          line-height: 44px;

          font-size: 34px; }

          .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a {

            padding: 0;

            color: #fff;

            font-size: inherit;

            line-height: inherit; }

            .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:hover {

              color: #c7aa70; }

            .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:after, .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:before {

              display: none; }

          .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li .sub-menu {

            position: static;

            margin-top: 10px; }

      .fullscreen-navigation.centered .fullscreen-menu-wrap li {

        -webkit-transform: translateY(25px) scale(0.95);

            -ms-transform: translateY(25px) scale(0.95);

                transform: translateY(25px) scale(0.95); }

        .fullscreen-navigation.centered .fullscreen-menu-wrap li:after {

          content: ''; }

        .fullscreen-navigation.centered .fullscreen-menu-wrap li.showed {

          -webkit-transform: none;

              -ms-transform: none;

                  transform: none; }

        .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-menu, .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-sub-menu {

          -webkit-transition: height .4s ease-in-out;

          transition: height .4s ease-in-out;

          text-align: left; }

          .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-menu li, .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-sub-menu li {

            font-size: 20px;

            line-height: 30px; }

    .fullscreen-navigation.centered .languages {

      padding: 0;

      position: absolute;

      top: 35px;

      left: 50%;

      -webkit-transform: translateX(-50%);

          -ms-transform: translateX(-50%);

              transform: translateX(-50%); }

    .fullscreen-navigation.centered .copyright {

      z-index: 20; }

  .fullscreen-navigation.split .site-branding {

    position: static;

    margin: 23px auto 0;

    max-width: 1326px;

    padding: 0 15px; }

  .fullscreen-navigation.split .copyright {

    color: rgba(255, 255, 255, 0.3);

    max-width: 600px;

    left: 15%;

    bottom: 80px; }

  .fullscreen-navigation.split .fullscreen-menu-wrap {

    width: 100%;

    position: absolute;

    top: 100px; }

  .fullscreen-navigation.split #fullscreen-mega-menu-wrap {

    margin: 0; }

  .fullscreen-navigation.split:before {

    content: '';

    background: rgba(255, 255, 255, 0.2);

    width: 1px;

    height: -webkit-calc(100% - 250px);

    height: calc(100% - 250px);

    position: absolute;

    top: 130px;

    left: 50%; }

  .fullscreen-navigation.split ul.menu {

    background: transparent;

    width: auto;

    height: 100%;

    min-width: 360px;

    padding: 20px 0 0 30px;

    margin: 0;

    display: inline-block;

    position: relative;

    left: 50%; }

    .fullscreen-navigation.split ul.menu li {

      padding: 0; }

    .fullscreen-navigation.split ul.menu a {

      color: rgba(255, 255, 255, 0.7);

      padding-left: 20px;

      padding-right: 20px;

      width: auto;

      line-height: 40px;

      display: inline-block; }

      .fullscreen-navigation.split ul.menu a:after {

        display: none; }

      .fullscreen-navigation.split ul.menu a span {

        position: relative;

        display: inline-block; }

      .fullscreen-navigation.split ul.menu a span:after {

        content: '';

        background: currentColor;

        width: 0;

        height: 1px;

        border: none;

        left: 50%;

        position: absolute;

        top: 50%;

        opacity: 0;

        -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

                transform: translateX(-50%);

        -webkit-transition: .2s ease-in-out;

        transition: .2s ease-in-out;

        -webkit-transition-property: opacity, width, -webkit-transform;

        transition-property: opacity, width, -webkit-transform;

        transition-property: opacity, transform, width;

        transition-property: opacity, transform, width, -webkit-transform; }

      .fullscreen-navigation.split ul.menu a:before {

        display: none; }

    .fullscreen-navigation.split ul.menu li {

      width: auto;

      min-width: 100px;

      cursor: pointer;

      padding-right: 60px; }

      .fullscreen-navigation.split ul.menu li:after {

        width: 100%; }

      .fullscreen-navigation.split ul.menu li:hover > a {

        color: #fff; }

        .fullscreen-navigation.split ul.menu li:hover > a span:after {

          width: -webkit-calc(100% + 10px);

          width: calc(100% + 10px);

          opacity: 1; }

      .fullscreen-navigation.split ul.menu li.has-submenu:after, .fullscreen-navigation.split ul.menu li.has-submenu:before {

        content: '';

        width: 20px;

        height: 2px;

        border: 2px solid currentColor;

        border-top: none;

        border-bottom: none;

        margin-top: -2px;

        position: absolute;

        top: 50%;

        right: 40px; }

      .fullscreen-navigation.split ul.menu li.has-submenu:before {

        border-left: none;

        margin-right: 9px; }

    .fullscreen-navigation.split ul.menu .sub-menu, .fullscreen-navigation.split ul.menu .sub-sub-menu {

      margin-top: -5px; }

  .fullscreen-navigation.split .languages {

    left: 50%;

    margin-left: 38px; }

  .fullscreen-navigation.split .copyright {

    width: auto;

    padding-right: 40px;

    left: auto;

    right: 50%;

    bottom: 120px;

    text-align: right; }



/*--------------------------------------------------------------

## Fixed header navigation

--------------------------------------------------------------*/

#masthead.site-header.header-fixed {

  background: #fff;

  color: #404044;

  -webkit-border-radius: 0;

          border-radius: 0;

  border: 0px; }

  #masthead.site-header.header-fixed .header-wrap .mega-menu-item .without-divider > a.menu-link:after {

    display: none; }



.site-header.header-fixed.header-5 li > a.menu-link:after {

  color: rgba(0, 0, 0, 0.5); }



.site-header.header-fixed.header-3 .header-wrap {

  background: #ffffff; }



/*--------------------------------------------------------------

## Mobile navigation

--------------------------------------------------------------*/

.close-menu {

  display: none; }



.mobile-wpml-select {

  display: none; }



.phone-menu-bottom {

  display: none; }



@media screen and (max-width: 768px) {

  .fullscreen-navigation {

    display: none; }

  #mega-menu-wrap .mobile-wpml-select {

    display: block; }

    #mega-menu-wrap .mobile-wpml-select .icon, #mega-menu-wrap .mobile-wpml-select img {

      font-size: 20px;

      margin-right: 8px;

      vertical-align: -2px; }

    #mega-menu-wrap .mobile-wpml-select img {

      vertical-align: 0px; }

  div.subheader.fixed {

    top: 0;

    padding-left: 15px;

    padding-right: 15px; }

  div.header-cap.header-3, div.header-cap.header-4 {

    height: 30px; }

  header#masthead.site-header {

    width: 100%;

    height: 70px;

    min-height: 70px;

    line-height: 70px;

    border: 0px;

    -webkit-border-radius: 0;

            border-radius: 0;

    top: 0;

    margin: 0;

    z-index: 999; }

    header#masthead.site-header a:hover, header#masthead.site-header a.open, header#masthead.site-header a.focus {

      opacity: 1; }

    header#masthead.site-header .header-wrap {

      padding: 0 25px;

      margin-left: 0;

      margin-right: 0;

      line-height: inherit; }

    header#masthead.site-header .menu-wrap {

      width: auto;

      float: right;

      padding: 0;

      margin: 0; }

      header#masthead.site-header .menu-wrap .wrap {

        width: auto; }

    header#masthead.site-header .header-bottom {

      display: none; }

    header#masthead.site-header .site-branding {

      width: auto;

      max-width: 60%;

      float: left;

      margin: 0;

      padding: 0;

      border: none;

      line-height: inherit;

      text-align: left;

      position: static; }

    header#masthead.site-header .site-title {

      width: auto;

      padding: 0; }

    header#masthead.site-header .site-branding a {

      line-height: inherit; }

  div.content-right {

    margin: 0; }

  .subheader {

    padding-left: 10px;

    padding-right: 10px; }

    .subheader ul.social-bar {

      display: none; }

  .close-menu {

    display: block;

    width: 32%;

    height: 100vh;

    position: fixed;

    top: 0;

    right: -32%;

    z-index: 999;

    cursor: pointer; }

  #masthead #site-navigation.main-nav {

    background: rgba(48, 48, 48, 0.97);

    width: -webkit-calc(100% - 75px);

    width: calc(100% - 75px);

    height: 100vh;

    text-align: left;

    font-size: 26px;

    line-height: 52px;

    position: fixed;

    top: 0;

    left: -100%;

    z-index: 99999999;

    opacity: 0.2;

    overflow-y: auto;

    overflow-x: hidden;

    -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);

    transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);

    -webkit-transition-property: opacity, visibility, left;

    transition-property: opacity, visibility, left; }

    #masthead #site-navigation.main-nav.hidden {

      display: block; }

    #masthead #site-navigation.main-nav .site-branding {

      display: none; }

    #masthead #site-navigation.main-nav .close {

      color: #8e8e8f;

      font-size: 26px;

      line-height: 56px;

      padding: 10px 30px 5px;

      display: block;

      cursor: pointer; }

      #masthead #site-navigation.main-nav .close:hover {

        color: #ffffff; }

    #masthead #site-navigation.main-nav #mega-toggle-block-1 {

      display: none !important; } }

  @media screen and (max-width: 768px) and (max-width: 768px) {

    #masthead #site-navigation.main-nav #mega-toggle-block-1 {

      display: none !important; }

    #masthead #site-navigation.main-nav .mega-menu-toggle {

      display: none; }

    #masthead #site-navigation.main-nav #mega-menu-primary {

      display: block; } }



@media screen and (max-width: 768px) {

    #masthead #site-navigation.main-nav #mega-menu-wrap {

      margin: 0; }

    #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu {

      position: static;

      overflow: hidden; }

      #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu > li.has-submenu > a.menu-link:after {

        display: none; }

      #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span {

        position: relative;

        line-height: 20px;

        display: inline-block; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span:before {

          content: '';

          background: rgba(255, 255, 255, 0.9);

          position: absolute;

          width: 102%;

          height: 1px;

          top: 52%;

          left: -1%;

          display: none; }

      #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item {

        width: 100%;

        position: static;
		text-align:center;
 }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link {

          width: 100%;

          color: #8e8e8f;

          border-color: transparent;

          padding: 0 60px 0 30px;

           }

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link:after {

            display: none; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item ul.sub-menu li,

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item ul.sub-menu li a.menu-link,

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link,

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open {

          color: rgba(255, 255, 255, 0.6) !important;

          line-height: 40px;

          text-transform: none;

          -webkit-transition: .05s ease-in-out;

          transition: .05s ease-in-out;

          -webkit-transition-property: background, color;

          transition-property: background, color;

          position: relative;

          font-weight: 600;

          font-size: 20px; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-item > a.menu-link,

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-ancestor > a.menu-link,

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link:hover,

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open {

          color: #fff !important;

          background: none; }

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-item > a.menu-link span:before,

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-ancestor > a.menu-link span:before,

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link:hover span:before,

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open span:before {

            display: block; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item:hover ul.sub-menu {

          display: block; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu {

          position: static; }

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:before {

            content: '';

            background: currentColor;

            width: 2px;

            height: 2px;

            margin-top: 2px;

            font-size: 6px;

            line-height: 0px;

            letter-spacing: 6px;

            position: absolute;

            top: 42%;

            left: auto;

            right: 30px;

            display: block; }

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:before {

            background: transparent;

            width: 10px;

            right: 38px;

            border-color: currentColor;

            border: 2px solid currentColor;

            border-top: 0px;

            border-bottom: 0px; }

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu:after {

            display: none; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.mega-toggle-on a.menu-link {

          color: #ffffff;

          border-color: transparent; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.mega-toggle-on ul.sub-menu {

          display: block; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav {

          position: static; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > .sub-sub-nav {

          position: static;

          max-width: none;

          width: 100%; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu,

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu {

          background: rgba(48, 48, 48, 0.97);

          width: 100%;

          max-width: 100%;

          height: 0;

          min-height: -webkit-calc(100vh - 65px);

          min-height: calc(100vh - 65px);

          overflow: hidden;

          visibility: hidden;

          display: block;

          position: absolute;

          margin: 0;

          padding: 0;

          top: 0;

          left: -100%;

          z-index: 10;

          -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);

          transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);

          -webkit-transition-property: opacity, visibility, left;

          transition-property: opacity, visibility, left; }

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu.active,

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active {

            height: auto;

            visibility: visible;

            opacity: 1;

            left: 0px;

            overflow: visible; }

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item,

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item {

            position: static; }

            #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item,

            #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item {

              position: static; }

      #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > .mega-menu-item > a.menu-link {

        background: transparent;

        color: #8e8e8f;

        height: 42px;

        line-height: px;

        padding: 0 60px 0 30px;

        font-size: 20px; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > .mega-menu-item > a.menu-link:hover {

          color: #fff; }

      #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav {

        height: 40px;

        position: static; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav ul.sub-menu {

          background: rgba(31, 32, 35, 0.95);

          width: 100%;

          height: 0;

          min-height: -webkit-calc(100vh - 65px);

          min-height: calc(100vh - 65px);

          visibility: hidden;

          display: block;

          position: absolute;

          top: 0;

          left: -100%;

          -webkit-transition: .2s ease-in-out;

          transition: .2s ease-in-out;

          overflow: hidden;

          -webkit-transition-property: opacity, visibility, left;

          transition-property: opacity, visibility, left; }

          #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav ul.sub-menu.active {

            height: auto;

            visibility: visible;

            left: 0px;

            opacity: 1;

            overflow: visible; }

        #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav > a.menu-link:before {

          margin-top: 24px; }

    #masthead #site-navigation.main-nav.active {

      left: 0;

      opacity: 1;

      visibility: visible; }

  #masthead .menu-other,

  #masthead.header-6 .menu-other {

    position: static;

    padding: 0;

    width: auto;

    line-height: inherit; }

    #masthead .menu-other > li > a,

    #masthead.header-6 .menu-other > li > a {

      line-height: inherit; }

    #masthead .menu-other > li.languages,

    #masthead.header-6 .menu-other > li.languages {

      padding: 0; }

    #masthead .menu-other .cart,

    #masthead.header-6 .menu-other .cart {

      padding-right: 0; }

    #masthead .menu-other .wishlist,

    #masthead .menu-other .social,

    #masthead.header-6 .menu-other .wishlist,

    #masthead.header-6 .menu-other .social {

      display: none; }

  #masthead .header-wrap .search {

    display: block;

    position: absolute;

    right: 28px;

    top: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    -webkit-transition-property: visibility, opacity, -webkit-transform;

    transition-property: visibility, opacity, -webkit-transform;

    transition-property: visibility, opacity, transform;

    transition-property: visibility, opacity, transform, -webkit-transform;

    z-index: 9999;

    -webkit-transform: scale(0.8);

        -ms-transform: scale(0.8);

            transform: scale(0.8); }

    #masthead .header-wrap .search.visible {

      opacity: 1;

      visibility: visible;

      -webkit-transform: none;

          -ms-transform: none;

              transform: none; }

  #hamburger-fullscreen-menu {

    display: none; }

  #hamburger-menu {

    display: block;

    float: right;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    -webkit-transition-property: visibility, opacity, -webkit-transform;

    transition-property: visibility, opacity, -webkit-transform;

    transition-property: visibility, opacity, transform;

    transition-property: visibility, opacity, transform, -webkit-transform; }

    #hamburger-menu .btn-toggle {

      width: 50px; }

    #hamburger-menu .btn-lines {

      background: #404044; }

    #hamburger-menu.hidden {

      visibility: hidden;

      opacity: 0;

      -webkit-transform: scale(0.8);

          -ms-transform: scale(0.8);

              transform: scale(0.8); }

  #masthead .phone-menu-bottom {

    width: -webkit-calc(100% - 60px);

    width: calc(100% - 60px);

    position: absolute;

    bottom: 20px;

    left: 30px;

    list-style: none;

    display: block; }

    #masthead .phone-menu-bottom .contact {

      color: #787878;

      font-size: 14px;

      line-height: 24px; }

    #masthead .phone-menu-bottom .socialbar a {

      border-color: #434343;

      color: #9a9a9a; }

      #masthead .phone-menu-bottom .socialbar a:hover {

        background: #9a9a9a;

        color: #404044; } }



/*--------------------------------------------------------------

## Sidebar

--------------------------------------------------------------*/

.page-sidebar {

  background: #f7f7f7;

  width: 28%;

  float: right;

  padding: 60px 55px;

  position: relative;

  z-index: 10; }

  .page-sidebar:after {

    content: '';

    background: inherit;

    width: 500%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0; }

  .page-sidebar.sidebar-right {

    padding-right: 15px;

    float: right; }

    .page-sidebar.sidebar-right:after {

      left: 100%; }

  .page-sidebar.sidebar-left {

    padding-left: 15px;

    float: left; }

    .page-sidebar.sidebar-left:after {

      right: 100%; }

  .page-sidebar .widget:first-child {

    padding-top: 0; }

    .page-sidebar .widget:first-child > *:first-child {

      margin-top: 0; }

  @media screen and (max-width: 768px) {

    .page-sidebar {

      width: auto;

      margin: 30px -15px 0;

      display: block;

      clear: both; }

      .page-sidebar, .page-sidebar.sidebar-right, .page-sidebar.sidebar-left {

        float: none;

        padding: 30px 25px; }

      .page-sidebar:after {

        display: none; } }

  @media screen and (max-width: 1024px) and (min-width: 769px) {

    .page-sidebar {

      padding: 25px; } }



.page-template-page_for-projects .page-sidebar {

  margin-top: 40px; }



/*--------------------------------------------------------------

## Navigation

--------------------------------------------------------------*/

.norebro-icon-grid {

  -webkit-transition: background .15s ease-in-out;

  transition: background .15s ease-in-out; }

  .norebro-icon-grid .icon {

    width: 4px;

    height: 4px;

    border: 4px solid #545454;

    border-left: none;

    border-right: none;

    -webkit-box-sizing: content-box;

       -moz-box-sizing: content-box;

            box-sizing: content-box;

    top: 19px;

    left: 19px; }

    .norebro-icon-grid .icon:before {

      content: '';

      width: 100%;

      height: 100%;

      border: inherit;

      top: -4px;

      left: 8px;

      -webkit-box-sizing: content-box;

         -moz-box-sizing: content-box;

              box-sizing: content-box; }

    .norebro-icon-grid .icon, .norebro-icon-grid .icon:before {

      position: absolute;

      -webkit-transition: .15s ease-in-out;

      transition: .15s ease-in-out;

      -webkit-transition-property: height, -webkit-transform;

      transition-property: height, -webkit-transform;

      transition-property: transform, height;

      transition-property: transform, height, -webkit-transform; }

  .norebro-icon-grid:hover .icon {

    height: 6px;

    -webkit-transform: translate3d(-1px, -1px, 0) rotate(0.3deg);

            transform: translate3d(-1px, -1px, 0) rotate(0.3deg); }

    .norebro-icon-grid:hover .icon:before {

      -webkit-transform: translate3d(2px, 0, 0) rotate(0.3deg);

              transform: translate3d(2px, 0, 0) rotate(0.3deg); }



.post-navigation {

  background: #fff;

  position: relative; }

  .post-navigation.with-border-top {

    border-top: 1px solid #f0f0f0; }

  .post-navigation.with-border-bottom {

    border-bottom: 1px solid #f0f0f0; }

  .post-navigation .box-wrap > a {

    width: 100%;

    height: 90px;

    display: block; }

    .post-navigation .box-wrap > a .icon {

      width: 30px;

      display: inline-block;

      font-size: 21px;

      vertical-align: 8px; }

    .post-navigation .box-wrap > a h4, .post-navigation .box-wrap > a .icon {

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: color;

      transition-property: color; }

    .post-navigation .box-wrap > a:hover h4, .post-navigation .box-wrap > a:hover .icon {

      color: #723887; }

  .post-navigation .subtitle {

    text-transform: uppercase;

    margin-bottom: 5px;

    font-size: 12px; }

  .post-navigation h4 {

    margin: 0;

    font-size: 13.5px;

    font-weight: 600; }

  .post-navigation .content {

    display: inline-block; }

  .post-navigation .grid {

    background: #f3f3f3;

    width: 50px;

    height: 50px;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    margin: -25px 0 0 -25px;

    position: absolute;

    top: 50%;

    left: 50%; }

    .post-navigation .grid:hover {

      background: #e6e6e6; }

  @media screen and (max-width: 768px) {

    .post-navigation .box-wrap {

      width: 50%;

      display: inline-block;

      vertical-align: top;

      float: left; }

    .post-navigation .box-wrap > a .icon {

      vertical-align: 0px; }

    .post-navigation .content {

      display: none; } }



.onepage-navigation {

  position: absolute;

  bottom: 50px;

  right: 40px;

  z-index: 3; }

  .onepage-navigation .slider-nav div {

    position: relative; }

  .onepage-navigation a {

    float: left;

    margin-right: 10px; }

  .onepage-navigation .norebro-icon-grid .icon, .onepage-navigation .norebro-icon-grid .icon:after {

    border-color: #fff;

    -webkit-border-radius: 0;

            border-radius: 0; }



/*--------------------------------------------------------------

## Bar

--------------------------------------------------------------*/

.bar {

  background: #f7f7f7;

  width: 76px;

  height: 100%;

  text-align: center;

  position: fixed;

  left: 0;

  z-index: 60;

  -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06);

          box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06); }

  .bar .content {

    width: 70vh;

    padding-left: 5vh;

    font-size: 11px;

    font-weight: 500;

    position: absolute;

    top: 90% !important;

    left: 50%;

    -webkit-transform: translateX(-50%) rotate(-90deg);

        -ms-transform: translateX(-50%) rotate(-90deg);

            transform: translateX(-50%) rotate(-90deg); }

    .bar .content a {

      color: inherit; }

      .bar .content a:hover {

        color: #723887; }

  .bar .separator {

    background: #e0e0e0;

    width: 60px;

    height: 2px;

    display: inline-block;

    margin-right: 20px;

    position: relative;

    top: -3px; }

    .bar .separator:before {

      content: '';

      background: rgba(0, 0, 0, 0.5);

      position: absolute;

      width: 50%;

      height: inherit; }

  .bar .share {

    background: inherit;

    width: 100%;

    position: absolute;

    bottom: 15px;

    left: 0; }

    .bar .share .title {

      height: 40px; }

      .bar .share .title .icon {

        font-size: 28px;

        height: 40px;

        line-height: 42px;

        vertical-align: middle;

        position: absolute;

        bottom: 0;

        left: 50%;

        -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

                transform: translateX(-50%);

        -webkit-transition: -webkit-transform .15s ease-in-out;

        transition: -webkit-transform .15s ease-in-out;

        transition: transform .15s ease-in-out;

        transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; }

        .bar .share .title .icon:after {

          content: '';

          width: 46px;

          height: 46px;

          -webkit-border-radius: 50px;

                  border-radius: 50px;

          position: absolute;

          top: -3px;

          left: -14px;

          -webkit-transform: scale(0.9);

              -ms-transform: scale(0.9);

                  transform: scale(0.9);

          -webkit-transition: .15s ease-in-out;

          transition: .15s ease-in-out;

          -webkit-transition-property: background, -webkit-transform;

          transition-property: background, -webkit-transform;

          transition-property: transform, background;

          transition-property: transform, background, -webkit-transform; }

      .bar .share .title .name {

        width: 100%;

        position: absolute;

        margin-left: 1px;

        bottom: 100%;

        font-weight: 600;

        font-size: 11px;

        -webkit-transform: translate(-50%, -100%) rotate(-90deg);

            -ms-transform: translate(-50%, -100%) rotate(-90deg);

                transform: translate(-50%, -100%) rotate(-90deg);

        -webkit-transition: .15s ease-in-out;

        transition: .15s ease-in-out; }

    .bar .share .links {

      background: inherit;

      width: 35px;

      padding: 5px;

      margin: 0;

      position: absolute;

      bottom: 130%;

      left: 50%;

      -webkit-transform: translate(-50%, 30px);

          -ms-transform: translate(-50%, 30px);

              transform: translate(-50%, 30px);

      opacity: 0;

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      visibility: hidden; }

      .bar .share .links a {

        color: inherit; }

        .bar .share .links a:hover {

          color: #723887; }

      .bar .share .links span {

        font-size: 18px;

        margin: 0;

        -webkit-transition: margin .15s ease-in-out;

        transition: margin .15s ease-in-out; }

    .bar .share:hover .links {

      opacity: 1;

      visibility: visible;

      -webkit-transform: translateX(-50%);

          -ms-transform: translateX(-50%);

              transform: translateX(-50%); }

      .bar .share:hover .links span {

        margin: 6px 0; }

    .bar .share:hover .title .icon {

      -webkit-transform: translateX(-50%) rotate(-45deg);

          -ms-transform: translateX(-50%) rotate(-45deg);

              transform: translateX(-50%) rotate(-45deg); }

      .bar .share:hover .title .icon:after {

        background: rgba(0, 0, 0, 0.04);

        -webkit-transform: none;

            -ms-transform: none;

                transform: none; }

    .bar .share:hover .title .name {

      opacity: 0; }

  .bar.right .share {

    background: transparent;

    position: absolute;

    left: auto;

    right: -100vw;

    top: 50%;

    bottom: auto;

    -webkit-transform: translate(-100%, -50%);

        -ms-transform: translate(-100%, -50%);

            transform: translate(-100%, -50%); }

    .bar.right .share .title {

      height: auto; }

      .bar.right .share .title .icon {

        display: none; }

      .bar.right .share .title .name {

        position: static;

        opacity: 1;

        -webkit-transform-origin: 0 0;

            -ms-transform-origin: 0 0;

                transform-origin: 0 0;

        text-align: left;

        display: inline-block;

        -webkit-transform: translateY(100%) rotate(-90deg) translateY(50%);

            -ms-transform: translateY(100%) rotate(-90deg) translateY(50%);

                transform: translateY(100%) rotate(-90deg) translateY(50%); }

    .bar.right .share .links {

      position: static;

      opacity: 1;

      visibility: visible;

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      margin-top: 5px; }

      .bar.right .share .links span {

        margin: 13px 0; }

  @media screen and (max-width: 768px) {

    .bar {

      display: none; } }

  @media screen and (max-width: 1024px) and (min-width: 769px) {

    .bar {

      width: 70px; } }



.bar-hamburger {

  width: 76px;

  position: fixed;

  left: 0px;

  z-index: 62;

  line-height: 1px; }

  .bar-hamburger .hamburger-menu {

    width: 100%;

    text-align: center; }

  .bar-hamburger .hamburger {

    z-index: 2;

    -webkit-transition: margin .3s ease-in-out;

    transition: margin .3s ease-in-out;

    color: inherit;

    margin: 32px auto; }

    .bar-hamburger .hamburger:before {

      content: '';

      width: 46px;

      height: 46px;

      -webkit-border-radius: 50px;

              border-radius: 50px;

      position: absolute;

      top: -18px;

      left: -13px;

      -webkit-transform: scale(0.8);

          -ms-transform: scale(0.8);

              transform: scale(0.8);

      -webkit-transition: .15s ease-in-out;

      transition: .15s ease-in-out;

      -webkit-transition-property: background, -webkit-transform;

      transition-property: background, -webkit-transform;

      transition-property: transform, background;

      transition-property: transform, background, -webkit-transform; }

    .bar-hamburger .hamburger:hover {

      color: inherit;

      opacity: 1; }

      .bar-hamburger .hamburger:hover:before {

        background: rgba(0, 0, 0, 0.06);

        -webkit-transform: none;

            -ms-transform: none;

                transform: none; }



.mobile-social {

  position: fixed;

  bottom: 25px;

  left: 25px;

  z-index: 41; }

  .mobile-social .share-btn {

    background: #fff;

    width: 50px;

    height: 50px;

    line-height: 52px;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    text-align: center;

    font-size: 28px;

    vertical-align: middle;

    position: relative;

    z-index: 2;

    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);

            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);

    -webkit-transform-origin: 50% 50%;

        -ms-transform-origin: 50% 50%;

            transform-origin: 50% 50%;

    -webkit-transition: -webkit-transform .1s ease-in-out;

    transition: -webkit-transform .1s ease-in-out;

    transition: transform .1s ease-in-out;

    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out; }

  .mobile-social .social {

    background: #fff;

    height: 0;

    width: 50px;

    padding: 15px 0 25px;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    text-align: center;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 1;

    overflow: hidden;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    -webkit-transition-property: height, padding, opacity;

    transition-property: height, padding, opacity;

    opacity: 0; }

    .mobile-social .social a {

      width: 50px;

      height: 35px;

      display: block;

      font-size: 20px; }

  .mobile-social.active .share-btn {

    -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

            transform: rotate(-45deg); }

  .mobile-social.active .social {

    height: auto;

    opacity: 1;

    padding: 15px 0 50px; }

  @media screen and (min-width: 769px) {

    .mobile-social {

      display: none; } }



/*--------------------------------------------------------------

# Portfolio

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Portfolio Grid

--------------------------------------------------------------*/

.portfolio-sorting {

  width: 100%;

  margin: 30px 0 25px -8px;

  line-height: 32px;

  vertical-align: middle;

  text-align: center; }

  .portfolio-sorting.text-left {

    text-align: left; }

  .portfolio-sorting.text-right {

    text-align: right; }

  .portfolio-sorting li {

    display: inline-block;

    font-size: 0;

    font-family: "Poppins", sans-serif; }

    .portfolio-sorting li:after {

      content: '/';

      color: #999999;

      display: inline-block;

      font-size: 12.4px;

      position: relative;

      top: 1px; }

    .portfolio-sorting li:last-child:after {

      display: none; }

    .portfolio-sorting li a {

      padding: 5px 12px 5px 8px;

      display: inline-block;

      font-size: 12.4px;

      font-weight: 500;

      position: relative;

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: color, border-color;

      transition-property: color, border-color; }

      .portfolio-sorting li a .num {

        font-size: 10px;

        position: relative;

        top: -5px; }

      .portfolio-sorting li a .name {

        position: relative; }

      .portfolio-sorting li a .name:before {

        content: '';

        background: #404044;

        width: 100%;

        height: 1px;

        position: absolute;

        bottom: -8px;

        opacity: 0;

        -webkit-transition: .2s ease-in-out;

        transition: .2s ease-in-out;

        -webkit-transition-property: opacity, bottom;

        transition-property: opacity, bottom; }

      .portfolio-sorting li a.active {

        color: #404044;

        font-weight: 600; }

      .portfolio-sorting li a:hover {

        color: #723887;

        -webkit-transition-duration: .1s;

                transition-duration: .1s; }

        .portfolio-sorting li a:hover .name:before {

          background: #723887; }

      .portfolio-sorting li a.active .name:before, .portfolio-sorting li a:hover .name:before {

        opacity: 1;

        bottom: -4px; }

  @media screen and (max-width: 768px) {

    .portfolio-sorting {

      padding-right: 0px; }

      .portfolio-sorting, .portfolio-sorting.text-right, .portfolio-sorting.text-left {

        text-align: left; }

      .portfolio-sorting ul li {

        margin: 0 12px 0 0; } }



div.portfolio-item-wrap.with-padding {

  padding: 15px; }



div.portfolio-item-wrap.post-offset {

  padding: 0; }



.portfolio-item {

  margin: 0;

  position: relative;

  -webkit-transition: all 2s ease-in-out;

  transition: all 2s ease-in-out;

  z-index: 1; }

  .portfolio-item .image-wrap {

    background: #dadada;

    width: 100%;

    min-height: 80px;

    position: relative;

    text-align: center;

    display: block;

    -webkit-transition: height .2s ease-in-out;

    transition: height .2s ease-in-out; }

    .portfolio-item .image-wrap img {

      width: 100%;

      vertical-align: middle;

      display: block; }

  .portfolio-item h4.title, .portfolio-item .widget h4, .widget .portfolio-item h4,

  .portfolio-item .more,

  .portfolio-item .category {

    -webkit-transition: 0.4s cubic-bezier(0.2, 0.7, 0.5, 1);

    transition: 0.4s cubic-bezier(0.2, 0.7, 0.5, 1);

    -webkit-transition-property: opacity, color, -webkit-transform;

    transition-property: opacity, color, -webkit-transform;

    transition-property: opacity, color, transform;

    transition-property: opacity, color, transform, -webkit-transform; }

  .portfolio-item h4.title, .portfolio-item .widget h4, .widget .portfolio-item h4 {

    margin-top: 10px;

    font-size: 14.6px;

    letter-spacing: -.5px; }

    .portfolio-item h4.title a, .portfolio-item .widget h4 a, .widget .portfolio-item h4 a {

      color: #595959; }

      .portfolio-item h4.title a:hover, .portfolio-item .widget h4 a:hover, .widget .portfolio-item h4 a:hover {

        color: #723887; }

  .portfolio-item .more {

    font-size: 36px; }

  .portfolio-item .category {

    background: #723887;

    color: #fff;

    padding: 8px 15px 6px;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    font-size: 10.4px;

    font-weight: 500;

    margin-bottom: 5px;

    text-transform: uppercase;

    display: inline-block;

    -webkit-transition-delay: .1s;

            transition-delay: .1s; }

    .portfolio-item .category.outline {

      background: transparent;

      color: #723887;

      border: 1px solid #723887;

      padding: 7px 15px 6px; }

  .portfolio-item.grid-1 .description {

    padding-top: 50px;

    z-index: 2;

    -webkit-transition: opacity .3s ease-in-out;

    transition: opacity .3s ease-in-out; }

  .portfolio-item.grid-1 .category,

  .portfolio-item.grid-1 h4.title,

  .portfolio-item.grid-1 .widget h4, .widget

  .portfolio-item.grid-1 h4,

  .portfolio-item.grid-1 .more {

    opacity: 0;

    -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

            transform: translateY(20px);

    -webkit-transition-delay: 0s;

            transition-delay: 0s; }

  .portfolio-item.grid-1:after {

    content: '';

    background: rgba(255, 255, 255, 0.8);

    width: -webkit-calc(100% - 50px);

    width: calc(100% - 50px);

    height: -webkit-calc(100% - 50px);

    height: calc(100% - 50px);

    position: absolute;

    top: 25px;

    left: 25px;

    z-index: 1;

    opacity: 0;

    -webkit-transform: scale(0.9);

        -ms-transform: scale(0.9);

            transform: scale(0.9);

    -webkit-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);

    transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform; }

  .portfolio-item.grid-1:hover .description {

    opacity: 1; }

  .portfolio-item.grid-1:hover .category,

  .portfolio-item.grid-1:hover h4.title,

  .portfolio-item.grid-1:hover .widget h4, .widget

  .portfolio-item.grid-1:hover h4,

  .portfolio-item.grid-1:hover .more {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .portfolio-item.grid-1:hover .category {

    -webkit-transition-delay: .1s;

            transition-delay: .1s; }

  .portfolio-item.grid-1:hover h4.title, .portfolio-item.grid-1:hover .widget h4, .widget .portfolio-item.grid-1:hover h4 {

    -webkit-transition-delay: .2s;

            transition-delay: .2s; }

  .portfolio-item.grid-1:hover .more {

    -webkit-transition-delay: .3s;

            transition-delay: .3s; }

  .portfolio-item.grid-1:hover:after {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .portfolio-item.grid-1.hover-2 .description {

    padding: 25px; }

  .portfolio-item.grid-1.hover-2:after {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0; }

  .portfolio-item.grid-1.hover-2 .more {

    position: absolute;

    bottom: 0px;

    right: 25px; }

  .portfolio-item.grid-1.hover-3 {

    overflow: hidden; }

    .portfolio-item.grid-1.hover-3:after {

      content: none; }

    .portfolio-item.grid-1.hover-3 .description {

      background: rgba(255, 255, 255, 0.8);

      width: 100%;

      height: auto;

      padding: 25px;

      top: auto;

      bottom: 0;

      opacity: 0;

      text-align: left;

      -webkit-transform: translateY(15px);

          -ms-transform: translateY(15px);

              transform: translateY(15px);

      -webkit-transition: .2s ease-in-out;

      transition: .2s ease-in-out;

      -webkit-transition-property: opacity, -webkit-transform;

      transition-property: opacity, -webkit-transform;

      transition-property: opacity, transform;

      transition-property: opacity, transform, -webkit-transform; }

    .portfolio-item.grid-1.hover-3 .more {

      position: absolute;

      right: 25px;

      bottom: 0; }

    .portfolio-item.grid-1.hover-3:hover .description {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      opacity: 1; }

  .portfolio-item.grid-1.metro-style .image-wrap {

    padding: 50% 0;

    background-size: cover;

    background-position: center; }

  .portfolio-item.grid-2 .description {

    background: transparent;

    padding: 15px;

    text-align: center; }

  .portfolio-item.grid-2 .category {

    background: transparent;

    color: #999999;

    margin-top: 5px;

    padding: 0; }

  .portfolio-item.grid-2 .image-wrap {

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out; }

  .portfolio-item.grid-2:hover .image-wrap {

    opacity: .7; }

  .portfolio-item.grid-2:hover h4.title, .portfolio-item.grid-2:hover .widget h4, .widget .portfolio-item.grid-2:hover h4 {

    color: #723887; }

  .portfolio-item.grid-2.hover-2 .overlay {

    background: rgba(255, 255, 255, 0.8);

    width: -webkit-calc(100% - 50px);

    width: calc(100% - 50px);

    height: -webkit-calc(100% - 50px);

    height: calc(100% - 50px);

    top: 25px;

    left: 25px;

    opacity: 0;

    -webkit-transform: scale(0.9);

        -ms-transform: scale(0.9);

            transform: scale(0.9);

    -webkit-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);

    transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: opacity, transform;

    transition-property: opacity, transform, -webkit-transform; }

    .portfolio-item.grid-2.hover-2 .overlay span {

      color: #723887;

      width: 60px;

      height: 60px;

      line-height: 62px;

      display: inline-block;

      font-size: 36px;

      border: 1px solid rgb(113, 56, 134) !important;

      -webkit-border-radius: 50px;

              border-radius: 50px;

      -webkit-transform: translateY(20px);

          -ms-transform: translateY(20px);

              transform: translateY(20px);

      opacity: 0;

      -webkit-transition: .3s ease-in-out;

      transition: .3s ease-in-out;

      -webkit-transition-property: opacity, -webkit-transform;

      transition-property: opacity, -webkit-transform;

      transition-property: opacity, transform;

      transition-property: opacity, transform, -webkit-transform; }

  .portfolio-item.grid-2.hover-2:hover .image-wrap {

    opacity: 1; }

  .portfolio-item.grid-2.hover-2:hover .overlay {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

    .portfolio-item.grid-2.hover-2:hover .overlay span {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      opacity: 1;

      -webkit-transition-delay: .05s;

              transition-delay: .05s; }

  .portfolio-item.grid-2.hover-3 .wrap {

    position: relative; }

  .portfolio-item.grid-2.hover-3 .more {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -30px 0 0 -10px;

    opacity: 0;

    -webkit-transition-delay: 0s;

            transition-delay: 0s;

    -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

            transform: translateY(20px); }

  .portfolio-item.grid-2.hover-3:hover h4.title, .portfolio-item.grid-2.hover-3:hover .widget h4, .widget .portfolio-item.grid-2.hover-3:hover h4,

  .portfolio-item.grid-2.hover-3:hover .category {

    opacity: 0;

    -webkit-transform: translateY(-20px);

        -ms-transform: translateY(-20px);

            transform: translateY(-20px); }

  .portfolio-item.grid-2.hover-3:hover .image-wrap {

    opacity: 1; }

  .portfolio-item.grid-2.hover-3:hover .more {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    opacity: 1;

    -webkit-transition-delay: .2s;

            transition-delay: .2s; }

  .portfolio-item.grid-4 .more, .portfolio-item.grid-5 .more {

    margin-top: 25px;

    display: inline-block;

    font-size: 14px;

    font-family: "Poppins", sans-serif;

    font-weight: 600; }

    .portfolio-item.grid-4 .more span, .portfolio-item.grid-5 .more span {

      margin-left: 15px;

      font-size: 36px;

      line-height: 1;

      vertical-align: -8px;

      display: inline-block;

      -webkit-transition: -webkit-transform .15s ease-in-out;

      transition: -webkit-transform .15s ease-in-out;

      transition: transform .15s ease-in-out;

      transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; }

    .portfolio-item.grid-4 .more:before, .portfolio-item.grid-5 .more:before {

      width: 74%;

      bottom: 6px; }

    .portfolio-item.grid-4 .more:hover span, .portfolio-item.grid-5 .more:hover span {

      -webkit-transform: rotate(45deg);

          -ms-transform: rotate(45deg);

              transform: rotate(45deg); }

  @media screen and (max-width: 768px) {

    .portfolio-item.grid-4 .more, .portfolio-item.grid-5 .more {

      margin-top: 15px; } }

  .portfolio-item.grid-4 {

    height: 100%;

    min-height: 400px;

    overflow: hidden; }

    .portfolio-item.grid-4 .image-wrap {

      height: 100%;

      background-size: cover;

      background-position: center;

      position: relative;

      top: 0;

      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1);

      transition: -webkit-transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1);

      transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1);

      transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1); }

    .portfolio-item.grid-4 .description {

      background: rgba(51, 51, 51, 0.6);

      padding: 40px; }

    .portfolio-item.grid-4 h4.title, .portfolio-item.grid-4 .widget h4, .widget .portfolio-item.grid-4 h4 {

      color: #fff;

      padding-right: 20%;

      margin-top: 40px;

      font-size: 42px;

      font-weight: 500;

      line-height: 1.2;

      -webkit-transition: -webkit-transform .2s ease-in-out;

      transition: -webkit-transform .2s ease-in-out;

      transition: transform .2s ease-in-out;

      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;

      -webkit-transform: none;

          -ms-transform: none;

              transform: none; }

      .portfolio-item.grid-4 h4.title a:hover, .portfolio-item.grid-4 .widget h4 a:hover, .widget .portfolio-item.grid-4 h4 a:hover {

        color: #fff; }

    .portfolio-item.grid-4 a {

      color: #fff; }

    .portfolio-item.grid-4:hover .image-wrap {

      -webkit-transform: scale(1.05);

          -ms-transform: scale(1.05);

              transform: scale(1.05);

      -webkit-transition-duration: 2s;

              transition-duration: 2s; }

    @media screen and (max-width: 768px) {

      .portfolio-item.grid-4 h4.title, .portfolio-item.grid-4 .widget h4, .widget .portfolio-item.grid-4 h4 {

        padding-right: 0;

        font-size: 40px;

        margin-top: 20px; }

      .portfolio-item.grid-4 .description {

        padding: 25px; } }

  .portfolio-item.grid-5 {

    background: url("../images/portfolio-bg.png") repeat; }

    .portfolio-item.grid-5 .image-wrap {

      background-size: cover;

      background-position: center;

      min-height: 0px; }

    .portfolio-item.grid-5 .description {

      padding: 0;

      text-align: left; }

      .portfolio-item.grid-5 .description .content-center {

        width: 70%;

        margin: 0 auto; }

    .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4 {

      margin: 30px 0 0;

      font-size: 70px;

      font-weight: 600;

      line-height: 1; }

    .portfolio-item.grid-5 .more span {

      color: #723887; }

    .portfolio-item.grid-5 a:hover {

      color: #404044; }

    .portfolio-item.grid-5 a.hover-underline:before {

      background: #404044; }

  .portfolio-item.grid-6 {

    height: 100%; }

    .portfolio-item.grid-6 .image-wrap {

      height: -webkit-calc(100% - 80px);

      height: calc(100% - 80px);

      background-size: cover;

      background-position: center; }

    .portfolio-item.grid-6 .category {

      background: transparent;

      color: #999999;

      margin-top: 5px;

      padding: 0; }

    .portfolio-item.grid-6 .description {

      padding: 10px; }

    .portfolio-item.grid-6 > a {

      height: 100%;

      display: block; }

  .portfolio-item.grid-7 {

    height: 100%; }

    .portfolio-item.grid-7 .image-wrap {

      background-position: center;

      background-size: cover; }

    .portfolio-item.grid-7 .description {

      background: rgba(64, 64, 68, 0.25); }

    .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4 {

      color: #fff;

      margin-bottom: 10px;

      font-size: 80px;

      font-weight: 600; }

      @media screen and (max-width: 768px) {

        .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4 {

          font-size: 40px;

          line-height: 1; } }

    .portfolio-item.grid-7 .more {

      color: #fff;

      font-size: 16px;

      font-weight: 500;

      line-height: 2;

      position: relative;

      display: inline-block; }

      .portfolio-item.grid-7 .more:before {

        content: '';

        background: #fff;

        width: 100%;

        height: 1px;

        position: absolute;

        bottom: 0;

        left: 0; }

  .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4, .portfolio-item.grid-5 .category, .portfolio-item.grid-5 .more, .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4, .portfolio-item.grid-7 .category, .portfolio-item.grid-7 .more {

    -webkit-transform: translateY(60px);

        -ms-transform: translateY(60px);

            transform: translateY(60px); }

  .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4, .portfolio-item.grid-5 .category, .portfolio-item.grid-5 .more,

  .portfolio-item.grid-5 .text-description, .portfolio-item.grid-5 .date-left, .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4, .portfolio-item.grid-7 .category, .portfolio-item.grid-7 .more,

  .portfolio-item.grid-7 .text-description, .portfolio-item.grid-7 .date-left, .portfolio-item.grid-8 h4.title, .portfolio-item.grid-8 .widget h4, .widget .portfolio-item.grid-8 h4, .portfolio-item.grid-8 .category, .portfolio-item.grid-8 .more,

  .portfolio-item.grid-8 .text-description, .portfolio-item.grid-8 .date-left {

    -webkit-transition: .3s ease-out;

    transition: .3s ease-out;

    -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

            transform: translateY(20px);

    opacity: 0; }

  @media screen and (max-width: 768px) {

    .portfolio-item.grid-5 {

      position: static;

      height: auto; }

      .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4 {

        margin: 15px 0 0;

        font-size: 40px;

        line-height: 48px; }

      .portfolio-item.grid-5 .description {

        position: static;

        height: auto; }

        .portfolio-item.grid-5 .description .content-center {

          width: 100%;

          padding: 25px; }

      .portfolio-item.grid-5 .image-wrap {

        min-height: 200px; }

    .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4, .portfolio-item.grid-5 .category, .portfolio-item.grid-5 .more,

    .portfolio-item.grid-5 .text-description, .portfolio-item.grid-5 .date-left, .portfolio-item.grid-8 h4.title, .portfolio-item.grid-8 .widget h4, .widget .portfolio-item.grid-8 h4, .portfolio-item.grid-8 .category, .portfolio-item.grid-8 .more,

    .portfolio-item.grid-8 .text-description, .portfolio-item.grid-8 .date-left {

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      opacity: 1; } }

  .portfolio-item.grid-8:after {

    content: '';

    background: #333333;

    width: 35%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0; }

  .portfolio-item.grid-8:before {

    content: '';

    background: url("../images/portfolio-9-bg.png") repeat;

    height: 70%;

    width: 27%;

    position: absolute;

    top: 15%;

    left: -webkit-calc(8% - 20px);

    left: calc(8% - 20px);

    z-index: 2; }

  .portfolio-item.grid-8 .image-wrap {

    width: 65%;

    left: 35%; }

  .portfolio-item.grid-8 .description {

    background: rgba(77, 77, 77, 0.4); }

  .portfolio-item.grid-8 .content-center {

    padding-top: 80px;

    z-index: 3; }

  .portfolio-item.grid-8 .category {

    background: none;

    color: #fff;

    border: 1px solid #fff; }

  .portfolio-item.grid-8 h4.title, .portfolio-item.grid-8 .widget h4, .widget .portfolio-item.grid-8 h4 {

    max-width: 600px;

    margin-top: 25px;

    font-size: 62px;

    font-weight: 500;

    line-height: 1.1; }

  .portfolio-item.grid-8 .text-description {

    max-width: 550px;

    margin: 25px 0 20px;

    font-size: 15px;

    font-weight: 300;

    color: #bbb;

    line-height: 1.7; }

  .portfolio-item.grid-8 .more {

    margin-top: 10px; }

  .portfolio-item.grid-8 .date {

    color: #404040;

    font-size: 68px;

    font-weight: 600;

    margin: 35px 0 0 0px; }

  .portfolio-item.grid-8 .date-left {

    color: #999;

    font-weight: 600;

    font-size: 14px;

    letter-spacing: .5px;

    position: absolute;

    left: -70px;

    -webkit-transform-origin: 0% 0%;

        -ms-transform-origin: 0% 0%;

            transform-origin: 0% 0%;

    -webkit-transform: rotate(-90deg) translateY(-20px) translateX(-webkit-calc(-100% - 70px));

        -ms-transform: rotate(-90deg) translateY(-20px) translateX(calc(-100% - 70px));

            transform: rotate(-90deg) translateY(-20px) translateX(calc(-100% - 70px)); }

  @media screen and (max-width: 768px) {

    .portfolio-item.grid-8:after {

      width: 60%; }

    .portfolio-item.grid-8 h4.title, .portfolio-item.grid-8 .widget h4, .widget .portfolio-item.grid-8 h4 {

      font-size: 38px;

      line-height: 43px;

      -webkit-transform: none;

          -ms-transform: none;

              transform: none; }

    .portfolio-item.grid-8 h4.title, .portfolio-item.grid-8 .widget h4, .widget .portfolio-item.grid-8 h4,

    .portfolio-item.grid-8 .text-description {

      padding-right: 40px; }

    .portfolio-item.grid-8 .text-description {

      max-height: -webkit-calc( 1.7em * 4);

      max-height: calc( 1.7em * 4);

      overflow: hidden; }

    .portfolio-item.grid-8 .more {

      margin: 0; }

    .portfolio-item.grid-8 .date {

      font-size: 52px;

      margin-top: 15px; }

    .portfolio-item.grid-8 .date-left {

      display: none; } }

  @media screen and (max-width: 1024px) and (min-width: 769px) {

    .portfolio-item.grid-4 h4,

    .portfolio-item.grid-4 h4.title,

    .portfolio-item.grid-4 .widget h4, .widget

    .portfolio-item.grid-4 h4 {

      padding-right: 0%;

      margin-top: 10px;

      font-size: 36px;

      line-height: 46px; }

    .portfolio-item.grid-5 .description .content-center {

      width: 80%; }

    .portfolio-item.grid-5 h4,

    .portfolio-item.grid-5 h4.title,

    .portfolio-item.grid-5 .widget h4, .widget

    .portfolio-item.grid-5 h4 {

      margin-top: 10px;

      font-size: 46px;

      line-height: 56px; }

    .portfolio-item.grid-7 h4,

    .portfolio-item.grid-7 h4.title,

    .portfolio-item.grid-7 .widget h4, .widget

    .portfolio-item.grid-7 h4 {

      font-size: 46px; } }



.ms-table.active .portfolio-item.grid-5 h4.title, .ms-table.active .portfolio-item.grid-5 .widget h4, .widget .ms-table.active .portfolio-item.grid-5 h4,

.ms-table.active .portfolio-item.grid-5 .category,

.ms-table.active .portfolio-item.grid-5 .more,

.ms-table.active .portfolio-item.grid-5 .text-description,

.onepage-section.active .portfolio-item h4.title,

.onepage-section.active .portfolio-item .widget h4, .widget

.onepage-section.active .portfolio-item h4,

.onepage-section.active .portfolio-item .category,

.onepage-section.active .portfolio-item .more,

.onepage-section.active .portfolio-item .text-description {

  -webkit-transform: none;

      -ms-transform: none;

          transform: none;

  opacity: 1; }



.ms-table.active .portfolio-item.grid-5 .date-left,

.onepage-section.active .portfolio-item .date-left {

  -webkit-transform: rotate(-90deg) translateX(-webkit-calc(-100% - 70px));

      -ms-transform: rotate(-90deg) translateX(calc(-100% - 70px));

          transform: rotate(-90deg) translateX(calc(-100% - 70px));

  opacity: 1;

  -webkit-transition-delay: .6s;

          transition-delay: .6s; }



.ms-table.active .portfolio-item.grid-5 .category,

.onepage-section.active .portfolio-item .category {

  -webkit-transition-delay: .4s;

          transition-delay: .4s; }



.ms-table.active .portfolio-item.grid-5 h4.title, .ms-table.active .portfolio-item.grid-5 .widget h4, .widget .ms-table.active .portfolio-item.grid-5 h4,

.onepage-section.active .portfolio-item h4.title,

.onepage-section.active .portfolio-item .widget h4, .widget

.onepage-section.active .portfolio-item h4 {

  -webkit-transition-delay: .5s;

          transition-delay: .5s; }



.ms-table.active .portfolio-item.grid-5 .text-description,

.onepage-section.active .portfolio-item .text-description {

  -webkit-transition-delay: .6s;

          transition-delay: .6s; }



.ms-table.active .portfolio-item.grid-5 .more,

.onepage-section.active .portfolio-item .more {

  -webkit-transition-delay: .7s;

          transition-delay: .7s; }



.portfolio-grid-7 .onepage-section.active .portfolio-item .more,

.ms-table.active .portfolio-item.grid-5 .more {

  -webkit-transition-delay: .6s;

          transition-delay: .6s; }



.portfolio-grid-7 .onepage-section.prev .portfolio-item h4.title, .portfolio-grid-7 .onepage-section.prev .portfolio-item .widget h4, .widget .portfolio-grid-7 .onepage-section.prev .portfolio-item h4, .portfolio-grid-7 .onepage-section.prev .portfolio-item .category, .portfolio-grid-7 .onepage-section.prev .portfolio-item .more,

.portfolio-grid-7 .onepage-section.prev .portfolio-item .text-description, .portfolio-grid-7 .onepage-section.prev .portfolio-item .date-left,

.ms-table.prev .portfolio-item.grid-5 h4.title,

.ms-table.prev .portfolio-item.grid-5 .widget h4, .widget

.ms-table.prev .portfolio-item.grid-5 h4,

.ms-table.prev .portfolio-item.grid-5 .category,

.ms-table.prev .portfolio-item.grid-5 .more,

.ms-table.prev .portfolio-item.grid-5 .text-description,

.ms-table.prev .portfolio-item.grid-5 .date-left {

  -webkit-transform: translateY(-60px);

      -ms-transform: translateY(-60px);

          transform: translateY(-60px); }



.portfolio-grid-7 .onepage-section.active-prev .portfolio-item .category,

.ms-table.active-prev .portfolio-item.grid-5 .category {

  -webkit-transition-delay: .6s;

          transition-delay: .6s; }



.portfolio-grid-7 .onepage-section.active-prev .portfolio-item h4.title, .portfolio-grid-7 .onepage-section.active-prev .portfolio-item .widget h4, .widget .portfolio-grid-7 .onepage-section.active-prev .portfolio-item h4,

.ms-table.active-prev .portfolio-item.grid-5 h4.title,

.ms-table.active-prev .portfolio-item.grid-5 .widget h4, .widget

.ms-table.active-prev .portfolio-item.grid-5 h4 {

  -webkit-transition-delay: .5s;

          transition-delay: .5s; }



.portfolio-grid-7 .onepage-section.active-prev .portfolio-item .more,

.ms-table.active-prev .portfolio-item.grid-5 .more {

  -webkit-transition-delay: .4s;

          transition-delay: .4s; }



.portfolio-grid-4 {

  position: relative; }

  .portfolio-grid-4 .slider.full-height {

    height: 100%; }

  .portfolio-grid-4 .owl-stage {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

            flex-wrap: nowrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center; }

    .portfolio-grid-4 .owl-stage .owl-item {

      -webkit-align-self: stretch;

          -ms-flex-item-align: stretch;

                  -ms-grid-row-align: stretch;

              align-self: stretch; }

    .portfolio-grid-4 .owl-stage .slider-wrap {

      height: 100%; }

  .portfolio-grid-4 .owl-stage,

  .portfolio-grid-4 .owl-stage-outer {

    height: 100%; }

  .portfolio-grid-4 .owl-stage-outer {

    padding-top: 0;

    margin-top: 0; }

  .portfolio-grid-4 .owl-dots {

    top: 0;

    right: 35px; }

  .portfolio-grid-4 .owl-nav .owl-prev, .portfolio-grid-4 .owl-nav .owl-next {

    top: auto;

    left: 40px;

    bottom: 40px; }

  .portfolio-grid-4 .owl-nav .owl-next {

    left: 100px; }

  @media screen and (max-width: 768px) {

    .portfolio-grid-4 .owl-nav .owl-prev, .portfolio-grid-4 .owl-nav .owl-next {

      left: 25px;

      bottom: 25px; }

    .portfolio-grid-4 .owl-nav .owl-next {

      left: 80px; }

    .portfolio-grid-4 .owl-dots {

      right: 18px; }

    .portfolio-grid-4 .scroll {

      display: none; } }



.portfolio-grid-4 .scroll, .portfolio-grid-5 .scroll, .portfolio-grid-7 .scroll {

  color: #fff;

  font-size: 16px;

  font-family: "Poppins", sans-serif;

  font-weight: 500;

  position: absolute;

  right: 50px;

  bottom: 45px;

  z-index: 20;

  cursor: default; }

  .portfolio-grid-4 .scroll:after, .portfolio-grid-5 .scroll:after, .portfolio-grid-7 .scroll:after {

    content: '';

    border-top: 2px solid #fff;

    width: 40px;

    position: absolute;

    opacity: .5;

    left: -55px;

    top: 48%; }



.portfolio-grid-4.hide-scroll .scroll, .portfolio-grid-5.hide-scroll .scroll, .portfolio-grid-7.hide-scroll .scroll {

  display: none; }



.portfolio-grid-5 .scroll {

  color: #404044;

  right: 50%;

  bottom: 110px;

  margin-right: 25px;

  -webkit-transform: rotate(-90deg);

      -ms-transform: rotate(-90deg);

          transform: rotate(-90deg); }

  .portfolio-grid-5 .scroll:after {

    border-color: #404044; }



.portfolio-grid-4, .portfolio-grid-6 {

  overflow: hidden; }

  .portfolio-grid-4 .slider, .portfolio-grid-6 .slider {

    width: auto; }

    .portfolio-grid-4 .slider .owl-item, .portfolio-grid-6 .slider .owl-item {

      height: 100%; }



.portfolio-grid-6 {

  min-height: 200px; }

  .portfolio-grid-6 .owl-nav .owl-next, .portfolio-grid-6 .owl-nav .owl-prev {

    margin-top: -40px; }

    .portfolio-grid-6 .owl-nav .owl-next:after, .portfolio-grid-6 .owl-nav .owl-prev:after {

      border-color: #404044; }

  .portfolio-grid-6 .owl-nav .owl-next {

    right: 30px; }

  .portfolio-grid-6 .owl-nav .owl-prev {

    left: 30px; }



.portfolio-grid-7 .scroll {

  right: 50%;

  bottom: 110px;

  margin-right: -25px;

  -webkit-transform: rotate(-90deg);

      -ms-transform: rotate(-90deg);

          transform: rotate(-90deg); }



.portfolio-grid-8 .scroll {

  position: absolute;

  bottom: 40px;

  left: 37%;

  color: #fff;

  font-size: 16px;

  font-weight: 600; }

  .portfolio-grid-8 .scroll:after {

    content: '';

    background: #fff;

    width: 40px;

    height: 2px;

    position: absolute;

    left: 0;

    top: 45%;

    margin-left: -55px;

    opacity: .5; }



.portfolio-grid-8.hide-scroll .scroll {

  display: none; }



@media screen and (max-width: 768px) {

  .portfolio-grid-8 .scroll {

    display: none; } }



.norebro-recent-projects-sc .pagination {

  margin: 30px auto;

  text-align: center; }



.lazy-load {

  margin: 30px auto;

  display: block;

  font-size: 15px;

  font-weight: 600;

  text-align: center;

  -webkit-transition: color .1s ease-in-out;

  transition: color .1s ease-in-out; }

  .lazy-load .icon {

    margin: -1px 0 0 5px;

    font-size: 18px;

    vertical-align: middle;

    display: inline-block; }

    .lazy-load .icon:before {

      width: 18px;

      height: 18px;

      -webkit-transform-origin: 42% 53%;

          -ms-transform-origin: 42% 53%;

              transform-origin: 42% 53%; }

  .lazy-load.active .icon:before {

    -webkit-animation: mymove 1s linear 0s infinite;

            animation: mymove 1s linear 0s infinite; }

  .lazy-load.load-more {

    padding: 15px;

    cursor: pointer; }

    .lazy-load.load-more .loading-text {

      display: none; }

    .lazy-load.load-more.active .loadmore-text {

      display: none; }

    .lazy-load.load-more.active .loading-text {

      display: inline; }

    .lazy-load.load-more:hover {

      color: #723887; }



@-webkit-keyframes mymove {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg); } }



@keyframes mymove {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg); } }



/*--------------------------------------------------------------

## Portfolio Pages

--------------------------------------------------------------*/

.portfolio-page-custom-content {

  padding: 0 15px; }

  @media screen and (max-width: 768px) {

    .portfolio-page-custom-content {

      padding: 0;

      margin: 0 -15px; } }



.portfolio-page {

  position: relative; }

  .portfolio-page .images-wrap {

    padding-right: 0; }

    .portfolio-page .images-wrap img {

      width: 100%;

      float: left;

      margin-bottom: 5px; }

      .portfolio-page .images-wrap img:last-of-type {

        margin-bottom: 0; }

  .portfolio-page .portfolio-content {

    padding: 80px 0 80px 70px;

    z-index: 2; }

  .portfolio-page h2 {

    margin: 20px 0 5px;

    font-size: 36px;

    font-weight: 600;

    line-height: 1.2;

    text-decoration: none;

    display: block; }

  .portfolio-page p {

    font-size: 15px; }

  .portfolio-page .task-title {

    margin-top: 35px;

    font-size: 15px; }

  .portfolio-page .description {

    margin-top: 15px; }

  .portfolio-page .info {

    margin-top: 25px; }

  .portfolio-page .info-list {

    list-style: none; }

    .portfolio-page .info-list li {

      width: auto;

      display: inline-block;

      min-width: 50px;

      max-width: 150px;

      margin-right: 40px;

      vertical-align: top; }

      .portfolio-page .info-list li:last-child {

        margin-right: 0px; }

    .portfolio-page .info-list .title {

      color: #999999;

      margin: 0 0 5px 0;

      padding-bottom: 8px;

      border-bottom: 1px solid #ececec;

      font-size: 11px;

      font-weight: 600;

      text-transform: uppercase; }

    .portfolio-page .info-list p {

      margin-top: 5px;

      font-size: 14px;

      color: #636363; }

  .portfolio-page .socialbar {

    margin-top: 15px;

    margin-left: -15px; }

    .portfolio-page .socialbar a:first-child {

      margin: 5px 15px; }

    .portfolio-page .socialbar a {

      font-weight: 600;

      font-size: 13px;

      margin-top: 5px; }

  .portfolio-page .open-website {

    margin-top: 45px; }

  .portfolio-page.boxed .images-wrap {

    padding-right: 15px; }

  .portfolio-page.content-invert .portfolio-content {

    padding: 80px 70px 80px 0; }

  .portfolio-page.fullwidth {

    padding-left: 0; }

    .portfolio-page.fullwidth.content-invert {

      padding-left: 7%;

      padding-right: 0; }

    .portfolio-page.fullwidth .images-wrap {

      padding-left: 0; }

  .portfolio-page.fullscreen {

    width: auto;

    max-width: 50%;

    background: rgba(51, 51, 51, 0.97);

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 2; }

    .portfolio-page.fullscreen .portfolio-content {

      padding: 60px;

      -webkit-transition: 0.3s cubic-bezier(0.45, 1, 0.65, 1);

      transition: 0.3s cubic-bezier(0.45, 1, 0.65, 1);

      -webkit-transition-property: width, height, padding;

      transition-property: width, height, padding; }

      .portfolio-page.fullscreen .portfolio-content.closed {

        padding: 30px 90px 20px 30px; }

      .portfolio-page.fullscreen .portfolio-content.no-transition {

        -webkit-transition: none;

        transition: none; }

      .portfolio-page.fullscreen .portfolio-content .tag, .portfolio-page.fullscreen .portfolio-content h2, .portfolio-page.fullscreen .portfolio-content h4 {

        color: #fff; }

      .portfolio-page.fullscreen .portfolio-content p {

        color: #9a9a9a; }

      .portfolio-page.fullscreen .portfolio-content .tag {

        background: #723887;

        border-color: #723887; }

      .portfolio-page.fullscreen .portfolio-content h2 {

        font-size: 24px;

        font-weight: 600; }

      .portfolio-page.fullscreen .portfolio-content .info .title {

        color: #fff;

        border-color: rgba(235, 235, 235, 0.15); }

      .portfolio-page.fullscreen .portfolio-content .info a {

        color: inherit; }

    .portfolio-page.fullscreen .toggle-btn {

      color: #fff;

      width: 70px;

      height: 70px;

      line-height: 72px;

      font-size: 26px;

      text-align: center;

      position: absolute;

      top: 0;

      right: 0;

      opacity: 1;

      cursor: pointer; }

      .portfolio-page.fullscreen .toggle-btn:hover {

        opacity: .8; }

  .portfolio-page.with-slider .portfolio-content {

    padding: 80px 15px 75px; }

  .portfolio-page.with-slider .info {

    margin-top: 10px; }

  .portfolio-page.with-slider .slider {

    margin-bottom: 90px; }

    .portfolio-page.with-slider .slider .owl-item {

      padding: 0 85px; }

    .portfolio-page.with-slider .slider img {

      width: 100%; }

  .portfolio-page.header-full, .portfolio-page.portfolio-header-title {

    background-size: cover;

    background-position: center;

    height: 100vh; }

    .portfolio-page.header-full .back, .portfolio-page.portfolio-header-title .back {

      color: #fff;

      position: absolute;

      left: -webkit-calc( (100% - 700px)/4);

      left: calc( (100% - 700px)/4);

      font-size: 14px;

      font-weight: 600; }

      .portfolio-page.header-full .back .icon, .portfolio-page.portfolio-header-title .back .icon {

        font-size: 20px;

        vertical-align: -3px;

        margin-right: 20px;

        opacity: .8; }

    .portfolio-page.header-full .content-center, .portfolio-page.portfolio-header-title .content-center {

      background: rgba(51, 51, 51, 0.7); }

    .portfolio-page.header-full .portfolio-content, .portfolio-page.portfolio-header-title .portfolio-content {

      width: 700px;

      margin: 0 auto;

      padding: 30px 0;

      position: relative; }

    .portfolio-page.header-full .tag, .portfolio-page.portfolio-header-title .tag {

      border-color: #fff; }

    .portfolio-page.header-full h2, .portfolio-page.portfolio-header-title h2 {

      font-size: 62px; }

    .portfolio-page.header-full .tag, .portfolio-page.header-full h2, .portfolio-page.header-full p, .portfolio-page.portfolio-header-title .tag, .portfolio-page.portfolio-header-title h2, .portfolio-page.portfolio-header-title p {

      color: #fff; }

    .portfolio-page.header-full .info .title, .portfolio-page.portfolio-header-title .info .title {

      border-color: rgba(255, 255, 255, 0.25); }

    .portfolio-page.header-full .info p a, .portfolio-page.portfolio-header-title .info p a {

      color: #fff; }

    .portfolio-page.header-full .scroll, .portfolio-page.portfolio-header-title .scroll {

      color: #fff;

      position: absolute;

      bottom: 100px;

      left: -webkit-calc( (100% - 700px)/2);

      left: calc( (100% - 700px)/2);

      margin-left: -5px;

      font-size: 16px;

      -webkit-transform: rotate(-90deg) translateY(-50%) translateX(100%);

          -ms-transform: rotate(-90deg) translateY(-50%) translateX(100%);

              transform: rotate(-90deg) translateY(-50%) translateX(100%); }

      .portfolio-page.header-full .scroll:after, .portfolio-page.portfolio-header-title .scroll:after {

        content: '';

        background: rgba(255, 255, 255, 0.5);

        width: 40px;

        height: 2px;

        position: absolute;

        right: 140%;

        top: 45%; }

  .portfolio-page.portfolio-header-title {

    height: auto; }

    .portfolio-page.portfolio-header-title .portfolio-content {

      width: 800px;

      height: auto;

      text-align: center; }

    .portfolio-page.portfolio-header-title .content-center {

      padding: 14% 0 12%; }

    .portfolio-page.portfolio-header-title .tag {

      background: #404044;

      border-color: #404044; }

    .portfolio-page.portfolio-header-title .info-list li {

      max-width: none;

      margin-right: 20px; }

    .portfolio-page.portfolio-header-title .info-list .title, .portfolio-page.portfolio-header-title .info-list p {

      width: auto;

      display: inline-block;

      font-size: 13px;

      font-weight: 500;

      line-height: 20px; }

    .portfolio-page.portfolio-header-title .info-list .title {

      color: #cbcbcb;

      margin: 0;

      padding: 0;

      border: none; }

    .portfolio-page.portfolio-header-title .info-list p {

      margin-bottom: 0; }

    .portfolio-page.portfolio-header-title .scroll {

      left: 50%;

      bottom: 30px; }

    .portfolio-page.portfolio-header-title.invert h2, .portfolio-page.portfolio-header-title.invert p, .portfolio-page.portfolio-header-title.invert .scroll, .portfolio-page.portfolio-header-title.invert .back {

      color: #404044; }

    .portfolio-page.portfolio-header-title.invert .scroll:after {

      background: rgba(64, 64, 68, 0.6); }

    .portfolio-page.portfolio-header-title.invert .tag {

      background: #723887;

      border-color: #723887; }

    .portfolio-page.portfolio-header-title.invert .content-center {

      background: rgba(255, 255, 255, 0.85); }

    .portfolio-page.portfolio-header-title.invert .info-list .title {

      color: #777; }

    .portfolio-page.portfolio-header-title.invert .info p a {

      color: #404044; }

  .portfolio-page.header-full h2, .portfolio-page.header-full .tag, .portfolio-page.header-full .info, .portfolio-page.header-full .back, .portfolio-page.header-full .scroll, .portfolio-page.portfolio-header-title h2, .portfolio-page.portfolio-header-title .tag, .portfolio-page.portfolio-header-title .info, .portfolio-page.portfolio-header-title .back, .portfolio-page.portfolio-header-title .scroll {

    opacity: 0;

    -webkit-transform: translateY(30px);

        -ms-transform: translateY(30px);

            transform: translateY(30px);

    -webkit-transition: .4s ease-in-out;

    transition: .4s ease-in-out;

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: opacity, transform;

    transition-property: opacity, transform, -webkit-transform; }

  .portfolio-page.header-full h2, .portfolio-page.portfolio-header-title h2 {

    -webkit-transition-delay: .15s;

            transition-delay: .15s; }

  .portfolio-page.header-full .info, .portfolio-page.portfolio-header-title .info {

    -webkit-transition-delay: .3s;

            transition-delay: .3s; }

  .portfolio-page.header-full .back, .portfolio-page.portfolio-header-title .back {

    -webkit-transition-delay: .5s;

            transition-delay: .5s;

    -webkit-transform: translateX(30px);

        -ms-transform: translateX(30px);

            transform: translateX(30px); }

  .portfolio-page.header-full .scroll, .portfolio-page.portfolio-header-title .scroll {

    -webkit-transition-delay: .4s;

            transition-delay: .4s;

    -webkit-transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px);

        -ms-transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px);

            transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px); }

  .portfolio-page.header-full.show h2, .portfolio-page.header-full.show .tag, .portfolio-page.header-full.show .info, .portfolio-page.header-full.show .back, .portfolio-page.portfolio-header-title.show h2, .portfolio-page.portfolio-header-title.show .tag, .portfolio-page.portfolio-header-title.show .info, .portfolio-page.portfolio-header-title.show .back {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }

  .portfolio-page.header-full.show .scroll, .portfolio-page.portfolio-header-title.show .scroll {

    opacity: 1;

    -webkit-transform: rotate(-90deg) translateY(-50%) translateX(100%);

        -ms-transform: rotate(-90deg) translateY(-50%) translateX(100%);

            transform: rotate(-90deg) translateY(-50%) translateX(100%); }



@media screen and (max-width: 1024px) and (min-width: 769px) {

  .portfolio-page .portfolio-content {

    padding: 40px 0 40px 40px;

    z-index: 2; }

  .portfolio-page.content-invert .portfolio-content {

    padding: 40px 40px 40px 0; }

  .portfolio-page.header-full h2, .portfolio-page.portfolio-header-title h2 {

    font-size: 46px;

    line-height: 56px; }

  .portfolio-page.header-full.show .scroll,

  .portfolio-page.portfolio-header-title.show .scroll {

    display: none; }

  .portfolio-page.fullscreen {

    max-width: 70%; } }



@media screen and (max-width: 768px) {

  .portfolio-page .portfolio-content .vc_row .vc_column_container > .vc_column-inner {

    padding-left: 15px;

    padding-right: 15px; }

  .portfolio-page.boxed .images-wrap,

  .portfolio-page .images-wrap {

    padding: 0;

    margin: 0 -25px; }

    .portfolio-page.boxed .images-wrap img,

    .portfolio-page .images-wrap img {

      margin-bottom: 0; }

  .portfolio-page.content-invert .portfolio-content,

  .portfolio-page.with-slider .portfolio-content,

  .portfolio-page .portfolio-content {

    padding: 30px 0; }

  .portfolio-page.content-invert .portfolio-content,

  .portfolio-page.with-slider .portfolio-content {

    margin: 0 -15px; }

  .portfolio-page .description .vc_column_container > .vc_column-inner {

    padding-left: 15px;

    padding-right: 15px; }

  .portfolio-page .info-list {

    display: block; }

    .portfolio-page .info-list li {

      width: 100%;

      max-width: 100%; }

  .portfolio-page .socialbar {

    margin-top: 15px; }

    .portfolio-page .socialbar a {

      margin-top: 5px; }

  .portfolio-page.fullwidth, .portfolio-page.fullwidth.content-invert {

    padding: 0 25px; }

  .portfolio-page.header-full {

    height: auto; }

    .portfolio-page.header-full .portfolio-content {

      width: auto;

      padding: 90px 25px 25px; }

      .portfolio-page.header-full .portfolio-content h2 {

        font-size: 36px; }

  .portfolio-page.portfolio-header-title .content-center {

    padding: 0; }

  .portfolio-page.portfolio-header-title .portfolio-content {

    width: auto;

    padding: 120px 25px 60px; }

    .portfolio-page.portfolio-header-title .portfolio-content h2 {

      font-size: 36px; }

  .portfolio-page.portfolio-header-title .info-list li {

    width: auto;

    margin: 0 5px; }

  .portfolio-page.portfolio-header-title .scroll,

  .portfolio-page.portfolio-header-title .back {

    display: none; }

  .portfolio-page.fullscreen {

    position: static;

    max-width: none; }

    .portfolio-page.fullscreen .portfolio-content {

      padding: 30px 25px;

      margin: 0; }

    .portfolio-page.fullscreen .open-website {

      margin-top: 15px; }

  .portfolio-page-onepage .onepage-section {

    padding: 75% 0 0; }

  .portfolio-page-onepage .onepage-navigation {

    display: none; } }



.portfolio-comments #comments.comments-area {

  margin-top: 0; }



/*--------------------------------------------------------------

# Blog

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Grid

--------------------------------------------------------------*/

.blog-grid {

  width: 100%;

  float: left;

  position: relative;

  overflow: hidden; }

  .blog-grid header {

    white-space: nowrap; }

    .blog-grid header .tags {

      width: 100%;

      white-space: normal;

      padding: 15px 20px 0;

      vertical-align: top;

      position: relative;

      display: inline-block; }

    .blog-grid header .tags:nth-child(2) {

      left: -100%; }

    .blog-grid header img, .blog-grid header .slider, .blog-grid header iframe {

      width: 100%;

      display: inline-block;

      -webkit-transition: opacity .3s ease-in-out;

      transition: opacity .3s ease-in-out;

      vertical-align: top; }

    .blog-grid header iframe {

      min-height: 250px; }

    .blog-grid header .slider {

      overflow: hidden; }

      .blog-grid header .slider .owl-nav {

        display: none; }

      .blog-grid header .slider .owl-dots {

        width: 15px;

        height: auto;

        position: absolute;

        top: 15px;

        right: 15px; }

      .blog-grid header .slider .owl-dot {

        color: #fff;

        margin: 0 0 5px 0;

        display: block;

        float: left;

        z-index: 200; }

  .blog-grid .tags {

    margin-bottom: 20px; }

    .blog-grid .tags a {

      color: #fff; }

      .blog-grid .tags a:hover {

        background-color: transparent;

        color: #723887; }

  .blog-grid .content {

    padding: 15px 0 5px; }

  .blog-grid h3 {

    font-size: 20px;

    line-height: 1.5;

    margin: 0; }

  .blog-grid p {

    line-height: 1.7;

    margin: 12px auto; }

  .blog-grid footer {

    margin-top: 0px;

    font-size: 12px;

    text-transform: uppercase; }

    .blog-grid footer .author {

      margin-right: 5px;

      font-weight: 500; }

    .blog-grid footer .data {

      margin-left: 5px; }

    .blog-grid footer .data, .blog-grid footer strong {

      color: #999999;

      -webkit-transition: color .3s ease-in-out;

      transition: color .3s ease-in-out; }

  .blog-grid .plus {

    font-size: 36px;

    line-height: 0;

    margin-top: 12px;

    display: inline-block;

    -webkit-transition: .1s ease-in-out;

    transition: .1s ease-in-out;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform; }

    .blog-grid .plus, .blog-grid .plus:before {

      line-height: .6; }

  .blog-grid:hover header img {

    opacity: .8; }

  .blog-grid:hover h3 a {

    color: #723887; }

  .blog-grid:hover .plus {

    color: inherit;

    -webkit-transform: rotateZ(-45deg);

        -ms-transform: rotate(-45deg);

            transform: rotateZ(-45deg); }

  .blog-grid.no-preview footer {

    margin-top: 10px; }

  .blog-grid.quote header .tags {

    left: 0;

    padding-left: 0; }

  .blog-grid.quote header blockquote {

    padding: 0 30px;

    margin: 0;

    margin-bottom: 15px;

    line-height: 1.4;

    quotes: "" "";

    white-space: normal; }

    .blog-grid.quote header blockquote:after {

      content: '';

      background: rgba(0, 0, 0, 0.15);

      width: 1px;

      height: -webkit-calc(100% - 10px);

      height: calc(100% - 10px);

      position: absolute;

      top: 5px;

      left: 0; }

    .blog-grid.quote header blockquote:before {

      content: '';

      background: rgba(0, 0, 0, 0.15);

      width: 100%;

      height: 1px;

      position: absolute;

      left: 0;

      bottom: -15px; }

    .blog-grid.quote header blockquote cite {

      position: relative;

      text-align: left;

      display: block;

      margin: 5px 0 0 0;

      text-align: left;

      font-weight: 600;

      font-size: 12px;

      text-transform: uppercase; }

  .blog-grid.grid-1 {

    margin-bottom: 45px; }

    .blog-grid.grid-1 .tags {

      margin-bottom: 0; }

    .blog-grid.grid-1 header .tags:nth-child(1) {

      padding-left: 0; }

    .blog-grid.grid-1.boxed header .tags {

      padding-left: 20px; }

    .blog-grid.grid-1 .content {

      padding-bottom: 0; }

  .blog-grid.boxed {

    background: #f8f8f8; }

    .blog-grid.boxed .content {

      padding: 20px 25px 0; }

    .blog-grid.boxed footer {

      padding: 5px 25px 20px; }

    .blog-grid.boxed.quote blockquote {

      margin: 15px 25px; }

      .blog-grid.boxed.quote blockquote:before {

        width: -webkit-calc( 100% + 50px);

        width: calc( 100% + 50px);

        left: -25px; }

  @media screen and (min-width: 769px) {

    .blog-grid.grid-2 {

      margin-bottom: 30px; }

      .blog-grid.grid-2 header {

        width: 400px;

        float: left;

        display: block; }

      .blog-grid.grid-2 .content {

        display: block;

        padding: 0 0 0 430px; }

      .blog-grid.grid-2 h3 {

        margin-top: -5px;

        display: inline-block; }

      .blog-grid.grid-2 .plus {

        margin-top: 20px; }

      .blog-grid.grid-2.boxed .content {

        padding: 20px 25px 0 430px; }

      .blog-grid.grid-2.boxed h3 {

        margin-top: 0; }

      .blog-grid.grid-2.boxed footer {

        padding: 0; } }

  .blog-grid.grid-3 {

    position: relative;

    overflow: hidden;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    -webkit-transition-property: background, color;

    transition-property: background, color;

    margin-bottom: 30px; }

    .blog-grid.grid-3 header {

      background-size: cover;

      width: 100%;

      height: 100%;

      position: absolute;

      z-index: 1; }

      .blog-grid.grid-3 header img {

        display: block; }

    .blog-grid.grid-3 .overlay {

      z-index: 2;

      opacity: .85; }

    .blog-grid.grid-3 .content {

      background: #f7f7f7;

      width: 100%;

      min-height: 400px;

      padding: 25px;

      position: relative;

      z-index: 3; }

    .blog-grid.grid-3 footer {

      width: 100%;

      position: absolute;

      bottom: 25px; }

    .blog-grid.grid-3 .plus {

      position: absolute;

      top: -18px;

      right: 56px; }

    .blog-grid.grid-3 .content, .blog-grid.grid-3 p {

      -webkit-transition: inherit;

      transition: inherit; }

    .blog-grid.grid-3:hover .content {

      background: transparent;

      color: #fff; }

    .blog-grid.grid-3:hover .tags a {

      background: transparent;

      border-color: #fff;

      color: #fff; }

    .blog-grid.grid-3:hover h3, .blog-grid.grid-3:hover h3 a, .blog-grid.grid-3:hover p, .blog-grid.grid-3:hover .plus {

      color: #fff; }

    .blog-grid.grid-3:hover .plus {

      -webkit-transform: rotateZ(-45deg);

          -ms-transform: rotate(-45deg);

              transform: rotateZ(-45deg); }

    .blog-grid.grid-3:hover footer strong, .blog-grid.grid-3:hover footer .data {

      color: rgba(255, 255, 255, 0.6); }

  .blog-grid.grid-4 {

    -webkit-transition: background .2s ease-in-out;

    transition: background .2s ease-in-out;

    padding: 25px 30px 20px;

    margin-bottom: 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.06); }

    .blog-grid.grid-4 .content {

      padding: 0; }

    .blog-grid.grid-4 .plus {

      margin-top: 20px; }

    .blog-grid.grid-4:hover {

      background: #f7f7f7; }

      .blog-grid.grid-4:hover .tags a {

        background: transparent;

        color: #723887; }

  @media screen and (min-width: 769px) {

    .blog-grid.grid-5 {

      width: 100%;

      padding-left: 50px;

      margin-bottom: 45px; }

      .blog-grid.grid-5 header {

        width: -webkit-calc(50% - 30px);

        width: calc(50% - 30px);

        position: relative;

        float: left; }

        .blog-grid.grid-5 header img {

          width: 100%; }

      .blog-grid.grid-5 .content {

        min-height: 150px;

        padding: 0 0 0 50%; }

      .blog-grid.grid-5 h3 {

        font-size: 22px;

        margin-top: 0;

        display: block;

        clear: none; }

      .blog-grid.grid-5 footer {

        margin-left: 0px;

        margin-top: 0px;

        height: 50px;

        line-height: 50px;

        padding: 0px 20px;

        left: 0px;

        top: 0px;

        text-align: right;

        position: absolute;

        -webkit-transform-origin: 100% 0;

            -ms-transform-origin: 100% 0;

                transform-origin: 100% 0;

        -webkit-transform: translateX(-100%) rotateZ(-90deg);

            -ms-transform: translateX(-100%) rotate(-90deg);

                transform: translateX(-100%) rotateZ(-90deg); }

      .blog-grid.grid-5.offset {

        width: 85%; }

      .blog-grid.grid-5.right {

        padding-left: 0;

        padding-right: 40px; }

        .blog-grid.grid-5.right header {

          float: right; }

        .blog-grid.grid-5.right .content {

          padding: 0 50% 0 0; }

        .blog-grid.grid-5.right footer {

          left: auto;

          right: 0;

          -webkit-transform: rotateZ(-90deg) translateY(-100%);

              -ms-transform: rotate(-90deg) translateY(-100%);

                  transform: rotateZ(-90deg) translateY(-100%); }

      .blog-grid.grid-5.boxed {

        background: #f7f7f7;

        padding-left: 50px; }

        .blog-grid.grid-5.boxed .content {

          padding: 25px 30px 15px 50%; }

        .blog-grid.grid-5.boxed.right {

          padding-left: 0;

          padding-right: 50px; }

          .blog-grid.grid-5.boxed.right .content {

            padding-right: 50%;

            padding-left: 30px; } }

  @media screen and (max-width: 768px) {

    .blog-grid {

      margin-bottom: 30px; }

      .blog-grid.grid-5 {

        margin-bottom: 25px; }

        .blog-grid.grid-5 footer {

          line-height: 50px;

          padding-top: 0;

          padding-bottom: 0; } }



.norebro-recent-posts-sc .grid-1,

.norebro-recent-posts-sc .grid-5 {

  margin-bottom: 15px; }



.norebro-recent-posts-sc .grid-2 {

  margin-bottom: 0; }



/*--------------------------------------------------------------

## Post

--------------------------------------------------------------*/

.single .byline,

.group-blog .byline {

  display: inline; }



.page-content,

.entry-content,

.entry-summary {

  margin: 0 auto; }



.post .entry-content {

  margin-bottom: 30px; }

  .post .entry-content a {

    color: #723887; }

    .post .entry-content a:hover {

      text-decoration: underline; }

  .post .entry-content .blog-slider .owl-nav {

    display: none; }

  .post .entry-content .blog-slider .owl-dots {

    margin-top: 10px; }



.post {

  margin-bottom: 0; }



article.page {

  margin: 0; }



.page-links {

  clear: both;

  margin: 0 0 1.5em;

  padding-top: 15px;

  font-size: 110%; }

  .page-links a {

    color: #723887; }

    .page-links a:hover {

      text-decoration: underline; }



.single-post .widget_norebro_about_author {

  padding-top: 20px; }



.entry-footer .share .title {

  float: left;

  padding: 7px 25px 5px 15px;

  border: 1px solid #999;

  -webkit-border-radius: 50px;

          border-radius: 50px;

  font-size: 11px;

  font-weight: 500;

  text-transform: uppercase;

  margin-top: 3px;

  cursor: pointer;

  -webkit-transition: .2s ease-in-out;

  transition: .2s ease-in-out;

  white-space: pre;

  position: relative; }

  .entry-footer .share .title:hover {

    border-color: #723887;

    color: #723887; }

  .entry-footer .share .title:after {

    content: '\f10d\A\f104';

    font-family: 'Ionicons';

    position: absolute;

    right: 12px;

    top: 8px;

    font-size: 9px;

    line-height: 7px;

    opacity: .7; }



.entry-footer .share .socialbar {

  float: left;

  overflow: hidden;

  white-space: nowrap;

  -webkit-transition: .5s ease-out;

  transition: .5s ease-out;

  font-size: 0; }

  .entry-footer .share .socialbar a {

    width: 0px;

    height: 36px;

    line-height: 36px;

    margin: 0;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    opacity: 0;

    -webkit-transform: scaleY(0);

        -ms-transform: scaleY(0);

            transform: scaleY(0);

    border-left-width: 0;

    border-right-width: 0; }

    .entry-footer .share .socialbar a:first-child {

      margin: 0; }

    .entry-footer .share .socialbar a.active {

      width: 36px;

      -webkit-transform: none;

          -ms-transform: none;

              transform: none;

      margin: 0 0 0 5px;

      opacity: 1;

      border-left-width: 1px;

      border-right-width: 1px; }

      .entry-footer .share .socialbar a.active:first-child {

        margin-left: 10px; }



.post-widget {

  padding-top: 30px; }



.toggle {

  position: relative;

  clear: both; }

  .toggle .norebro-icon-grid {

    background: rgba(0, 0, 0, 0.05);

    width: 50px;

    height: 50px;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    margin: -25px 0 0 -25px;

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 2; }

    .toggle .norebro-icon-grid:hover {

      background: rgba(0, 0, 0, 0.1); }



.toggle-post {

  width: 100%;

  margin: 0;

  overflow: hidden; }

  .toggle-post th, .toggle-post td {

    padding: 20px 0;

    border: none; }

  .toggle-post .arrow {

    color: #404044;

    width: 60px;

    height: 100%;

    border-left: 1px solid transparent;

    text-align: center;

    font-size: 28px;

    -webkit-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    -webkit-transition-property: border, color;

    transition-property: border, color;

    text-shadow: 0 1px 0 rgba(64, 64, 68, 0.4), -0.5px 0 0 rgba(64, 64, 68, 0.4), -0.5px 1px 0 rgba(64, 64, 68, 0.4); }

    .toggle-post .arrow span {

      margin-top: 5px;

      display: inline-block; }

  .toggle-post .content {

    width: 1px;

    padding: 0 20px 0 0;

    white-space: nowrap; }

    .toggle-post .content .subtitle {

      margin-bottom: 4px;

      text-transform: uppercase;

      font-size: 12px; }

    .toggle-post .content h3 {

      max-height: 3.6em;

      margin: 0 0 5px;

      line-height: 1.3;

      font-weight: 500;

      font-size: 14px;

      overflow: hidden;

      -webkit-transition: color .2s ease-in-out;

      transition: color .2s ease-in-out; }

  .toggle-post .image {

    margin: -20px 0 -26px;

    max-width: 150px;

    min-width: 80px;

    opacity: 0;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out; }

    .toggle-post .image img {

      height: 90px;

      width: auto; }

  .toggle-post.right .content {

    padding: 0 0 0 20px; }

  .toggle-post.right .arrow {

    border-left: none;

    border-right: 1px solid transparent; }

  .toggle-post:hover {

    background-position: 0 0; }

    .toggle-post:hover .arrow {

      color: #723887;

      border-color: rgba(0, 0, 0, 0.1); }

    .toggle-post:hover .image {

      opacity: 1; }

    .toggle-post:hover .content h3 {

      color: #723887; }



@media screen and (max-width: 768px) {

  .toggle-post .content {

    width: auto;

    white-space: normal; }

  .toggle-post .image {

    opacity: 1; }

  .toggle {

    padding: 20px 0; }

    .toggle .norebro-icon-grid {

      position: relative;

      top: 0;

      margin: 20px 0 20px -25px; } }



h3.related-post-heading {

  margin-bottom: 25px;

  margin-top: 45px;

  font-size: 16px; }



.related-posts {

  margin-bottom: 35px; }

  .related-posts .blog-grid footer {

    margin-top: 10px; }



.post {

  margin-top: 0; }

  .post .entry-content p:first-of-type {

    margin-top: 0; }

  .post .entry-content p:last-of-type {

    margin-bottom: 0; }

  .post h2 a:hover {

    text-decoration: underline; }

  .post .comments-link a {

    font-size: 13px;

    margin-left: 15px; }

    .post .comments-link a:hover {

      color: #723887;

      text-decoration: underline; }



form.post-password-form {

  text-align: left; }

  form.post-password-form label {

    font-weight: 600;

    margin: 15px 0; }

    form.post-password-form label input {

      margin-top: 5px; }

  form.post-password-form input[type="submit"] {

    margin-top: 15px; }



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

  word-wrap: break-word; }



.bypostauthor {

  display: block; }



.comments-title {

  margin-bottom: 25px; }



.comments-area {

  background: #f7f7f7;

  width: 100%;

  margin: 80px auto 0;

  padding: 70px 15px;

  position: relative;

  clear: both; }

  .comments-area:after, .comments-area:before {

    background: inherit;

    content: '';

    width: 500%;

    height: 100%;

    position: absolute;

    top: 0; }

  .comments-area:after {

    left: 100%; }

  .comments-area:before {

    right: 100%; }

  .comments-area.no-comments {

    padding-top: 0; }

    .comments-area.no-comments .comment-respond:after {

      display: none; }

  .comments-area .nav-links {

    margin: 15px 0; }

    .comments-area .nav-links div {

      display: inline-block;

      margin-right: 15px; }

    .comments-area .nav-links a:hover {

      text-decoration: underline; }

  .comments-area .comments-title {

    font-size: 16px;

    margin-bottom: 10px; }

  .comments-area .comment-list {

    margin: 0 0 55px;

    padding: 0;

    list-style: none; }

  .comments-area .pingback p {

    display: none; }

  .comments-area .comment-list > li {

    border-top: 1px solid #ebebeb;

    margin-top: 20px; }

  .comments-area ul.children {

    margin-left: 0;

    padding-left: 110px;

    list-style: none; }

  .comments-area .comment-body {

    padding: 25px 0 0 110px;

    position: relative; }

    .comments-area .comment-body .title a:hover {

      text-decoration: underline; }

    .comments-area .comment-body .comment-awaiting-moderation {

      font-size: 14px; }

    .comments-area .comment-body .comment-author img {

      width: 80px;

      height: 80px;

      -webkit-border-radius: 50%;

              border-radius: 50%;

      display: block;

      position: absolute;

      top: 18px;

      left: 0; }

    .comments-area .comment-body .comment-author h4 {

      display: inline-block;

      font-size: 15px; }

    .comments-area .comment-body .comment-author .says {

      display: none; }

    .comments-area .comment-body .comment-meta {

      margin-top: 4px;

      font-size: 13px; }

      .comments-area .comment-body .comment-meta time, .comments-area .comment-body .comment-meta a {

        color: #8a8a8b; }

      .comments-area .comment-body .comment-meta a:hover {

        text-decoration: underline; }

      .comments-area .comment-body .comment-meta .reply a,

      .comments-area .comment-body .comment-meta a.comment-edit-link {

        color: #723887; }

    .comments-area .comment-body .comment-content {

      display: inline-block;

      padding-top: 5px;

      width: 100%; }

    .comments-area .comment-body .reply {

      display: inline-block; }

  .comments-area .reply a,

  .comments-area .reply-cancle a,

  .comments-area a.comment-edit-link {

    color: #723887;

    font-size: 13px;

    margin-left: 14px;

    position: relative; }

    .comments-area .reply a:hover,

    .comments-area .reply-cancle a:hover,

    .comments-area a.comment-edit-link:hover {

      text-decoration: underline; }

    .comments-area .reply a:after,

    .comments-area .reply-cancle a:after,

    .comments-area a.comment-edit-link:after {

      content: '●';

      position: absolute;

      font-size: 8px;

      top: 2px;

      left: -10px;

      color: #404044; }

  .comments-area .comment-respond {

    padding-top: 55px;

    position: relative;

    z-index: 2; }

    .comments-area .comment-respond p {

      text-align: left; }

    .comments-area .comment-respond:after, .comments-area .comment-respond:before {

      content: '';

      width: 500%;

      height: 1px;

      border-top: 1px solid #ebebeb;

      position: absolute;

      top: 0;

      left: -200%; }

    .comments-area .comment-respond:before {

      display: none;

      top: auto;

      bottom: 0; }

    .comments-area .comment-respond h3 {

      display: inline-block;

      font-size: 16px; }

    .comments-area .comment-respond .reply-cancle {

      display: inline-block; }

    .comments-area .comment-respond a:hover {

      text-decoration: underline; }

    .comments-area .comment-respond form#commentform {

      margin-top: 25px;

      margin-bottom: 0px; }

    .comments-area .comment-respond .submit-comment {

      margin-top: 25px; }

    .comments-area .comment-respond label {

      padding: 5px 20px 20px 0; }

      .comments-area .comment-respond label:last-child {

        padding-right: 0; }

  .comments-area .comment .comment-respond {

    margin-top: 40px;

    padding-bottom: 40px;

    margin-bottom: 10px; }

    .comments-area .comment .comment-respond:before {

      display: block; }

  @media screen and (max-width: 768px) {

    .comments-area {

      width: 100%;

      padding: 20px 0; }

      .comments-area #respond {

        padding-top: 0; }

      .comments-area .comment-list {

        margin-bottom: 15px; } }



/*--------------------------------------------------------------

# WPML

--------------------------------------------------------------*/

body #lang_sel {

  width: 100%; }

  body #lang_sel ul li {

    width: 100%; }

    body #lang_sel ul li a {

      padding: 10px 15px; }

    body #lang_sel ul li > ul {

      width: 100%;

      top: 45px; }

  body #lang_sel a.lang_sel_sel {

    background: transparent;

    position: relative; }

    body #lang_sel a.lang_sel_sel:after {

      content: '\f104';

      font-size: 13px;

      font-family: Ionicons;

      color: rgba(0, 0, 0, 0.4);

      position: absolute;

      right: 15px;

      top: 12px; }



body #lang_sel_list.lang_sel_list_vertical {

  width: 100%;

  height: auto;

  overflow: hidden;

  z-index: 10; }

  body #lang_sel_list.lang_sel_list_vertical ul, body #lang_sel_list.lang_sel_list_vertical li {

    width: 100%; }

  body #lang_sel_list.lang_sel_list_vertical ul {

    border-top-style: dotted;

    border-color: rgba(0, 0, 0, 0.2); }

  body #lang_sel_list.lang_sel_list_vertical ul li a {

    background: transparent;

    padding: 15px 0;

    border-left: none;

    border-right: none;

    border-bottom-style: dotted;

    border-color: rgba(0, 0, 0, 0.2); }

    body #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel {

      border-color: rgba(0, 0, 0, 0.2); }

    body #lang_sel_list.lang_sel_list_vertical ul li a:hover {

      background: transparent;

      color: rgba(0, 0, 0, 0.5); }



body #lang_sel_list.lang_sel_list_horizontal {

  width: 100%;

  z-index: 10; }

  body #lang_sel_list.lang_sel_list_horizontal ul {

    border: none; }

  body #lang_sel_list.lang_sel_list_horizontal li a {

    background: transparent;

    margin-right: 15px;

    margin-bottom: 5px; }

    body #lang_sel_list.lang_sel_list_horizontal li a:hover {

      background: transparent;

      opacity: .7; }



body #lang_sel_footer {

  background: #38383a;

  border: none;

  border-top: 1px solid rgba(0, 0, 0, 0.1); }

  body #lang_sel_footer ul li a {

    background: transparent;

    color: #fff; }

    body #lang_sel_footer ul li a:hover {

      background: rgba(255, 255, 255, 0.1); }

    body #lang_sel_footer ul li a span {

      color: #fff; }

    body #lang_sel_footer ul li a.lang_sel_sel {

      background: rgba(255, 255, 255, 0.1);

      color: #fff; }

      body #lang_sel_footer ul li a.lang_sel_sel:hover {

        background: rgba(255, 255, 255, 0.1); }



.site-footer #lang_sel a.lang_sel_sel {

  border-color: rgba(255, 255, 255, 0.15);

  color: rgba(255, 255, 255, 0.6); }

  .site-footer #lang_sel a.lang_sel_sel:hover {

    background: transparent;

    border-color: rgba(255, 255, 255, 0.2);

    color: #fff; }

    .site-footer #lang_sel a.lang_sel_sel:hover:after {

      color: rgba(255, 255, 255, 0.4); }

  .site-footer #lang_sel a.lang_sel_sel:after {

    color: rgba(255, 255, 255, 0.2); }



.site-footer #lang_sel ul li > ul {

  z-index: 2;

  border-top-color: #343437;

  top: 46px; }

  .site-footer #lang_sel ul li > ul li a {

    background: #343437;

    border-color: #2c2c2f;

    color: rgba(255, 255, 255, 0.6); }

    .site-footer #lang_sel ul li > ul li a:hover {

      background: #404044; }



.site-footer #lang_sel_list.lang_sel_list_vertical ul {

  border-color: rgba(255, 255, 255, 0.15); }



.site-footer #lang_sel_list.lang_sel_list_vertical ul li a {

  color: rgba(255, 255, 255, 0.7);

  border-color: rgba(255, 255, 255, 0.15); }

  .site-footer #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel {

    border-color: rgba(255, 255, 255, 0.15); }

  .site-footer #lang_sel_list.lang_sel_list_vertical ul li a:hover {

    background: transparent;

    color: #fff; }



.site-footer #lang_sel_list.lang_sel_list_horizontal li a {

  color: #fff; }

  .site-footer #lang_sel_list.lang_sel_list_horizontal li a:hover {

    color: #fff; }



/*--------------------------------------------------------------

# Help classes

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Wordpress classes

--------------------------------------------------------------*/

.wp-caption {

  margin-bottom: 1.5em;

  max-width: 100%; }

  .wp-caption img[class*="wp-image-"] {

    display: block;

    margin-left: auto;

    margin-right: auto; }

  .wp-caption .wp-caption-text {

    margin: 0.8075em 0; }



.wp-caption-text {

  text-align: center; }



.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0; }



div.wpb_content_element {

  margin-bottom: 0; }



.vc_col-lg-2_5th,

.vc_col-lg-5th,

.vc_col-md-2_5th,

.vc_col-md-5th,

.vc_col-sm-2_5th,

.vc_col-sm-5th,

.vc_col-xs-2_5th,

.vc_col-xs-5th {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; }



.vc_col-xs-5th,

.vc_col-xs-2_5th {

  float: left; }



.vc_col-xs-5th {

  width: 20%; }



.vc_col-xs-2_5th {

  width: 10%; }



@media (min-width: 768px) {

  div.vc_col-sm-5th, div.vc_col-sm-2_5th {

    float: left; }

  div.vc_col-sm-5th {

    width: 20%; }

  div.vc_col-sm-2_5th {

    width: 40%; } }



@media (min-width: 992px) {

  div.vc_col-md-5th, div.vc_col-md-2_5th {

    float: left; }

  div.vc_col-md-5th {

    width: 20%; }

  div.vc_col-md-2_5th {

    width: 40%; } }



@media (min-width: 1200px) {

  div.vc_col-lg-5th, div.vc_col-lg-2_5th {

    float: left; }

  div.vc_col-lg-5th {

    width: 20%; }

  div.vc_col-lg-2_5th {

    width: 40%; } }



/*--------------------------------------------------------------

## Simple classes

--------------------------------------------------------------*/

.text-left,

p.text-left {

  text-align: left; }



.text-right,

p.text-right {

  text-align: right; }



.text-center {

  text-align: center; }



.text-justify {

  text-align: justify; }



.left {

  float: left; }



.right {

  float: right; }



.half-width {

  width: 50%; }



.full-width {

  width: 100%; }



.full-vh {

  height: 100vh; }



@media screen and (max-width: 768px) {

  .full-vh {

    height: auto; } }



.middle {

  position: absolute;

  top: 50%;

  left: 50%; }



.hidden {

  display: none; }



.visible {

  visibility: visible; }



.inline {

  display: inline-block; }



.uppercase {

  text-transform: uppercase; }



.lowercase {

  text-transform: lowercase; }



.no-transition {

  -webkit-transition: none !important;

  transition: none !important; }



.relative {

  position: relative; }



/*--------------------------------------------------------------

## Template classes

--------------------------------------------------------------*/

.content-center {

  display: table;

  width: 100%;

  height: 100%; }

  .content-center .wrap {

    display: table-cell;

    width: 100%;

    height: 100%;

    vertical-align: middle; }



.overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0; }



/*--------------------------------------------------------------

## Animation classes

--------------------------------------------------------------*/

@-webkit-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

            transform: translateY(0); }

  40% {

    -webkit-transform: translateY(-30px);

            transform: translateY(-30px); }

  60% {

    -webkit-transform: translateY(-15px);

            transform: translateY(-15px); } }

@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

            transform: translateY(0); }

  40% {

    -webkit-transform: translateY(-30px);

            transform: translateY(-30px); }

  60% {

    -webkit-transform: translateY(-15px);

            transform: translateY(-15px); } }



div.bounce-item {

  -webkit-animation: bounce 2s infinite;

          animation: bounce 2s infinite; }



.norebro-scroll-anim {

  -webkit-transform: none;

      -ms-transform: none;

          transform: none;

  opacity: 0;

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform; }

  .norebro-scroll-anim.from-left {

    -webkit-transform: translateX(-50px);

        -ms-transform: translateX(-50px);

            transform: translateX(-50px); }



.norebro-fadeIn {

  -webkit-transition: .2s ease-in-out;

  transition: .2s ease-in-out;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform;

  -webkit-transform: trnslateY(-10px);

      -ms-transform: trnslateY(-10px);

          transform: trnslateY(-10px);

  opacity: 0; }

  .norebro-fadeIn.show {

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none; }



/*--------------------------------------------------------------

### Brand color classes

--------------------------------------------------------------*/

input.brand-color,

input[type="submit"].brand-color,

button.brand-color,

a.brand-color,

div.brand-color,

span.brand-color {

  color: #723887; }



input.brand-color-hover:hover,

input[type="submit"].brand-color-hover:hover,

button.brand-color-hover:hover,

a.brand-color-hover:hover,

div.brand-color-hover:hover,

span.brand-color-hover:hover {

  color: #723887; }



.brand-color,

.brand-color-after:after,

.brand-color-before:before {

  color: #723887; }



.brand-color-hover:hover,

.brand-color-hover-after:after,

.brand-color-hover-before:before {

  color: #723887; }



.brand-color-i,

.brand-color-after-i:after,

.brand-color-before-i:before {

  color: #723887 !important; }



.brand-color-hover-i:hover,

.brand-color-hover-i-after:after,

.brand-color-hover-i-before:before {

  color: #723887 !important; }



input.brand-border-color,

input[type="submit"].brand-border-color,

button.brand-border-color,

a.brand-border-color,

div.brand-border-color,

span.brand-border-color {

  border-color: #723887; }



input.brand-border-color-hover:hover,

input[type="submit"].brand-border-color-hover:hover,

button.brand-border-color-hover:hover,

a.brand-border-color-hover:hover,

div.brand-border-color-hover:hover,

span.brand-border-color-hover:hover {

  border-color: #723887; }



.brand-border-color,

.brand-border-color-after:after,

.brand-border-color-before:before {

  border-color: #723887; }



.brand-border-color-hover:hover,

.brand-border-color-hover-after:after,

.brand-border-color-hover-before:before {

  border-color: #723887; }



.brand-border-color-i,

.brand-border-color-after-i:after,

.brand-border-color-before-i:before {

  border-color: #723887 !important; }



.brand-border-color-hover-i:hover,

.brand-border-color-hover-i-after:after,

.brand-border-color-hover-i-before:before {

  border-color: #723887 !important; }



input.brand-bg-color,

input[type="submit"].brand-bg-color,

button.brand-bg-color,

a.brand-bg-color,

div.brand-bg-color,

span.brand-bg-color {

  background-color: #723887; }



input.brand-bg-color-hover:hover,

input[type="submit"].brand-bg-color-hover:hover,

button.brand-bg-color-hover:hover,

a.brand-bg-color-hover:hover,

div.brand-bg-color-hover:hover,

span.brand-bg-color-hover:hover {

  background-color: #723887; }



.brand-bg-color,

.brand-bg-color-after:after,

.brand-bg-color-before:before {

  background-color: #723887; }



.brand-bg-color-hover:hover,

.brand-bg-color-hover-after:after,

.brand-bg-color-hover-before:before {

  background-color: #723887; }



.brand-bg-color-i,

.brand-bg-color-after-i:after,

.brand-bg-color-before-i:before {

  background-color: #723887 !important; }



.brand-bg-color-hover-i:hover,

.brand-bg-color-hover-i-after:after,

.brand-bg-color-hover-i-before:before {

  background-color: #723887 !important; }



/*--------------------------------------------------------------

### Custom classes

--------------------------------------------------------------*/

@media screen and (max-width: 768px) {

  .norebro-phone-space {

    height: 60px !important; }

  .norebro-hide-on-moblie {

    display: none; } }



.norebro-row-inline .wpb_column {

  width: auto; }



.norebro-bg-cover {

  background-size: cover !important; }

  .norebro-bg-cover > .vc_column-inner {

    background-size: cover !important; }



.norebro-bg-top-left,

.norebro-bg-bottom-right,

.norebro-bg-top-right {

  background-repeat: no-repeat !important; }



.norebro-bg-top-left {

  background-position: top left !important; }



.norebro-bg-bottom-right {

  background-position: bottom right !important; }



.norebro-bg-top-right {

  background-position: top right !important; }



/*--------------------------------------------------------------

### Disable VC classes

--------------------------------------------------------------*/

div.vc_row[data-vc-full-width] {

  overflow: visible; }



.col-md-five-columns {

  width: 100% !important;

  padding: 0 15px;

  float: left;

  position: relative; }



@media screen and (min-width: 1200px) {

  .col-md-five-columns {

    width: 20% !important; } }



@media screen and (min-width: 992px) {

  .col-md-five-columns {

    width: 20% !important; } }



@media screen and (min-width: 769px) {

  .scroll-top {

    right: 30px;

    bottom: 30px; } }



@media screen and (max-width: 768px) {

  .phone-column .vc_column-inner {

    padding-left: 15px !important;

    padding-right: 15px !important; }

  .arg-spacer {

    height: 40px !important; }

  div.vc_row.vc_row-flex {

    display: block; }

  div.vc_row.vc_row-o-equal-height > .vc_column_container {

    width: 100%;

    display: block;

    clear: both; }

    div.vc_row.vc_row-o-equal-height > .vc_column_container > .vc_column-inner {

      display: block;

      padding-top: 0; } }



.wpb_revslider_element.wpb_content_element {

  margin-bottom: 0px; }



.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > div.vc_column-inner,

div.vc_row-has-fill > div.vc_column_container > div.vc_column-inner {

  padding-top: 0; }



@media screen and (max-width: 768px) {

  .vc_row .vc_column_container > .vc_column-inner {

    padding-left: 25px;

    padding-right: 25px; }

  .nor-heading-xs h1.title, .nor-heading-xs h2.title, .nor-heading-xs h3.title, .nor-heading-xs h4.title, .nor-heading-xs .widget h4, .widget .nor-heading-xs h4, .nor-heading-xs h5.title, .nor-heading-xs .widget h5, .widget .nor-heading-xs h5 {

    font-size: 40px !important;

    line-height: 48px !important; }

  .border-reset-left,

  .border-reset-left .vc_column-inner {

    border-left: none !important; }

  .border-reset-right,

  .border-reset-right .vc_column-inner {

    border-right: none !important; }

  .border-reset-top,

  .border-reset-top .vc_column-inner {

    border-top: none !important; }

  .border-reset-bottom,

  .border-reset-bottom .vc_column-inner {

    border-bottom: none !important; }

  .vc_row.block-padding-reset-left {

    padding-left: 25px !important; }

  .vc_row.block-padding-reset-right {

    padding-right: 25px !important; }

  .vc_row.block-padding-reset-top {

    padding-top: 25px !important; }

  .vc_row.block-padding-reset-bottom {

    padding-bottom: 25px !important; }

  .vc_row .vc_column_container > .vc_column-inner .vc_column-inner {

    padding-left: 25px !important;

    padding-right: 25px !important; }

  .full-vh-reset {

    min-height: auto !important;

    height: auto !important; }

  .indention-reset-left .vc_column-inner {

    margin-left: 0px !important; }

  .indention-reset-right .vc_column-inner {

    margin-left: 0px !important; }

  .indention-reset-top .vc_column-inner {

    margin-top: 0px !important; }

  .indention-reset-bottom .vc_column-inner {

    margin-bottom: 0px !important; } }



@media screen and (max-width: 1024px) {

  .padding-reset-left .vc_column-inner {

    padding-left: 25px !important; }

  .padding-reset-right .vc_column-inner {

    padding-right: 25px !important; }

  .padding-reset-top .vc_column-inner {

    padding-top: 25px !important; }

  .padding-reset-bottom .vc_column-inner {

    padding-bottom: 25px !important; } }



@media screen and (max-width: 1024px) and (min-width: 769px) {

  .nor-heading-xs h1.title, .nor-heading-xs h2.title, .nor-heading-xs h3.title, .nor-heading-xs h4.title, .nor-heading-xs .widget h4, .widget .nor-heading-xs h4, .nor-heading-xs h5.title, .nor-heading-xs .widget h5, .widget .nor-heading-xs h5 {

    font-size: 46px !important;

    line-height: 56px !important;

    letter-spacing: 1 !important; } }



.typed-cursor {

  opacity: 1;

  vertical-align: 0.1em;

  margin-right: -0.2em;

  -webkit-animation: typedjsBlink 0.7s infinite;

          animation: typedjsBlink 0.7s infinite; }



@keyframes typedjsBlink {

  50% {

    opacity: 0.0; } }



@-webkit-keyframes typedjsBlink {

  0% {

    opacity: 1; }

  50% {

    opacity: 0.0; }

  100% {

    opacity: 1; } }



/*--------------------------------------------------------------

# WooCommerce

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Notices

--------------------------------------------------------------*/

.woocommerce .message-box {

  margin-top: 0px;

  margin-bottom: 15px; }



.woocommerce .wc-single-page-message .message-box:first-child {

  margin-top: 35px; }



.woocommerce .wc-single-page-message .message-box:last-child {

  margin-bottom: 35px; }



.woocommerce .wc-cart-messages .message-box:last-child {

  margin-bottom: 40px; }



/*--------------------------------------------------------------

## Single product

--------------------------------------------------------------*/

.woocommerce .product .images {

  width: 50vw;

  margin-bottom: 0;

  position: relative;

  z-index: 49;

  display: block; }

  .woocommerce .product .images .slider {

    background: #404044;

    height: 100vh;

    padding: 0;

    opacity: 0;

    -webkit-transition: opacity .15s ease-in-out;

    transition: opacity .15s ease-in-out; }

    .woocommerce .product .images .slider.visible {

      opacity: 1; }

    .woocommerce .product .images .slider.empty {

      overflow: hidden; }

    .woocommerce .product .images .slider .owl-stage-outer {

      height: 100%;

      overflow: hidden; }

    .woocommerce .product .images .slider .image-wrap.true {

      width: 200%;

      height: 100vh;

      position: relative;

      text-align: center;

      left: -50%; }

      .woocommerce .product .images .slider .image-wrap.true img {

        width: auto; }

    .woocommerce .product .images .slider img {

      width: 100%; }

    .woocommerce .product .images .slider .owl-stage-outer {

      max-height: 100%;

      padding-top: 0;

      margin-top: 0; }

    .woocommerce .product .images .slider .owl-item {

      overflow: hidden; }

    .woocommerce .product .images .slider .owl-controls .owl-nav .owl-prev,

    .woocommerce .product .images .slider .owl-controls .owl-nav .owl-next {

      background: transparent;

      color: #404044;

      font-size: 30px; }

      .woocommerce .product .images .slider .owl-controls .owl-nav .owl-prev:hover,

      .woocommerce .product .images .slider .owl-controls .owl-nav .owl-next:hover {

        opacity: .7; }

    .woocommerce .product .images .slider .owl-dots {

      background: #fff;

      width: 40px;

      padding: 16px 8px;

      -webkit-border-radius: 50px;

              border-radius: 50px;

      position: absolute;

      top: 50%;

      right: -20px;

      -webkit-transform: translateY(-50%);

          -ms-transform: translateY(-50%);

              transform: translateY(-50%);

      z-index: 10; }

      .woocommerce .product .images .slider .owl-dots .owl-dot {

        margin-bottom: 10px; }

        .woocommerce .product .images .slider .owl-dots .owl-dot:last-child {

          margin-bottom: 0px; }

  .woocommerce .product .images img {

    width: 100%;

    height: 100%;

    display: inline-block; }



.woocommerce .product .entry-summary {

  height: 100vh;

  padding: 130px 0 0 90px;

  position: relative; }



.woocommerce .product .woo-summary-content {

  height: -webkit-calc(100vh - 340px);

  height: calc(100vh - 340px);

  overflow-y: auto; }

  .woocommerce .product .woo-summary-content::-webkit-scrollbar {

    background: rgba(0, 0, 0, 0.05);

    width: 6px;

    -webkit-border-radius: 50px;

            border-radius: 50px; }

  .woocommerce .product .woo-summary-content::-webkit-scrollbar-thumb {

    background: rgba(0, 0, 0, 0.6);

    -webkit-border-radius: 50px;

            border-radius: 50px; }

    .woocommerce .product .woo-summary-content::-webkit-scrollbar-thumb:hover {

      background: rgba(0, 0, 0, 0.7);

      cursor: pointer; }

  .woocommerce .product .woo-summary-content > .wrap {

    padding-right: 30px;

    overflow: hidden; }



.woocommerce .product .woocommerce-share {

  width: 100%;

  height: 80px;

  line-height: 80px;

  font-size: 14px;

  font-weight: 400;

  text-align: left;

  vertical-align: middle;

  clear: both;

  position: absolute;

  bottom: 0;

  left: 90px; }

  .woocommerce .product .woocommerce-share:after {

    content: '';

    background: #ebebeb;

    width: 1000%;

    height: 1px;

    position: absolute;

    bottom: 0;

    left: -500%; }

  .woocommerce .product .woocommerce-share.share-extended-details {

    background: #fff;

    border-top: 1px solid rgba(0, 0, 0, 0.1); }

  .woocommerce .product .woocommerce-share .socialbar {

    margin: 0;

    margin-left: 10px;

    display: inline-block;

    font-size: 16px;

    vertical-align: 2px; }

    .woocommerce .product .woocommerce-share .socialbar a {

      width: 40px;

      height: 40px;

      line-height: 40px;

      font-size: 16px; }



.woocommerce .product div.wc-single-page-message {

  padding: 0; }

  .woocommerce .product div.wc-single-page-message .message-box {

    margin: 0 0 40px; }



.woocommerce .product table.variations {

  width: auto;

  margin-bottom: 0px;

  text-align: left; }

  .woocommerce .product table.variations tr td {

    padding-right: 10px; }

    .woocommerce .product table.variations tr td.reset {

      text-align: right;

      padding-top: 7px;

      padding-left: 10px; }

  .woocommerce .product table.variations a.reset_variations {

    font-size: 13px; }

    .woocommerce .product table.variations a.reset_variations:hover {

      color: #c22; }

    .woocommerce .product table.variations a.reset_variations span {

      position: relative; }

      .woocommerce .product table.variations a.reset_variations span:before {

        content: '';

        background: #838383;

        width: 100%;

        height: 1px;

        position: absolute;

        bottom: 0px; }

    .woocommerce .product table.variations a.reset_variations i {

      font-size: 18px;

      margin-right: 10px;

      vertical-align: -3px; }



.woocommerce .product div.summary {

  width: 100%;

  margin: 0;

  float: none; }

  .woocommerce .product div.summary .breadcrumbs {

    background: transparent;

    padding: 20px 0;

    clear: both; }

  .woocommerce .product div.summary h2.product_title {

    margin: 0 0 15px;

    font-size: 26px;

    letter-spacing: -0.03em;

    text-align: left;

    position: relative; }

  .woocommerce .product div.summary .stock {

    color: #404044;

    margin: 0 10px 20px 0;

    padding: 7px 12px 5px;

    border: 1px solid #7e7e86;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    display: inline-block;

    font-size: 11px;

    font-weight: 500;

    text-transform: uppercase;

    cursor: default; }

  .woocommerce .product div.summary .woocommerce-product-rating {

    display: inline-block;

    vertical-align: -4px; }

    .woocommerce .product div.summary .woocommerce-product-rating .star-rating > span:before, .woocommerce .product div.summary .woocommerce-product-rating .star-rating:before {

      letter-spacing: 6px;

      font-size: 10.5px; }

  .woocommerce .product div.summary .woo-review-link {

    font-size: 13.5px;

    margin-left: 5px;

    vertical-align: 4px;

    display: inline-block; }

    .woocommerce .product div.summary .woo-review-link:hover {

      color: #723887;

      text-decoration: underline; }

  .woocommerce .product div.summary .price {

    margin-bottom: 25px;

    float: left;

    font-size: 19.6px;

    font-weight: 500; }

    .woocommerce .product div.summary .price ins .amount {

      font-size: 19.6px;

      line-height: 1.1;

      vertical-align: -1px; }

      .woocommerce .product div.summary .price ins .amount:last-child {

        margin-right: 8px; }

    .woocommerce .product div.summary .price del {

      color: rgba(64, 64, 68, 0.6); }

      .woocommerce .product div.summary .price del .amount {

        font-size: 14px;

        font-weight: 400;

        vertical-align: 1px; }

  .woocommerce .product div.summary .price-percent {

    background: #4c4c51;

    color: #fff;

    margin-top: -15px;

    margin-left: 10px;

    padding: 3px 15px 2px;

    font-size: 12px;

    font-weight: 500;

    vertical-align: 3px;

    display: inline-block;

    position: relative; }

    .woocommerce .product div.summary .price-percent:after {

      content: '';

      background: rgba(0, 0, 0, 0.2);

      width: 6px;

      height: 100%;

      position: absolute;

      top: 0;

      left: 0; }

  .woocommerce .product div.summary .variable-add-to-cart {

    margin-left: 0; }

  .woocommerce .product div.summary .single_add_to_cart_button {

    float: left;

    margin-right: 10px; }

    .woocommerce .product div.summary .single_add_to_cart_button i {

      font-size: 20px;

      line-height: 10px;

      margin-right: 8px;

      display: inline-block; }

      .woocommerce .product div.summary .single_add_to_cart_button i:before {

        line-height: 10px;

        vertical-align: -2px; }

  .woocommerce .product div.summary .woo-quantity {

    margin-top: 5px;

    margin-right: 15px; }

  .woocommerce .product div.summary .yith-wcwl-add-to-wishlist {

    margin: 0;

    float: left; }

  .woocommerce .product div.summary a.add_to_wishlist,

  .woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse,

  .woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse {

    height: 46px;

    line-height: 48px;

    display: inline-block;

    padding: 0 25px;

    border: 1px solid #404044;

    -webkit-border-radius: 30px;

            border-radius: 30px;

    font-size: 13px;

    font-weight: 500;

    -webkit-transition: .15s ease-in-out;

    transition: .15s ease-in-out;

    -webkit-transition-property: background, color;

    transition-property: background, color; }

    .woocommerce .product div.summary a.add_to_wishlist i,

    .woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse i,

    .woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse i {

      display: none; }

    .woocommerce .product div.summary a.add_to_wishlist:hover,

    .woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse:hover,

    .woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse:hover {

      text-decoration: none; }

  .woocommerce .product div.summary a.add_to_wishlist:hover {

    background: #404044;

    color: #fff; }

  .woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse,

  .woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse {

    background: #404044;

    color: #fff;

    cursor: default; }



.woocommerce .product .accordion-box-outline {

  margin-top: 20px;

  margin-bottom: 50px; }

  .woocommerce .product .accordion-box-outline .accordion-top {

    padding-top: 15px;

    padding-bottom: 15px; }

  .woocommerce .product .accordion-box-outline h5 {

    letter-spacing: -0.04em; }



.woocommerce .product .variations_form.cart {

  width: 100%;

  margin-top: 5px;

  padding: 30px 0 20px;

  border-top: 1px solid #ebebeb;

  text-align: left; }

  .woocommerce .product .variations_form.cart a {

    color: #404044; }

  .woocommerce .product .variations_form.cart .variation {

    min-height: 45px; }

  .woocommerce .product .variations_form.cart .label {

    display: inline-block;

    text-transform: uppercase; }

    .woocommerce .product .variations_form.cart .label label {

      font-weight: 400;

      font-size: 13px; }

  .woocommerce .product .variations_form.cart .value {

    display: inline-block;

    margin-left: 20px; }

  .woocommerce .product .variations_form.cart .variation_buttons_wrapper {

    display: inline-block;

    vertical-align: 0px;

    overflow: visible; }

  .woocommerce .product .variations_form.cart span.phoen_swatches {

    border: none !important;

    width: auto !important;

    min-width: 12px !important;

    height: 12px !important;

    padding: 0 !important;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    line-height: 1 !important;

    margin-right: 16px;

    font-size: 12px;

    font-weight: 500;

    display: block;

    -webkit-transition: -webkit-box-shadow .15s ease-in-out;

    transition: -webkit-box-shadow .15s ease-in-out;

    transition: box-shadow .15s ease-in-out;

    transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

    position: relative; }

    .woocommerce .product .variations_form.cart span.phoen_swatches:empty {

      border: 1px solid rgba(0, 0, 0, 0.2) !important; }

    .woocommerce .product .variations_form.cart span.phoen_swatches:hover {

      background: rgba(0, 0, 0, 0.05);

      -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05);

              box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05); }

    .woocommerce .product .variations_form.cart span.phoen_swatches:after {

      content: '';

      position: absolute;

      width: 260%;

      height: 260%;

      top: -80%;

      left: -80%; }

  .woocommerce .product .variations_form.cart .variation_button {

    display: inline-block;

    margin-right: 5px;

    vertical-align: 0; }

    .woocommerce .product .variations_form.cart .variation_button.selected {

      border: none; }

      .woocommerce .product .variations_form.cart .variation_button.selected span.phoen_swatches {

        background: rgba(0, 0, 0, 0.08);

        -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.08);

                box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.08); }

  .woocommerce .product .variations_form.cart .select select {

    display: none !important; }



.woocommerce .product .group_table {

  width: 100%; }

  .woocommerce .product .group_table td {

    vertical-align: middle;

    text-align: left; }



.woocommerce .product .woo-variation-price {

  width: 100%;

  margin: 5px 0 20px;

  float: left;

  display: block;

  text-align: left;

  line-height: 2.2; }

  .woocommerce .product .woo-variation-price span.price {

    margin-bottom: 0;

    font-size: 20px;

    font-weight: 500; }

  .woocommerce .product .woo-variation-price ins {

    margin-top: 5px; }

  .woocommerce .product .woo-variation-price .price del span.amount {

    vertical-align: -4px; }

  .woocommerce .product .woo-variation-price a.reset_variations {

    display: none; }

  .woocommerce .product .woo-variation-price div.price-percent {

    vertical-align: -11px; }



.woocommerce .product .single_variation {

  width: 100%;

  margin: 0;

  padding: 0;

  float: left;

  clear: both; }



.woocommerce .product .single_variation_wrap {

  width: 100%; }

  .woocommerce .product .single_variation_wrap .variations_button {

    width: 100%;

    border-top: 1px solid #ebebeb;

    padding: 25px 0 0;

    margin-top: 5px;

    display: inline-block;

    clear: both; }

    .woocommerce .product .single_variation_wrap .variations_button:after {

      content: '';

      width: 100%;

      clear: both;

      display: table; }

  .woocommerce .product .single_variation_wrap .woo-quantity {

    margin-top: 8px;

    margin-right: 15px; }



.woocommerce .product .woocommerce-add-to-cart {

  border-top: 1px solid rgba(0, 0, 0, 0.1); }



.woocommerce .product .woocommerce-variation {

  border-top: 1px dotted #d9d9d9; }



.woocommerce .product .woocommerce-variation-add-to-cart {

  padding-top: 20px;

  display: block;

  float: left;

  clear: both; }



.woocommerce .product .single-cart-wrap {

  width: 100%; }



.woocommerce .product form.cart {

  width: 100%;

  padding: 25px 0;

  margin: 0;

  display: inline-block; }

  .woocommerce .product form.cart button {

    margin: 0;

    margin-left: 4px; }

  .woocommerce .product form.cart .quantity {

    width: 75px; }



.woocommerce .product .product_meta {

  margin: 5px 0 20px;

  line-height: 1.6;

  font-weight: 400; }

  .woocommerce .product .product_meta a {

    color: #723887;

    text-decoration: none; }

    .woocommerce .product .product_meta a:hover {

      opacity: .9;

      text-decoration: underline; }

  .woocommerce .product .product_meta .sku {

    color: #404044; }



.woocommerce .product .product_meta > span {

  padding: 0 8px;

  position: relative; }

  .woocommerce .product .product_meta > span:after {

    content: '';

    background: #723887;

    width: 3px;

    height: 3px;

    -webkit-border-radius: 50px;

            border-radius: 50px;

    position: absolute;

    left: -2px;

    top: 6px; }

  .woocommerce .product .product_meta > span:first-child {

    padding-left: 0; }

    .woocommerce .product .product_meta > span:first-child:after {

      display: none; }



.woocommerce table.shop_attributes {

  margin: 0 0;

  text-align: left;

  border: none;

  font-size: 15px; }

  .woocommerce table.shop_attributes p {

    margin: 0; }

  .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td {

    background: none;

    color: #404044;

    border: none;

    padding: 5px 12px;

    font-style: normal; }

  .woocommerce table.shop_attributes th {

    font-weight: 500; }

  .woocommerce table.shop_attributes th:first-child {

    padding-left: 0; }



.woocommerce #comments {

  margin-top: -20px;

  padding: 15px 0; }



.woocommerce .woocommerce-noreviews {

  text-align: left;

  padding: 5px 0; }



.woocommerce ol.commentlist {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none; }

  .woocommerce ol.commentlist li {

    padding: 15px 0 20px;

    position: relative; }

  .woocommerce ol.commentlist img {

    background: none;

    width: 80px;

    height: 80px;

    padding: 0;

    border: none;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    position: absolute;

    top: 25px;

    left: 0; }

  .woocommerce ol.commentlist .meta {

    line-height: 120%; }

    .woocommerce ol.commentlist .meta h4 {

      display: inline-block;

      margin: 15px 5px 0 0;

      font-size: 14px; }

  .woocommerce ol.commentlist time {

    color: #999999;

    margin: 5px 25px 0 0;

    font-size: 13px;

    display: block;

    float: left; }

  .woocommerce ol.commentlist time + .star-rating:after {

    content: '';

    background: #999999;

    width: 3px;

    height: 3px;

    -webkit-border-radius: 3px;

            border-radius: 3px;

    position: absolute;

    top: 7px;

    left: -13px; }

  .woocommerce ol.commentlist .star-rating {

    margin-top: 6px; }

    .woocommerce ol.commentlist .star-rating:before,

    .woocommerce ol.commentlist .star-rating > span:before {

      font-size: 11px;

      letter-spacing: 5px; }

  .woocommerce ol.commentlist .description {

    margin-top: 0px; }

    .woocommerce ol.commentlist .description > *:first-child {

      margin-top: 0; }

  .woocommerce ol.commentlist .comment-text {

    width: 100%;

    font-size: 15px;

    margin-left: 110px;

    border: none;

    clear: left; }



.woocommerce #review_form_wrapper {

  border-top: 1px solid #ebebeb;

  margin: 0;

  padding-top: 30px; }



.woocommerce .comment-reply-title {

  color: #404044;

  margin: 6px auto 20px;

  line-height: 1.5;

  text-align: left;

  font: "Poppins", sans-serif;

  font-size: 16px;

  clear: both; }



.woocommerce .comment-form {

  text-align: left;

  font-size: 15px; }

  .woocommerce .comment-form .rating {

    display: inline; }

  .woocommerce .comment-form .stars a {

    width: 1.2em;

    vertical-align: 1px; }

    .woocommerce .comment-form .stars a > span:before, .woocommerce .comment-form .stars a:before {

      font-size: 14px; }

    .woocommerce .comment-form .stars a:hover {

      opacity: 1; }

  .woocommerce .comment-form input[type="submit"] {

    margin-top: 24px; }



.woocommerce .woocommerce-product-rating {

  line-height: 1.7; }



.woocommerce .woocommerce-tabs {

  width: 48%;

  float: right;

  clear: none; }



.woocommerce .single-related-wrapper {

  overflow: hidden; }



.woocommerce .related, .woocommerce .up-sells {

  margin: 60px 0; }

  .woocommerce .related h3.title, .woocommerce .up-sells h3.title {

    margin-top: 0;

    font-size: 26px;

    margin-bottom: 40px;

    text-align: left; }

  .woocommerce .related ul.products li.product, .woocommerce .up-sells ul.products li.product {

    margin-top: 0; }

  .woocommerce .related .wc-product-title-wrap, .woocommerce .up-sells .wc-product-title-wrap {

    background: #fff; }



@media screen and (max-width: 768px) {

  .woocommerce .product .images {

    width: auto;

    margin: 0 -25px 25px; }

    .woocommerce .product .images .slider .owl-dots {

      width: auto;

      margin: 0 auto;

      padding: 15px;

      left: 50%;

      bottom: 0;

      right: auto;

      top: auto;

      -webkit-transform: translateY(50%) translateX(-50%);

          -ms-transform: translateY(50%) translateX(-50%);

              transform: translateY(50%) translateX(-50%); }

      .woocommerce .product .images .slider .owl-dots .owl-dot {

        float: left;

        margin: 0 5px; }

  .woocommerce .product .product-images {

    padding: 0; }

  .woocommerce .product .woo-single-summary-wrap {

    padding: 0; }

  .woocommerce .product .entry-summary {

    height: auto;

    padding: 0; }

  .woocommerce .product .woo-summary-content {

    height: auto;

    overflow: visible; }

    .woocommerce .product .woo-summary-content .wrap {

      padding: 0; }

  .woocommerce .product .woocommerce-share {

    height: auto;

    margin: 30px 0;

    line-height: 2;

    position: static; }

    .woocommerce .product .woocommerce-share:after {

      display: none; }

    .woocommerce .product .woocommerce-share .socialbar {

      vertical-align: 1px; }

      .woocommerce .product .woocommerce-share .socialbar a.social {

        width: 30px;

        height: 30px;

        line-height: 30px; }

  .woocommerce .related {

    margin: 45px -15px; }

    .woocommerce .related h3.title {

      margin-bottom: 30px; } }



/*--------------------------------------------------------------

## Products

--------------------------------------------------------------*/

ul.woo-products {

  width: 100%;

  margin: 0 0; }

  ul.woo-products li {

    margin: 0 0 30px 0;

    float: left;

    clear: none;

    padding: 0 15px; }

  ul.woo-products .product-content {

    background: #fff;

    -webkit-transition: -webkit-box-shadow .1s ease-in-out;

    transition: -webkit-box-shadow .1s ease-in-out;

    transition: box-shadow .1s ease-in-out;

    transition: box-shadow .1s ease-in-out, -webkit-box-shadow .1s ease-in-out; }

  ul.woo-products img {

    width: 100%;

    margin: 0;

    vertical-align: top; }

  ul.woo-products .image-wrap {

    width: 100%;

    position: relative;

    overflow: hidden;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out; }

  ul.woo-products a.button {

    display: none; }

  ul.woo-products .slider {

    width: 100%;

    padding: 0;

    margin: 0;

    z-index: 1; }

    ul.woo-products .slider img {

      width: 100%;

      height: auto;

      display: none; }

      ul.woo-products .slider img:first-child {

        display: block; }

    ul.woo-products .slider.visible img {

      display: block; }

    ul.woo-products .slider .owl-stage-outer {

      padding-top: 0;

      margin-top: 0; }

    ul.woo-products .slider .owl-dots {

      width: 20px;

      margin-top: 0;

      position: absolute;

      top: 30px;

      left: auto;

      right: 25px; }

      ul.woo-products .slider .owl-dots .owl-dot {

        display: block;

        margin-bottom: 10px; }

        ul.woo-products .slider .owl-dots .owl-dot.active {

          margin-left: 5px; }

    ul.woo-products .slider .owl-nav {

      display: none; }

  ul.woo-products .added_to_cart {

    display: none; }

  ul.woo-products .wc-product-title-wrap {

    background: #f7f7f7;

    padding: 15px 25px 15px;

    position: relative; }

    ul.woo-products .wc-product-title-wrap .yith-wcwl-add-to-wishlist {

      width: 30px;

      height: 25px;

      color: #404044;

      margin-top: 4px;

      margin-right: -5px;

      overflow: hidden;

      z-index: 2;

      position: absolute;

      bottom: 15px;

      right: 20px; }

      ul.woo-products .wc-product-title-wrap .yith-wcwl-add-to-wishlist i {

        font-size: 22px;

        display: inline-block;

        margin: -1px 10px 0 1px; }

  ul.woo-products h3 {

    text-align: left;

    font-size: 14.7px;

    margin: 5px 0 10px;

    line-height: 1.1; }

  ul.woo-products .price {

    margin: 0;

    padding: 0 25px 0 0; }

  ul.woo-products .without-price h3 {

    margin-bottom: 5px;

    padding: 0 30px 0 0; }

  ul.woo-products .without-price .left {

    display: none; }

  ul.woo-products .without-price .yith-wcwl-add-to-wishlist {

    margin-top: -28px; }

  ul.woo-products li.product:hover .image-wrap {

    opacity: .8; }

  ul.woo-products li.product:hover h3 a {

    color: #723887; }

  ul.woo-products li.product-category {

    width: 100%;

    padding: 0 15px;

    position: relative; }

    ul.woo-products li.product-category .wrap {

      width: 100%;

      position: relative;

      background-size: cover; }

    ul.woo-products li.product-category > a:after {

      background: transparent;

      content: '';

      width: 100%;

      height: 100%;

      position: absolute;

      top: 0;

      left: 0;

      -webkit-transition: background .2s ease-in-out;

      transition: background .2s ease-in-out;

      z-index: 2; }

    ul.woo-products li.product-category:hover > a:after {

      background: rgba(255, 255, 255, 0.2); }

    ul.woo-products li.product-category .info-wrap {

      width: 100%;

      height: 100%;

      padding: 30px;

      position: absolute;

      overflow: hidden;

      bottom: 0px;

      left: 0px;

      z-index: 3; }

      ul.woo-products li.product-category .info-wrap .wrap-bg {

        background: rgba(64, 64, 68, 0.6);

        padding: 20px; }

      ul.woo-products li.product-category .info-wrap .description p {

        color: #d9d9d9;

        font-weight: 300;

        margin: -5px 0 5px; }

      ul.woo-products li.product-category .info-wrap h3 {

        font-size: 34px;

        font-weight: 600;

        margin: 0;

        display: block;

        text-align: inherit; }

      ul.woo-products li.product-category .info-wrap h3, ul.woo-products li.product-category .info-wrap h3 a, ul.woo-products li.product-category .info-wrap .description {

        margin: 10px 0;

        color: #404044; }

      ul.woo-products li.product-category .info-wrap .shop-now {

        font-size: 13px;

        margin: 15px 0 0; }

      ul.woo-products li.product-category .info-wrap.text-right .plus {

        right: auto;

        left: 50px; }

      ul.woo-products li.product-category .info-wrap.style-2 {

        height: auto; }

        ul.woo-products li.product-category .info-wrap.style-2 .content-center {

          background: rgba(64, 64, 68, 0.9);

          padding: 8px 20px; }

        ul.woo-products li.product-category .info-wrap.style-2 h3 {

          font-size: 30px; }

        ul.woo-products li.product-category .info-wrap.style-2 h3, ul.woo-products li.product-category .info-wrap.style-2 h3 a, ul.woo-products li.product-category .info-wrap.style-2 .description {

          margin: 8px 0;

          color: #fff; }

        ul.woo-products li.product-category .info-wrap.style-2 .shop-now {

          margin-top: 5px;

          margin-bottom: 10px; }

        ul.woo-products li.product-category .info-wrap.style-2 .plus {

          color: #fff;

          font-size: 36px;

          font-weight: 300;

          position: absolute;

          bottom: 0px;

          right: 0px; }

        ul.woo-products li.product-category .info-wrap.style-2.text-center .plus {

          display: none; }

        ul.woo-products li.product-category .info-wrap.style-2.text-right .plus {

          right: auto;

          left: 0; }

    @media screen and (max-width: 768px) {

      ul.woo-products li.product-category {

        padding: 0px; } }



.woo-products .product,

.woo-products li {

  width: 100%; }



@media screen and (min-width: 1025px) {

  .columns-2 .product {

    width: 50%; }

    .columns-2 .product:nth-child(2n + 1) {

      clear: both; }

  .columns-3 .product {

    width: 33.2%; }

    .columns-3 .product:nth-child(3n + 1) {

      clear: both; }

  .columns-4 .product {

    width: 25%; }

    .columns-4 .product:nth-child(4n + 1) {

      clear: both; }

  .columns-5 .product {

    width: 20%; }

    .columns-5 .product:nth-child(5n + 1) {

      clear: both; }

  .columns-6 .product {

    width: 16.666%; }

    .columns-6 .product:nth-child(6n + 1) {

      clear: both; } }



@media screen and (max-width: 1024px) and (min-width: 768px) {

  .columns-md-2 .product {

    width: 50%; }

    .columns-md-2 .product:nth-child(2n + 1) {

      clear: both; }

  .columns-md-3 .product {

    width: 33.2%; }

    .columns-md-3 .product:nth-child(3n + 1) {

      clear: both; }

  .columns-md-4 .product {

    width: 25%; }

    .columns-md-4 .product:nth-child(4n + 1) {

      clear: both; }

  .columns-md-5 .product {

    width: 20%; }

    .columns-md-5 .product:nth-child(5n + 1) {

      clear: both; }

  .columns-md-6 .product {

    width: 16.666%; }

    .columns-md-6 .product:nth-child(6n + 1) {

      clear: both; } }



@media screen and (max-width: 767px) {

  .columns-sm-2 .product {

    width: 50%; }

    .columns-sm-2 .product:nth-child(2n + 1) {

      clear: both; }

  .columns-sm-3 .product {

    width: 33.2%; }

    .columns-sm-3 .product:nth-child(3n + 1) {

      clear: both; }

  .columns-sm-4 .product {

    width: 25%; }

    .columns-sm-4 .product:nth-child(4n + 1) {

      clear: both; }

  .columns-sm-5 .product {

    width: 20%; }

    .columns-sm-5 .product:nth-child(5n + 1) {

      clear: both; }

  .columns-sm-6 .product {

    width: 16.666%; }

    .columns-sm-6 .product:nth-child(6n + 1) {

      clear: both; } }



/*--------------------------------------------------------------

## Cart

--------------------------------------------------------------*/

.woocommerce .shop_table {

  width: 100%;

  border: none;

  margin: 0; }

  .woocommerce .shop_table th {

    display: none; }

  .woocommerce .shop_table th, .woocommerce .shop_table td {

    border-top: 1px solid #ebebeb;

    border-bottom: 1px solid #ebebeb; }

  .woocommerce .shop_table td {

    padding: 15px 0 10px; }

    .woocommerce .shop_table td h4 {

      font-size: 14px; }

    .woocommerce .shop_table td.product-thumbnail {

      width: 100px;

      padding-right: 20px; }

      .woocommerce .shop_table td.product-thumbnail img {

        width: 80px;

        height: 80px; }

    .woocommerce .shop_table td.product-name {

      text-align: left; }

      .woocommerce .shop_table td.product-name .variation {

        margin: 0;

        padding: 0;

        font-size: 13px; }

        .woocommerce .shop_table td.product-name .variation dt {

          font-weight: 400;

          color: #888888; }

        .woocommerce .shop_table td.product-name .variation dd {

          color: #5a5a5a;

          margin: 0;

          padding: 0;

          font-size: 13px;

          font-weight: 500; }

          .woocommerce .shop_table td.product-name .variation dd p {

            margin: 0;

            line-height: inherit;

            font-size: 13px; }

    .woocommerce .shop_table td .amount {

      font-weight: 400; }

    .woocommerce .shop_table td.product-remove-custom {

      text-align: right; }

      .woocommerce .shop_table td.product-remove-custom a {

        font-size: 18px;

        display: inline-block; }



.woocommerce .actions {

  padding-top: 50px; }

  .woocommerce .actions .coupon {

    width: 60%; }

    .woocommerce .actions .coupon input[type='text'] {

      width: 310px; }



.woocommerce .cart-collaterals {

  background: rgba(0, 0, 0, 0.03);

  width: 100%;

  margin: 0 0 100px 0; }

  .woocommerce .cart-collaterals .cart_totals {

    width: 100%;

    padding: 18px 25px 25px; }

    .woocommerce .cart-collaterals .cart_totals h3.title {

      margin-bottom: 22px;

      font-size: 16px; }

  .woocommerce .cart-collaterals .shop_table {

    width: 100%;

    margin-bottom: 30px; }

    .woocommerce .cart-collaterals .shop_table tr {

      border-top: 1px solid #ebebeb; }

    .woocommerce .cart-collaterals .shop_table th {

      width: 50%;

      display: table-cell;

      font-weight: 400;

      font-size: 12px;

      text-transform: uppercase;

      vertical-align: top; }

    .woocommerce .cart-collaterals .shop_table td {

      font-size: 14px; }

    .woocommerce .cart-collaterals .shop_table th, .woocommerce .cart-collaterals .shop_table td {

      padding: 16px 0; }

    .woocommerce .cart-collaterals .shop_table .woocommerce-shipping-calculator p {

      text-align: left;

      margin: 0px;

      margin-top: 10px; }

    .woocommerce .cart-collaterals .shop_table a.shipping-calculator-button {

      font-weight: 500;

      font-size: 14px;

      text-align: left; }

    .woocommerce .cart-collaterals .shop_table .shipping-calculator-form p {

      margin: 10px 0;

      padding: 0; }

    .woocommerce .cart-collaterals .shop_table .shipping-calculator-form .btn {

      margin: 5px 0; }

    .woocommerce .cart-collaterals .shop_table .order-total span {

      font-weight: 500; }

  .woocommerce .cart-collaterals .wc-proceed-to-checkout {

    float: none;

    padding: 0; }

  .woocommerce .cart-collaterals .woo_pp_cart_buttons_div {

    text-align: center;

    margin-top: 15px; }



.woocommerce #shipping_method li {

  line-height: 24px;

  font-size: 14px;

  font-weight: 400; }



.woocommerce #shipping_method .radio {

  line-height: 1;

  vertical-align: -5px;

  margin-right: 10px; }



.woocommerce #shipping_method input {

  margin: 0 !important; }



@media screen and (max-width: 768px) {

  .woocommerce .cart-table-wrap {

    overflow-x: scroll; }

  .woocommerce .cart-collaterals {

    margin: 0px; }

  .woocommerce .actions .coupon {

    width: 100%;

    text-align: left; }

    .woocommerce .actions .coupon input[type='text'] {

      width: -webkit-calc(100% - 90px);

      width: calc(100% - 90px); }

  .woocommerce .actions .update {

    float: left;

    margin: 15px 0 30px; } }



.woo-cart-empty {

  text-align: center;

  margin: 100px 0 100px; }

  .woo-cart-empty h3 {

    font-size: 18px;

    margin: 5px 0 0; }

  .woo-cart-empty p {

    margin-top: 5px; }

  .woo-cart-empty .icon-bag {

    width: 140px;

    margin: 0 auto 15px auto; }

  .woo-cart-empty .btn {

    margin-top: 10px; }



/*--------------------------------------------------------------

## Checkout

--------------------------------------------------------------*/

.woocommerce .wc-checkout-wrap {

  position: relative;

  margin-top: 0px; }

  .woocommerce .wc-checkout-wrap form.checkout .message-box {

    clear: both; }

  .woocommerce .wc-checkout-wrap #coupon_code {

    margin-bottom: 15px; }



.woocommerce .woocommerce-checkout {

  position: static; }

  .woocommerce .woocommerce-checkout h3 {

    margin: 0 0 20px;

    font-size: 16px; }

  .woocommerce .woocommerce-checkout .woocommerce-notice-wrap {

    width: 66.666%;

    padding: 0 15px; }

  @media screen and (max-width: 991px) {

    .woocommerce .woocommerce-checkout .woocommerce-notice-wrap {

      width: 100%; } }



.woocommerce form.login,

.woocommerce form.checkout_coupon {

  border: none;

  padding: 5px 0;

  margin: 0; }

  .woocommerce form.login *:first-child,

  .woocommerce form.checkout_coupon *:first-child {

    margin-top: 0; }

  .woocommerce form.login input.button,

  .woocommerce form.checkout_coupon input.button {

    height: 48px; }



.woocommerce form.login {

  text-align: left; }

  .woocommerce form.login .fields {

    margin-bottom: 15px; }

  .woocommerce form.login label {

    line-height: 2em;

    margin-top: 15px;

    margin-bottom: 5px;

    display: block; }

  .woocommerce form.login #rememberme {

    display: inline;

    vertical-align: -1px;

    margin-right: 4px; }

  .woocommerce form.login .form-row {

    margin-bottom: 0; }

  .woocommerce form.login .lost_password {

    margin-top: 0; }

  .woocommerce form.login a {

    color: #723887;

    font-size: 14px; }

    .woocommerce form.login a:hover {

      text-decoration: underline; }



.woocommerce .checkout_coupon .input-text {

  width: 310px; }



.woocommerce #customer_details .form-row {

  margin-bottom: 10px; }



.woocommerce .create-account {

  margin-top: 15px;

  text-align: left; }



.woocommerce .woocommerce-billing-fields,

.woocommerce .woocommerce-shipping-fields {

  margin-top: 20px; }

  .woocommerce .woocommerce-billing-fields label,

  .woocommerce .woocommerce-shipping-fields label {

    display: none; }

    .woocommerce .woocommerce-billing-fields label[for="createaccount"],

    .woocommerce .woocommerce-shipping-fields label[for="createaccount"] {

      display: inline;

      cursor: pointer; }



.woocommerce .woocommerce-shipping-fields h3 {

  margin-bottom: 10px; }



.woocommerce .ship-to-different {

  float: right;

  width: auto;

  margin: -4px 0 0; }

  .woocommerce .ship-to-different label {

    display: inline;

    cursor: pointer; }



.woocommerce .woocommerce-billing-fields {

  margin-bottom: 90px; }



.woocommerce .wc-order-review-wrap {

  position: absolute;

  top: 0;

  right: 0; }



@media screen and (max-width: 991px) {

  .woocommerce .wc-order-review-wrap {

    position: static;

    top: 0;

    right: 0; } }



.woocommerce .woo-check-order {

  text-align: left; }

  .woocommerce .woo-check-order h3 {

    margin-top: 10px;

    margin-bottom: 20px; }



.woocommerce .woocommerce-checkout-review-order-table,

.woocommerce .woocommerce-checkout-payment {

  background: rgba(0, 0, 0, 0.03);

  padding: 20px 25px 20px; }



.woocommerce .woocommerce-checkout-payment {

  margin-top: 20px; }



.woocommerce .shop-table {

  border-top: 1px solid #ebebeb;

  border-bottom: 1px solid #ebebeb;

  margin-bottom: 0; }

  .woocommerce .shop-table th, .woocommerce .shop-table td {

    border-bottom: 1px solid #ebebeb;

    padding: 15px 0; }

  .woocommerce .shop-table th {

    width: 55%;

    display: table-cell;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    padding-right: 10px; }

  .woocommerce .shop-table h4 {

    font-size: 14px; }

  .woocommerce .shop-table .cart-subtotal {

    border-top: 1px solid #ebebeb; }

  .woocommerce .shop-table .cart_item td {

    border: none;

    padding: 20px 10px 0 0;

    font-size: 14px;

    font-weight: 400;

    vertical-align: top; }

  .woocommerce .shop-table .cart_item:last-child td {

    padding-bottom: 20px; }

  .woocommerce .shop-table .order-total td, .woocommerce .shop-table .order-total th {

    border-bottom: none; }

  .woocommerce .shop-table .order-total strong {

    font-weight: 500; }



.woocommerce .pay-table .shipping th {

  vertical-align: 0px; }



.woocommerce .pay-table #shipping_method label {

  font-size: 14px;

  font-weight: 400;

  cursor: pointer; }



.woocommerce .country_select a,

.woocommerce .state_select a {

  padding-top: 8px;

  padding-bottom: 8px; }

  .woocommerce .country_select a .select2-arrow,

  .woocommerce .state_select a .select2-arrow {

    width: 40px; }



.woocommerce #payment ul.wc_payment_methods {

  padding: 0;

  border: none;

  clear: both; }



.woocommerce #payment li.wc_payment_method {

  border-bottom: 1px solid #ebebeb;

  padding: 20px 0; }

  .woocommerce #payment li.wc_payment_method:first-child {

    border-top: 1px solid #ebebeb; }

  .woocommerce #payment li.wc_payment_method .radio {

    margin-right: 10px;

    vertical-align: -5px; }

  .woocommerce #payment li.wc_payment_method label {

    font-size: 14px;

    font-weight: 400;

    cursor: pointer; }

    .woocommerce #payment li.wc_payment_method label img {

      margin: 0 10px;

      vertical-align: middle; }

  .woocommerce #payment li.wc_payment_method a.about_paypal {

    margin-top: 6px;

    float: right;

    color: #723887; }

    .woocommerce #payment li.wc_payment_method a.about_paypal:hover {

      text-decoration: underline; }

  .woocommerce #payment li.wc_payment_method .payment_box {

    background: none;

    padding: 0px 0 0 35px;

    margin: 0; }

    .woocommerce #payment li.wc_payment_method .payment_box p {

      font-size: 12px;

      line-height: 150%; }

    .woocommerce #payment li.wc_payment_method .payment_box:before {

      display: none; }



.woocommerce #payment .form-row.place-order {

  padding: 20px 0;

  margin: 0; }



@media screen and (max-width: 768px) {

  .woocommerce .woocommerce-billing-fields {

    margin-bottom: 15px; }

  .woocommerce .ship-to-different {

    width: 100%;

    float: left;

    text-align: left; }

  .woocommerce .woocommerce-shipping-fields {

    margin-bottom: 30px; } }



.woocommerce .woocommerce-thankyou-order-details {

  margin-bottom: 50px; }



.woocommerce .checkout-result .woo-my-orders-table {

  font-size: 14px; }

  .woocommerce .checkout-result .woo-my-orders-table th {

    font-size: 14px;

    font-weight: 600; }



.select2 .select2-selection {

  border: none;

  height: 46px;

  font-size: 14px;

  text-align: left;

  border-bottom: 1px solid rgba(0, 0, 0, 0.15);

  -webkit-border-radius: 0px;

          border-radius: 0px; }

  .select2 .select2-selection .select2-selection__rendered {

    padding: 0;

    line-height: 46px; }

  .select2 .select2-selection .select2-selection__arrow {

    top: 10px; }



.select2-dropdown {

  border: 1px solid rgba(0, 0, 0, 0.15); }

  .select2-dropdown .select2-search .select2-search__field {

    border: 1px solid rgba(0, 0, 0, 0.15); }

  .select2-dropdown .select2-results__options::-webkit-scrollbar {

    width: 10px; }

  .select2-dropdown .select2-results__options::-webkit-scrollbar-track {

    background: rgba(0, 0, 0, 0.05); }

  .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {

    background: rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 2px;

            border-radius: 2px; }

    .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {

      background: rgba(0, 0, 0, 0.15); }

  .select2-dropdown .select2-results__option:hover, .select2-dropdown .select2-results__option.select2-results__option--highlighted {

    background: rgba(0, 0, 0, 0.15);

    color: #404044; }

  .select2-dropdown .select2-results__option[aria-selected="true"] {

    background: #723887;

    color: #fff; }



/*--------------------------------------------------------------

## Wishlist

--------------------------------------------------------------*/

.woocommerce table.wishlist_table {

  margin-bottom: 60px; }

  .woocommerce table.wishlist_table tr td {

    padding: 10px 0;

    margin: 0;

    font-size: 14px;

    border-top: 1px solid #ebebeb; }

    .woocommerce table.wishlist_table tr td.product-add-to-cart {

      width: 240px;

      padding: 10px 25px; }

      .woocommerce table.wishlist_table tr td.product-add-to-cart > a.btn {

        -webkit-border-radius: 50px;

                border-radius: 50px;

        padding: 16px 25px 13px;

        display: inline-block !important;

        line-height: 1.2; }

        .woocommerce table.wishlist_table tr td.product-add-to-cart > a.btn:hover {

          background: transparent; }

    .woocommerce table.wishlist_table tr td.product-stock-status {

      font-size: 14px; }

    .woocommerce table.wishlist_table tr td.product-remove {

      text-align: right;

      padding-right: 0; }

    .woocommerce table.wishlist_table tr td.product-price del, .woocommerce table.wishlist_table tr td.product-price ins {

      float: none; }

    .woocommerce table.wishlist_table tr td.wishlist-empty {

      font-size: 14px;

      padding: 30px 0; }

    .woocommerce table.wishlist_table tr td a.remove-link {

      color: #888;

      font-size: 18px; }

      .woocommerce table.wishlist_table tr td a.remove-link:hover {

        background: transparent;

        color: #ec6060; }

  .woocommerce table.wishlist_table tfoot td {

    border: none; }

  .woocommerce table.wishlist_table tfoot h3 {

    font-size: 18px; }

  .woocommerce table.wishlist_table tfoot .yith-wcwl-share {

    margin-top: 40px; }

  .woocommerce table.wishlist_table tfoot .socialbar {

    display: inline;

    margin-left: 15px;

    vertical-align: 2px; }

    .woocommerce table.wishlist_table tfoot .socialbar a {

      background-image: none;

      border: 1px solid;

      margin: 0; }



#yith-wcwl-form {

  margin-top: 50px; }



#yith-wcwl-popup-message {

  opacity: 0;

  display: none; }



/*--------------------------------------------------------------

## My Account

--------------------------------------------------------------*/

.woocommerce .woocommerce-MyAccount-wrap {

  margin: 20px 0 80px;

  overflow: hidden; }



.woocommerce .myaccount-login-form {

  margin: 60px 0 80px; }

  .woocommerce .myaccount-login-form h2 {

    text-align: center;

    font-size: 32px; }

  .woocommerce .myaccount-login-form form {

    background: rgba(0, 0, 0, 0.03);

    width: 600px;

    margin: 20px auto 40px;

    padding: 60px; }

    .woocommerce .myaccount-login-form form p {

      margin: 15px 0; }

    .woocommerce .myaccount-login-form form .lost-link {

      margin-top: 15px; }

    .woocommerce .myaccount-login-form form .btn {

      margin: 20px 0 10px; }



.woocommerce .woo-my-user {

  margin-bottom: 25px;

  padding-bottom: 30px;

  overflow: hidden; }

  .woocommerce .woo-my-user img {

    -webkit-border-radius: 50%;

            border-radius: 50%;

    float: left;

    margin-right: 20px; }

  .woocommerce .woo-my-user h4 {

    width: 100%;

    margin: 25px 0 0;

    padding-top: 5px;

    display: block;

    font-size: 15px; }

    .woocommerce .woo-my-user h4:after {

      width: 2em; }

  .woocommerce .woo-my-user a.logout {

    font-size: 14px; }

    .woocommerce .woo-my-user a.logout:hover {

      text-decoration: underline; }



.woocommerce .woo-my-nav {

  width: 100%;

  margin-bottom: 20px; }

  .woocommerce .woo-my-nav ul {

    list-style: none; }

  .woocommerce .woo-my-nav li {

    line-height: 23px; }

    .woocommerce .woo-my-nav li a {

      color: #343436;

      font-size: 14px; }

      .woocommerce .woo-my-nav li a:hover {

        text-decoration: underline; }

    .woocommerce .woo-my-nav li.is-active a {

      color: #723887; }



.woocommerce .woo-my-content {

  width: 100%; }

  .woocommerce .woo-my-content > *:first-child {

    margin-top: 0; }

  .woocommerce .woo-my-content p a {

    text-decoration: underline; }

    .woocommerce .woo-my-content p a:hover {

      color: #723887; }

  .woocommerce .woo-my-content mark {

    background: #723887; }

  .woocommerce .woo-my-content .woo-my-address {

    margin-top: 15px; }

    .woocommerce .woo-my-content .woo-my-address .wrap {

      padding: 30px;

      background: #f3f3f3; }

    .woocommerce .woo-my-content .woo-my-address h4 {

      text-align: left;

      float: left; }

    .woocommerce .woo-my-content .woo-my-address a {

      float: right;

      margin-top: 0px;

      margin-right: 8px;

      padding-left: 32px;

      padding-right: 32px; }

    .woocommerce .woo-my-content .woo-my-address address {

      clear: both;

      line-height: 26px; }

  .woocommerce .woo-my-content form h3 {

    margin-bottom: 28px; }

  .woocommerce .woo-my-content .form-row label {

    display: none; }

  .woocommerce .woo-my-content .message-download {

    margin-top: 20px; }

  .woocommerce .woo-my-content .edit-account {

    text-align: left; }

    .woocommerce .woo-my-content .edit-account h4 {

      margin-bottom: 20px; }

    .woocommerce .woo-my-content .edit-account .btn {

      margin-top: 20px; }

  .woocommerce .woo-my-content .woo-my-downloads {

    margin: 30px 0; }

  .woocommerce .woo-my-content .order-again {

    margin-bottom: 30px; }



.woocommerce .woo-my-orders-table {

  margin-top: 10px; }

  .woocommerce .woo-my-orders-table th {

    color: #343436;

    display: table-cell;

    font-weight: 400;

    font-size: 13px;

    padding: 12px 0; }

  .woocommerce .woo-my-orders-table td {

    padding: 18px 0; }

  .woocommerce .woo-my-orders-table tr {

    background: transparent;

    border-bottom: 1px solid #ebebeb; }

  .woocommerce .woo-my-orders-table td.order-number {

    font-weight: 500; }

  .woocommerce .woo-my-orders-table td > .amount {

    font-weight: 500; }

  .woocommerce .woo-my-orders-table td.order-actions {

    text-align: right; }

  .woocommerce .woo-my-orders-table a.btn {

    padding-left: 30px;

    padding-right: 30px; }

    .woocommerce .woo-my-orders-table a.btn:hover {

      text-decoration: none; }

  .woocommerce .woo-my-orders-table a:hover {

    text-decoration: underline; }

  .woocommerce .woo-my-orders-table.woo-details {

    margin-bottom: 40px; }

    .woocommerce .woo-my-orders-table.woo-details tbody tr {

      border-width: 0; }

      .woocommerce .woo-my-orders-table.woo-details tbody tr:last-child {

        border-width: 1px; }

        .woocommerce .woo-my-orders-table.woo-details tbody tr:last-child th, .woocommerce .woo-my-orders-table.woo-details tbody tr:last-child td {

          padding-bottom: 20px; }

    .woocommerce .woo-my-orders-table.woo-details tbody th, .woocommerce .woo-my-orders-table.woo-details tbody td {

      padding: 20px 0 0;

      vertical-align: top; }

  .woocommerce .woo-my-orders-table.woo-customer-details {

    margin: 30px 0; }

    .woocommerce .woo-my-orders-table.woo-customer-details th {

      border-top: 1px solid #ebebeb; }



/*--------------------------------------------------------------

## Elements

--------------------------------------------------------------*/

.woo-onsale {

  color: #fff;

  height: 30px;

  padding: 0 18px;

  -webkit-border-radius: 50px;

          border-radius: 50px;

  line-height: 32px;

  font-weight: 500;

  font-size: 11px;

  display: block;

  position: absolute;

  top: 30px;

  left: 30px;

  z-index: 4; }

  .woo-onsale.out {

    background: #ccc;

    color: #404044;

    padding: 0 18px; }



.woocommerce .stars {

  width: auto;

  height: 16px;

  line-height: 1;

  margin: 0 10px;

  display: inline-block; }

  .woocommerce .stars a {

    position: relative;

    height: 18px;

    width: 1em;

    font-size: 15px;

    text-indent: -999em;

    display: inline-block;

    text-decoration: none; }

    .woocommerce .stars a:before {

      content: "\e021";

      color: #ea9e62;

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      width: 1em;

      height: 1em;

      line-height: 1;

      font-family: WooCommerce;

      text-indent: 0; }

  .woocommerce .stars:hover a:hover ~ a:before,

  .woocommerce .stars.selected a.active ~ a:before,

  .woocommerce .stars.selected:hover span a:hover ~ a:before {

    content: "\e021"; }

  .woocommerce .stars:hover a:before,

  .woocommerce .stars.selected a:before,

  .woocommerce .stars.selected:hover span a:before {

    content: "\e020"; }



.woocommerce .star-rating {

  width: auto;

  display: inline-block;

  position: relative;

  color: #ea9e62; }

  .woocommerce .star-rating a:hover {

    opacity: 1; }

  .woocommerce .star-rating:before {

    content: "\73\73\73\73\73";

    float: left;

    top: 0;

    left: 0;

    position: absolute;

    font-family: star;

    font-size: 15px;

    word-wrap: normal; }

  .woocommerce .star-rating > span {

    display: inline-block;

    font-size: 0px;

    overflow: hidden; }

    .woocommerce .star-rating > span:before {

      content: "\53\53\53\53\53";

      font-family: star;

      font-size: 15px;

      word-wrap: normal; }



.woocommerce table td, .woocommerce table th {

  border: none;

  padding: 0; }



.woocommerce ul {

  list-style: none; }



.woocommerce .form-row {

  padding: 0;

  margin-bottom: 15px; }

  .woocommerce .form-row textarea {

    min-height: 159px; }



.woocommerce .blockUI.blockOverlay {

  opacity: 0.4 !important; }



.woocommerce .price {

  color: #404044;

  font-size: 14px;

  font-weight: 400; }

  .woocommerce .price ins, .woocommerce .price del {

    float: left;

    opacity: 1; }

  .woocommerce .price ins {

    text-decoration: none; }

  .woocommerce .price del {

    margin-right: 8px;

    color: #999999; }



.page-error.woocommerce-shop .icon-shape {

  line-height: 75px; }

  .page-error.woocommerce-shop .icon-shape i {

    font-size: 60px; }



.woo-quantity {

  width: 95px;

  height: 40px;

  position: relative;

  float: left;

  margin-right: 5px; }

  .woo-quantity .plus,

  .woo-quantity .minus {

    background: rgba(0, 0, 0, 0.06);

    color: rgba(0, 0, 0, 0.6);

    width: 32px;

    height: 32px;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    line-height: 33px;

    text-align: center;

    font-size: 18px;

    font-weight: 300;

    position: absolute;

    top: 2px;

    right: 0;

    cursor: pointer;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none; }

    .woo-quantity .plus:hover,

    .woo-quantity .minus:hover {

      background: rgba(0, 0, 0, 0.1); }

  .woo-quantity .minus {

    font-size: 24px;

    right: auto;

    left: 0; }

  .woo-quantity input {

    background: transparent;

    width: 40px;

    height: 36px;

    padding: 0 5px;

    border: none;

    font-weight: 400;

    display: block;

    margin: 0 auto;

    text-align: center;

    -moz-appearance: textfield;

    -webkit-appearance: none; }

    .woo-quantity input::-webkit-outer-spin-button, .woo-quantity input::-webkit-inner-spin-button {

      -webkit-appearance: none; }



.woocommerce.add_to_cart_inline {

  border: none;

  display: inline-block; }

  .woocommerce.add_to_cart_inline .amount {

    display: none; }



/*--------------------------------------------------------------

## Fields

--------------------------------------------------------------*/

.norebro-masonry {

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

  -webkit-transition-property: height;

  transition-property: height; }





.bg-contactus{

  background: #f7f7f7;

}