/* =============================================
 * Website: Grozav
 * Description: Premium quality website templates, themes and plugins created by Alex Grozav, 
 * a self-taught, multidisciplinary artist with a focus on web development. 
 * With over 8 years of experience, you can be sure of high quality work.
 * Version: 1.0.0
 * Author: Alex Grozav
 * Author URI: http://grozav.com
 * License: Commercial ThemeForest License
 * ============================================= */
/* =============================================
 * Grozav Style
 * ============================================= */
/* =============================================
 * General Styles
 * ============================================= */
body, html {
  width: 100%;
  height: 100%; }

body {
  padding-top: 140px;
  cursor: default;
  overflow-x: hidden; }

a {
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
  cursor: pointer; }

/* =============================================
 * General Styles
 * ============================================= */
[data-animate] {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

/* =============================================
 * Separator
 * ============================================= */
.separator:hover {
  cursor: default; }

/* =============================================
 * Arrow
 * ============================================= */
.arrow-up-dark {
  margin-top: -14px;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #2a282d; }

.arrow-down-dark {
  margin-bottom: -14px;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2a282d; }

.arrow-up-light {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fdfdfd; }

.arrow-down-light {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fdfdfd; }

/* =============================================
 * Backgrounds
 * ============================================= */
.bg-gray-dark {
  background: #2a282d; }

.bg-gray-light {
  background: #797577; }

/* =============================================
 * Images
 * ============================================= */
.img-fullwidth {
  width: 100%; }

.img-fullheight {
  height: 100%; }

/* =============================================
 * Margin & Padding
 * ============================================= */
.margin-none {
  margin: 0 0 0 0; }

.margin-all-1x {
  margin: 25px; }

.margin-all-2x {
  margin: 50px; }

.margin-all-3x {
  margin: 75px; }

.margin-all-4x {
  margin: 100px; }

.margin-top-1x {
  margin-top: 25px; }

.margin-top-2x {
  margin-top: 50px; }

.margin-top-3x {
  margin-top: 75px; }

.margin-top-4x {
  margin-top: 100px; }

.margin-right-1x {
  margin-right: 25px; }

.margin-right-2x {
  margin-right: 50px; }

.margin-right-3x {
  margin-right: 75px; }

.margin-right-4x {
  margin-right: 100px; }

.margin-bottom-1x {
  margin-bottom: 25px; }

.margin-bottom-2x {
  margin-bottom: 50px; }

.margin-bottom-3x {
  margin-bottom: 75px; }

.margin-bottom-4x {
  margin-bottom: 100px; }

.margin-left-1x {
  margin-left: 25px; }

.margin-left-2x {
  margin-left: 50px; }

.margin-left-3x {
  margin-left: 75px; }

.margin-left-4x {
  margin-left: 100px; }

.padding-none {
  padding: 0 0 0 0; }

.padding-all-1x {
  padding: 25px; }

.padding-all-2x {
  padding: 50px; }

.padding-all-3x {
  padding: 75px; }

.padding-all-4x {
  padding: 100px; }

.padding-top-1x {
  padding-top: 25px; }

.padding-top-2x {
  padding-top: 50px; }

.padding-top-3x {
  padding-top: 75px; }

.padding-top-4x {
  padding-top: 100px; }

.padding-right-1x {
  padding-right: 25px; }

.padding-right-2x {
  padding-right: 50px; }

.padding-right-3x {
  padding-right: 75px; }

.padding-right-4x {
  padding-right: 100px; }

.padding-bottom-1x {
  padding-bottom: 25px; }

.padding-bottom-2x {
  padding-bottom: 50px; }

.padding-bottom-3x {
  padding-bottom: 75px; }

.padding-bottom-4x {
  padding-bottom: 100px; }

.padding-left-1x {
  padding-left: 25px; }

.padding-left-2x {
  padding-left: 50px; }

.padding-left-3x {
  padding-left: 75px; }

.padding-left-4x {
  padding-left: 100px; }

/* =============================================
 * Open Sans
 * ============================================= */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open-sans/../csopensans-semibold-webfont.eot");
  src: url("../fonts/open-sans/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/open-sans/opensans-semibold-webfont.woff") format("woff"), url("../fonts/open-sans/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/open-sans/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open-sans/opensans-regular-webfont.eot");
  src: url("../fonts/open-sans/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/open-sans/opensans-regular-webfont.woff") format("woff"), url("../fonts/open-sans/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/open-sans/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open-sans/opensans-light-webfont.eot");
  src: url("../fonts/open-sans/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/opensans-light-webfont.woff2") format("woff2"), url("../fonts/open-sans/opensans-light-webfont.woff") format("woff"), url("../fonts/open-sans/opensans-light-webfont.ttf") format("truetype"), url("../fonts/open-sans/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open-sans/opensans-bold-webfont.eot");
  src: url("../fonts/open-sans/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/open-sans/opensans-bold-webfont.woff") format("woff"), url("../fonts/open-sans/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/open-sans/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: bold;
  font-style: normal; }
/* ====
 * Text Colors
 * ==== */
.text-white {
  color: #fdfdfd; }

/* ====
 * Text Hidden
 * ==== */
.text-hidden {
  text-indent: -10000px; }

/* ====
 * Text Size
 * ==== */
.text-xs {
  font-size: 8.4px; }

.text-sm {
  font-size: 10.2px; }

.text-md {
  font-size: 12px; }

.text-lg {
  font-size: 13.8px; }

/* ====
 * Responsive Positioning
 * ==== */
@media screen and (max-width: 480px) {
  .text-left-xs {
    text-align: left; } }

@media screen and (max-width: 768px) {
  .text-left-sm {
    text-align: left; } }

@media screen and (max-width: 992px) {
  .text-left-md {
    text-align: left; } }

@media screen and (max-width: 1200px) {
  .text-left-lg {
    text-align: left; } }

@media screen and (max-width: 480px) {
  .text-right-xs {
    text-align: right; } }

@media screen and (max-width: 768px) {
  .text-right-sm {
    text-align: right; } }

@media screen and (max-width: 992px) {
  .text-right-md {
    text-align: right; } }

@media screen and (max-width: 1200px) {
  .text-right-lg {
    text-align: right; } }

@media screen and (max-width: 480px) {
  .text-center-xs {
    text-align: center; } }

@media screen and (max-width: 768px) {
  .text-center-sm {
    text-align: center; } }

@media screen and (max-width: 992px) {
  .text-center-md {
    text-align: center; } }

@media screen and (max-width: 1200px) {
  .text-center-lg {
    text-align: center; } }

/* =============================================
 * Bootstrap
 *
 * @override bootstrap classes
 * ============================================= */
.navbar .product-export-link {
  cursor: default; }
.navbar .product-export, .navbar .product-export-pages, .navbar .product-export-theme {
  background: transparent;
  border: none;
  width: 100%; }
.navbar .export-dropdown {
  padding: 15px; }
.navbar .navbar-brand img, .navbar .navbar-nav > li > a, .navbar .navbar-toggle {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.navbar.navbar-condensed {
  min-height: 80px; }
  .navbar.navbar-condensed .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px; }
    @media screen and (max-width: 767px) {
      .navbar.navbar-condensed .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px; } }
  .navbar.navbar-condensed .navbar-toggle {
    margin: 20px 15px 20px 0; }
  .navbar.navbar-condensed .navbar-brand {
    position: absolute;
    height: 0;
    padding-top: 15px;
    padding-bottom: 15px; }
    .navbar.navbar-condensed .navbar-brand img {
      height: 42px; }
@media screen and (max-width: 767px) {
  .navbar .navbar-brand img {
    height: 42px; } }
.navbar .navbar-nav > li > a {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.btn {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.open > .dropdown-menu {
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fadeInDown;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -webkit-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fadeInDown;
  -moz-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -moz-animation-iteration-count: 1;
  -o-animation-delay: 0;
  -o-animation-duration: 0.5s;
  -o-animation-name: fadeInDown;
  -o-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -o-nimation-iteration-count: 1;
  -ms-animation-delay: 0;
  -ms-animation-duration: 0.5s;
  -ms-animation-name: fadeInDown;
  -ms-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -ms-nimation-iteration-count: 1;
  animation-delay: 0;
  animation-duration: 0.5s;
  animation-name: fadeInDown;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-iteration-count: 1;
  padding: 0; }
  .open > .dropdown-menu li {
    margin: 0; }
    .open > .dropdown-menu li a {
      -moz-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      -webkit-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      transition: background 0.3s ease;
      padding: 10px 20px; }
      .open > .dropdown-menu li a i {
        margin-right: 5px; }

.page-header {
  margin-bottom: 50px;
  padding: 0; }
  .page-header i {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #797577;
    border: 1px solid #d1caca;
    margin-right: 10px;
    margin-bottom: -1px; }

/* =============================================
 * Contact Bar
 * ============================================= */
.contact-bar .contact-bar-list {
  margin-right: -18px;
  margin-bottom: 0; }
  .contact-bar .contact-bar-list > li {
    color: #797577; }
    .contact-bar .contact-bar-list > li > a {
      display: block;
      padding: 10px 5px;
      color: #797577;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .contact-bar .contact-bar-list > li > a:hover {
        color: #ed4749; }
      .contact-bar .contact-bar-list > li > a.contact-bar-profile {
        padding: 10px 15px;
        display: block; }
        .contact-bar .contact-bar-list > li > a.contact-bar-profile .contact-bar-profile-img {
          margin-right: 6px; }
        .contact-bar .contact-bar-list > li > a.contact-bar-profile i {
          margin-left: 6px; }
        .contact-bar .contact-bar-list > li > a.contact-bar-profile:hover {
          background: #403f45; }
    .contact-bar .contact-bar-list > li.open a.contact-bar-profile {
      color: #ed4749;
      background: #403f45; }

/* =============================================
 * Title Area
 * ============================================= */
.header-text-wrapper {
  z-index: 10;
  margin: 50px 0 65px; }

.header-text .header-text-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  color: #797577;
  border: 1px solid #d1caca;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .header-text .header-text-icon i {
    line-height: 40px;
    font-size: 20px; }
.header-text .header-text-title {
  margin-bottom: 15px;
  padding-left: 65px; }
.header-text .header-text-description {
  padding-left: 65px;
  color: #797577; }

/* =============================================
 * Login Form
 * ============================================= */
.form-wrapper {
  width: 100%;
  position: relative;
  display: block; }
  .form-wrapper .container {
    position: relative; }
  .form-wrapper .form-phone-img {
    position: absolute;
    display: block;
    right: 100px;
    bottom: 0;
    margin: 0;
    padding: 0;
    height: 510px; }
    @media screen and (max-width: 991px) {
      .form-wrapper .form-phone-img {
        height: 520px;
        right: 0px; } }

/* =============================================
 * Inputs
 * ============================================= */
.input-wrapper {
  margin-bottom: 15px;
  width: 100%; }
  .input-wrapper .input-icon {
    position: absolute;
    border-right: 1px solid #d1caca;
    width: 60px;
    text-align: center;
    height: 20px;
    margin: 15px 0;
    color: #797577; }
    .input-wrapper .input-icon i {
      font-size: 20px; }
  .input-wrapper .input {
    width: 100%;
    display: block;
    padding: 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    text-indent: 60px; }
    .input-wrapper .input.input-image {
      cursor: pointer; }
    .input-wrapper .input[type="file"] {
      display: none; }
  .input-wrapper.input-wrapper-error .input-icon {
    color: #ed4749; }
  .input-wrapper .colorpicker {
    width: 100%;
    height: 50px;
    padding: 0 0 0 60px;
    background: #fff;
    display: block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .input-wrapper .colorpicker::-webkit-color-swatch {
      border: none; }
    .input-wrapper .colorpicker:hover {
      cursor: pointer; }

.form-error-message {
  margin-top: 0; }

.form-error-list-item i {
  font-size: 9px;
  margin-right: 10px; }

/* =============================================
 * WebRock Dependencies
 * ============================================= */
/* =============================================
 * Spectrum Colorpicker v1.3.4
 * 
 * https://github.com/bgrins/spectrum
 * Author: Brian Grinstead
 * License: MIT
 * 
 * @type WebRock Input
 * ============================================= */
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.sp-container.sp-flat {
  position: relative; }

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block; }

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%; }

.sp-fill {
  padding-top: 80%; }

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px; }

.sp-alpha-enabled .sp-alpha {
  display: block; }

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #d1caca;
  background: white;
  opacity: .8; }

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px; }

.sp-alpha-inner {
  border: solid 1px #d1caca; }

.sp-clear {
  display: none; }

.sp-clear.sp-clear-display {
  background-position: center; }

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px; }

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none; }

.sp-container.sp-input-disabled .sp-input-container {
  display: none; }

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none; }

.sp-palette-only .sp-picker-container {
  display: none; }

.sp-palette-disabled .sp-palette-container {
  display: none; }

.sp-initial-disabled .sp-initial {
  display: none; }

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }

.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }

.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
*/
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }

.sp-hidden {
  display: none !important; }

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table; }

.sp-cf:after {
  clear: both; }

.sp-cf {
  *zoom: 1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%; }

  .sp-hue {
    left: 63%; }

  .sp-fill {
    padding-top: 60%; } }
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0; }

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #797577;
  background: white;
  filter: alpha(opacity=75);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75; }

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  background-color: #fdfdfd;
  padding: 0;
  border: 1px solid #797577; }

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.sp-top {
  margin-bottom: 3px; }

.sp-color, .sp-hue, .sp-clear {
  border: solid 1px #d1caca; }

/* Input */
.sp-input-container {
  margin-bottom: 4px; }

.sp-initial-disabled .sp-input-container {
  width: 100%; }

.sp-input {
  font-size: 12px !important;
  border: 1px solid #d1caca;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: #fff;
  color: #222;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.sp-input:focus {
  border: 1px solid orange; }

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd; }

.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px; }

.sp-picker-container {
  width: 172px; }

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #d1caca; }

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent; }

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: #d1caca; }

.sp-thumb-el {
  position: relative; }

/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #d1caca; }

.sp-initial span {
  width: 30px;
  height: 30px;
  border: none;
  display: block;
  float: left;
  margin: 0; }

.sp-initial .sp-clear-display {
  background-position: center; }

/* Buttons */
.sp-button-container {
  float: right; }

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 5px 5px 5px 65px;
  display: inline-block;
  width: 100%;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fdfdfd;
  color: #333;
  vertical-align: middle; }

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver; }

.sp-dd {
  display: none; }

.sp-preview {
  position: relative;
  width: 100%;
  height: 40px;
  margin-right: 5px;
  float: left;
  z-index: 0; }

.sp-palette {
  *width: 220px;
  max-width: 220px; }

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0; }

.sp-container {
  padding-bottom: 0; }

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #222222;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 8px 8px;
  text-align: center;
  vertical-align: middle;
  border: 0;
  font-weight: normal;
  font-size: 14px; }

.sp-container button:hover {
  background-color: #090909; }

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none; }

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline; }

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000; }

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.sp-thumb-el {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); }

/* =============================================
 * Product
 * ============================================= */
.product {
  position: relative;
  display: block;
  margin-bottom: 25px; }
  .product .product-image {
    position: relative;
    display: block; }
    .product .product-image .product-overlay {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      transition: all 0.5s ease;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      background: rgba(0, 0, 0, 0.65); }
      .product .product-image .product-overlay i {
        font-size: 24px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px; }
  .product .product-title {
    color: #797577; }
  .product:hover .product-overlay {
    text-align: center;
    color: #fdfdfd;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }

#purchased_products {
  padding-bottom: 50px;
  border-bottom: 1px solid #d1caca; }

.products-bar {
  background: #f8f8f8; }
  .products-bar ul {
    margin: 0; }
    .products-bar ul li {
      margin: 0;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .products-bar ul li a, .products-bar ul li button {
        padding: 10px 15px;
        display: block;
        width: 100%;
        height: 100%;
        color: #797577; }
        .products-bar ul li a i, .products-bar ul li button i {
          margin-right: 4px; }
      .products-bar ul li button {
        border: 0;
        background: none; }
      .products-bar ul li:hover {
        background: #f0f0f0; }
      .products-bar ul li.divider {
        color: #797577; }
        .products-bar ul li.divider:hover {
          background: transparent; }
      .products-bar ul li.active a {
        color: #ed4749; }

.product-badge {
  position: absolute;
  top: 10px;
  right: -10px;
  padding: 10px 20px;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .product-badge.product-badge-builder {
    background: #403f45;
    top: 60px; }
    .product-badge.product-badge-builder::after {
      border-top: 4px solid #27272a;
      border-left: 4px solid #27272a; }
  .product-badge.product-badge-free {
    background: #13bf70; }
    .product-badge.product-badge-free::after {
      border-top: 4px solid #0e9155;
      border-left: 4px solid #0e9155; }
  .product-badge.product-badge-price {
    background: #ed4749; }
    .product-badge.product-badge-price::after {
      border-top: 4px solid #e8191b;
      border-left: 4px solid #e8191b; }
  .product-badge::after {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid green;
    border-left: 4px solid green;
    position: absolute;
    right: 2px;
    bottom: -8px; }

/* =============================================
 * Inputs
 * ============================================= */
.gtab {
  display: none; }
  .gtab.active {
    display: block; }

/* =============================================
 * Navbar 
 * 
 * @type WebRock Object
 * ============================================= */
.header {
  width: 100%;
  display: block;
  position: relative;
  margin: 0; }
  .header .header-title {
    display: block;
    position: relative; }
    .header .header-title.header-title-vintage {
      text-align: center;
      margin-bottom: 50px; }
      .header .header-title.header-title-vintage h1, .header .header-title.header-title-vintage h2, .header .header-title.header-title-vintage h3, .header .header-title.header-title-vintage h4, .header .header-title.header-title-vintage h5, .header .header-title.header-title-vintage h6, .header .header-title.header-title-vintage p {
        display: inline;
        position: relative;
        padding: 10px 30px;
        border: 2px solid #fff; }
  .header .header-subtitle {
    display: block;
    position: relative; }
  .header .header-image {
    display: block;
    position: relative; }
  .header.header-xlg {
    padding: 400px 0; }
    @media screen and (max-width: 1199px) {
      .header.header-xlg {
        padding: 333.33333px 0; } }
    @media screen and (max-width: 991px) {
      .header.header-xlg {
        padding: 266.66667px 0; } }
    @media screen and (max-width: 767px) {
      .header.header-xlg {
        padding: 200px 0; } }
  .header.header-lg {
    padding: 300px 0; }
    @media screen and (max-width: 1199px) {
      .header.header-lg {
        padding: 250px 0; } }
    @media screen and (max-width: 991px) {
      .header.header-lg {
        padding: 200px 0; } }
    @media screen and (max-width: 767px) {
      .header.header-lg {
        padding: 150px 0; } }
  .header.header-md {
    padding: 225px 0; }
    @media screen and (max-width: 1199px) {
      .header.header-md {
        padding: 187.5px 0; } }
    @media screen and (max-width: 991px) {
      .header.header-md {
        padding: 150px 0; } }
    @media screen and (max-width: 767px) {
      .header.header-md {
        padding: 112.5px 0; } }
  .header.header-sm {
    padding: 150px 0; }
    @media screen and (max-width: 1199px) {
      .header.header-sm {
        padding: 125px 0; } }
    @media screen and (max-width: 991px) {
      .header.header-sm {
        padding: 100px 0; } }
    @media screen and (max-width: 767px) {
      .header.header-sm {
        padding: 75px 0; } }
  .header.header-xs {
    padding: 75px 0; }
    @media screen and (max-width: 1199px) {
      .header.header-xs {
        padding: 62.5px 0; } }
    @media screen and (max-width: 991px) {
      .header.header-xs {
        padding: 50px 0; } }
    @media screen and (max-width: 767px) {
      .header.header-xs {
        padding: 37.5px 0; } }

.menu-builder {
  display: block;
  position: relative; }
  .menu-builder .menu-builder-items {
    position: relative; }
    .menu-builder .menu-builder-items:after {
      content: "";
      display: table;
      clear: both; }
  .menu-builder .input-wrapper {
    position: relative; }

#menu-builder-add {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  background: #ed4749;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  right: 8px;
  top: 8px; }
  #menu-builder-add:hover {
    background: #eb3032;
    cursor: pointer; }

.menu-builder-item {
  float: left;
  width: 100%;
  position: relative;
  display: block;
  padding: 17px;
  margin-bottom: 10px;
  background: #403f45;
  color: #d1caca;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .menu-builder-item:hover {
    background: #47464d; }
  .menu-builder-item ul {
    margin: 0; }
  .menu-builder-item:first-child .menu-builder-item-up {
    color: #868284; }
    .menu-builder-item:first-child .menu-builder-item-up:hover {
      cursor: default;
      background: transparent;
      color: #868284; }
  .menu-builder-item:last-child .menu-builder-item-down {
    color: #868284; }
    .menu-builder-item:last-child .menu-builder-item-down:hover {
      cursor: default;
      background: transparent;
      color: #868284; }
  .menu-builder-item .menu-builder-item-actions {
    margin-top: -7px;
    margin-right: -10px; }
    @media screen and (max-width: 767px) {
      .menu-builder-item .menu-builder-item-actions {
        margin-top: -7px;
        margin-bottom: 7px;
        margin-right: 0px;
        display: block;
        width: 100%;
        clear: both; } }
  @media screen and (max-width: 767px) {
    .menu-builder-item {
      text-align: center; } }
  .menu-builder-item .menu-builder-item-action {
    display: inline-block; }
  .menu-builder-item .menu-builder-item-action a {
    display: block;
    padding: 7px 10px;
    text-align: center;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #d1caca; }
    .menu-builder-item .menu-builder-item-action a:hover {
      color: #fdfdfd;
      background: #595760; }
    @media screen and (max-width: 767px) {
      .menu-builder-item .menu-builder-item-action a i {
        margin-right: 0px; } }

/* =============================================
 * Image Browser
 * ============================================= */
.grozav-image-browser-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.75);
  overflow-y: scroll;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .grozav-image-browser-background.visible {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    width: 100%;
    height: 100%;
    z-index: 9998; }
  .grozav-image-browser-background .grozav-image-browser {
    display: block;
    position: relative;
    width: 100%;
    z-index: 9999; }
    .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content {
      margin: 50px auto;
      width: 90%;
      position: relative; }
      .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item {
        width: 20%;
        display: block;
        position: relative;
        background: black; }
        @media screen and (max-width: 1199px) {
          .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item {
            width: 25%; } }
        @media screen and (max-width: 991px) {
          .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item {
            width: 33%; } }
        @media screen and (max-width: 767px) {
          .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item {
            width: 50%; } }
        .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item .grozav-browse-item-overlay {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item .grozav-browse-item-overlay .grozav-browse-item-text {
            position: absolute;
            width: 100%;
            text-align: center;
            top: 50%;
            margin-top: -15px;
            color: #fff;
            text-transform: uppercase; }
        .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item .grozav-browse-item-image {
          display: block;
          width: 100%; }
        .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item:hover .grozav-browse-item-overlay {
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1; }
        .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item:hover .grozav-browse-item-remove {
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1; }
        .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item .grozav-browse-item-remove {
          display: block;
          position: absolute;
          right: 10px;
          bottom: 10px;
          z-index: 100;
          color: #fff;
          width: 40px;
          height: 40px;
          line-height: 40px;
          text-align: center;
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          .grozav-image-browser-background .grozav-image-browser .grozav-image-browser-content .grozav-browse-item .grozav-browse-item-remove:hover {
            background: #222222; }
  .grozav-image-browser-background .grozav-image-browser-close {
    position: fixed;
    top: 10px;
    right: 30px;
    color: #fff;
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    z-index: 10000;
    background: #222222;
    display: block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .grozav-image-browser-background .grozav-image-browser-close:hover {
      background: #2f2f2f; }
  .grozav-image-browser-background .grozav-image-browser-browse {
    position: fixed;
    top: 80px;
    right: 30px;
    color: #fff;
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    z-index: 10000;
    background: #ed4749;
    display: block;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .grozav-image-browser-background .grozav-image-browser-browse:hover {
      background: #ef5e60; }
  .grozav-image-browser-background .grozav-browse-item-notfound {
    color: #fff; }

.overflow-none {
  overflow: hidden; }

/* =============================================
 * Pages
 * ============================================= */
.page-entry {
  display: block;
  padding: 20px;
  margin-bottom: 10px;
  background: #403f45;
  color: #d1caca;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .page-entry:hover {
    background: #47464d; }
  .page-entry .separator {
    color: #797577; }
  .page-entry .page-entry-date {
    color: #797577; }
  .page-entry ul {
    margin: 0; }
  .page-entry .page-entry-actions {
    margin-top: -7px;
    margin-right: -10px; }
    @media screen and (max-width: 767px) {
      .page-entry .page-entry-actions {
        margin-top: -7px;
        margin-bottom: 7px;
        margin-right: 0px;
        display: block;
        width: 100%;
        clear: both; } }
  @media screen and (max-width: 767px) {
    .page-entry {
      text-align: center; } }
  .page-entry .page-entry-build {
    color: #fff !important;
    background: #ed4749 !important; }
    .page-entry .page-entry-build:hover {
      background: #e8191b !important; }
  .page-entry .page-entry-action a {
    display: block;
    padding: 7px 10px;
    text-align: center;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #d1caca; }
    .page-entry .page-entry-action a:hover {
      color: #fdfdfd;
      background: #595760; }
    .page-entry .page-entry-action a i {
      margin-right: 5px; }
      @media screen and (max-width: 767px) {
        .page-entry .page-entry-action a i {
          margin-right: 0px; } }

/* =============================================
 * Recent Products
 * ============================================= */
.recent-products-controls {
  margin-top: 20px;
  display: block;
  position: relative;
  color: #797577;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease; }
  @media screen and (max-width: 1199px) {
    .recent-products-controls {
      margin-top: 15px; } }
  @media screen and (max-width: 767px) {
    .recent-products-controls {
      margin-top: 25px; } }
  .recent-products-controls:hover {
    color: #ed4749; }

.recent-products-image {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  max-height: 100px;
  max-width: 100px; }

.recent-product {
  margin: 0 auto;
  display: block;
  position: relative;
  width: 90%;
  max-width: 100px; }
  .recent-product .recent-product-overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .recent-product .recent-product-overlay i {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -12px;
      margin-left: -12px; }
  .recent-product:hover .recent-product-overlay {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }

/* =============================================
 * Footer
 * ============================================= */
.footer {
  color: #fdfdfd; }
  .footer .footer-heading {
    font-weight: normal;
    margin-bottom: 25px; }
  .footer .footer-logo {
    margin-bottom: 20px; }

.footer-bar .footer-bar-social li a {
  display: block;
  color: #fdfdfd; }
  .footer-bar .footer-bar-social li a:hover {
    color: #2a282d; }

.tag {
  margin: 0 5px 5px 0;
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  color: #797577;
  border: 1px solid #797577;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .tag:hover {
    background: #797577;
    color: #fdfdfd; }

.project-thumbnail {
  max-width: 50px;
  border: 1px solid #403f45;
  margin: 0 5px 5px 0; }

.blog-post-recent {
  display: block;
  position: relative;
  border-bottom: 1px solid #403f45; }
  .blog-post-recent:last-child {
    border-bottom: 0; }
  .blog-post-recent:hover .blog-post-recent-title {
    color: #d1caca; }
  .blog-post-recent .blog-post-recent-title {
    color: #928f91;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    transition: color 0.3s ease; }
  .blog-post-recent .blog-post-recent-excerpt {
    color: #797577;
    font-size: 10px; }

/* =============================================
 * Headings
 * ============================================= */
.text-white {
  color: #fff; }

.heading {
  position: relative;
  margin-bottom: 12.5px;
  /* ===
   * Heading 1
   * === */
  /* ===
   * Heading 2
   * === */
  /* ===
   * Heading 3
   * === */
  /* ===
  * Heading 4
  * === */
  /* ===
  * Heading 5
  * === */
  /* ===
  * Heading 6
  * === */
  /* ===
  * Heading 7
  * === */ }
  .heading.heading-sm {
    font-size: 48px; }
  .heading.heading-md {
    font-size: 66px; }
  .heading.heading-lg {
    font-size: 84px; }
  @media screen and (max-width: 1199px) {
    .heading.heading-sm {
      font-size: 36px; }
    .heading.heading-md {
      font-size: 54px; }
    .heading.heading-lg {
      font-size: 75px; } }
  @media screen and (max-width: 991px) {
    .heading.heading-sm {
      font-size: 27px; }
    .heading.heading-md {
      font-size: 48px; }
    .heading.heading-lg {
      font-size: 60px; } }
  @media screen and (max-width: 767px) {
    .heading.heading-sm {
      font-size: 18px; }
    .heading.heading-md {
      font-size: 42px; }
    .heading.heading-lg {
      font-size: 48px; } }
  .heading.heading-1:before, .heading.heading-1:after {
    content: "\f005";
    font-family: FontAwesome;
    position: relative;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 24px;
    margin: -0 30px;
    top: -5px; }
  .heading.heading-1.text-changa:before, .heading.heading-1.text-changa:after {
    top: -10px; }
  .heading.heading-2:before, .heading.heading-2:after {
    content: " ";
    position: absolute;
    width: 50px;
    height: 5px;
    border-top: 1px solid #2a282d;
    border-bottom: 1px solid #2a282d; }
  .heading.heading-2:before {
    margin: 5px 0 0 -60px; }
  .heading.heading-2:after {
    margin: 5px 0 0 10px; }
  .heading.heading-2.heading-sm:before, .heading.heading-2.heading-sm:after {
    height: 10px; }
  .heading.heading-2.heading-sm:before {
    margin: 20px 0 0 -60px; }
  .heading.heading-2.heading-sm:after {
    margin: 20px 0 0 10px; }
  .heading.heading-2.heading-sm.text-changa:before, .heading.heading-2.heading-sm.text-pacifico:before {
    margin: 25px 0 0 -60px; }
  .heading.heading-2.heading-sm.text-changa:after, .heading.heading-2.heading-sm.text-pacifico:after {
    margin: 25px 0 0 10px; }
  .heading.heading-2.heading-md:before, .heading.heading-2.heading-md:after {
    height: 12px; }
  .heading.heading-2.heading-md:before {
    margin: 25px 0 0 -60px; }
  .heading.heading-2.heading-md:after {
    margin: 25px 0 0 10px; }
  .heading.heading-2.heading-md.text-changa:before, .heading.heading-2.heading-md.text-pacifico:before {
    margin: 30px 0 0 -60px; }
  .heading.heading-2.heading-md.text-changa:after, .heading.heading-2.heading-md.text-pacifico:after {
    margin: 30px 0 0 10px; }
  .heading.heading-2.heading-lg:before, .heading.heading-2.heading-lg:after {
    height: 15px; }
  .heading.heading-2.heading-lg:before {
    margin: 35px 0 0 -60px; }
  .heading.heading-2.heading-lg:after {
    margin: 35px 0 0 10px; }
  .heading.heading-2.heading-lg.text-changa:before, .heading.heading-2.heading-lg.text-pacifico:before {
    margin: 42px 0 0 -60px; }
  .heading.heading-2.heading-lg.text-changa:after, .heading.heading-2.heading-lg.text-pacifico:after {
    margin: 42px 0 0 10px; }
  .heading.heading-3 {
    padding: 10px 20px;
    border: 2px solid #2a282d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .heading.heading-4 {
    padding: 5px 0;
    border-top: 2px solid #2a282d;
    border-bottom: 2px solid #2a282d; }
  .heading.heading-5 {
    padding: 5px 0;
    border-bottom: 2px solid #2a282d; }
  .heading.heading-6 {
    text-shadow: 3px 3px 0px #d1caca, 10px 10px 0px #ed4749; }
  .heading.heading-7 {
    -webkit-transform: rotate(-10deg) skew(-10deg, 0);
    -moz-transform: rotate(-10deg) skew(-10deg, 0);
    -ms-transform: rotate(-10deg) skew(-10deg, 0);
    -o-transform: rotate(-10deg) skew(-10deg, 0);
    transform: rotate(-10deg) skew(-10deg, 0); }

.header-inverse .heading.heading-2:before, .header-inverse .heading.heading-2:after {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; }
.header-inverse .heading.heading-3 {
  border: 2px solid #fff; }
.header-inverse .heading.heading-4 {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff; }
.header-inverse .heading.heading-5 {
  border-bottom: 2px solid #fff; }

.text-white .heading {
  color: #fff;
  border-color: #fff; }

/* =============================================
 * Grozav Loader
 *
 * @role display an overlay with a loading spinner
 * ============================================= */
.grozav-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background: #2a282d;
  z-index: 10000; }
  .grozav-loader .grozav-loader-logo {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    margin-top: -35px;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: flipInX;
    -webkit-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -webkit-animation-iteration-count: 1;
    -moz-animation-delay: 0;
    -moz-animation-duration: 2s;
    -moz-animation-name: flipInX;
    -moz-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -moz-animation-iteration-count: 1;
    -o-animation-delay: 0;
    -o-animation-duration: 2s;
    -o-animation-name: flipInX;
    -o-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -o-nimation-iteration-count: 1;
    -ms-animation-delay: 0;
    -ms-animation-duration: 2s;
    -ms-animation-name: flipInX;
    -ms-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -ms-nimation-iteration-count: 1;
    animation-delay: 0;
    animation-duration: 2s;
    animation-name: flipInX;
    animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    animation-iteration-count: 1; }

@-webkit-keyframes loaderanimation {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; } }
@-moz-keyframes loaderanimation {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; } }
@-ms-keyframes loaderanimation {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; } }
@-o-keyframes loaderanimation {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; } }
@keyframes loaderanimation {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1; } }
.grozav-loader-item {
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: loaderanimation;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -webkit-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-duration: 2s;
  -moz-animation-name: loaderanimation;
  -moz-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -moz-animation-iteration-count: infinite;
  -o-animation-delay: 0;
  -o-animation-duration: 2s;
  -o-animation-name: loaderanimation;
  -o-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -o-nimation-iteration-count: infinite;
  -ms-animation-delay: 0;
  -ms-animation-duration: 2s;
  -ms-animation-name: loaderanimation;
  -ms-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -ms-nimation-iteration-count: infinite;
  animation-delay: 0;
  animation-duration: 2s;
  animation-name: loaderanimation;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-iteration-count: infinite; }

.grozav-loader-item:nth-child(1) {
  border: 6px solid rgba(71, 165, 237, 0.5);
  moz-transform-origin: 47% 50%;
  -o-transform-origin: 47% 50%;
  -ms-transform-origin: 47% 50%;
  -webkit-transform-origin: 47% 50%;
  transform-origin: 47% 50%; }

.grozav-loader-item:nth-child(2) {
  border: 6px solid rgba(237, 165, 71, 0.5);
  moz-transform-origin: 53% 50%;
  -o-transform-origin: 53% 50%;
  -ms-transform-origin: 53% 50%;
  -webkit-transform-origin: 53% 50%;
  transform-origin: 53% 50%; }

.grozav-loader-item:nth-child(3) {
  border: 6px solid rgba(242, 45, 35, 0.5);
  moz-transform-origin: 50% 47%;
  -o-transform-origin: 50% 47%;
  -ms-transform-origin: 50% 47%;
  -webkit-transform-origin: 50% 47%;
  transform-origin: 50% 47%; }

.grozav-loader-item:nth-child(4) {
  border: 8px solid #403f45;
  moz-transform-origin: 50% 53%;
  -o-transform-origin: 50% 53%;
  -ms-transform-origin: 50% 53%;
  -webkit-transform-origin: 50% 53%;
  transform-origin: 50% 53%; }

#header-mMoz5bZK {
  background-image: url(../img/header-4.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/header-4.jpg', sizingMethod='scale')";
  background-color: #000000; }

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