/*
Theme Name: Voux WooCommerce Shopping Theme
Theme URI: http://okthemes.com/voux
Author: Cristian Gogoneata
Author URI: http://www.okthemes.com
Description: WooCommerce Shopping Theme
Tags: black, white, light, dark, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-menu, featured-images, full-width-template, microformats, sticky-post, theme-options, translation-ready
Text Domain: okthemes
Version: 3.0
=======
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/*------------------------------------------------------------------
[Table of contents]

1. Body / body, html, loader
2. General elements / typography, links, buttons, headings, form elements, images
3. Header / header, logo
4. Navigation / toolbar menu, main menu
5. Content / #content
6. Footer, footer extras, footer social
7. Sidebar / widgets
8. Blog / article, post formats, comments, pagination
9. Contact page
10. Portfolio page / portofilo single
11. 404 page
12. Coming soon page
13. Visual Composer 
14. Responsive media
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ 1. Body / body, html, loader ]
*/

html {
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Montserrat';
}

html, body {
  height: 100%;
}

/* Site loader */

body > :not(.pace),
body:before,
body:after {
  -webkit-transition:opacity .4s ease-in-out;
  -moz-transition:opacity .4s ease-in-out;
  -o-transition:opacity .4s ease-in-out;
  -ms-transition:opacity .4s ease-in-out;
  transition:opacity .4s ease-in-out
}

body:not(.pace-done):not(.pace-not-active) > :not(.pace):not(.pace-not-active),
body:not(.pace-done):not(.pace-not-active):before,
body:not(.pace-done):not(.pace-not-active):after {
  opacity:0
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-transition: -webkit-opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  -webkit-transition: -webkit-opacity 0.5s;
  transition: opacity 0.5s;
  pointer-events: none;
}

.pace.pace-active  {
  opacity: 1;
  -webkit-transition: -webkit-opacity 0.5s;
  transition: opacity 0.5s;
}

.pace .pace-activity .gg-loader {
  position:absolute;
  top:50%;
  left:50%;
  margin:-90px 0 0 -90px;
}

.pace .pace-activity .gg-loader .circle {
  /* absolute position with 3d animation = render layer */
  position: absolute;
  
  border:3px solid transparent;
  border-top: 3px solid #1c1c1c;
  border-radius: 50%;
  
  /* shared animation */
  animation: rotate linear infinite;
  -webkit-animation: rotate linear infinite;
}

.pace .pace-activity .gg-loader .circle.one {
  height: 50px;
  width: 50px;
  left:50px;
  top:50px;
  animation-duration: 0.85s;
  -webkit-animation-duration: 0.85s;
}

.pace .pace-activity .gg-loader .circle.two {
  height: 75px;
  width: 75px;
  top: 38px;
  left: 38px;
  animation-duration: 0.95s;
  -webkit-animation-duration: 0.95s;
}

.pace .pace-activity .gg-loader .circle.three {
  height: 100px;
  width: 100px;
  top: 25px;
  left: 25px;
  animation-duration: 1.05s;
  -webkit-animation-duration: 1.05s;
}

@keyframes rotate {
  /* rotate on 3d transform for best perf, it ensures GPU accelerated animation */
  from {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
  }
  to {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
}

@-webkit-keyframes rotate {
  /* rotate on 3d transform for best perf, it ensures GPU accelerated animation */
  from {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
  }
  to {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
}

.pace.pace-inactive {
  display: none;
}


/*------------------------------------------------------------------
[ 2. General elements / typography, links, buttons, headings, form elements, images ]
*/

a {
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

.element-inline {
  display: inline-block;
}

.no-border {
  border: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.white-text {
  color: #fff !important;
}

.sticky {
  background: #f7f7f7;
  padding: 30px;
}

img,
.wp-post-image,
.logo-wrapper img.brand {
  max-height: auto;
  height: auto;
  max-width: 100%;
}

.gm-style img {
  max-width: none;
}

.wp-post-image.rounded,
figure.rounded {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.wp-post-image.circle,
figure.circle {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance : none;
  margin : 0;
}
input[type=number] {
  -moz-appearance : textfield;
}

pre {
  border-radius: 0;
  background: #f7f7f7;
  border:0;
  color: #1c1c1c;
}

abbr[title], abbr[data-original-title] {
  border-bottom: 0;
}

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

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
  max-width: 100% !important;
}

body.woocommerce-page article .entry-content,
body.woocommerce article .entry-content {
    overflow: visible;
}

.screen-reader-text {
  display: none;
}

/* Image align */
img.alignnone,
.alignnone {
  display: block;
  position: relative;
}
img.alignright,
.alignright {
  float: right;
  margin: 30px;
  display: inline;
}
img.alignleft,
.alignleft {
  float: left;
  margin: 30px;
  display: inline;
}
img.aligncenter,
.aligncenter {
  display: block;
  text-align: center;
  margin: auto;
}

.gg-widget img,
article.post .entry-content img {
  max-width: 100%;
  height: auto;
}

/* Captions  */
.wp-caption {
  max-width: 100%;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
  font-size: 12px;
  font-style: italic;
}

img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
  list-style-position: inside;
}

.bypostauthor {}

caption {
  color: inherit;
  font-size: 12px;
}

/* Buttons  */

.btn {
  padding: 10px 24px;
  border-radius: 0;
  font-weight: 500;

  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

.btn:hover,
.btn:focus,
.btn:active {
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #1c1c1c;
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

.input-group-btn > .btn {
  padding: 12px;
  height: 48px;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
  border-left: 0;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: 0;
}

/* Forms */
label {
  font-weight: normal;
  color: #1c1c1c;
}

.label {
  font-weight: normal;
  color: #1c1c1c;
  border-radius: 0;
  font-size: 12px;
}

select {
  max-width: 100%;
  padding: 12px;
  height: 48px;
  background: #f6f6f6;
  border: 0;
  box-shadow: 0;
}

legend {
  color: #1c1c1c;
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 25px 0;
  margin: 0 0 25px 0;
}

.form-group {
  margin-bottom: 20px;
}

.form-control {
  box-shadow: none;
  /*height: 48px;*/
  height: 48px;
  padding: 12px;
  background-color: #f7f7f7;
  border-color: #f7f7f7; 
}

.has-success .form-control:focus,
.has-error .form-control:focus,
.has-feedback .form-control:focus,
.form-control:focus {
  box-shadow: none;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-radius: 0;
}

input[type="radio"],
input[type="checkbox"] {
  float: left;
  height: auto;
  width: auto;
  margin: 4px 10px 0 0;
}



/* Table */
td, th {
  font-size: 12px;
  font-weight: normal;
}

.table > thead > tr > th {
  border-bottom-width: 1px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-color: #e6e6e6;
}

/*------------------------------------------------------------------
[ 3. Header / header, logo ]
*/

header.site-header {
  padding-top: 30px;
  position: relative;
  z-index: 2;
}

.logo-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#site-title,
#site-title a.brand {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 36px;
  color: #1c1c1c;
  line-height: 1.1;

  margin: 0;
  padding: 0;
}

#site-title small {
  font-size: 11px;
  display: block;
  color: #828282;
  font-weight: normal;
  line-height: 1;
}

header.site-header .page-title {
  padding: 80px 0 50px 0;
} 

header.site-header .page-title h1 {
  font-size: 72px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  line-height: normal;
}

header.site-header .header-page-description {
  margin-top: 30px;
  padding-bottom: 80px;
  font-size: 14px;
}

header.site-header .header-page-description.text-center {
  padding-bottom: 0px;
}

header.site-header .page-header-image {
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;

  background-size: cover;
  background-position: center top;
}

body.gg-page-has-header-slider.under_header header.site-header {
  padding-top: 0;
}

body.gg-page-has-header-slider.under_header header.site-header nav {
  position: absolute;
  width: 100%;
  top: 30px;
}

header.site-header .subheader-slider.bellow_header {
  padding: 60px 0;
}

.gg-page-has-header-image header.site-header .header-page-description,
.gg-page-has-header-image header.site-header .page-title h1 {
  color: #fff;
}

.gg-page-has-header-image header.site-header .page-title h1.text-left {
  margin-top: 200px;
}

/*------------------------------------------------------------------
[ 4. Navigation / toolbar menu, main menu ]
*/

.navbar {
  min-height: 70px;
  height: 100%;
}

.navbar-header {
  height: 100%;
  min-height: 70px;
  text-align: center;
  background: transparent;
}

.navbar .navbar-nav {
  background: #f7f7f7;
  width: 100%;
  padding-left: 30px;
}

.navbar #toolbar-menu.navbar-nav {
  padding-left: 30px;
}

/* Substract the margins from the total width */
.container.fixed-width {
  width: 1140px;
}

.container.fixed-width,
.flanker {
  height: 100%;
  display:table-cell;
  padding-left: 0;
  padding-right: 0;
}

.flanker.dynamic-width {
  background: #f7f7f7;
  width: auto;
  position: relative;
}

.flanker.dynamic-width .gg-hor-line {
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  background: #e6e6e6;
  top:58px;
}

.gg-page-has-header-image .flanker.dynamic-width,
.gg-page-has-header-image .navbar .navbar-nav,
.gg-page-has-header-slider.under_header .flanker.dynamic-width,
.gg-page-has-header-slider.under_header .navbar .navbar-nav {
  background: #fff;
}

.navbar-default {
    background-color: transparent;
    border:0;
    display: table;
    width: 100%;
    margin: 0;
}

.navbar.navbar-default:before,
.navbar.navbar-default:after {
  content: none !important;
}

.navbar-collapse {
  width: 75%;
  float: left;
}

.navbar-nav > li > a {
  padding:24px 30px;
  font-size: 13px;

  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.navbar-nav > li > a[data-toggle="dropdown"] {
  padding-right: 40px;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: -1px;
}

.dropdown-menu,
.dropdown-menu > li > .dropdown-menu {
  border-radius: 0;
  box-shadow: none;
  border: 0;
  background: #f7f7f7;
  padding: 0;
  margin: 0;

  -webkit-box-shadow: inset 0px 1px 0px 0px #e6e6e6;
  -moz-box-shadow: inset 0px 1px 0px 0px #e6e6e6;
  box-shadow: inset 0px 1px 0px 0px #e6e6e6;
}

.dropdown-header {
    color: #ccc;
    font-size: 11px;
    padding: 12px 30px;
    white-space: nowrap;
    text-transform: uppercase;

    -webkit-box-shadow: inset 0px 0px 1px 0px #e6e6e6;
    -moz-box-shadow: inset 0px 0px 1px 0px #e6e6e6;
    box-shadow: inset 0px 0px 1px 0px #e6e6e6;
}

.dropdown-menu > li > a,
.dropdown-menu > li > .dropdown-menu > li > a {
  padding: 12px 30px;
}

.dropdown-menu > li > a[data-toggle="dropdown"],
.dropdown-menu > li > .dropdown-menu > li > a[data-toggle="dropdown"] {
  padding-right: 25px;
}

.dropdown-menu > li > a[data-toggle="dropdown"]:after,
.dropdown-menu > li > .dropdown-menu > li > a[data-toggle="dropdown"]:after {
  content: '\e684';
  font-family: 'Pe-icon-7-stroke';
  margin-right: 15px;
  position: absolute;
  right: 0;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > .dropdown-menu > li > a:hover,
.dropdown-menu > li > .dropdown-menu > li > a:focus,
.dropdown-menu > li > .dropdown-menu > .active > a,
.dropdown-menu > li > .dropdown-menu > .active > a:hover,
.dropdown-menu > li > .dropdown-menu > .active > a:focus {
  background: transparent;
  color: #1c1c1c;
}

.dropdown-menu .divider {
  margin: 0;
  background: #e6e6e6;
}

footer.site-footer .navbar-nav {
  margin-left: -15px;
}

footer.site-footer .navbar-nav > li > a {
  padding:0px 15px;
  font-size: 11px;
  border-right: 1px solid #e0e0e0;
  line-height: normal;
  margin-top: 5px;
}

footer.site-footer .navbar-nav > li:last-child > a {
  border: none;
}

.navbar-nav [class^="pe-7s-"], 
.navbar-nav [class*=" pe-7s-"] {
  line-height: 20px;
}

#toolbar-menu.navbar-nav > li > a {
  padding: 18px 15px;
  font-size: 11px;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #1c1c1c;
}

.navbar-default .navbar-nav > li > a[data-toggle="dropdown"]:after {
  content: '\e688';
  font-family: 'Pe-icon-7-stroke';
  position: absolute;
  right: 20px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #1c1c1c;

  -webkit-box-shadow: inset 0px -1px 0px 0px #e6e6e6;
  -moz-box-shadow: inset 0px -1px 0px 0px #e6e6e6;
  box-shadow: inset 0px -1px 0px 0px #e6e6e6;
}

.navbar-default #toolbar-menu.navbar-nav > li > a:hover,
.navbar-default #toolbar-menu.navbar-nav > li > a:focus,
.navbar-default #toolbar-menu.navbar-nav > .active > a,
.navbar-default #toolbar-menu.navbar-nav > .active > a:hover,
.navbar-default #toolbar-menu.navbar-nav > .active > a:focus {
  -webkit-box-shadow: inset 0px 1px 0px 0px #e6e6e6;
  -moz-box-shadow: inset 0px 1px 0px 0px #e6e6e6;
  box-shadow: inset 0px 1px 0px 0px #e6e6e6;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #f7f7f7;
}

#main-menu {
  border-top: 1px solid #e6e6e6;
}

/*------------------------------------------------------------------
[ 5. Content ]
*/

body.home.blog #content {
  padding-top: 90px;
}

#content {
  padding-bottom: 90px;
  overflow: hidden; /* For carousel */

  z-index: 1;
  position: relative;
}

.wpb-is-on #content {
  padding: 0;
}

.gg-content-separator {
  background: #e6e6e6;
  height: 1px;
  margin-bottom: 60px;
  margin-top: 38px;
}

body.home.blog #content .gg-content-separator,
.gg-page-has-header-image .gg-content-separator,
.wpb-is-on:not(.gg-contact-template) .gg-content-separator {
  display: none;
}


/*------------------------------------------------------------------
[ 6. Footer, footer extras, footer social ]
*/

footer.site-footer .footer-social {
  border-top:1px solid #e6e6e6;
}

footer.site-footer .footer-social ul li a {
  font-size: 24px;
  text-transform: uppercase;
  padding: 45px 0 35px 0;
  display: block;
  text-align: left;
}

footer.site-footer .footer-widgets {
  background: #1c1c1c;
  color: #9c9c9c;
  padding-bottom: 60px;
}

footer.site-footer.gg-light .footer-widgets {
  background: #fff;
  color: #828282;
  border-top: 1px solid #e6e6e6;
}

footer.site-footer .footer-widgets a {
  color: #cfcfcf;
}

footer.site-footer .footer-widgets a:hover {
  color: #fff;
}

footer.site-footer.gg-light .footer-widgets a,
footer.site-footer.gg-light .footer-widgets a:hover {
  color: #1c1c1c;
}

footer.site-footer .footer-widgets .gg-widget h4.widget-title {
  margin: 60px 0 45px 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}

footer.site-footer.gg-light .footer-widgets .gg-widget h4.widget-title {
  color: #1c1c1c;
}


footer.site-footer .footer-extras {
  color: #1c1c1c;
  padding: 30px 0;
}

footer.site-footer.gg-light .footer-extras {
  border-top: 1px solid #e6e6e6;
}

footer.site-footer .footer-extras .gg-copyright-wrapper {
  text-align: right;
  text-transform: uppercase;
}
footer.site-footer .footer-extras .gg-copyright-wrapper p {
  margin: 0;
}


/*------------------------------------------------------------------
[ 7. Sidebar / widgets ]
*/

.gg-sidebar-move-up {
  margin-top: -43px;
}

.gg-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gg-widget .twitter-text a.pull-left {
  margin-right: 5px;
}

footer.site-footer .footer-widgets .gg-widget ul li {
  margin-bottom: 15px;
}

aside .gg-widget {
  margin: 0 0 60px 0;
  color: #828282;
}

aside .gg-widget a {
  color: #828282;
}

aside .gg-widget a:hover {
  color: #1c1c1c;
}

aside .gg-widget ul li {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
}

aside .gg-widget ul li ul.children,
aside .gg-widget ul li ul.sub-menu {
  border-top: 1px solid #e6e6e6;
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
}

aside .gg-widget ul li ul.children li,
aside .gg-widget ul li ul.sub-menu li {
  padding-left: 20px;
}
aside .gg-widget ul li ul.children li:last-child,
aside .gg-widget ul li ul.sub-menu li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

aside .gg-widget ul li:last-child {
  border:0;
}

aside .gg-widget h4.widget-title {
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin: 0 0 28px 0;
}

/* Widget - Contact */

.gg-widget address,
.vc_widget_contact_us .widget.contact address {
  line-height: 23px;
  margin-bottom: 0;
}

.gg-widget.contact p,
.vc_widget_contact_us .widget.contact p {
  margin: 0;
}

.gg-widget.contact .gg-address-holder,
.vc_widget_contact_us .widget.contact .gg-address-holder {
  padding-left:0; 
}

.gg-widget.contact .gg-phone-holder,
.vc_widget_contact_us .widget.contact .gg-phone-holder {
  padding-right:0; 
}

.gg-widget.contact .extra_details,
.vc_widget_contact_us .widget.contact .extra_details {
  margin-top: 20px;
}

/* Widget - Recent entries */

.wpb_content_element .widget.widget_recent_entries ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wpb_content_element .widget.widget_recent_entries ul li {
  margin-bottom: 15px;
}

.gg-widget.widget_recent_entries ul li,
.wpb_content_element .widget.widget_recent_entries ul li {
  padding-left: 20px;
  position: relative;
}

.gg-widget.widget_recent_entries ul li:before,
.wpb_content_element .widget.widget_recent_entries ul li:before {
  content: '\61';
  font-family: 'ElegantIcons';
  font-size: 13px;
  position: absolute;
  left: 0;
}

.gg-widget.widget_recent_entries .post-date,
.wpb_content_element .widget.widget_recent_entries .post-date {
  display: block;
}

/* Widget - Twitter widget */

.gg-widget.twitter-widget ul li {
  padding-left: 20px;
  position: relative;
}

.gg-widget.twitter-widget ul li:before {
  content: '\e094';
  font-family: 'ElegantIcons';
  font-size: 13px;
  position: absolute;
  left: 0;
}

.gg-widget.twitter-widget .post-date {
  display: block;
}

/* Widget - Calendar */
.gg-widget.widget_calendar {

}

/*------------------------------------------------------------------
[ 8. Blog / article, comments, pagination, article footer ]
*/

/* Page - Blog/Article */
.el-grid {
  padding: 0;
  margin: 0;
  list-style: none;
}

.el-grid.products.owl-carousel .owl-item .isotope-item {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
}

.el-grid article.post h2.entry-title {
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

.el-grid .post-thumbnail img {
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

.el-grid .post-thumbnail img:hover {
  opacity: .7;
}

.el-grid[data-layout-mode="masonry"] article.post h2.entry-title,
.el-grid[data-layout-mode="fitRows"] article.post h2.entry-title,
.el-grid[data-layout-mode="masonry"] article.page h2.entry-title,
.el-grid[data-layout-mode="fitRows"] article.page h2.entry-title,
.el-grid[data-layout-mode="masonry"] article.portfolio_cpt h2.entry-title,
.el-grid[data-layout-mode="fitRows"] article.portfolio_cpt h2.entry-title {
  text-transform: none;
  font-weight: bold;
  line-height: normal;
  margin-top: 8px;
  margin-bottom: 16px;
  font-size: 18px;
}

.el-grid article.post .meta,
.el-grid article.post .meta a,
.el-grid article.page .meta,
.el-grid article.page .meta a,
.el-grid article.portfolio_cpt .meta,
.el-grid article.portfolio_cpt .meta a {
  font-size: 11px;
  color: #828282;
  margin: 0
}

.el-grid[data-layout-mode="masonry"] article.post .meta,
.el-grid[data-layout-mode="fitRows"] article.post .meta,
.el-grid[data-layout-mode="masonry"] article.page .meta,
.el-grid[data-layout-mode="fitRows"] article.page .meta,
.el-grid[data-layout-mode="masonry"] article.portfolio_cpt .meta,
.el-grid[data-layout-mode="fitRows"] article.portfolio_cpt .meta {
  margin-bottom: -5px;
}

.el-grid[data-layout-mode="masonry"] li.isotope-item,
.el-grid[data-layout-mode="fitRows"] li.isotope-item {
  margin-bottom: 30px;
}

.el-grid[data-gap="nogap"] li.isotope-item {
  padding: 0;
  margin: 0;
}

.el-grid .gg-post-list-item {
  text-align: center;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #e6e6e6;
}

.el-grid .gg-post-list-item .entry-header {
  padding: 0 25%;
}

.el-grid .gg-post-list-item:last-child {
  border:0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.el-grid .gg-post-list-item .entry-content {
  text-align: left;
  padding-top: 50px;
}

.el-grid .gg-post-list-item .entry-excerpt {
  padding-top: 15px;
}

.el-grid .gg-post-list-item .post-thumbnail {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  display: block;
}
.el-grid[data-layout-mode="masonry"] .post-thumbnail,
.el-grid[data-layout-mode="fitRows"] .post-thumbnail {
  margin-bottom: 25px;
  display: block;
}

.more-link {
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 10px;
  display: inline-block;
}

.pagination-load-more {
  text-align: center;
  margin-top: 45px;
}

.pagination-span {
  display: inline-block;
}

.load-more-anim {
  text-align: center;
}

.load-more-anim #infscr-loading {
  text-align: center;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 30px;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  position: fixed;
  top: 10%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -10%);
  -webkit-transform: translate(-50%, -10%);
  -moz-transform: translate(-50%, -10%);

}

/* Blog - Single page */

body.single article.post .post-thumbnail {
  margin-bottom: 30px;
}

body.single .col-md-9 p.meta {
  margin-top: 5px;
}

body.single .col-md-9 .gg-content-separator {
  margin-bottom: 30px;
  margin-top: 0;
}

/* Comments */

#comments {
  margin-top: 60px;
}

#comments .comment-form .form-group input {
  width: 100%;
}

#comments h2.comments-title {
  font-size: 18px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

#comments .comment {
  border-top: 1px solid #e6e6e6;
  padding-top: 25px;
  margin-top: 25px;
}

#comments .comment .media-body {
  position: relative;
}

#comments .comment .media-body p:last-child {
  margin-bottom: 0;
}

#comments .comment h4.media-heading {
  margin: 3px 0 0 0;
  text-transform: uppercase;
  font-style: normal;
  line-height: normal;
}

#comments .comment h4.media-heading span.label {
  color: #e71111;
  font-size: 11px;
}

#comments .comment h4.media-heading cite.fn {
  font-style: normal;
}

#comments .comment .media-body p.meta,
#comments .comment .media-body p.meta a {
  margin: 0;
  color: #828282;
}

#comments .comment .media-body p.meta {
  margin-bottom: 15px;
}

#comments .comment .avatar-holder {
  padding-right: 20px;
}

#comments .comment .avatar-holder img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

#comments .comment .reply {
  position: absolute;
  right: 0;
  top: 5px;
  text-transform: uppercase;
  font-size: 11px;
}

#respond {
  margin-top: 60px;
}

#respond h3#reply-title {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 18px;
}

/* Blog - Single page - Post social */
.post-social .nav {
  margin-top: 60px;
  background: transparent;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 0;
}

.post-social .nav > li,
.post-social .nav > li > a {
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Pagination */

.pagination {
    border-radius: 0;
    margin: 60px 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e6e6e6;
}

.pagination li {
  display: inline-block;
}

.pagination > li > a,
.pagination > li > span {
    background-color: transparent;
    border:0;
    color: #919191;
    padding: 30px 30px 0 30px;
    margin-top: -1px;
    border-top: 1px solid transparent;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li span.current {
  background: transparent;
  color: #1c1c1c;
  border-top: 1px solid #1c1c1c;
}

.pagination > li > a:after,
.pagination > li > span:after {
  content: '';
  height: 20px;
  width: 1px;
  background: #e0e0e0;
  position: absolute;
  right: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span { 
  border-radius: 0;
}

.pagination > li.pull-left > a,
.pagination > li.pull-left > span,
.pagination > li.pull-right > a,
.pagination > li.pull-right > span{
  color: #1c1c1c;
}

.pagination > li.pull-left > a:after,
.pagination > li.pull-left > span:after,
.pagination > li.pull-right > a:after,
.pagination > li.pull-right > span:after{
  display: none;
}

.pagination > li.gg-prev-nav a,
.pagination > li.gg-next-nav a {
  padding: 23px 0 0 0;
}

/* Article pagination*/

.nav-links a {
  padding: 10px 24px;
  background-color: #1c1c1c;
  border-color: #1c1c1c;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.916;
  font-weight: 500;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;

  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;

}

.nav-links a:hover {
  color: #1c1c1c;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}

.nav-links .nav-previous {
  float: left;
  width: 49%;
}

.nav-links .nav-next {
  float: right;
  width: 49%;
}

/* Article footer */
footer.entry-meta {
  padding: 24px 0;
  margin: 18px 0 30px 0;
  border-top: 1px solid #e6e6e6;
  float: left;
  width: 100%;
}

body.single article.post footer.entry-meta {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 60px;
}

article.page footer.entry-meta {
  border: 0;
  padding: 0;
  margin: 0;
}

footer.entry-meta span.posted-on,
footer.entry-meta span.byline,
footer.entry-meta span.cat-links,
footer.entry-meta span.tags-links,
footer.entry-meta span.edit-link {
  margin-right: 30px;
}

.vc_inline-link {
  float: right;
}

.post-edit-link {
  float: left;
  margin-bottom: 15px;
  margin-right: 30px;
}

/*------------------------------------------------------------------
[ 9. Contact page ]
*/

.gg-contact-template .contact-details {
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  margin:0 0 90px 0;
  padding: 0 0 60px 0;
}

.gg-contact-template .contact-details address {
  margin: 0 0 11px 0;
}

.gg-contact-template #contact-form textarea {
  height: 150px;
}

.gg-contact-template #contact-form .btn {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
.gg-contact-template #contact-form .btn:hover {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

.gg-contact-template #contact-map {
  height: 600px;
}

.gg-contact-template footer.entry-meta {
  display: none;
}

/*------------------------------------------------------------------
[ 10. Portfolio page ]
*/

.da-thumbs {
  position: relative;
}
.da-thumbs li {
  position: relative;
}
.da-thumbs li .thumbs-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
}

.da-thumbs li .thumbs-wrapper div {
  position: absolute;
  background: #333;
  background: rgba(28,28,28,0.9);
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;

  opacity: 0;

}

.da-thumbs li:hover .thumbs-wrapper div {
  opacity: 1;
}

.da-thumbs li .thumbs-wrapper div,
.da-thumbs li .thumbs-wrapper div a,
.da-thumbs li .thumbs-wrapper div h4 {
  color: #fff;
}

.da-thumbs li .thumbs-wrapper div span {
  display: block;
}

.da-thumbs li .thumbs-wrapper div span.thumbs-content-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.da-thumbs li .thumbs-wrapper div span.thumbs-content-align i {
  font-size: 46px;
  opacity: .5
}


.portfolio-single-fullwidth-content {
  padding-top: 90px;
  padding-bottom: 60px;
}

/* Portfolio page - Related */

.related-projects {
  padding-bottom: 90px;
}

.related-projects .el-grid.row {
  margin-right: -15px;
  margin-left: -15px;
}

.related-projects h4.entry-title {
  border-top: 1px solid #e6e6e6;
  font-size: 72px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 15px;
  padding-top: 50px;
}

/*------------------------------------------------------------------
[ 11. 404 page ]
*/

.error404 h1 {
  font-size: 72px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: pre;
  position: relative;
  z-index: 1;
}

.error404 h1 .gg-last-char {
  color: #fff;
}

.error404 .not_found_wrapper {
  padding-top: 100px;
  display: table;
  float: right;
}

.error404 .not_found_wrapper.not_found_wo_img {
  float: left;
  text-align: center;
  width: 100%;
}

.error404 .not_found_meta {
  max-width: 365px;
  display: table-cell;
  vertical-align: middle;
}

.error404 .not_found_image {
  max-width: 470px;
  display: table-cell;
}

.error404 .link-404 {
  text-transform: uppercase;
}

.error404 .info-404 {
  margin-bottom: 30px;
}


/*------------------------------------------------------------------
[ 12. Coming soon page ]
*/

.coming-soon-wrapper {
  background-color: #007dbb;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  width: 100%;
  height: 100%;
  float: left;
}

.coming-soon-wrapper h1 {
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 60px 0;
  line-height: normal;
}

.coming-soon-wrapper h2 {
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase;
  color: #1c1c1c;
  line-height: normal;
  margin: 0 0 60px 0;
  line-height: normal;
}

#countdown {
  font-size: 60px;
  font-weight: bold;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  text-align: right;
  margin-right: -40px;
}

#countdown .colored-letter {
  color: #1c1c1c;
}

.gg-coming-soon-template #content {
  padding: 45px;
}

.coming-soon-wrapper .coming-soon-meta {
  float: left;
  padding: 60px;
  max-width: 750px;
}

.coming-soon-wrapper .coming-soon-countdown {
  max-width: 430px;
  float: right;
  padding: 60px 0 0 0;
}

.coming-soon-wrapper .gg-newsletter-widget {
  border-color: #1c1c1c;
  color: #1c1c1c;
}

.coming-soon-wrapper .gg-newsletter-widget input {
  background-color: #0b587d;
  border-color: #0b587d;
  color: rgba(255,255,255,0.5);
}

.coming-soon-wrapper .gg-newsletter-widget .btn.btn-primary {
  background: #1c1c1c;
  border-color: #1c1c1c;
  color: rgba(255,255,255,0.5);
}

/*------------------------------------------------------------------
[ 13. Visual Composer]
*/

/* VC - General */

.vc_widget:not(.vc_widget_mailchimp) .widgettitle,
.wpb_heading.wpb_flickr_heading,
.wpb_heading.wpb_contactform_heading,
.wpb_content_element .widgettitle {
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 28px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 15px;
}

.wpb-js-composer .wpb_flickr_widget p.flickr_stream_wrap {
  font-size: 11px;
  text-transform: uppercase;
}

.wpb-js-composer .vc_message_box {
  padding: 1.5em 1.5em 1.5em 5em;
}

.wpb-js-composer .vc_message_box-icon {
  width: 5em;
}

/* VC - Title/subtitle */

.title-subtitle-box {
  margin-bottom: 30px;
}

.title-subtitle-box hr.has-underline {
  background: #e6e6e6;
  height: 1px;
  margin-bottom: 30px;
}

.title-subtitle-box h1 span.gg-last-char {
  color: #fff;
}

.title-subtitle-box p {
  font-size: 14px;
}

/* VC - Timeline */

#timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#timeline.horizontal {
  display: table;
  width: 100%;
}

#timeline li {
  position: relative
}
  
#timeline.vertical li {
  margin: 40px 0;
}

#timeline.horizontal li {
  display: table-cell;
  /* for firefox */
}
    
#timeline p {
  margin: 0 0 15px;
}

#timeline .date {
  font-size: 11px;
  color: #787878;
  display: block;
}

#timeline.vertical .date {
  margin-top: -10px;
  top: 50%;
  left: -158px;
}

#timeline.horizontal .date {
  text-align: center;
  margin-top: 15px;
}

#timeline .line {
  width: 100%;
  height: 2px;
  background: #e8e8e8;
  display: block;
  position: relative;
}

#timeline .circle {
  width: 20px;
  height: 20px;
  background: #e8e8e8;
  border: 3px solid #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
}

#timeline.horizontal .circle {
  margin: 0 auto;
  top: -10px;
  left: 0;
  right: 0;
}


#timeline.vertical .circle {
  margin-top: -10px;
  top: 50%;
  left: -44px;
}

#timeline label {
  z-index: 100;
  cursor: pointer;

  font-size: 18px;
  font-weight: bold;
}

#timeline.vertical label {
  transition: transform 0.2s linear;
}

#timeline.horizontal label {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;

  margin-bottom: 25px;
}

#timeline .radio {
  display: none;
}

#timeline .radio:checked + .line .circle {
  background-color: #1c1c1c;
}

/* VC - Counter*/
.counter-holder {
  margin-bottom: 30px;
}
.counter-holder .counter {
  font-size: 50px;
  color: #1c1c1c;
}
.counter-holder p {
  margin-bottom: 0;
  font-size: 11px;
  text-transform: uppercase;
}
.counter-holder em {
  font-size: 11px;
}
.counter-holder em:before {
  content: "";
  display: block;
  height: 2px;
  margin: 15px auto;
  width: 20px;
  background: #e6e6e6;
}
.counter-holder .vc_icon_element {
  margin-bottom: 0px;
}

.counter-holder.is_box {
  display: inline-block;
  width: 100%;
  background: #f7f7f7;
}

/* VC - Toggle */

.vc_toggle {
  border: 1px solid #f7f7f7;
}

.vc_toggle .vc_toggle_title {
  background: #f7f7f7;
  color: #1c1c1c;
  padding: 15px 30px;
}

.vc_toggle .vc_toggle_title h4 {
  font-size: 12px;
}

.vc_toggle .vc_toggle_content {
  padding: 30px;
  margin: 0;
}

.vc_toggle .vc_toggle_content p:last-child {
  margin-bottom: 0;
}

.wpb-js-composer .vc_toggle_default .vc_toggle_title,
.wpb-js-composer .vc_toggle_default .vc_toggle_content {
  padding-left: 30px;
}

.wpb-js-composer .vc_toggle_default .vc_toggle_icon:before {
  border:0;
}
.wpb-js-composer .vc_toggle_default .vc_toggle_icon:before, 
.wpb-js-composer .vc_toggle_default .vc_toggle_icon:after,
.wpb-js-composer .vc_toggle_default .vc_toggle_icon {
  background: #1c1c1c;
  border:0;
}

.wpb-js-composer .vc_toggle.vc_toggle_default .vc_toggle_icon {
  margin-left: 10px;
}

/* VC - Tabs/Tour */

.wpb-js-composer .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wpb-js-composer .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
  background: transparent;
  border:1px solid #ebebeb;
  padding: 30px;
}

.wpb-js-composer .wpb_content_element .wpb_tabs_nav li {
  background: #f7f7f7;
  border: 1px solid #ebebeb;
  color: #828282;
  float: left;
  margin-bottom: -1px;
  margin-right: 1px;
  padding: 8px 30px;
}

.wpb-js-composer .wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.wpb-js-composer .wpb_content_element .wpb_tabs_nav li:hover {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #1c1c1c;
}

.wpb-js-composer .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a,
.wpb-js-composer .wpb_content_element .wpb_tabs_nav li:hover a {
  color: #1c1c1c;
}

.wpb-js-composer .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wpb-js-composer .wpb_content_element .wpb_accordion_header a {
  padding: 0;
  color: #828282;
}

.wpb-js-composer .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
  padding: 30px;
  border: 1px solid #ebebeb;
}

.wpb-js-composer .wpb_tour .wpb_tabs_nav {
  margin-right: -1px !important;
}

/* VC - Progress bar */

.wpb-js-composer  .vc_progress_bar .vc_single_bar {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 15px;
}

.wpb-js-composer .vc_progress_bar .vc_single_bar .vc_label {
  padding: 15px 30px;
  font-size: 12px;
  color: #1c1c1c;
  text-transform: uppercase;
} 

.wpb-js-composer .vc_progress_bar .vc_single_bar .vc_bar {
  border-radius: 0;
}

/* VC - Buttons */

.wpb-js-composer .vc_btn,
.wpb-js-composer a.vc_btn, 
.wpb-js-composer button.vc_btn {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.916;
  padding: 6px 12px;
}

.wpb-js-composer .vc_btn.vc_btn_outlined, 
.wpb-js-composer a.vc_btn.vc_btn_outlined, 
.wpb-js-composer button.vc_btn.vc_btn_outlined,
.wpb-js-composer .vc_btn.vc_btn_square_outlined, 
.wpb-js-composer a.vc_btn.vc_btn_square_outlined, 
.wpb-js-composer button.vc_btn.vc_btn_square_outlined {
  padding: 5px 12px;
}

.wpb-js-composer .vc_btn-xs,
.wpb-js-composer a.vc_btn-xs, 
.wpb-js-composer button.vc_btn-xs {
  font-size: 9px;
  padding: 2px 10px;
}

.wpb-js-composer .vc_btn-xs.vc_btn_outlined, 
.wpb-js-composer a.vc_btn-xs.vc_btn_outlined, 
.wpb-js-composer button.vc_btn-xs.vc_btn_outlined,
.wpb-js-composer .vc_btn-xs.vc_btn_square_outlined, 
.wpb-js-composer a.vc_btn-xs.vc_btn_square_outlined, 
.wpb-js-composer button.vc_btn-xs.vc_btn_square_outlined {
  padding: 1px 10px;
}

.wpb-js-composer .vc_btn-sm,
.wpb-js-composer a.vc_btn-sm, 
.wpb-js-composer button.vc_btn-sm {
  font-size: 11px;
  padding: 4px 12px;
}

.wpb-js-composer .vc_btn-sm.vc_btn_outlined, 
.wpb-js-composer a.vc_btn-sm.vc_btn_outlined, 
.wpb-js-composer button.vc_btn-sm.vc_btn_outlined,
.wpb-js-composer .vc_btn-sm.vc_btn_square_outlined, 
.wpb-js-composer a.vc_btn-sm.vc_btn_square_outlined, 
.wpb-js-composer button.vc_btn-sm.vc_btn_square_outlined {
  padding: 3px 12px;
}

.wpb-js-composer .vc_btn-lg,
.wpb-js-composer a.vc_btn-lg, 
.wpb-js-composer button.vc_btn-lg {
  font-size: 12px;
  padding: 15px 30px;
}

.wpb-js-composer .vc_btn-lg.vc_btn_outlined, 
.wpb-js-composer a.vc_btn-lg.vc_btn_outlined, 
.wpb-js-composer button.vc_btn-lg.vc_btn_outlined,
.wpb-js-composer .vc_btn-lg.vc_btn_square_outlined, 
.wpb-js-composer a.vc_btn-lg.vc_btn_square_outlined, 
.wpb-js-composer button.vc_btn-lg.vc_btn_square_outlined {
  padding: 14px 30px;
}

.wpb-js-composer .vc_btn_voux-primary-color, 
.wpb-js-composer a.vc_btn_voux-primary-color, 
.wpb-js-composer button.vc_btn_voux-primary-color {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
  color: #fff;
}

.wpb-js-composer .vc_btn_3d.vc_btn_voux-primary-color, 
.wpb-js-composer a.vc_btn_3d.vc_btn_voux-primary-color, 
.wpb-js-composer button.vc_btn_3d.vc_btn_voux-primary-color {
  box-shadow: 0 5px 0 #484747;
}

.wpb-js-composer .vc_btn_outlined.vc_btn_voux-primary-color, 
.wpb-js-composer a.vc_btn_outlined.vc_btn_voux-primary-color, 
.wpb-js-composer button.vc_btn_outlined.vc_btn_voux-primary-color,
.wpb-js-composer .vc_btn_square_outlined.vc_btn_voux-primary-color, 
.wpb-js-composer a.vc_btn_square_outlined.vc_btn_voux-primary-color, 
.wpb-js-composer button.vc_btn_square_outlined.vc_btn_voux-primary-color {
  color: #1c1c1c;
}

.wpb-js-composer .vc_btn_voux-secondary-color, 
.wpb-js-composer a.vc_btn_voux-secondary-color, 
.wpb-js-composer button.vc_btn_voux-secondary-color {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: #1c1c1c;
}

/* VC - Call to action */

.wpb-js-composer .vc_call_to_action {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  padding: 30px;
}

.wpb-js-composer .vc_call_to_action hgroup h2 {
  font-size: 72px;
  font-weight: bold;
  line-height: normal;
}

.wpb-js-composer .vc_call_to_action hgroup h4 {
  font-size: 15px;
  color: #979797;
}

.wpb-js-composer .vc_call_to_action .vc_button-2-wrapper {
  display: block;
}

.wpb-js-composer .vc_call_to_action.vc_cta_btn_pos_right .vc_cta_btn {
  margin-top: 25px;
}

/* VC - Featured icon */

.featured-icon-box {
  float: left;
  width: 100%;
}

.featured-icon-box.gg-center-align {
  text-align: center;
}

.featured-icon-box.gg-center-align h3,
.featured-icon-box.gg-center-align .vc_icon_element {
  float: none;
  display: block;
}

.featured-icon-box.gg-center-align .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.featured-icon-box.gg-center-align h3 {
  margin: 30px 0 5px;
  font-weight: bold;
}

.featured-icon-box h3 {
  font-size: 18px;
  line-height: normal;
  text-transform: uppercase;
  margin: 37px 0 19px 0;
  float: left;
}

.featured-icon-box.text-white .vc_icon_element .vc_icon_element-icon,
.featured-icon-box.text-white h3,
.featured-icon-box.text-white h3 a {
  color: #fff;
}

.featured-icon-box .featured-icon-desc {
  margin: 0 0 19px 0;
  float: left;
  width: 100%;
}

.featured-icon-box .vc_icon_element {
  float: left;
  margin: 0;
}

.featured-icon-box  .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-right {
  float: right;
}

.featured-icon-box .vc_icon_element .vc_icon_element-icon {
  color: #1c1c1c;
}


.featured-icon-box .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
  border: 0;
}

.featured-icon-box .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
  transform: none;
  top: auto;
  bottom: 0;
  left: 0;
  line-height: 0.8 !important;
}

.featured-icon-box .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left .vc_icon_element-inner.vc_icon_element-size-xl {
  margin-right: 35px;
}
.featured-icon-box .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-right .vc_icon_element-inner.vc_icon_element-size-xl {
  margin-left: 35px;
}

/* VC - Featured image */

.featured-image-box h4 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

.featured-image-box .more-link {
  margin: 0;
}

.featured-image-box.text-align-left {
  text-align: left;
}
.featured-image-box.text-align-center {
  text-align: center;
}
.featured-image-box.text-align-right {
  text-align: right;
}

.featured-image-box figure.sadie {
  position: relative;
  overflow: hidden;
  background: #1c1c1c;
  cursor: pointer;
}

.featured-image-box figure.sadie img {
  position: relative;
  display: inline-block;
  /*min-height: 100%;*/
  max-width: 100%;
  opacity: 0.3;

  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.featured-image-box figure.sadie figcaption {
  padding: 15px;
  color: #fff;
  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;

  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0);
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.featured-image-box figure.sadie figcaption > a {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.featured-image-box figure.sadie h4 {
  color: #fff;
  text-transform: uppercase;
}

.featured-image-box figure.sadie p {
  color: #9c9c9c;
}

.featured-image-box figure.sadie:hover img {
  opacity: 0.1;
}

.featured-image-box figure.sadie:hover figcaption {
  -webkit-transform: translate3d(0,-50%,0) translate3d(0,-15px,0);
  transform: translate3d(0,-50%,0) translate3d(0,-15px,0);
}

/* VC - Twitter */

.vc_widget.vc_widget_twitter ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.vc_widget.vc_widget_twitter ul:before {
  content: '\e094';
  font-family: 'ElegantIcons';
  
  color: #1c1c1c;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  padding: 15px;

  font-size: 18px;

}

.vc_widget.vc_widget_twitter ul li {
  font-size: 18px;
  text-align: center;
  margin-top: 25px;
}

.vc_widget.vc_widget_twitter ul li .post-date {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 15px;
}

.vc_widget.vc_widget_twitter ul li .twitter-text a.pull-left {
  margin-right: 5px;
  float: none !important;
}

/* VC - Products grid */
.gg_filter {
  list-style: none;
  margin: 0 0 60px 0;
  padding: 0;
  text-align: center;
  width: 100%;

  border-top: 1px solid #e6e6e6; 
  border-bottom: 1px solid #e6e6e6; 
}

.gg_filter_extended_container {
  width: 500%;
  margin-left: -200%;
}

.rem_filter_border_top .gg_filter {
  border-top: 0; 
}

.gg_filter li {
  display: inline-block;
}

.gg_filter li a {
  display: inline-block;
  cursor: pointer;
  padding: 25px 0;
  margin: 0 30px -1px 30px;
  font-weight: 500;

  color: #1c1c1c;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
}

.gg_filter li a[data-filter=".grid-specials-sale"] {
  color: #e71111;
}

.gg_filter li.active a,
.gg_filter li:hover a,
.gg_filter li a:hover {
  border-bottom: 1px solid #1c1c1c;
}

/* VC - Shop collection */

.shop-collection-item {
  display: table;
  width: 100%;
}

.shop-collection-item figure {
  display: table-cell;
  vertical-align: top;
}

.shop-collection-item figure img {
  display: block;
  max-width: 550px;
}

.shop-collection-item .collection-meta {
  display: table-cell;
  padding-top: 70px;
  vertical-align: top;
  width: 100%;
}

.shop-collection-item .collection-meta h4 {
  display: table-cell;
  font-size: 18px;
  text-transform: uppercase;
}

.shop-collection-container.style_1 .shop-collection-item .collection-meta h4 {
  white-space: nowrap;
}

.shop-collection-item.position-right .collection-meta h4 {
  display: block;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.shop-collection-item.position-right .collection-meta .collection-meta-right {
  display: table-cell;
  padding-left: 30px;
  padding-right: 100px;
  padding-bottom: 60px;
}
.shop-collection-item.position-left .collection-meta .collection-meta-left {
  display: table-cell;
  padding-right: 30px;
  padding-left: 100px;
  padding-bottom: 60px;
}

.shop-collection-item .btn {
  margin-top: 45px;
}

.shop-collection-item .collection-meta .collection-meta-sep {
  display: table-cell;
  height: 1px;
  position: relative;
  vertical-align: top;
  width: 100%;
  padding-top: 15px;
}

.shop-collection-item .collection-meta .collection-meta-sep .gg_sep_line {
  border-top: 1px solid #e6e6e6;
  display: block;
  height: 1px;
  position: relative;
  top: 1px;
  width: 100%;
}

/* VC - Shop collection - Style 2 */

.shop-collection-container.style_2 .shop-collection-item {
  display: table;
}

.shop-collection-container.style_2 .shop-collection-item figure {
  max-width: 100%;
  max-height: 100%;
  display: table-cell;
}

.shop-collection-container.style_2 .shop-collection-item .collection-meta {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.shop-collection-container.style_2 .shop-collection-item .collection-meta .collection-meta-sep {
  display: none;
}

.shop-collection-container.style_2 .shop-collection-item .collection-meta h4 {
  font-size: 72px;
  font-weight: bold;
  line-height: normal;
  text-transform: none;
}

.shop-collection-container.style_2 .shop-collection-item.position-right .collection-meta .collection-meta-right {
  display: block;
  padding-left: 60px;
}

/* VC - Mailchimp */

.vc_widget_mailchimp .widget_mc4wp_widget,
.vc_widget_mailchimp .widget_mc4wp_form_widget,
.coming-soon-wrapper .gg-newsletter-widget {
  background: url("images/newsletter-trail.png") no-repeat right top;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 30px;
}

.vc_widget_mailchimp .widget_mc4wp_widget h2,
.vc_widget_mailchimp .widget_mc4wp_form_widget h2,
.coming-soon-wrapper .gg-newsletter-widget h2 {
  font-size: 14px;
  margin: 0 0 25px;
  padding: 0;
  text-transform: uppercase;
}

/* VC - Blockquote */

.gg-vc-quote {
  padding: 30px 15px;
  position: relative;
  margin: 0 0 30px 0;
  float: left;
  font-size: 36px;
  line-height: normal;
  color: #1c1c1c;
  text-align: center;
  border: 0;

  -webkit-font-smoothing: antialiased;
}

.gg-vc-quote br {
  display: none;
}

.gg-vc-quote:before,
.gg-vc-quote:after { 
  content: "“";
  font-size: 600%;
  position: absolute;
  line-height: 0;
}

.gg-vc-quote:before { 
  top: 30px;
  left: 15px;
}

.gg-vc-quote:after { 
  content: "”";
  bottom: -60px;
  right: 15px;
}


/* VC - Shop this look */

.look-holder-left {
  width: 60%;
  float: left;
  text-align: right;
  margin-bottom: 50px;
}

.look-holder-right {
  float: left;
  width: 40%;
  padding-top: 70px;
  padding-left: 30px;
  text-align: left;
  position: relative;
}

.look-holder-right h4 {
  font-size: 72px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;

  margin-left: -250px;
}

.look-holder-right h4 span.gg-first-word {
  color: #fff;
}

.look-holder-right figure {
  left: -10%;
  position: absolute;
  max-width: 110%;
  margin-top: 70px;
}

/*Menu change*/
.navbar-header.col-md-3,
.navbar-collapse.collapse.col-md-9 {
  display: table-cell !important;
  float: none !important;
  vertical-align: middle;
}

.logo-wrapper {
  top: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.flanker.dynamic-width {
  background: transparent;
  vertical-align: middle;
}

.gg-page-has-header-image .flanker.dynamic-width,
.gg-page-has-header-slider.under_header .flanker.dynamic-width {
  background: transparent;
}

.gg-page-has-header-image .flanker.dynamic-width .flanker-holder,
.gg-page-has-header-slider.under_header .flanker.dynamic-width .flanker-holder {
  background: #fff;
}

.flanker.dynamic-width .flanker-holder {
  background: #f7f7f7;
  height:129px;
  position: relative; 
}

.flanker.dynamic-width .gg-hor-line {
  position: relative;
}

/*Sticky menu*/
body.has-sticky-menu .navbar-default {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  top: 30px;
  height: auto;
}

body.has-sticky-menu.admin-bar .navbar-default {
  top: 62px;
}
body.has-sticky-menu.gg-page-has-header-slider.under_header header.site-header nav .navbar-default {
  top: 32px;
}
body.has-sticky-menu.admin-bar.gg-page-has-header-slider.under_header header.site-header nav .navbar-default {
  top: 62px;
}

/* Back to top */

#gg-top-link-button {
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

#gg-top-link-button a {
  background: #f7f7f7;
  padding: 18px 10px;
}

#gg-top-link-button.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 15px; /* padding from the right side of the window */
    opacity: 0;

}
#gg-top-link-button.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 15px; /* padding from the right side of the window */

    opacity: 1;
    z-index: 9999;
}

/*V 2.4*/

.no-overflow {
  overflow: visible !important;
}

.woocommerce.single-product .images {
  float: left;
  width: 100%;

  margin-bottom: 30px;
}

.woocommerce.single-product .post-social {
  margin-top: 0;
}

.woocommerce.single-product .post-social .nav {
  margin-top: 0;
}

body .vc_col-has-fill>.vc_column-inner,
body .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
body .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
body .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
body .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
body .vc_row-has-fill>.vc_column_container>.vc_column-inner,
body .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
body .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
  padding-top: 0;
}

/* Fix for nav menu width with < 3 menu items */
@media (min-width: 768px) {
  .navbar-header.col-md-3 {
    min-width: 200px;
  }
}

@media (min-width: 992px) {
  .navbar-header.col-md-3 {
    min-width: 260px;
  }
}

@media (min-width: 1200px) {
  .navbar-header.col-md-3 {
    min-width: 300px;
  }
}

/* V 2.7 */
button[type="submit"] {
    background: #cfcfcf;
    border: 1px solid #cfcfcf;
    box-shadow: none;
    outline: none;

    font-size: 12px;
    font-weight: normal;
    line-height: 1.916;
    margin-bottom: 0;
    padding: 8px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    text-transform: uppercase;
    height: 48px;
    color: #fff;
}