/* Theme Name:  Wakana
Theme URI:    www.artillegence.com/
Author:     Artillegence
Author URI: www.artillegence.com
Description:  Create an amazing restaurant experience.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: 
 */
@charset "UTF-8";
/** =============== Table of Contents ================ 
    
    1.  Reset CSS 
    2.  Page Builder CSS
    3.  CSS3 Animation (Animation)
    4.  Image Lightbox
    5.  Core Framework Classes
    6.  WordPress Core CSS
    7.  Layout 
    8.  Head Area Skeleton
    9.  Typography
    10. Head Stylings For theme
    11. Title Stylings
    12. Page Builder Elements
    13. Media Elements 
    14. Hover CSS Stylings
    15. Forum Inputs Stylings
    16. Single Page Stylings
    17. Singe Post Stylings
    18. Sidebar Widgets Stylings
    19. Footer Stylings
    20. 404 Stylings
    21. Common Page Elements Stylings
    22. Woo Commerce Stylings
    23. Third party plugins Stylings
    24. Responsive Stylings

============ End of Table of Contents ============= */
/* ========================== 1.  Reset CSS  ============================ */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  box-sizing: border-box;
}

*, *:after {
  box-sizing: inherit;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

a.mobile-menu svg path {
    fill: #000 !important;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

#slide-3, #slide-2, .ioa-loader, .slider-proxy-wrap{
	display: none !important;
}

.quartz {
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
}

.quartz .skeleton {
	position: absolute;
	bottom: 60px;
	left: 30px;
}

.quartz div.items-holder {
	height: 100%;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

iframe {
  border: none;
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

table {
  width: 100%;
  margin-bottom: 30px;
}

table th {
  padding: 10px 20px;
  text-align: left;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

table tr th {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}

table tr td {
  padding: 10px 20px;
  text-align: left;
}

/* ==========================  2.  Page Builder CSS  ============================ */
/*==========  Row Background Video Settings  ==========*/
.video-bg {
  opacity: 0;
}

.video-bg video,
.quant_video-bg video,
.quant_video-bg object {
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
  z-index: 10;
}

.quartz div.slider-item img.fallback {
  display: none;
}

.video-bg video img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}

.video-bg img.ie-fallback {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}

.video-bg.fixed-video video {
  position: fixed;
  top: 0;
}

.video-bg, .quant_video-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
}

.video-bg img.video-fallback {
  display: none;
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  max-width: none;
  height: auto;
}

/*==========  RAD Row  ==========*/
div.section-inner-wrap {
  height: 100%;
}

div.page-section {
  padding: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
}

div.page-section.full_width_row {
  padding: 0;
}

div.section-content {
  position: relative;
  z-index: 3;
  height: 100%;
}

div.section-vertical-span {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

div.inner-section-vertical-span {
  align-self: center;
}

.section-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
}

/*==========  RAD Columns  ==========*/
.container-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

div.rad-container {
  position: relative;
  -webkit-transform: translateZ(0);
}

div.rad-container div.rad-inner-container {
  position: relative;
  z-index: 5;
  -webkit-transform-style: preserve-3d;
}

div.page-section div.full_width div.rad-container {
  margin-top: 0;
  margin-bottom: 0;
}

div.page-section div.full_width div.rad-container.senseBGModel div.rad-inner-container {
  padding: 0;
}

div.rad-container.last {
  margin-right: 0;
  clear: right;
}

div.rad-container.full {
  margin-right: 0;
}

/* Container Alignment */
div.rad-container.auto_align {
  float: none;
  margin-left: auto !important;
  margin-right: auto;
}

div.rad-container.right {
  float: right;
}

/*==========  RAD Widget  ==========*/
div.rad-widget.top {
  margin-top: 0px;
}

.nested div.rad-widget.w_layout_element {
  margin-top: 20px;
  margin-bottom: 0;
}

.nested div.rad-widget.w_layout_element.top {
  margin-top: 0px;
  margin-bottom: 0;
}

.full_width .nested div.rad-widget.w_layout_element.w_full:first-child,
.full_width div.rad-widget.nested div.rad-widget.w_col.w_full:first-child {
  margin-top: 0;
}

/* ==========================  3.  CSS3 Animation (Animation) ============================ */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* ==========================  4.  Image Lightbox ============================ */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.96;
  filter: alpha(opacity=96);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.72, 0.8, 0.45, 0.94);
  -moz-transition: all 0.3s cubic-bezier(0.72, 0.8, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.72, 0.8, 0.45, 0.94);
}

button.mfp-close:hover {
  transform: rotate(180deg);
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-image-holder .mfp-close {
  transform: rotate(0deg);
  width: 30px;
  text-align: center;
  padding: 0;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  color: #fff;
  font-size: 28px;
  padding: 0;
  text-decoration: none;
  height: 60px;
  width: 60px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow-left {
  left: 20px;
}

.mfp-arrow-right {
  right: 20px;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.55s ease-out;
  -moz-transition: all 0.55s ease-out;
  transition: all 0.55s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.55s ease-out;
  -moz-transition: all 0.55s ease-out;
  transition: all 0.55s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* ==========================  5.  Core Framework Classes ============================ */
/*----------  Good Old Clearfix  ----------*/
.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

/*----------  Unix Style small classes  ----------*/
.last {
  clear: right;
}

.first {
  clear: left;
}

.left {
  float: left;
}

.right {
  float: right;
}

.fl-none {
  float: none;
}

.auto_align {
  margin: 0 auto;
}

.pad0 {
  padding: 0;
}

.padt0 {
  padding-top: 0;
}

.padr0 {
  padding-right: 0;
}

.padb0 {
  padding-bottom: 0;
}

.padl0 {
  padding-left: 0;
}

.mar0 {
  margin: 0;
}

.mart0 {
  margin-top: 0;
}

.marr0 {
  margin-right: 0;
}

.marb0 {
  margin-bottom: 0;
}

.marl0 {
  margin-left: 0;
}

.al-l {
  text-align: left;
}

.al-r {
  text-align: right;
}

.al-c {
  text-align: center;
}

.al-j {
  text-align: justify;
}

.invisible {
  visibility: hidden;
}

.hide {
  display: none !important;
}

.inline {
  display: inline;
}

.inline-i {
  display: inline !important;
}

.block-i {
  display: block !important;
}

.block {
  display: block !important;
}

.inline-block-i {
  display: inline-block !important;
}

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

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.show-phone {
  display: none;
}

.show-tablet {
  display: none;
}

.show-tablet-p {
  display: none;
}

.show-wide {
  display: block;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .show-tablet {
    display: block;
  }

  .hide-tablet {
    display: none;
  }
}

@media (max-width: 979px) {
	
	#compact_bar {
		top: 0px !important;
		left: auto !important;
		right: -250px !important;
		width: 250px !important;
		display: block !important;
		background: #FFF !important;
		height: 100% !important
	}
	
	#compact_bar .left-area {
		display: none;
	}
	
	#compact_bar .skeleton {
		width: 100%;
		margin-top:30px;
	}
	
	.theme-header .menu-bar .menu > li {
		float: none !important;
	}
	
	#compact_bar .right-area {
		line-height: 50px !important;
	}
	
	.header-cons-area .right-area {
		position: relative !important;
		float: none !important;
		margin-left: 20px !important;
	}
	
	.quartz div.slider-desc {
    width: 60% !important;
    left: 10px !important;
	}
	
	.quartz div.slider-desc .slider-desc-overlap {

    top: -30px !important;
    left: 50px;
    right: -30px !important;
    bottom: -30px !important;
	}
	

	
}

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

	.mobile-header {
    background-color: #FFF !important;
}
	
  .show-tablet-p {
    display: block;
  }

  .hide-tablet-p {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
    
    	.menu-scroller-item {
    width: 100% !important;
    padding: 10px !important;
    }
	
	
	
  .show-phone {
    display: block;
  }

  .hide-phone {
    display: none;
  }
}
div.palette {
  float: left;
  margin: 10px 10px 25px 0px;
  width: calc(20% - 10px);
}

div.palette-block {
  height: 50px;
  border-radius: 5px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 15px;
  font-size: 12px;
}

div.palette span {
  text-align: center;
  display: block;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  font-size: 12px;
  padding: 5px;
}

.palette-division {
  margin-bottom: 50px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.ioa-typo-test {
  padding-bottom: 50px;
  border-bottom: 1px solid #eee;
  margin-bottom: 50px;
}

.primary-pallete {
  background: #feb95f;
  color: #1a1c1d;
  padding: 60px;
}

.primary-pallete h3 {
  color: #1a1c1d;
}

.secondary-pallete {
  background: #1a1c1d;
  color: #656768;
  padding: 60px;
}

.secondary-pallete h3 {
  color: white;
}

div.h-comp {
  margin-bottom: 40px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 40px;
}

/* ==========================  6.  WordPress Core CSS ============================ */
.page-content div.gallery {
  margin: 0px 0px 15px 0px;
  clear: both;
}

.page-content div.gallery dl.gallery-item {
  padding: 0;
  float: left;
  margin: 0;
}

.page-content div.gallery dl.gallery-item a, div.gallery dl.gallery-item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.page-content div.gallery dl.gallery-item a {
  margin: 1px;
}

.page-content div.gallery a.read-more {
  margin-top: 10px;
}

.page-content div.gallery.gallery-columns-1 dl.gallery-item {
  max-width: 100%;
}

.page-content div.gallery.gallery-columns-2 dl.gallery-item {
  max-width: 50%;
}

.page-content div.gallery.gallery-columns-3 dl.gallery-item {
  max-width: 33.33%;
}

.page-content div.gallery.gallery-columns-4 dl.gallery-item {
  max-width: 25%;
}

.page-content div.gallery.gallery-columns-5 dl.gallery-item {
  max-width: 20%;
}

.page-content div.gallery.gallery-columns-6 dl.gallery-item {
  max-width: 16.66%;
}

.page-content div.gallery.gallery-columns-7 dl.gallery-item {
  max-width: 14.28%;
}

.page-content div.gallery.gallery-columns-8 dl.gallery-item {
  max-width: 12.5%;
}

.page-content div.gallery.gallery-columns-9 dl.gallery-item {
  max-width: 11.1%;
}

#fb-root {
  display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
  border: none;
  padding: 0;
}

.bypostauthor {
  display: block;
}

blockquote.alignleft,
.wp-caption.alignleft,
.page-wrapper img.alignleft {
  margin: 0.4211em 1.6842em 1.6842em 0;
  float: left;
}

blockquote.alignright,
.wp-caption.alignright,
.page-wrapper img.alignright {
  margin: 0.4211em 0 1.6842em 1.6842em;
  float: right;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
.page-wrapper img.aligncenter {
  margin-top: 0.4211em;
  margin-bottom: 1.6842em;
  display: block;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
  margin-bottom: 1.2632em;
}

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

/**
 *  Media Element JS
 */
.mejs-container {
  clear: both;
}

.mejs-container * {
  font-family: Helvetica, Arial;
}

.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
  background: #222;
}

.mejs-controls a.mejs-horizontal-volume-slider {
  display: table;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #fff;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #0073aa;
}

.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: rgba(255, 255, 255, 0.33);
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  border-radius: 0;
}

.mejs-controls .mejs-offscreen {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
}

.mejs-controls a:focus > .mejs-offscreen {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  line-height: normal;
  padding: 15px 23px 14px;
  position: absolute;
  left: 0;
  top: 15px;
  text-decoration: none;
  text-transform: none;
  width: auto;
}

.mejs-overlay-loading {
  background: transparent;
}

/* Override theme styles that may conflict with controls. */
.mejs-controls button:hover {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.me-cannotplay {
  width: auto !important;
}

.media-embed-details .wp-audio-shortcode {
  display: inline-block;
  max-width: 400px;
}

.audio-details .embed-media-settings {
  overflow: visible;
}

.media-embed-details .embed-media-settings .setting span {
  max-width: 400px;
  width: auto;
}

.media-embed-details .embed-media-settings .checkbox-setting span {
  display: inline-block;
}

.media-embed-details .embed-media-settings {
  padding-top: 0;
  top: 28px;
}

.media-embed-details .instructions {
  padding: 16px 0;
  max-width: 600px;
}

.media-embed-details .setting p,
.media-embed-details .setting .remove-setting {
  color: #a00;
  font-size: 10px;
  text-transform: uppercase;
}

.media-embed-details .setting .remove-setting {
  padding: 0;
}

.media-embed-details .setting a:hover {
  color: #f00;
}

.media-embed-details .embed-media-settings .checkbox-setting {
  float: none;
  margin: 0 0 10px;
}

.wp-video {
  max-width: 100%;
  height: auto;
}

.wp_attachment_holder .wp-video,
.wp_attachment_holder .wp-audio-shortcode {
  margin-top: 18px;
}

video.wp-video-shortcode,
.wp-video-shortcode video {
  max-width: 100%;
  display: inline-block;
}

.video-details .wp-video-holder {
  width: 100%;
  max-width: 640px;
}

.wp-playlist {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 12px 0 18px;
  font-size: 14px;
  line-height: 1.5;
}

.wp-admin .wp-playlist {
  margin: 0 0 18px;
}

.wp-playlist video {
  display: inline-block;
  max-width: 100%;
}

.wp-playlist audio {
  display: none;
  max-width: 100%;
  width: 400px;
}

.wp-playlist .mejs-container {
  margin: 0;
  width: 100%;
}

.wp-playlist .mejs-controls .mejs-button button {
  outline: 0;
}

.wp-playlist-light {
  background: #fff;
  color: #000;
}

.wp-playlist-dark {
  color: #fff;
  background: #000;
}

.wp-playlist-caption {
  display: block;
  max-width: 88%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.5;
}

.wp-playlist-item .wp-playlist-caption {
  text-decoration: none;
  color: #000;
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
}

.wp-playlist-item-meta {
  display: block;
  font-size: 14px;
  line-height: 1.5;
}

.wp-playlist-item-title {
  font-size: 14px;
  line-height: 1.5;
}

.wp-playlist-item-album {
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wp-playlist-item-artist {
  font-size: 12px;
  text-transform: uppercase;
}

.wp-playlist-item-length {
  position: absolute;
  right: 3px;
  top: 0;
  font-size: 14px;
  line-height: 1.5;
}

.rtl .wp-playlist-item-length {
  left: 3px;
  right: auto;
}

.wp-playlist-tracks {
  margin-top: 10px;
}

.wp-playlist-item {
  position: relative;
  cursor: pointer;
  padding: 0 3px;
  border-bottom: 1px solid #ccc;
}

.wp-playlist-item:last-child {
  border-bottom: 0;
}

.wp-playlist-light .wp-playlist-caption {
  color: #333;
}

.wp-playlist-dark .wp-playlist-caption {
  color: #dedede;
}

.wp-playlist-playing {
  font-weight: bold;
  background: #f7f7f7;
}

.wp-playlist-light .wp-playlist-playing {
  background: #fff;
  color: #000;
}

.wp-playlist-dark .wp-playlist-playing {
  background: #000;
  color: #fff;
}

.wp-playlist-current-item {
  overflow: hidden;
  margin-bottom: 10px;
  height: 60px;
}

.wp-playlist .wp-playlist-current-item img {
  float: left;
  max-width: 60px;
  height: auto;
  margin-right: 10px;
  padding: 0;
  border: 0;
}

.rtl .wp-playlist .wp-playlist-current-item img {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}

.wp-playlist-current-item .wp-playlist-item-title,
.wp-playlist-current-item .wp-playlist-item-artist {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wp-audio-playlist .me-cannotplay span {
  padding: 5px 15px;
}

/* ==========================  7.  Layout  ============================ */
/**
*
* Fixed Width Variables
*
**/
/**
  * Sidebar Layout
  *
  */
/**
  * Double Sidebar Layout
  *
  */
/*============================================
=            Basic Layout Classes            =
============================================*/
.left {
  float: left;
}

.right {
  float: right;
}

.last {
  padding-right: 0 !important;
  clear: right;
  margin-right: 0 !important;
}

.first {
  padding-left: 0 !important;
  clear: left;
  margin-left: 0 !important;
}

.auto_align {
  margin: 0 auto;
}

.skeleton {
  width: 1060px;
  position: relative;
  z-index: 1;
}

.page-wrapper .skeleton .skeleton {
  width: auto;
}

.layout-boxed-skeleton {
  width: 1120px;
}

.has-sidebar .layout-boxed-skeleton, .has-double-sidebar .layout-boxed-skeleton {
  width: auto;
}

.layout-boxed div.inner-super-wrapper {
  width: 1120px;
  margin: 50px auto 0 auto;
  position: relative;
  z-index: 3;
}

.layout_element, .col {
  float: left;
  min-height: 1px;
  margin: 0px 50px 50px 0;
  padding: 0px;
}

.rad-holder .layout_element {
  margin: 50px 50px 0px 0px;
}

.rad-holder .layout_element.top {
  margin-top: 0;
}

.full, .full.layout_element {
  clear: both;
  width: 100%;
  padding-right: 0 !important;
}

/*-----  End of Basic Layout Classes  ------*/
/*==============================================
=            Container Based Layout            =
==============================================*/
.one_half {
  width: 505px;
}

.one_third {
  width: 319.96467px;
}

.one_fourth {
  width: 227.5px;
}

.one_fifth {
  width: 172px;
}

.two_third {
  width: 689.92933px;
}

.three_fourth {
  width: 782.03704px;
}

.four_fifth {
  width: 838px;
}

.rad-holder .offset-one_half {
  margin-left: 605px;
}

.rad-holder .offset-one_third {
  margin-left: 419.96467px;
}

.rad-holder .offset-one_fourth {
  margin-left: 327.5px;
}

.rad-holder .offset-one_fifth {
  margin-left: 272px;
}

.rad-holder .offset-two_third {
  margin-left: 789.92933px;
}

.rad-holder .offset-three_fourth {
  margin-left: 882.03704px;
}

.rad-holder .offset-four_fifth {
  margin-left: 938px;
}

/*-----  End of Container Based Layout  ------*/
/*======================================
=            Sidebar Layout            =
======================================*/
.has-sidebar .layout_element, .has-sidebar .col {
  float: left;
  min-height: 1px;
  margin: 0px 30px 30px 0;
  padding: 0px;
}

.has-sidebar .one_half {
  width: 367.5px;
}

.has-sidebar .one_third {
  width: 234.9745px;
}

.has-sidebar .one_fourth {
  width: 168.75px;
}

.has-sidebar .one_fifth {
  width: 129px;
}

.has-sidebar .two_third {
  width: 499.949px;
}

.has-sidebar .three_fourth {
  width: 565.97222px;
}

.has-sidebar .four_fifth {
  width: 606px;
}

.has-sidebar .rad-holder .layout_element {
  margin: 30px 30px 0px 0px;
}

.sidebar-double-layout .rad-holder .layout_element {
  margin: 20px 20px 0px 0px;
}

.has-sidebar .rad-holder .layout_element.top {
  margin-top: 0;
}

/*-----  End of Sidebar Layout  ------*/
/*======================================
=            Double Sidebar Layout            =
======================================*/
.sidebar-double-layout .layout_element, .sidebar-double-layout .col {
  float: left;
  min-height: 1px;
  margin: 0px 20px 20px 0;
  padding: 0px;
}

.sidebar-double-layout .one_half {
  width: 281.5px;
}

.sidebar-double-layout .one_third {
  width: 180.98057px;
}

.sidebar-double-layout .one_fourth {
  width: 130.75px;
}

.sidebar-double-layout .one_fifth {
  width: 100.6px;
}

.sidebar-double-layout .two_third {
  width: 381.96113px;
}

.sidebar-double-layout .three_fourth {
  width: 432.06481px;
}

.sidebar-double-layout .four_fifth {
  width: 462.4px;
}

/*-----  End of Double Sidebar Layout  ------*/
/*==========================================
=            Sidebar  Structure            =
==========================================*/
.mutual-content-wrap {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  padding-bottom: 100px;
}

.sidebar {
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
  padding-top: 100px;
  padding-bottom: 100px;
}

.has-page-builder .mutual-content-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.has-page-builder .page-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.has-page-builder .page-section.no-space {
  padding-top: 0;
  padding-bottom: 0;
}

/* .has-page-builder .page-section.first-section { padding-bottom: 0; } */
/* == Right Sidebar ========================== */
.has-left-sidebar {
  float: right;
  width: 795px;
}

.left-sidebar.sidebar {
  float: left;
  width: 240px;
  padding-right: 25px;
}

/* == Left Sidebar ========================== */
.has-right-sidebar {
  float: left;
  width: 795px;
}

.right-sidebar.sidebar {
  float: right;
  width: 240px;
  padding-left: 25px;
  margin-left: 25px;
}

/*==========  Double Left Sidebar  ==========*/
.has-double-left-sidebar {
  float: right;
  width: 583px;
  padding-left: 0;
}

.double-left-sidebar.sidebar {
  float: left;
  width: 218.5px;
  margin-right: 20px;
  padding-right: 20px;
}

/*==========  Double Right Sidebar  ==========*/
.has-double-right-sidebar {
  float: left;
  width: 583px;
  padding-left: 0;
}

.double-right-sidebar.sidebar {
  float: right;
  width: 218.5px;
  padding-left: 20px;
  margin-left: 20px;
}

/*==========  Double Sidebars with content in center  ==========*/
.has-double-sidebar {
  float: right;
  width: 583px;
  padding-left: 0;
}

.double-sidebar.sidebar {
  float: right;
  width: 218.5px;
  padding-left: 20px;
  margin-left: 20px;
}

#sidebar.double-sidebar.sidebar {
  float: left;
  padding-left: 0;
  margin-left: 0;
  padding-right: 20px;
  margin-right: 20px;
}

/* 
  * Sticky Sidebars
  *
  */
.sticky-right-sidebar .sidebar-inner-wrap {
  width: 240px;
}

.sticky-left-sidebar .sidebar-inner-wrap {
  width: 240px;
}

/* == Sticky Left Sidebar ========================== */
.has-sticky-left-sidebar {
  float: right;
  width: 795px;
}

.sticky-left-sidebar.sidebar {
  float: left;
  width: 240px;
  padding-right: 25px;
  margin-right: 25px;
}

/* == Sticky Right Sidebar ========================== */
.has-sticky-right-sidebar {
  float: left;
  width: 795px;
}

.sticky-right-sidebar.sidebar {
  float: right;
  width: 240px;
  padding-left: 25px;
  margin-left: 25px;
}

.hasStretchedLeftLayout .sticky-left-sidebar:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: -500%;
  height: 100%;
  width: 500%;
}

/*-----  End of Sidebar  Structure  ------*/
#layout_engine_overlay {
  position: absolute;
  background-color: rgba(61, 133, 201, 0.3);
  z-index: 1000000;
  pointer-events: none;
}

.full_width .layout_element,
.has-sidebar .full_width .layout_element,
.sidebar-double-layout .full_width .layout_element {
  margin: 0;
  padding: 30px;
}

.ioa-full-no-space .layout_element,
.has-sidebar .ioa-full-no-space .layout_element,
.sidebar-double-layout .ioa-full-no-space .layout_element {
  margin: 0;
  padding: 0;
}

.full_width .full {
  clear: both;
  width: 100%;
}

.full_width .one_half {
  width: 50%;
}

.full_width .one_third {
  width: 33.333%;
}

.full_width .one_fourth {
  width: 25%;
}

.full_width .one_fifth {
  width: 20%;
}

.full_width .two_third {
  width: 66.66667%;
}

.full_width .three_fourth {
  width: 75%;
}

.full_width .four_fifth {
  width: 80%;
}

.has-page-builder .page-section.ioa-full {
  padding: 60px;
}

.has-page-builder .has-sidebar .page-section.ioa-full {
  padding: 30px;
}

.has-page-builder .sidebar-double-layout .page-section.ioa-full {
  padding: 20px;
}

/* ==========================  8.  Head Area Skeleton ============================ */
.super-head-wrap {
  position: relative;
  z-index: 20;
	background: #1a1c1d;
}

.head-positon-overlap .super-head-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#compact_bar {
	top: -132px;
}

/*----------  Head Sections  ----------*/
.head-fluid > .skeleton {
  width: 96%;
}

.theme-header {
  line-height: 1;
  /* The Whole Header needs to have 1 for consistent browser paddings */
  z-index: 12;
  position: relative;
}

.theme-header .video-bg {
  z-index: 1;
  position: absolute;
}

.header-cons-area > div {
  position: relative;
}

.header-cons-area .center-area {
  text-align: center;
}

.header-cons-area .left-area {
  float: left;
  position: absolute;
  left: 0;
}

.header-cons-area .right-area {
  float: right;
  position: absolute;
  right: 0;
}

.header-cons-area {
  position: relative;
  z-index: 20;
}

.left-area .h-widget {
  float: left;
  margin-right: 10px;
}

.right-area .h-widget {
  float: left;
  margin-left: 10px;
}

.center-area .h-widget {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

.center-area #logo {
  margin: 0 10px;
  vertical-align: top;
}

.left-area .h-widget:first-child {
  margin-left: 0px;
}

.right-area .h-widget:last-child {
  margin-right: 0px;
}

div.supper-top-wrap {
  position: static;
  z-index: 80;
}

/*=====  End of Layout  ======*/
/*============================
=            Theme            =
============================*/
/* ==========================  9.  Typography ============================ */
/* ----------------------------------------
-            Table of Contents            -
-------------------------------------------

1. Typographic Declarations for the Theme 
2. Typographic Elements 

-----  End of Table of Contents  ---------- */
/*==============================================================
=            Typographic Declarations for the Theme            =
==============================================================*/
body {
  font-family: "Roboto", Georgia, serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: #656768;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

strong {
  color: inherit;
}

body a {
  color: #1a1c1d;
}

body a:hover {
  color: #feb95f;
}

/*==========  Headings  ==========*/
h1 {
  margin: 0px 0px 20px 0px;
  padding: 0;
  font-size: 32px;
  color: #1a1c1d;
  line-height: 1.1;
}

h2 {
  margin: 0px 0px 20px 0px;
  padding: 0;
  font-size: 28px;
  color: #1a1c1d;
  line-height: 1.2;
}

h3 {
  margin: 0px 0px 20px 0px;
  padding: 0;
  font-size: 24px;
  color: #1a1c1d;
  line-height: 1.2;
}

h4 {
  margin: 0px 0px 20px 0px;
  padding: 0;
  font-size: 20px;
  color: #1a1c1d;
  line-height: 1.4;
}

h5 {
  margin: 0px 0px 20px 0px;
  padding: 0;
  font-size: 20px;
  color: #1a1c1d;
  line-height: 1.4;
}

h6 {
  margin: 0px 0px 20px 0px;
  padding: 0;
  font-size: 12px;
  color: #1a1c1d;
  line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  font-family: "Dosis", Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
}

/*-----  End of Typography Section  ------*/
/*============================================
=            Typographic Elements            =
============================================*/
.highlighter-p {
  background: #1a1c1d;
  color: #656768;
  border: 1px solid #1a1c1d;
  border-radius: 0px;
  padding: 0px 5px;
  display: inline-block;
  font-weight: 600;
  line-height: 1.4;
}

code, kbd, pre, samp {
  padding: 60px;
  background: #fafafa;
  display: block;
}

.drop-cap {
  color: #1a1c1d;
  float: left;
  font-size: 48px;
  margin-right: 5px;
  padding: 0 .5rem .7rem .5rem;
  line-height: 1;
}

/* ==========================  10. Head Stylings For theme ============================ */
/* ----------------------------------------
-            Table of Contents            -
-------------------------------------------

1. Top Area Blocks Stylings
2. General Head Structure & Stylings
3. Head Major Elements Stylings
4. Head Area Styles & Sidebar Area Stylings
5. Compact Bar

-----  End of Table of Contents  ---------- */
#top_bar {
  height: 40px;
}
#top_bar .left-area, #top_bar .center-area, #top_bar, #top_bar .right-area {
  height: 40px;
  line-height: 40px;
}

#main_bar {
  height: 100px;
}
#main_bar .left-area, #main_bar .center-area, #main_bar, #main_bar .right-area {
  height: 100px;
  line-height: 100px;
}

#compact_bar {
  height: 100px;
  background: white;
}
#compact_bar .left-area, #compact_bar .center-area, #compact_bar, #compact_bar .right-area {
  height: 80px ;
  line-height: 80px ;
}

#compact_bar .menu > li > a {
  color: #1a1c1d;
}

#compact_bar .menu > li > a:hover {
  color: #feb95f;
}

/*===================================
=            Compact Bar            =
===================================*/
.admin-bar div.compact-bar {
  top: 32px;
}

div.compact-bar {
  padding: 0;
  visibility: visible;
  position: fixed;
  top: -150px;
	top: 0px;
  left: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  transition: top 0.3s ease-in-out;
}

.layout-boxed div.compact-bar {
  width: auto;
  left: 0;
  right: 0;
}

/*-----  End of Compact Bar  ------*/
/** MENU Stylings **/
.menu-wrapper {
  position: relative;
  z-index: 26;
}

.menu-wrapper .menu {
  position: relative;
}

.theme-header .m-el {
  position: relative;
  z-index: 3;
}

.theme-header .menu > li:hover > a {
  color: #feb95f;
}

/* Current Top Level Menu anchor Styling */
.theme-header .menu-bar .menu > li.current_page_item > a,
.theme-header .menu-bar .menu > li.current-menu-ancestor > a,
.theme-header .menu-bar .menu > li.menu-active > a,
.theme-header .menu-bar .menu > li.current-menu-item > a {
  color: #feb95f;
  background: transparent;
}

/* Current Sub Menu Item Styling */
.theme-header .menu-bar .sub-menu .menu li ul.sub-menu li.current-menu-item > a,
.theme-header .menu-bar .menu li ul.sub-menu li.menu-active > a,
.theme-header .menu-bar .menu li ul.sub-menu li.current_page_item > a,
.theme-header .menu-bar .menu li ul.sub-menu li.current-menu-parent > a {
  color: #feb95f;
  background: rgba(0, 0, 0, 0.03);
}

.theme-header .menu > li > a span.menu-arrow {
  top: 50%;
  margin-top: -5px;
  right: 2px;
  font-size: 11px;
  z-index: 2;
  color: inherit;
  position: absolute;
}

.theme-header .menu-bar ul.sub-menu li a span.menu-arrow {
  top: 14px;
  right: 10px;
  font-size: 18px;
  position: absolute;
}

/* Sub Menu Stylings */
.top-theme-header .menu-bar li ul.sub-menu {
  display: none;
}

.top-theme-header .menu-bar li.relative ul.sub-menu {
  display: none;
  left: -10px;
  z-index: 5;
  background: white;
  position: absolute;
  top: 80%;
  width: 220px;
  margin: 0;
  padding: 0;
  box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.15);
  line-height: 1.6;
  border-radius: 0px;
}

.top-theme-header .menu-bar li ul.sub-menu ul.sub-menu .menu-tail {
  display: none !important;
}

.menu-tail {
  position: absolute;
  text-align: center;
  color: white;
  font-size: 36px;
  bottom: -5px;
  left: 30%;
  margin-left: -18px;
  z-index: 10;
  display: none;
}

@-moz-document url-prefix() {
  .menu-tail {
    bottom: -9px;
  }
}

.top-theme-header .menu-bar ul.sub-menu ul.sub-menu {
  left: 220px;
  top: 0px;
  margin-top: 0;
}

.top-theme-header .menu-bar ul.sub-menu li {
  position: relative;
}

.top-theme-header .menu-bar ul.sub-menu li {
  padding: 0;
  margin: 0;
  display: block;
}

.top-theme-header .menu-bar ul.sub-menu li a {
  text-decoration: none;
  padding: 15px 30px;
  display: block;
  margin: 0;
  color: #1a1c1d;
  text-align: left;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
}

.top-theme-header .menu-bar ul.sub-menu li.last-child > a {
  border-bottom: none;
}

.theme-header .menu-bar ul.sub-menu li.last-child > a {
  border-bottom: none;
}

.theme-header .menu-bar .menu ul.sub-menu li:hover > a {
  color: #feb95f;
  background: rgba(0, 0, 0, 0.03);
}

/* Invisible Holder for better usability */
.faux-holder {
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  height: 15px;
  display: block;
}

.sub-menu .sub-menu .faux-holder {
  height: 100%;
  left: -50px;
  right: auto;
  top: 0;
  width: 52px;
}

/* WPML Menu Item Stylinh */
.theme-header .menu-bar .menu > li.menu-item-language-current ul.sub-menu li:hover > a {
  opacity: 1;
  background: #f0f0f0;
}

.theme-header .menu-bar .menu > li.menu-item-language-current img {
  float: left;
}

/* Edge Detection Styling */
.theme-header .menu-bar li.forceRightChain ul.sub-menu li {
  text-align: right;
}

.theme-header .menu-bar li.forceRightChain ul.sub-menu li a span.menu-arrow {
  top: 50%;
  margin-top: -4px;
  right: auto;
  left: 18px;
  font-size: 11px;
  position: absolute;
}

.theme-header .menu-bar li.forceRightChain > ul.sub-menu {
  left: -220px;
  right: auto;
}

.theme-header .menu-bar .menu > li.forceRightChain > ul.sub-menu {
  left: auto;
  right: 0;
}

/* Top Level Menu Stylings */
.theme-header .menu-bar .menu {
  padding: 0;
  margin: 0;
}

.theme-header .menu-bar .menu > li {
  display: block;
  float: left;
  margin: 0 0;
  z-index: 9;
  position: relative;
}

.theme-header .menu-bar .menu > li:hover {
  z-index: 15;
}

.theme-header .menu-bar .menu > li:first-child {
  margin-left: 0;
}

.theme-header .menu > li > a {
  text-align: center;
  display: inline-block;
  padding: 5px 0px;
  margin: 0px 18px;
  position: relative;
  text-decoration: none;
  z-index: 3;
  color: white;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  line-height: 1;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.theme-header .menu > li > a:hover {
  opacity: 1;
}

.menu-div-type-divider .theme-header .menu > li > a {
  padding: 15px 30px;
}

.menu-div-type-divider .theme-header .menu > li.hasDropDown > a {
  padding-right: 37px;
}

.menu-div-type-divider .theme-header .menu > li > a span.menu-arrow {
  right: 17px;
}

.theme-header .menu > li.hasDropDown > a {
  padding-right: 22px;
}

.theme-header .menu > li:after {
  color: white;
}

.theme-header .menu > li > a:before {
  position: absolute;
  left: 0;
  top: 5px;
  background: transparent;
  width: 1px;
  bottom: 5px;
  content: ' ';
  display: block;
}

.theme-header .menu > li:first-child a:before {
  content: '';
  display: none;
}

/**
 * Mega Menu Styling
 */
.theme-header.no-title {
  margin-bottom: 40px;
}

.theme-header .menu-bar li div.sub-menu ul.sub-menu {
  display: block;
  margin: 0;
  padding: 0;
}

div.sub-menu {
  display: none;
  background: white;
  position: absolute;
  top: 80%;
  left: 0%;
  margin: 0;
  padding: 0;
  z-index: 2;
  line-height: 1.5;
  box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.15);
}

div.sub-menu-inner-wrap {
  display: flex;
  align-items: stretch;
}

.theme-header .menu-bar div.sub-menu ul.sub-menu li {
  border-bottom: none;
}

div.sub-menu-inner-wrap > div {
  width: 25%;
  float: left;
  margin: 0;
  position: relative;
  border-left: 1px solid #eeeeee;
}

div.sub-menu-inner-wrap > div:first-child {
  border-left: none;
}

div.sub-menu-inner-wrap > div.m_full {
  width: auto;
}

div.sub-menu-inner-wrap > div.m_one_half {
  width: 50%;
}

div.sub-menu-inner-wrap > div.m_one_third {
  width: 33.33%;
}

div.sub-menu-inner-wrap > div.m_one_fourth {
  width: 25%;
}

div.sub-menu-inner-wrap > div.m_one_fifth {
  width: 20%;
}

div.sub-menu-inner-wrap > div h6 {
  padding: 15px 30px;
  line-height: 1.4;
  margin: 0;
  color: #0a090c;
  text-align: left;
  border-bottom: 1px solid #eeeeee;
  min-height: 0;
  font-size: 13px;
  font-weight: 600;
}

div.sub-menu-inner-wrap > div h6 a {
  text-decoration: none;
  color: inherit;
}

.theme-header .menu-bar div.sub-menu ul.sub-menu li:last-child a {
  border-bottom: none;
}

.theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li {
  padding: 0;
}

.theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li a {
  border-bottom: 1px solid #eeeeee;
  margin: 0;
}

.theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li:hover a {
  text-decoration: none;
}

/*===================================
=            Mobile Head            =
===================================*/
#mlogo {
  margin-right: 50px;
  display: block;
  position: absolute;
  left: 15px;
  top: 10px;
  width: auto;
}

#mlogo img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}

a.mobile-menu {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 2;
  margin-top: -12px;
  width: 20px;
  height: 20px;
  text-decoration: none;
}

a.mobile-menu svg path {
  fill: #eeeeee;
}

a.mobile-menu svg {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out 0.2s;
  -webkit-transition: all 0.3s ease-in-out 0.2s;
  color: white;
  display: block;
}

a.mobile-menu .default-icon {
  z-index: 2;
}

a.mobile-menu .close-icon {
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  z-index: 4;
}

a.mobile-admin-menu {
  position: absolute;
  top: 50%;
  right: 49px;
  z-index: 2;
  color: #eeeeee;
  margin-top: -18px;
  font-size: 20px;
  width: 20px;
  height: 20px;
  text-decoration: none;
}

div.wpml-selector.wpml-mobile-selector {
  top: 23px;
}

.mobile-header {
  position: relative;
  min-height: 80px;
  display: none;
  z-index: 10;
}

.showMobileMenu a.mobile-menu .default-icon {
  opacity: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.showMobileMenu a.mobile-menu .close-icon {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.mobile-header {
  position: relative;
  min-height: 80px;
  display: none;
  background: #1a1c1d;
}

.mobile-menu-wrap {
  position: fixed;
  top: 0px;
  right: 0;
  width: 250px;
  height: 100%;
  overflow: auto;
  z-index: 1;
  background: #333439;
  display: none;
}

.mobile-menu-list {
  padding: 0;
  margin: 0;
  display: block;
}

.mobile-menu-list > li:first-child {
  border-top: none;
}

.mobile-menu-list li {
  padding: 11px 0px;
  list-style: none;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.mobile-menu-list li > a {
  padding-left: 15px;
}

.mobile-menu-list li a {
  color: #eeeeee;
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 1;
  margin-right: 30px;
}

.mobile-menu-list li a:hover, .mobile-menu-list li.current-menu-item a {
  color: #eeeeee;
}

.sub-mobile-menu li h6 {
  color: #eeeeee;
}

.sub-menu-toggle {
  float: right;
  cursor: pointer;
  margin: 0px 0px 0 0;
  font-size: 12px;
  padding: 13px 15px;
  color: #eeeeee;
  position: absolute;
  z-index: 12;
  top: 6px;
  right: 6px;
}

.sub-mobile-menu {
  padding: 0;
  margin: 0;
  border-top: 1px solid #444444;
  margin-top: 10px;
  display: none;
}

.sub-mobile-menu li {
  padding: 10px 0px 10px 0px;
  list-style: none;
}

.sub-mobile-menu li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

.sub-mobile-menu h6 {
  margin-bottom: 0;
  padding-left: 30px;
}

.sub-mobile-menu > li > a {
  padding-left: 30px;
}

.sub-mobile-menu .sub-mobile-menu > li > a {
  padding-left: 60px;
}

/*=====  End of Mobile Head  ======*/
/*====================================================
=            Head Major Elements Stylings            =
====================================================*/
/*==========  Text Element  ==========*/
.top-text {
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 0px;
  color: white;
  font-size: 12px;
}

.top-text p {
  padding: 0;
  margin: 0;
  color: white;
}

.top-text p strong {
  color: white;
}

.top-text a {
  color: #656768;
  font-size: 11px;
  font-weight: 700;
  margin-right: 5px;
  margin-left: 5px;
  text-decoration: none;
}

.top-text a:hover {
  color: #1a1c1d;
  text-decoration: none;
}

.top-text i.shortcode-icon {
  margin-left: 18px;
}

.top-text i.shortcode-icon:first-child {
  margin-left: 0;
}

/*==========  Logo Element  ==========*/
#logo, #compact-logo {
  height: 100%;
  width: auto;
  position: relative;
}

#logo img, #compact-logo img {
  display: inline-block;
  max-height: 100%;
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

/**
 * Stylings for Text logo
 *
  */
.text-logo {
  vertical-align: middle;
  text-decoration: none;
}

.text-logo > div {
  display: inline-block;
  vertical-align: middle;
}

.text-logo h1.logo-text {
  text-decoration: none;
  font-size: 24px;
  color: #656768;
  line-height: 1;
  display: block;
  margin: 0;
}

/*==========  Ajax Search Element  ==========*/
/* Ajax Search Button */
a.ajax-search-trigger {
  font-size: 14px;
  display: inline-block;
  padding: 12px 12px 13px 12px;
  color: white;
  text-decoration: none;
  position: relative;
}

a.ajax-search-trigger i {
  line-height: 1;
  display: block;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
}

a.ajax-search-trigger.active i.trigger-search-icon {
  opacity: 0.3;
}

/* Ajax Search Panel */
div.search-sidebar {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 20;
  display: none;
  opacity: 1;
  z-index: 9999;
}

div.search-sidebar div.sidebar-wrap {
  margin: 0 20px;
  padding: 15px 0;
}

.search-sidebar-active div.search-sidebar {
  top: 0;
}

.admin-bar.search-sidebar-active div.search-sidebar {
  top: 32px;
}

.clear-ajax-search {
  position: absolute;
  top: 30px;
  right: 25px;
  color: #1a1c1d;
  font-size: 18px;
  z-index: 10;
  cursor: pointer;
}

div.ajax-search {
  margin: 0 auto;
  position: relative;
  z-index: 25;
}

div.ajax-search-pane {
  position: relative;
  line-height: 1;
  z-index: 12;
}

div.ajax-search-pane div.form {
  padding: 50px 20px 10px 5px;
  position: relative;
}

div.ajax-search-pane form {
  margin: 0 auto;
}

div.ajax-search-pane div.form label {
  color: #656768;
  font-size: 28px;
  margin: 24px 10px 0 0;
}

div.ajax-search-pane div.form input[type=text] {
  width: 100%;
  border: none;
  font-size: 25px;
  padding: 12px 0;
  border-bottom: 2px solid #eeeeee;
  position: relative;
  z-index: 3;
  float: left;
}

div.ajax-search-pane div.form input[type=text]:focus {
  background: none;
}

a.ajax-search-close {
  position: absolute;
  top: 5px;
  right: 16px;
  color: #1a1c1d;
  font-size: 9px;
  z-index: 3;
}

.search-loader {
  display: none;
  width: 44px;
  height: 44px;
  position: absolute;
  top: -35px;
  right: 0%;
  margin: -22px 0 0 -22px;
  z-index: 3;
}

div.ajax-search h4.no-results {
  display: none;
  padding: 15px;
  text-align: center;
  color: #1a1c1d;
}

div.search-results {
  min-height: 0px;
  display: none;
  position: relative;
  margin-top: -5px;
}

div.search-results > i {
  position: absolute;
  top: -22px;
  left: 50%;
  font-size: 32px;
  color: white;
}

div.search-results strong {
  color: #656768;
}

div.search-results ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

div.search-results ul li {
  list-style: none;
  margin: 0px 0 10px 0;
  border-bottom: 1px solid #eeeeee;
  padding: 20px 0;
  position: relative;
}

div.search-results ul li:last-child {
  border-bottom: none;
}

div.search-results ul li.not-found {
  text-align: center;
  padding: 10px;
  margin: 0;
  color: #656768;
}

div.search-results ul li div.image {
  float: left;
  margin-right: 5px;
  width: 60px;
}

div.search-results ul li div.image img {
  display: block;
}

div.search-results ul li div.desc.hasImage {
  width: 225px;
  float: left;
}

div.search-results ul li div.desc span.date {
  font-size: 12px;
  margin-top: -2px;
  display: block;
  color: #656768;
}

div.search-results ul li div.desc a.more {
  color: #feb95f;
  border-bottom: 1px solid #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  margin-top: 10px;
}
div.search-results ul li div.desc a.more:hover {
  color: #1a1c1d;
  border-bottom-color: #1a1c1d;
}

div.search-results ul li h5 {
  margin: 0 50px 5px 0;
  padding: 0;
}

div.search-results ul li h5 a {
  color: #1a1c1d;
  text-decoration: none;
}

div.search-results ul li h5 a:hover {
  color: #feb95f;
}

div.search-results ul li a.view-all {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  margin-top: 10px;
  position: relative;
  display: block;
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
}
div.search-results ul li a.view-all:hover {
  color: white;
}
div.search-results ul li a.view-all:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.search-results ul li a.view-all:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.search-results ul li a.view-all:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

div.ajax-search-pane span.tip {
  color: white;
  font-size: 30px;
  top: -20px;
  right: 6px;
  position: absolute;
}

/*==========  Social Icons  ==========*/
div.top-area a.social-icons {
  margin-top: 0px;
  margin-bottom: 0px;
}

.top-area-social-list {
  display: inline-block;
  vertical-align: middle;
}

.theme-header .social-set ul li {
  float: left;
  border-bottom: none;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}

.theme-header .social-set ul li a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  overflow: hidden;
  text-decoration: none;
  background: none;
  color: #4e7144;
  width: 32px;
  height: 36px;
}

.theme-header .social-set ul li:first-child a {
  margin-left: 0;
}

.theme-header .social-set ul li span.social-block {
  font-size: 16px;
  display: inline-block;
  transition: none;
  opacity: 1;
  color: white;
  background: none;
  width: 32px;
}

.theme-header .social-set ul li a:hover span.visible-block {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  color: #4e7144;
}

.theme-header .tooltip {
  top: 46px !important;
}

/*==========   WPML Stylings  ==========*/
a.wpml-lang-selector {
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: white;
  padding: 0px 15px 0px 15px;
  font-size: 12px;
  display: block;
}

a.wpml-lang-selector i {
  margin: 4px 5px 0 0;
}

div.wpml-selector {
  position: relative;
}

div.wpml-selector ul {
  display: none;
  padding: 10px 0px;
  margin: 0;
  width: 150px;
  position: absolute;
  top: 90%;
  left: 0px;
  background: white;
  box-shadow: 0px -4px 30px rgba(0, 0, 0, 0.1);
  z-index: 10;
  line-height: 1;
  border-radius: 0px;
}

div.wpml-selector ul i {
  position: absolute;
  top: -37px;
  left: 60px;
  margin: 0;
  font-size: 32px;
  color: white;
}

@-moz-document url-prefix() {
  div.wpml-selector ul i {
    top: -14px;
  }
}

div.wpml-selector ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 1;
}

div.wpml-selector ul li a {
  text-decoration: none;
  padding: 7px 14px;
  display: block;
  margin: 5px 15px 5px 15px;
  color: #1a1c1d;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 0px;
}

div.wpml-selector ul li a:hover {
  color: #1a1c1d;
  background: #feb95f;
}

/*==========  Search Bar  ==========*/
.theme-header .search-input {
  width: 100%;
  position: relative;
  display: inline-block;
}

.theme-header #searchsubmit {
  display: none;
}

.theme-header #searchform input[type=text] {
  padding: 8px 10px;
  border: none;
  background: none;
  float: none;
  background: none;
  display: block;
  color: #656768;
  font-size: 12px;
  border: 2px solid white;
}

.theme-header .proxy-search {
  position: absolute;
  text-decoration: none;
  color: white;
  font-size: 14px;
  top: 1px;
  right: 17px;
  padding: 8px;
}

/*==========  AJAX Woo Commerce Cart  ==========*/
.ajax-cart {
  position: relative;
  vertical-align: top;
  z-index: 30;
}

.ajax-cart > span {
  display: inline-block;
  margin-left: 15px;
}

a.ajax-cart-trigger {
  margin: 0 0px 0 0;
  padding-right: 17px;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  position: relative;
}

a.ajax-cart-trigger i {
  color: white;
  font-size: 16px;
  position: relative;
}

div.ajax-cart svg path {
  fill: #0a090c;
}

.center-logo a.ajax-cart-trigger i:after {
  content: '|';
  position: absolute;
  top: 10px;
  right: 0;
}

a.ajax-cart-trigger > span {
  color: #333;
  font-size: 11px;
  font-weight: 700;
  background: #fff;
  border-radius: 100%;
  padding: 3px 5px;
  line-height: 1;
  position: absolute;
  top: -9px;
  right: 0px;
}

a.ajax-cart-trigger span small {
  font-size: 100%;
  color: #0a090c;
}

.ajax-cart .ajax-cart-items {
  position: absolute;
  top: 100%;
  left: 0px;
  background: white;
  width: 320px;
  display: none;
  line-height: 1;
  box-shadow: -3px 18px 30px rgba(0, 0, 0, 0.15);
  text-align: left;
  margin-top: -30px;
}

.ajax-cart .ajax-cart-items ul {
  margin: 0;
  padding: 0;
  background: white;
}

.ajax-cart .ajax-cart-items .product_list_widget li.empty {
  text-align: center;
  font-size: 12px;
  padding: 80px 15px;
  margin: 0;
  min-height: 0;
}

.ajax-cart .ajax-cart-items .product_list_widget > li {
  list-style: none;
  padding: 15px 0px 15px 95px;
  min-height: 95px;
  position: relative;
  background: none;
  color: #656768;
  border-bottom: 1px solid #eeeeee;
}

.ajax-cart .ajax-cart-items .product_list_widget .amount {
  font-size: 11px;
  color: #1a1c1d;
}

.ajax-cart .ajax-cart-items .product_list_widget del .amount {
  color: #1a1c1d;
}

.ajax-cart .ajax-cart-items .product_list_widget ul.variation {
  padding: 0;
  margin: 10px 0;
}

.ajax-cart .ajax-cart-items .product_list_widget ul.variation li {
  padding: 0;
  margin: 3px 0 3px 0;
  width: 42%;
  color: #4e7144;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
}

.ajax-cart .ajax-cart-items .product_list_widget ul.variation li strong {
  font-weight: 400;
  color: #1a1c1d;
}

.ajax-cart .ajax-cart-items .product_list_widget ul.variation li p {
  padding: 0;
  margin: 0;
}

.ajax-cart .ajax-cart-items .product_list_widget a.product-thumb {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0;
  width: 60px;
}

.ajax-cart .ajax-cart-items .product_list_widget a.product-thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.ajax-cart .ajax-cart-items .product_list_widget div.product-metadata {
  float: left;
}

.ajax-cart .ajax-cart-items .product_list_widget h6 {
  margin: 0 0 5px 0;
  font-size: 12px;
}

.ajax-cart .ajax-cart-items .product_list_widget h6 a {
  line-height: 1;
  display: block;
  margin-bottom: 0px;
  color: #1a1c1d;
  text-decoration: none;
}

.ajax-cart .ajax-cart-items .product_list_widget div.extra-product-data span {
  display: block;
  font-size: 12px;
  margin-top: 2px;
  color: #4e7144;
  float: left;
}

.ajax-cart .ajax-cart-items .product_list_widget div.extra-product-data a.remove {
  margin: 5px 5px 0px 0px;
  text-decoration: none;
  font-size: 12px;
  color: #656768;
  display: block;
  float: left;
}

.right-area .ajax-cart .ajax-cart-items, div.centered-theme-header .ajax-cart .ajax-cart-items {
  left: auto;
  right: 0px;
}

.ajax-cart .ajax-cart-items .widget_shopping_cart_content p.total strong {
  color: #656768;
}

.ajax-cart .ajax-cart-items .widget_shopping_cart_content p.total {
  margin-top: 0px;
  padding: 15px 15px;
  margin-bottom: 0;
  display: block;
  text-align: center;
  border: none;
  color: #1a1c1d;
  font-size: 12px;
}

.ajax-cart .ajax-cart-items .widget_shopping_cart_content p.total span.amount {
  color: #1a1c1d;
  font-size: 18px;
}

.ajax-cart .ajax-cart-items .widget_shopping_cart_content p.buttons {
  margin: 15px;
  clear: both;
}

.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.button {
  display: block;
  padding: 12px 2px;
  text-decoration: none;
  text-align: center;
  float: left;
  font-size: 12px;
}

.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.button.checkout.wc-forward {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  width: 48%;
  float: left;
  margin: 0px 0 0 4%;
}
.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.button.checkout.wc-forward:hover {
  color: white;
}
.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.button.checkout.wc-forward:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.button.checkout.wc-forward:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.button.checkout.wc-forward:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.view-cart {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  float: left;
  width: 48%;
}
.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.view-cart:hover {
  color: white;
}
.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.view-cart:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.view-cart:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.ajax-cart .ajax-cart-items .widget_shopping_cart_content a.view-cart:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.ajax-cart .ajax-cart-items .widget_shopping_cart_content span.amount {
  font-size: 12px;
  color: #1a1c1d;
}

.ajax-cart .ajax-cart-items .product_list_widget div.extra-product-data span.quantity {
  color: #1a1c1d;
  margin-top: 4px;
  display: block;
  margin-right: 5px;
}

/*-----  End of Head Major Elements  ------*/
/* ==========================  11. Title Stylings ============================ */
/*===========================================
=            Page Title Stylings            =
===========================================*/
/*==========  Title Area Stylings   ==========*/
div.title-wrap {
  padding: 100px 0 100px 0;
  position: relative;
  z-index: 2;
  text-align: left;
  background: #1a1c1d;
  background-size: cover;
  background-position: center center;
}

div.title-wrap h1 {
  font-size: 48px;
  color: white;
  padding: 0px;
  margin: 0;
  display: block;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 12px;
}

div.title-wrap i {
  margin-right: 8px;
}

div.title-block i.icon {
  margin-right: 20px;
}

div.title-wrap span.liner {
  margin-top: 10px;
}

/*==========  Title Intro Animations  ==========*/
/* Title Height Animation */
#title-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(26, 28, 29, 0.8);
}

.title-align-right div.title-wrap {
  text-align: right;
}

.title-align-right div.title-wrap i {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

.title-align-center div.title-wrap {
  text-align: center;
}

.title-align-center div.title-wrap.has-breadcrumbs h1 {
  width: auto;
  text-align: center;
}

.title-align-center #breadcrumbs {
  position: relative;
  display: block;
  text-align: center;
  margin-top: 4px;
}

/*-----  End of Page Title Stylings  ------*/
/* ==========================  12. Page Builder Elements ============================ */
/*========================================
=            General Stylings            =
========================================*/
span.liner {
  display: inline-block;
  width: 0%;
  height: 6px;
  background: 0 center repeat-x url("data:image/svg+xml;utf-8,<?xml version='1.0' encoding='utf-8'?><svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='9px' height='6px' viewBox='0 0 9 6' fill='%23FEB95F' enable-background='new 0 0 9 6' xml:space='preserve'><polygon opacity='1' points='4.5,4.5 0,0 0,1.208 4.5,5.708 9,1.208 9,0 '/></svg>");
  margin-top: 20px;
}

.ie-11 span.liner {
  border-bottom: 2px solid #feb95f;
  background: none;
}

.child-animate, .ioa-reveal {
  visibility: hidden;
}

div.rad-widget {
  margin-top: 30px;
  position: relative;
}

div.rad-container.layout_element.auto_align {
  margin: 0 auto;
}

.styled-title {
  margin: 0 0;
  padding: 0;
  color: #1a1c1d;
  line-height: 1;
  z-index: 10;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 4px;
  font-weight: 400;
  line-height: 1;
}

.styled-subtitle {
  margin: 0;
  letter-spacing: 8px;
  padding: 0;
  font-size: 60px;
  font-weight: 100;
  color: #1a1c1d;
  z-index: 3;
  position: relative;
  text-transform: uppercase;
  line-height: 1;
  opacity: 0.2;
}

.styled-title-group {
  position: relative;
}

.has-page-builder .page-section div.section-ioa-layer-wrap {
  z-index: 3;
}

/*==========  Loading Icon  ==========*/
.ioa-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
  opacity: 1;
  z-index: 99;
  display: block;
  width: 44px;
  height: 44px;
}

.ioa-loader svg {
  stroke: #4e7144;
  display: block;
  width: 44px;
  height: 44px;
  display: block;
  overflow: visible;
}

.sticky-icon {
  position: absolute;
  background: #feb95f;
  color: #1a1c1d;
  padding: 13px 14px;
  top: 10px;
  left: -10px;
  z-index: 10;
  border-radius: 0px;
}

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}

@keyframes color {
  100%, 0% {
    stroke: #d62d20;
  }

  40% {
    stroke: #0057e7;
  }

  66% {
    stroke: #008744;
  }

  80%, 90% {
    stroke: #ffa700;
  }
}

/*==========  Load More AJAX Stylings  ==========*/
div.ajax-button-wrap {
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
}

.page-wrapper a.ajax-load-more-button, .page-wrapper a.ajax-list-load-more-button {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  display: inline-block;
}
.page-wrapper a.ajax-load-more-button:hover, .page-wrapper a.ajax-list-load-more-button:hover {
  color: white;
}
.page-wrapper a.ajax-load-more-button:after, .page-wrapper a.ajax-list-load-more-button:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.page-wrapper a.ajax-load-more-button:hover:after, .page-wrapper a.ajax-list-load-more-button:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.page-wrapper a.ajax-load-more-button:hover span, .page-wrapper a.ajax-list-load-more-button:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

/*==========  Swiper  ==========*/
.swiper-container.has-coverflow {
  padding: 20px 0;
}

.swiper-slide {
  position: relative;
  float: left;
  overflow: hidden;
  max-width: 100%;
}

.swiper-slide img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.swiper-container {
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.swiper-slide .image {
  position: relative;
}

.height-sensitive-swiper .swiper-slide img {
  width: auto;
  height: auto;
  max-width: 99%;
}

.swiper-pagination {
  width: 100%;
  left: 0;
  bottom: -30px;
}

div.gallery-thumbs {
  margin-top: 10px;
}

div.gallery-thumbs div.gallery-item {
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  cursor: pointer;
}

div.gallery-thumbs div.gallery-item.swiper-slide {
  opacity: 0.4;
}

div.gallery-thumbs div.gallery-item.swiper-slide.swiper-slide-active {
  opacity: 1;
}

.zoom-label {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 15px;
  font-size: 11px;
  z-index: 10;
  position: absolute;
  bottom: 7px;
  right: 7px;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 48px;
  cursor: pointer;
  -webkit-font-smoothing: subpixel-antialiased;
}

.zoom-icon {
  display: none;
  padding: 14px 4px;
}

.is-zooming .zoom-icon {
  display: block;
}

.is-zooming small {
  display: none;
}

div.zoomable img.zoomImg {
  max-width: none;
  height: auto;
  width: auto;
}

.thumbnails a {
  float: left;
  margin: 7px 5px 7px 7px;
}

.thumbnails a img {
  display: block;
  border-radius: 0px;
}

div.gallery-caption {
  position: absolute;
  max-width: 50%;
  bottom: 50px;
  left: 50px;
  z-index: 10;
  background: #1a1c1d;
  padding: 30px;
}

div.gallery-caption h2 {
  color: white;
}

div.gallery-caption p.caption {
  color: #656768;
  padding: 0;
}

div.gallery-caption a.readmore {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  color: #feb95f;
  margin: 0;
}
div.gallery-caption a.readmore:hover {
  color: white;
}
div.gallery-caption a.readmore:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.gallery-caption a.readmore:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.gallery-caption a.readmore:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

/*==========  Builder Related Structural  Stylings  ==========*/
/*==========  Icons Stylings  ==========*/
i.shortcode-icon {
  margin: 1px;
  display: inline-block;
}

/*-----  End of General Stylings  ------*/
/*============================================
=            Text Column Stylings            =
============================================*/
/*==========  Default Icon  Stylings for Text Columns  ==========*/
.ioa-icon-area i {
  border-color: transparent;
  font-size: 24px;
  z-index: 3;
  position: relative;
}

.ioa-icon-area {
  position: relative;
  display: inline-block;
}

/* == Border Style == */
i.border-style, i.border-style-circ {
  padding: 10px 15px;
  width: auto;
  border: 2px solid #eeeeee;
}

i.background-style, i.background-style-circ {
  background: #feb95f;
  color: #1a1c1d;
  padding: 15px;
}

i.border-style-circ, i.background-style-circ {
  padding: 14px 15px;
  border-radius: 100%;
}

.ioa-text-column.none .ioa-icon-area i {
  display: inline;
}

/* Icon Style when no icon style is set */
.ioa-text-column.none .ioa-icon-area {
  position: relative;
}

.ioa-text-column.none.col-align-left .ioa-icon-area {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}

.ioa-text-column.none.col-align-right .ioa-icon-area {
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}

.ioa-text-column.none.icon-style-default .ioa-icon-area {
  padding-top: 8px;
}

.ioa-text-column.none.col-align-center .ioa-icon-area {
  text-align: center;
  margin-bottom: 15px;
}

.ioa-text-column.none.col-align-center .ioa-icon-area i {
  display: inline-block;
}

/*==========  Default Stylings for columns  ==========*/
.col-align-left {
  text-align: left;
}

.col-align-right {
  text-align: right;
}

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

.ioa-text-column {
  position: relative;
  min-height: 60px;
}

.ioa-text-column.none {
  min-height: 0;
}

.ioa-text-column .text-title {
  margin: 0;
  padding: 0;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #1a1c1d;
  line-height: 1;
  position: absolute;
  z-index: 10;
  left: 0;
  width: 100%;
  bottom: -10px;
}

.ioa-text-column .text-subtitle {
  margin: 0;
  padding: 0;
  font-size: 60px;
  letter-spacing: 8px;
  font-weight: 100;
  color: #1a1c1d;
  position: relative;
  width: 100%;
  z-index: 3;
  text-transform: uppercase;
  line-height: 1;
  opacity: 0.2;
}

.has-regular-title h2.text-title {
  position: relative;
  bottom: 0;
}

.ioa-text-column .has-regular-title .text-subtitle {
  font-size: 13px;
  letter-spacing: 0px;
  font-weight: 400;
  opacity: 1;
  text-transform: none;
  color: #feb95f;
}

.ioa-text-column div.ioa-text {
  margin-top: 15px;
  clear: both;
  margin-bottom: 0px;
}

.ioa-text-column p {
  margin: 0 0 15px 0;
  padding: 0;
}

.ioa-text-column p:first-child {
  margin-top: 0;
  padding-top: 0;
}

.ioa-text-column p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.ioa-text-column div.ioa-text p {
  color: inherit;
}

.icon-style-default.none .text-title-wrap {
  float: left;
}

.text-title-wrap {
  position: relative;
}

/*==========  More Button Stylings   ==========*/
.ioa-text-column .ioa-more-button {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  display: inline-block;
  margin-top: 30px;
}
.ioa-text-column .ioa-more-button:hover {
  color: white;
}
.ioa-text-column .ioa-more-button:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.ioa-text-column .ioa-more-button:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.ioa-text-column .ioa-more-button:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.ioa-text-column .ioa-more-button i {
  width: auto;
}

.ioa-text {
  margin-bottom: 10px;
}

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

.button-align-right {
  text-align: right;
}

/*==========  Right / Left Icon Column Calculation based on Columns  ==========*/
.ioa-text-column.left-icon .ioa-icon-area {
  position: absolute;
  top: 0;
  left: 0;
}

.ioa-text-column.right-icon .ioa-icon-area {
  position: absolute;
  top: 0;
  right: 0;
}

.ioa-text-column.left-icon div.ioa-text-area {
  margin-left: 80px;
}

.ioa-text-column.right-icon div.ioa-text-area {
  margin-right: 80px;
  text-align: right;
}

.ioa-text-column.left-icon.icon-style-default .ioa-icon-area i, .ioa-text-column.right-icon.icon-style-default .ioa-icon-area i {
  font-size: 24px;
  margin-top: 0px;
}

.ioa-text-column.left-icon.icon-style-default div.ioa-text-area {
  margin-left: 45px;
}

.ioa-text-column.right-icon.icon-style-default div.ioa-text-area {
  margin-right: 45px;
}

/*==========  Centered Text Style  ==========*/
.ioa-text-column.centered {
  text-align: center;
}

.centered .ioa-icon-area {
  line-height: 1;
}

.centered .ioa-icon-area i {
  font-size: 64px;
}

/*==========================================
=            Post List Stylings            =
==========================================*/
/*==========  General Post Stylings  ==========*/
ul.posts {
  margin: 0;
  padding: 0;
}

ul.posts li {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

ul.posts li div.image {
  overflow: hidden;
}

ul.posts li div.image a {
  display: block;
}

ul.posts li div.image img {
  display: block;
  width: auto;
  height: auto;
}

ul.posts li.not-found {
  border: 2px solid #eeeeee;
  padding: 60px;
  text-align: center;
}

ul.posts li.not-found h4 {
  margin: 0;
}

.page-wrapper .post_list-inner-wrap a.ajax-load-more-button span.button-content {
  padding: 18px 0;
}

.page-wrapper .post_list-inner-wrap ul.posts li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.post_list-inner-wrap .pagination {
  margin-top: 15px;
  width: 100%;
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
}

.sticky-post-icon {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  background: #feb95f;
  color: #1a1c1d;
  border-radius: 0px;
  padding: 16px 9px;
  width: 50px;
  display: block;
}

.post-format i.p-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  color: #4e7144;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.2);
  display: block;
  width: auto;
}

.post-format div.item-inner-wrap p {
  padding: 0;
  margin: 0;
  display: block;
}

div.post-format-video iframe, div.post-format-video video {
  width: 100%;
  display: block;
}

div.wp-audio-shortcode.mejs-audio .mejs-mediaelement {
  left: 15px;
}

div.wp-audio-shortcode.mejs-audio {
  height: 60px !important;
  overflow: hidden;
}

div.wp-audio-shortcode.mejs-container .mejs-controls {
  margin: 15px 0;
  bottom: auto;
  top: 0;
  left: 15px;
  right: 15px;
  width: auto;
}

.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
  background: #feb95f;
}

body div.post-format-audio .mejs-controls .mejs-play button {
  background: url(sprites/i/me-js-play.png) center center no-repeat;
}

body div.post-format-audio .mejs-controls .mejs-pause button {
  background: url(sprites/i/me-js-pause.png) center center no-repeat;
}

body div.post-format-audio .mejs-controls .mejs-unmute button {
  background: url(sprites/i/me-js-mute.png) center center no-repeat;
}

body div.post-format-audio .mejs-controls .mejs-mute button {
  background: url(sprites/i/me-js-sound.png) center center no-repeat;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #4e7144;
}

div.post-format-chat {
  padding: 30px;
  background: #1a1c1d;
  position: relative;
}

body div.page-wrapper div.post-format-image img {
  width: 100%;
  margin: 0;
}

div.post-format-link {
  text-decoration: none;
  text-align: left;
  position: relative;
  transition: all 0.2s;
}

div.post-format-link div.blog-post-description-content {
  width: 100%;
  border: 2px solid #eeeeee;
}

div.post-format-link p {
  margin-bottom: 0;
  padding-bottom: 0;
  color: white;
  font-size: 21px;
}

div.post-format-link a {
  font-size: inherit;
  text-decoration: none;
  display: block;
  text-align: center;
}

div.post-format-quote {
  padding: 45px 30px;
  background: #1a1c1d;
  text-decoration: none;
  text-align: left;
  position: relative;
}

div.post-format-quote p {
  font-size: 21px;
  margin: 0px 20px;
  text-align: center;
}

div.post-format-quote h5.quote-by {
  float: right;
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 0;
}

div.post-format-status {
  padding: 45px 30px;
  text-decoration: none;
  text-align: left;
  position: relative;
}

div.post-format-status p {
  font-size: 21px;
  margin: 0px 50px;
}

/*==========  Columns  ==========*/
/*===================================
=            Intro title            =
===================================*/
.intro_title-title-inner-wrap h3 {
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 8px;
  font-weight: 100;
  color: #1a1c1d;
}

.intro_title-title-inner-wrap h2 {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 400;
  color: #feb95f;
}

/*==========  Alignment  ==========*/
.col-center {
  text-align: center;
}

.col-right {
  text-align: right;
}

/*-----  End of Intro title  ------*/
/*===============================
=            Divider            =
===============================*/
div.divider {
  clear: both;
}

div.divider.none {
  height: 1px;
}

div.divider.line {
  height: 0px;
  border-top: 1px solid #eeeeee;
}

div.divider.dotted {
  height: 0px;
  border-top: 1px dotted #eeeeee;
}

div.divider.dashed {
  height: 0px;
  border-top: 1px dashed #eeeeee;
}

div.divider.double {
  height: 1px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.m-divider-wrap {
  position: relative;
  display: inline-block;
}

div.divider.title, div.divider.small-title, div.divider.icon, div.divider.small-icon {
  overflow: hidden;
  position: relative;
  text-align: center;
}

div.divider.title .divider-text {
  text-align: center;
  position: relative;
}

div.divider.title div.divider-text:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: -715px;
  width: 700px;
  height: 1px;
  background: #eeeeee;
}

div.divider.title div.divider-text:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: -715px;
  width: 700px;
  height: 1px;
  background: #eeeeee;
}

div.divider.small-title .divider-text {
  text-align: center;
  position: relative;
}

div.divider.small-title div.divider-text:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: -115px;
  width: 100px;
  height: 1px;
  background: #eeeeee;
}

div.divider.small-title div.divider-text:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: -115px;
  width: 100px;
  height: 1px;
  background: #eeeeee;
}

div.divider.icon .divider-text {
  text-align: center;
  position: relative;
}

div.divider.icon div.divider-text:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: -715px;
  width: 700px;
  height: 1px;
  background: #eeeeee;
}

div.divider.icon div.divider-text:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: -715px;
  width: 700px;
  height: 1px;
  background: #eeeeee;
}

div.divider.small-icon .divider-text {
  text-align: center;
  position: relative;
}

div.divider.small-icon div.divider-text:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: -115px;
  width: 100px;
  height: 1px;
  background: #eeeeee;
}

div.divider.small-icon div.divider-text:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: -115px;
  width: 100px;
  height: 1px;
  background: #eeeeee;
}

/*-----  End of Divider  ------*/
/*====================================
=            Image Widget            =
====================================*/
.image-inner-wrap .hoverable {
  position: relative;
}

.image-inner-wrap {
  display: block;
  position: relative;
  max-width: 100% !important;
}

.image-inner-wrap img, .image-align-none img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  height: auto;
}

.image-align-left {
  float: left;
  margin: 10px 20px 10px 0;
}

.image-align-right {
  float: right;
  margin: 10px 0px 10px 20px;
}

.image-inner-wrap .text_caption {
  text-align: center;
  z-index: 2;
  padding: 15px;
  margin-bottom: 0px;
  font-size: 10px;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 600;
}

.image-inner-wrap > div, .image-align-none {
  max-width: 100% !important;
  overflow: hidden;
  margin: 0 auto;
}

.image-stretched.image-inner-wrap img {
  width: 100%;
}

/*-----  End of Image Widget  ------*/
/*=========================================
=            Thumbnails Widget            =
=========================================*/
.thumbnail-inner-wrap {
  text-align: center;
  margin: 15px 0;
}

.thumbnail-inner-wrap ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.thumbnail-inner-wrap ul li {
  float: left;
  margin: 0px 15px 15px 0px;
  list-style: none;
  position: relative;
}

.thumbnail-inner-wrap ul li a {
  display: block;
}

.thumbnail-inner-wrap ul li img {
  display: block;
  border-radius: 0px;
}

.thumbnail-inner-wrap div.image-frame-1 {
  margin: 0 5px 0 0;
}

.thumbnail-inner-wrap div.image-frame-2 {
  top: 5px;
  right: 0px;
  bottom: -5px;
  left: 5px;
  opacity: 0.7;
}

.thumbnail-inner-wrap div.image-frame-1 img, .thumbnail-inner-wrap div.image-frame-2 img {
  width: 100%;
  display: block;
}

/*-----  End of Thumbnails Widget  ------*/
/*===========================
=            CTA            =
===========================*/
.cta-inner-wrap {
  position: relative;
}

.cta-inner-wrap a.cta_button {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  position: relative;
  margin: 25px 2px 0px 1px;
}
.cta-inner-wrap a.cta_button:hover {
  color: white;
}
.cta-inner-wrap a.cta_button:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.cta-inner-wrap a.cta_button:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.cta-inner-wrap a.cta_button:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.cta-inner-wrap .cta-button-label {
  position: relative;
  z-index: 2;
  display: inline-block;
}

.cta-inner-wrap .cta-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  line-height: 1;
  margin-left: 10px;
}

.cta-inner-wrap.default .cta-heading h5 {
  max-width: none;
}

.cta-inner-wrap.center {
  text-align: center;
  position: relative;
}

.main-cta-icon i {
  font-size: 48px;
  margin-bottom: 30px;
}

.cta-inner-wrap-style-2 {
  text-align: center;
}

.cta-inner-wrap-style-2 a.cta_button_1 {
  margin-right: 15px;
}

a.cta_button_2 {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  margin-top: 25px;
}
a.cta_button_2:hover {
  color: white;
}
a.cta_button_2:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
a.cta_button_2:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
a.cta_button_2:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

/*-----  End of CTA  ------*/
/*============================
=            Tabs            =
============================*/
.ui-tabs {
  position: relative;
  padding: 0;
  margin: 0;
}

.ui-tabs img {
  max-width: 100%;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
  display: block;
}

.ui-tabs .ui-tabs-nav li i {
  margin-right: 4px;
}

.ui-tabs ul.ui-tabs-nav {
  border-bottom: 2px solid #eeeeee;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 0 12px 0px 0;
  padding: 0;
  border-bottom-width: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
  display: block;
  text-decoration: none;
  line-height: 1;
  padding: 15px 35px;
  color: #feb95f;
}

.ui-tabs .ui-tabs-nav li a:focus {
  box-shadow: none;
  outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li a:hover {
  box-shadow: -2px 0px 0px #eeeeee, 0px -2px 0px #eeeeee, 2px 0px 0px #eeeeee, 0px 2px 0px white;
  color: #1a1c1d;
}

/*==========  Tabs Alignment  ==========*/
.tabs-align-top div.ui-tabs-panel {
  clear: both;
}

.ui-tabs .ui-tabs-panel {
  text-align: left;
  padding: 15px 0 0;
  color: #656768;
  margin-top: 0;
}

/*=================================
=            Accordion            =
=================================*/
.ioa_accordion {
  margin: 0;
}

.ioa_accordion .ui-accordion-header {
  text-decoration: none;
  border-radius: 0px;
  padding: 15px 20px;
  margin-bottom: 1px;
  display: block;
  border: 2px solid #eeeeee;
  font-size: 12px;
  letter-spacing: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
  font-weight: 700;
}

.ioa_accordion .ui-accordion-header:focus {
  outline: none;
}

.ioa_accordion .ui-accordion-header i {
  margin-right: 0px;
  font-size: 12px;
  float: right;
  color: inherit;
  margin-top: 1px;
}

.ioa_accordion .ui-state-active {
  color: #4e7144;
  margin-bottom: 5px;
}

.ioa_accordion .ui-state-active i {
  color: inherit;
}

.ioa_accordion .ui-accordion-li-fix {
  display: inline;
}

.ioa_accordion .ui-accordion-content {
  padding: 25px 0px;
  position: relative;
  top: 1px;
  margin-bottom: 0px;
  overflow: auto;
  display: none;
  zoom: 1;
}

.ioa_accordion .ui-accordion-content-active {
  display: block;
}

.ioa_accordion .ui-accordion-content p {
  margin-top: 0;
}

/*-----  End of Accordion  ------*/
/*==========  Sidebar  ==========*/
.sidebar-inner-wrap .sidebar {
  padding: 0;
}

/*-----  End of Sidebar Widget  ------*/
/*=============================
=            Video            =
=============================*/
iframe.video, video.video {
  outline: 0;
  border: 0;
  max-width: 100% !important;
}

div.ioa-video {
  display: block;
  margin-top: 0px;
}

div.video-inner-wrap .fluid-width-video-wrapper {
  position: relative;
  visibility: visible;
}

div.ioa-video video, div.ioa-video iframe {
  max-width: 100% !important;
}

div.video-proxy-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

div.video-cover-image {
  position: relative;
  box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.2);
}

div.video-cover-image img {
  display: block;
  border-radius: 0px;
}

a.ioa-video-trigger {
  background: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

a.ioa-video-trigger svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -48px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  border-radius: 100%;
}

.svg-path-fill * {
  fill-opacity: 0;
  transition: fill-opacity 1s;
}

.svg-path-fill.finished * {
  fill-opacity: 1;
}

/*-----  End of Video  ------*/
/*====================================
=            Progress Bar            =
====================================*/
/*==========  Horizontal  ==========*/
.progress_bar-inner-wrap {
  padding-top: 25px;
}

.progress-horizontal div.progress-bar h6.progress-bar-title {
  z-index: 2;
  padding: 11px 10px 0px 0px;
  position: absolute;
  top: -30px;
  left: 0px;
  display: block;
  color: #1a1c1d;
  font-size: 13px;
  margin: 0px;
  line-height: 1.2;
}

.progress-horizontal div.progress-bar {
  position: relative;
  width: 100%;
  height: 15px;
  background: rgba(0, 0, 0, 0.08);
  margin-top: 35px;
  border-radius: 0px;
}

.progress-horizontal div.progress-bar:first-child {
  margin-top: 0;
}

.progress-horizontal div.progress-bar div.filler {
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  width: 0px;
  opacity: 0;
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  background: #feb95f;
  text-align: right;
  color: #1a1c1d;
  padding: 0px 0px 0px 0px;
  border-radius: 0px;
}

.progress-horizontal div.progress-bar span {
  transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  opacity: 0;
  position: absolute;
  top: -22px;
  right: 0px;
  color: white;
  color: #1a1c1d;
  font-size: 13px;
  width: 50px;
  text-align: right;
}

.progress-horizontal div.progress-bar .overlay {
  background: url(sprites/i/animated-overlay.gif);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.07;
}

.progress-horizontal div.progress-bar.animate-progress-bar span {
  opacity: 1;
}

/*==============================
=            Button            =
==============================*/
a.ioa-button i {
  color: inherit;
}

a.ioa-button {
  position: relative;
}

a.ioa-button span {
  position: relative;
  z-index: 1;
}

a.ioa-button.style-default {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
a.ioa-button.style-default:hover {
  color: white;
}
a.ioa-button.style-default:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
a.ioa-button.style-default:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
a.ioa-button.style-default:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

a.ioa-button.style-default.size-small {
  color: #1a1c1d;
  background: #feb95f;
  padding: 5px 10px;
  font-size: 11px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
a.ioa-button.style-default.size-small:hover {
  color: white;
}
a.ioa-button.style-default.size-small:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
a.ioa-button.style-default.size-small:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
a.ioa-button.style-default.size-small:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

a.ioa-button.style-default.size-large {
  color: #1a1c1d;
  background: #feb95f;
  padding: 20px 50px;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
a.ioa-button.style-default.size-large:hover {
  color: white;
}
a.ioa-button.style-default.size-large:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
a.ioa-button.style-default.size-large:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
a.ioa-button.style-default.size-large:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

a.ioa-button.style-alt {
  color: white;
  background: #1a1c1d;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
a.ioa-button.style-alt:hover {
  color: #1a1c1d;
  background: #feb95f;
}

a.ioa-button.style-alt.size-small {
  color: white;
  background: #1a1c1d;
  padding: 5px 10px;
  font-size: 11px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
a.ioa-button.style-alt.size-small:hover {
  color: #1a1c1d;
  background: #feb95f;
}

a.ioa-button.style-alt.size-large {
  color: white;
  background: #1a1c1d;
  padding: 20px 50px;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
a.ioa-button.style-alt.size-large:hover {
  color: #1a1c1d;
  background: #feb95f;
}

a.ioa-button.size-block {
  display: block;
  text-align: center;
  margin: 0;
}

/*-----  End of Button  ------*/
/*====================================
=            Social Icons            =
====================================*/
.iconset-inner-wrap {
  margin: 30px 0;
}

.social-set {
  position: relative;
  border: none;
}

.social-set ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.social-set ul li {
  float: left;
  border-bottom: none;
  margin: 0 1px 1px 0;
  padding: 0;
  position: relative;
  list-style: none;
}

.social-set ul li a {
  border-bottom: none;
  display: block;
  margin-left: 0;
  position: relative;
  text-decoration: none;
}

.social-set ul li span.social-block {
  padding: 10px;
  font-size: 18px;
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  text-align: center;
  width: auto;
}

.icon-align-left {
  text-align: left;
}

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

.icon-align-right {
  text-align: right;
}

/*==========  Tooltips  ==========*/
.tooltip {
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  color: #ffffff;
  font-size: 11px;
  border-radius: 0px;
  width: 100px;
  top: -28px;
  left: 50%;
  text-align: center;
  padding: 7px 6px;
  z-index: 2;
  display: none;
  margin-left: -56px;
}

.tooltip i {
  display: none;
}

/*-----  End of Social Icons  ------*/
/*==============================
=            Flickr            =
==============================*/
.flickr-pictures a {
  float: left;
  margin: 0px 4px 4px 0;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 0px;
}

.flickr-pictures a img {
  min-height: 100%;
  width: 100%;
  display: block;
  border-radius: 0px;
}

/*-----  End of Flickr  ------*/
/*=====================================
=            Person Widget            =
=====================================*/
.person-inner-wrap {
  position: relative;
}

.person-inner-wrap > div.p-area {
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.person-inner-wrap .social-set {
  margin: 0 0 15px 0;
  text-align: center;
}

.person-inner-wrap div.image {
  position: relative;
}

.person-inner-wrap div.image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 0px;
}

.person-inner-wrap p.p-info {
  padding: 15px;
}

.person-inner-wrap div.desc-area {
  margin: 30px 0 15px;
  position: relative;
  text-align: center;
}

.animate-slide-top {
  position: relative;
  margin-bottom: 50px;
}

.person-inner-wrap div.show-person-info .info {
  display: block;
}

.person-inner-wrap div.desc-area h4 {
  padding: 0;
  margin: 0px;
  font-size: 16px;
  line-height: 1;
  color: #1a1c1d;
}

.person-inner-wrap div.desc-area span {
  font-size: 11px;
  text-align: center;
  margin: 4px 0px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #656768;
}

/*-----  End of Person Widget  ------*/
/*===============================
=            Toggles            =
===============================*/
div.toggle .toggle-body {
  padding: 25px 0;
  border-bottom: 1px solid transparent;
}

div.toggle .toggle-body p:first-child {
  margin-top: 0;
}

div.toggle .toggle-body p:last-child {
  margin-bottom: 0;
}

div.toggle .toggle-body.collapse {
  display: none;
}

div.toggle a.toggle-title {
  text-decoration: none;
  border-radius: 0px;
  padding: 12px 0;
  display: block;
  color: #1a1c1d;
  font-size: 15px;
}

div.toggle a.toggle-title i {
  font-size: 12px;
  float: right;
  position: relative;
  top: 0px;
}

div.toggle h4 {
  margin-bottom: 0;
}

/*==========  Styled  ==========*/
.toggle-style-styled div.toggle a.toggle-title {
  background: white;
  text-decoration: none;
  border: 2px solid #eeeeee;
  padding: 15px 20px;
  display: block;
  color: #656768;
  font-size: 11px;
  text-transform: uppercase;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.toggle-style-styled div.toggle a.toggle-title.title-active {
  color: #4e7144;
}

.toggle-style-styled div.toggle a.toggle-title i {
  font-size: 12px;
  margin-right: 2px;
  position: relative;
  margin-top: 2px;
  color: #eeeeee;
}

.toggle-style-styled div.toggle a.toggle-title.title-active i {
  color: inherit;
}

.toggle-style-styled div.toggle {
  margin-bottom: 5px;
}

.toggle-style-styled div.toggle-body {
  padding: 25px 0;
}

/*==================================
=            Google MAP            =
==================================*/
.googlemap-inner-wrap {
  position: relative;
}

.rad_google_map textarea {
  display: none;
}

div.google_map {
  position: relative;
  background: white;
}

/*-----  End of Google MAP  ------*/
/*===================================
=            Logo Widget            =
===================================*/
.logo-area {
  padding: 0;
  margin: 0;
}

.logo-area li {
  float: left;
  width: 33.33%;
  list-style: none;
  margin: 0;
  position: relative;
}

.logo-area li .inner-logo-item {
  padding: 0px;
  min-height: 100px;
}

.logo-area li a {
  display: block;
}

.logo-area li img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  display: block;
  padding: 50px 0;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}

.logo-area li a:hover,
.logo-area li img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
  opacity: 1;
}

.logo-area.logo-grid li {
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.logo-area.logo-grid li.top_item {
  border-top: none;
}

.logo-area.logo-grid li.first_item {
  border-left: none;
}

/*==========  Logo Scrollable  ==========*/
.logo-inner-wrap div.swiper-slide img {
  width: auto;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}

.logo-inner-wrap div.swiper-slide:hover img {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
  opacity: 1;
}

.logo-inner-wrap .inner-logo-item {
  position: relative;
  padding: 30px 45px;
}

.logo-inner-wrap .inner-logo-item .tooltip {
  top: 0;
}

/*-----  End of Logo Widget  ------*/
/*======================================
=            Counter Widget            =
======================================*/
.counter-area-m-wrap {
  position: relative;
}

.counter-inner-wrap {
  text-align: center;
  line-height: 1.6;
}

.counter-inner-wrap .counter-area {
  margin: 0;
  letter-spacing: 8px;
  padding: 0;
  font-size: 60px;
  font-weight: 100;
  color: #1a1c1d;
  z-index: 3;
  position: relative;
  text-transform: uppercase;
  opacity: 0.25;
  line-height: 1;
}

.counter-icon i {
  font-size: 32px;
  margin-bottom: 20px;
  color: #4e7144;
}

.counter-inner-wrap .ioa-widget-title {
  margin: 0;
  padding: 0;
  color: #1a1c1d;
  line-height: 1;
  position: relative;
  z-index: 10;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 4px;
  font-weight: 400;
  line-height: 1;
}

.counter-inner-wrap.counter-styleborder {
  display: table;
  border-radius: 100%;
  border: 1px solid #eeeeee;
  opacity: 0;
}

.counter-inner-wrap.counter-styleborder .counter-icon i {
  margin-bottom: 0;
}

.counter-inner-wrap.counter-styleborder .counter-area-m-wrap {
  display: table-cell;
  vertical-align: middle;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -ms-transition: -ms-transform 2s;
  transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -ms-transition: -ms-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  line-height: 1.1em;
}

.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  line-height: 1;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -ms-transition: -ms-transform 2s;
  transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -ms-transition: -ms-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/*-----  End of Counter Widget  ------*/
/*=================================
=            Easy List            =
=================================*/
.magic_list-inner-wrap ul {
  padding: 0;
  margin: 0;
}

.magic_list-inner-wrap ul li {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  list-style: none;
  position: relative;
  min-height: 75px;
}

.magic_list-inner-wrap ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.magic_list-inner-wrap ul li .ioa-icon-area {
  position: absolute;
  top: -4px;
  left: 0;
  padding: 0px;
  line-height: 1;
}

.magic_list-inner-wrap ul li .ioa-icon-area i {
  font-size: 24px;
  width: auto;
  color: #1a1c1d;
  background: #feb95f;
  border-radius: 100%;
  padding: 20px 8px;
  width: 63px;
  margin: -2px 0 0 -2px;
}

.magic_list-inner-wrap ul li .desc-area {
  margin-left: 85px;
}

.magic_list-inner-wrap ul li .desc-area p:first-child {
  margin-top: 0;
}

.magic_list-inner-wrap ul li h4 {
  margin-bottom: 0px;
}

.magic_list-inner-wrap ul li .desc-area .desc {
  margin-top: 5px;
}

.magic_list-inner-wrap ul li .ripple {
  margin: -2px 0 0 -2px;
  width: 16px;
  height: 16px;
  background: #4e7144;
}

/*==========  Numbered List  ==========*/
.magic_list-inner-wrap.list-ordered ul li .desc-area {
  margin-left: 85px;
}

.magic_list-inner-wrap.list-ordered ul li .ioa-icon-area i {
  display: block;
  line-height: 1;
  color: #1a1c1d;
  background: #feb95f;
  border-radius: 100%;
  padding: 20px 0px;
  font-size: 18px;
  font-style: normal;
  width: 60px;
  text-align: center;
}

/*==============================
=            Tweets            =
==============================*/
.tweets-wrapper.list ul.tweets {
  margin: 0;
  padding: 0;
}

.tweets-wrapper.list ul.tweets li {
  position: relative;
  margin: 0 0 20px 0;
  min-height: 45px;
  border-bottom: 1px solid #feb95f;
  padding: 0 0 30px 55px;
  list-style: none;
}

.tweets-wrapper.list ul.tweets li i {
  background: #feb95f;
  color: #1a1c1d;
  position: absolute;
  top: -2px;
  left: 0;
  padding: 12px;
}

/*==========  Tweets slider  ==========*/
.tweets-wrapper.slider ul.tweets {
  margin: 0;
  padding: 0;
}

.tweets-wrapper.slider ul.tweets li {
  position: relative;
  margin: 0;
  padding: 20px 20px 20px 20px;
  list-style: none;
  text-align: center;
}

.tweets-wrapper.slider ul.tweets li i {
  background: #feb95f;
  color: #1a1c1d;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 25px 16px;
}

/*-----  End of Tweets  ------*/
/*======================================
=            Pricing Tables            =
======================================*/
div.pricing-table div.plan {
  float: left;
  position: relative;
  z-index: 1;
  border-radius: 0px;
}

div.pricing-table div.plan.last-plan {
  margin-right: 0;
}

div.pricing-table div.plan span.plan-title {
  margin: 0;
  display: block;
  font-size: 15px;
  text-align: center;
  padding: 25px;
  background: rgba(0, 0, 0, 0.1);
  color: white;
  position: relative;
  z-index: 3;
  text-transform: uppercase;
  letter-spacing: 8px;
}

div.pricing-table div.plan.featured-plan {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border: none;
}

div.pricing-table div.plan.full {
  float: none;
  width: 100%;
}

div.pricing-table div.plan.one_half {
  float: left;
  width: 50%;
}

div.pricing-table div.plan.one_third {
  float: left;
  width: 33.33%;
}

div.pricing-table div.plan.one_fourth {
  float: left;
  width: 25%;
}

div.pricing-table div.plan.one_fifth {
  float: left;
  width: 20%;
}

div.pricing_area {
  background: #1a1c1d;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  position: relative;
}

div.pricing_area_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.pricing_area h2 {
  font-size: 60px;
  line-height: 1;
  color: white;
  text-align: center;
  margin: 0;
  padding: 40px 0;
  position: relative;
  z-index: 3;
}

div.pricing_area span.suffix {
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  text-align: center;
  display: block;
  font-size: 15px;
  position: relative;
  z-index: 3;
  text-transform: uppercase;
  letter-spacing: 8px;
}

div.pricing-table ul.pricing-row {
  margin: 0;
  padding: 0;
}

div.pricing-table ul.pricing-row li {
  padding: 20px 0;
  list-style: none;
  text-align: center;
}

div.pricing-table ul.pricing-row li:nth-child(even) {
  background: rgba(0, 0, 0, 0.02);
}

div.pricing-table ul.pricing-row li:nth-child(odd) {
  background: rgba(0, 0, 0, 0.08);
}

div.pricing-table ul.pricing-row li.sign-up {
  padding: 0;
  border-bottom: none;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #1a1c1d;
}

ul.pricing-row li.sign-up a {
  background: rgba(255, 255, 255, 0.03);
  display: block;
  margin: 0px;
  position: relative;
  color: white;
  text-align: center;
  padding: 30px 0;
  text-decoration: none;
  font-size: 16px;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 8px;
}

/**
 * Pricing Table Settings
 */
div.pricing-table div.featured-plan.plan {
  z-index: 2;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

div.pricing-table div.featured-plan.plan ul.pricing-row li.sign-up a {
  background: #feb95f;
  color: #1a1c1d;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
}

div.featured-plan.plan div.pricing_area h2 {
  color: #1a1c1d;
}

div.featured-plan div.pricing_area {
  background: #feb95f;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

div.pricing-table div.plan.featured-plan span.plan-title, div.plan.featured-plan div.pricing_area span.suffix {
  color: #1a1c1d;
}

div.featured-plan.plan .pricing_area .mini-divider {
  background: #fff;
}

/*-----  End of Pricing Tables  ------*/
/*==================================
=            Mail Chimp            =
==================================*/
.mailchimp-inner-wrap .input-area {
  margin-right: 130px;
}

.mailchimp-inner-wrap .input-area > div {
  width: 46%;
  float: left;
  margin-left: 6px;
  position: relative;
}

.mailchimp-inner-wrap .input-area div:first-child {
  margin-left: 0;
}

.mailchimp-inner-wrap .input-area div input[type=text] {
  width: 100%;
}

.mailchimp-inner-wrap .input-area div span {
  position: absolute;
  top: -24px;
  right: 0px;
  background: #fd5d56;
  color: #fff;
  padding: 3px 8px;
  display: none;
  font-size: 10px;
  font-style: italic;
}

.mailchimp-inner-wrap form {
  position: relative;
}

.mailchimp-inner-wrap a {
  position: absolute;
  top: 0;
  right: 0;
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  width: 18%;
  text-align: center;
  font-weight: 400;
  -webkit-font-smoothing: subpixel-antialiased;
}
.mailchimp-inner-wrap a:hover {
  color: white;
}
.mailchimp-inner-wrap a:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.mailchimp-inner-wrap a:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.mailchimp-inner-wrap a:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.mailchimp-subscription-confirmation {
  display: none;
  padding: 20px;
  text-align: center;
  background: #1a1c1d;
  color: #656768;
}

/*-----  End of Mail Chimp  ------*/
a.modal-trigger {
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid #1a1c1d;
  letter-spacing: 1px;
  text-transform: uppercase;
}

a.modal-trigger:hover {
  border-bottom: 1px solid #feb95f;
}

/*===================================
=            Blog Widget            =
===================================*/
div.rad_blog_widget ul li.blog_post_item {
  margin-bottom: 60px;
}

div.rad_blog_widget ul li.blog_post_item:last-child {
  margin-bottom: 0;
}

.no-featured-image div.blog-post-description {
  margin-top: 0;
  width: 100%;
}

div.blog-post-description-content {
  padding: 30px 30px 30px 0;
  float: left;
  width: calc(100% - 230px);
}

div.blog-post-description {
  margin-top: -100px;
  width: 85%;
  background: #fff;
  position: relative;
  z-index: 1000;
}

div.blog-post-description h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
}

div.blog-post-description h2 a {
  text-decoration: none;
  color: #1a1c1d;
  display: block;
}

div.blog-post-description h2 a:hover {
  text-decoration: none;
  color: #feb95f;
}

div.blog-post-description a.read-more {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
div.blog-post-description a.read-more:hover {
  color: white;
}
div.blog-post-description a.read-more:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.blog-post-description a.read-more:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.blog-post-description a.read-more:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

div.blog-post-description div.excerpt {
  margin-top: 15px;
}

div.blog-post-meta-info {
  text-align: center;
  width: 200px;
  float: left;
  background: #1a1c1d;
  padding: 30px 15px;
  margin-right: 30px;
}

div.blog-post-meta-info div.datearea {
  font-size: 32px;
  color: #656768;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 15px;
}

div.blog-post-meta-info div.datearea .date {
  font-size: 48px;
  color: white;
  display: block;
  line-height: 1;
}

div.blog-post-meta-info div.datearea .month {
  font-size: 18px;
  display: block;
  color: white;
}

div.blog-post-meta-info div.datearea .year {
  font-size: 12px;
  display: block;
  color: white;
}

div.blog-post-author {
  padding: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

div.blog-post-author a {
  text-decoration: none;
  text-decoration: none;
  color: white;
}

div.blog-post-author span {
  color: #656768;
  display: block;
}

div.blog-post-comments {
  padding-top: 15px;
}

div.blog-post-comments a {
  text-decoration: none;
  color: #feb95f;
}

div.blog-post-comments a:hover {
  color: white;
}

/*=====  End of Blog Widget  ======*/
/** Image Card */
div.image-inner-wrap {
  position: relative;
  margin-top: 25px;
}

div.image-frame-1 {
  margin-right: 25px;
  position: relative;
  z-index: 10;
  box-shadow: 0 0 44px rgba(0, 0, 0, 0.14), 0 17px 46px rgba(0, 0, 0, 0.1);
}

div.image-frame-2 {
  position: absolute;
  top: -25px;
  left: 25px;
  z-index: 3;
  right: 0;
  bottom: -25px;
  background: #feb95f;
  box-shadow: 0 0 44px rgba(0, 0, 0, 0.14), 0 17px 46px rgba(0, 0, 0, 0.1);
}

/**
 * Booking Table
 */
div.booking-table {
  text-align: center;
  font-weight: 400;
}

div.booking-text {
  margin-top: 30px;
}

div.booking-text strong {
  color: #feb95f;
}

.booking-form {
  margin-top: 30px;
}

.booking-form div {
  float: left;
  width: 25%;
}

.booking-form input[type=submit] {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  width: 25%;
  padding: 14px 30px;
  font-weight: 500;
}
.booking-form input[type=submit]:hover {
  color: white;
}
.booking-form input[type=submit]:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.booking-form input[type=submit]:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.booking-form input[type=submit]:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.ioa-book-lightbox-trigger {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  width: 25%;
  padding: 10px 25px;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
}
.ioa-book-lightbox-trigger:hover {
  color: white;
}
.ioa-book-lightbox-trigger:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.ioa-book-lightbox-trigger:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.ioa-book-lightbox-trigger:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.booking-form .date-picker {
  position: relative;
}

.booking-form .date-picker input[type=text] {
  background: url(sprites/i/datepicker-icon.png) 93% 12px no-repeat white;
}

.booking-form .date-picker input[type=text], .booking-form .time-picker input[type=text] {
  width: calc(100% - 25px);
  padding: 13px 10px 12px;
  display: block;
}

.booking-form .time-picker {
  position: relative;
}

.booking-form .time-picker i {
  position: absolute;
  top: 13px;
  right: 38px;
  z-index: 3;
  color: #1a1c1d;
  font-size: 16px;
}

.booking-form .person-picker {
  position: relative;
}

.booking-form .person-picker i {
  position: absolute;
  top: 13px;
  right: 38px;
  z-index: 3;
  color: #1a1c1d;
  font-size: 16px;
}

.booking-form .person-picker select {
  width: calc(100% - 25px);
  padding: 7px 10px;
  display: block;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 46px;
}

.booking-form .person-picker select::-ms-expand {
  display: none;
}

div.validate-input {
  position: relative;
}

span.validation-error-msg {
  position: absolute;
  top: -26px;
  left: 0;
  background: #fd5d56;
  color: #fff;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 0px;
  display: none;
}

.booking-form span.validation-error-msg i, span.validation-error-msg i {
  top: auto;
  position: absolute;
  bottom: -11px;
  left: 20px;
  font-size: 18px;
  color: #fd5d56;
}

.booking-form-lightbox span.validation-error-msg {
  left: auto;
  right: 20px;
}

.ui-datepicker {
  padding: 0;
  border: none;
  box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  width: 325px;
  background: white;
}

.ui-corner-all {
  border-radius: 0;
}

.ui-widget-header {
  border: 0;
}

.ui-datepicker-header {
  text-align: center;
  background: #feb95f;
  padding-bottom: 15px;
  font-weight: 300;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
  border: none;
  outline: none;
  margin: 0;
  float: left;
  display: block;
  width: 50%;
  color: white;
  background: #3a4143;
  font-size: 11px;
  padding: 4px;
  color: #white;
  padding: 5px;
}
.ui-datepicker-header a.ui-datepicker-prev:hover,
.ui-datepicker-header a.ui-datepicker-next:hover {
  background: #1a1c1d;
  color: white;
}
.ui-datepicker-header .ui-datepicker-title {
  border: none;
  outline: none;
  width: 100%;
  clear: both;
  color: #1a1c1d;
  font-size: 14px;
  padding-top: 15px;
}

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
  border: none;
  outline: none;
  background: white;
}

.ui-datepicker-calendar {
  font-size: 11px;
}

.ui-datepicker-calendar .ui-state-default {
  background: none;
  border: none;
  text-align: center;
  height: 33px;
  width: 33px;
  display: block;
  line-height: 33px;
  text-decoration: none;
}

.ui-datepicker-calendar .ui-state-highlight {
  color: #feb95f;
}

.ui-datepicker-calendar .ui-state-active {
  border-radius: 100%;
  background-color: #feb95f;
  color: #1a1c1d;
  padding: 7px;
  line-height: 20px;
}

.ui-datepicker-calendar thead th {
  color: #feb95f;
  font-weight: 300;
  padding: 5px 0;
  text-align: center;
  border: none;
  background: #fefefe;
}

.ui-datepicker-calendar tbody tr td {
  padding: 5px 0;
  text-align: center;
  border: none;
}

.ui-datepicker-buttonpane {
  border: none;
}

.ui-datepicker-buttonpane .ui-state-default {
  background: white;
  border: none;
}

.ui-datepicker-buttonpane .ui-datepicker-close,
.ui-datepicker-buttonpane .ui-datepicker-current {
  background: white;
  color: #feb95f;
  text-transform: uppercase;
  border: none;
  opacity: 1;
  font-weight: 300;
  outline: none;
}
.ui-datepicker-buttonpane .ui-datepicker-close:hover,
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
  background: white;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 268px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #feb95f;
  color: #1a1c1d;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

div.booking-form-lightbox {
  display: none;
  position: fixed;
  overflow: auto;
  top: 50px;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  background: white;
  z-index: 99999;
  padding: 60px;
  box-shadow: 0px 2px 45px rgba(0, 0, 0, 0.1);
}

div.booking-form-lightbox-confirmation {
  display: none;
  position: fixed;
  overflow: auto;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 300px;
  margin: -200px 0 0 -350px;
  background: white;
  z-index: 99999;
  padding: 60px;
}

div.booking-form-lightbox-overlay {
  position: fixed;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #feb95f;
  opacity: 1;
  z-index: 99998;
}

div.booking-form-input {
  margin-bottom: 15px;
}

div.booking-form-input textarea {
  height: 80px;
}

#ioa-book-table {
  color: #1a1c1d;
  background: #feb95f;
  padding: 20px 50px;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
#ioa-book-table:hover {
  color: white;
}
#ioa-book-table:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
#ioa-book-table:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
#ioa-book-table:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.close-modal-view {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  color: #1a1c1d;
  font-size: 28px;
  text-decoration: none;
}

/** Menu SCroller */
.menu-scroller div.styled-title-group {
  text-align: center;
  margin: 60px 0;
}

.menu-scroller div.ioa-slider-item {
  float: left;
  overflow: hidden;
  width: 357px;
}

.menu-scroller .flickity-page-dots .dot {
  margin: 0 6px;
}

.menu-scroller .flickity-page-dots .dot.is-selected {
  background: #4e7144;
}

.menu-scroller .flickity-prev-next-button {
  width: 30px;
  height: 30px;
  top: 50%;
  background: #1a1c1d;
  color: #feb95f;
  border-radius: 100%;
  opacity: 0.5;
}

.menu-scroller .flickity-prev-next-button:hover {
  background: #feb95f;
  opacity: 1;
}

.menu-scroller .flickity-prev-next-button:focus, .menu-scroller .flickity-prev-next-button:active {
  box-shadow: none;
  outline: none;
}

.menu-scroller .flickity-prev-next-button.previous {
  left: 50px;
  padding: 60px;
}

.menu-scroller .flickity-prev-next-button.next {
  right: 50px;
  padding: 60px;
}

.menu-scroller .flickity-page-dots {
  bottom: -35px;
}

.menu-scroller .flickity-prev-next-button .arrow {
  fill: #ffffff;
}

.menu-scroller .flickity-prev-next-button:hover .arrow {
  fill: white;
}

.menu-scroller div.menu-scroller-item-info-inner h4 {
  color: #656768;
  max-width: 60%;
  margin: 0 auto 15px;
}

.menu-scroller-item {
  position: relative;
  float: left;
}

.menu-scroller-item img {
  display: block;
}

.line-zone {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 5;
}

.line-zone .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  background: #fff;
  height: 2px;
}

.line-zone .right {
  position: absolute;
  top: 0;
  right: 0;
  height: 0%;
  background: #fff;
  width: 2px;
}

.line-zone .bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  background: #fff;
  height: 2px;
}

.line-zone .left {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0%;
  background: #fff;
  width: 2px;
}

.menu-scroller-item-info {
  background: rgba(29, 33, 32, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  opacity: 0;
  transition: 0.3s opacity ease;
  -webkit-transition: 0.3s opacity ease;
}

.menu-scroller-item-info-inner {
  text-align: center;
  width: 70%;
  margin: 0px auto !important;
}

.menu-scroller-item-info-inner p {
  text-align: center;
  margin: 0px auto !important;
}

.menu-scroller-item-info-inner h2 {
  color: white;
  font-size: 18px;
  font-weight: 700;
  margin: 0px auto;
  word-wrap: break-word;
}

.menu-scroller-item-info-inner .menu-price {
  color: #1a1c1d;
  font-size: 14px;
  font-weight: 500;
  background: #feb95f;
  margin-top: 15px;
  display: inline;
  border-radius: 3px;
  padding: 0px 5px;
}

.menu-scroller-item:hover .menu-scroller-item-info {
  opacity: 1;
}

/** Menu Card Items */
.menu-items ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu-items li {
  margin: 0 0 60px 0;
  padding: 0;
  list-style: none;
}

.menu-items li:last-child {
  margin-bottom: 0;
}

.menu-items li .menu-item-title {
  float: left;
  position: relative;
  width: 75%;
  overflow: hidden;
}

.menu-items li h5 {
  position: relative;
  margin: 0;
  font-size: 14px;
  letter-spacing: 4px;
  color: #feb95f;
  font-weight: 700;
}

.menu-items li h5 span.liner {
  content: ' ';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  margin-left: 15px;
}

.menu-items span.menu-item-price {
  float: right;
  color: #1a1c1d;
  background: #feb95f;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 4px;
  padding: 2px 5px;
  border-radius: 3px;
  margin-top: 0px;
}

.menu-top-part {
  position: relative;
}

.menu-items .menu-item-description {
  font-weight: 400;
  margin-top: 10px;
}

.menu-items .menu-item-label {
  font-size: 11px;
  background: #feb95f;
  color: #1a1c1d;
  border-radius: 4px;
  padding: 4px 17px;
  font-weight: 500;
  display: inline-block;
  margin-right: 15px;
}

div.menu-label-wrap {
  position: relative;
}

.page-section-parallax-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  backface-visibility: hidden;
}

.page-section-parallax-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

/**
 * Review Items
 */
div.review-item {
  text-align: center;
}

div.review-item strong {
  font-family: Georgia;
  font-size: 480px;
  position: Absolute;
  top: -325px;
  left: 42%;
  /* margin-top: -60px; */
  line-height: 1;
  opacity: 0.1;
}

div.review-item h3 {
  font-family: "Roboto", Georgia, serif;
  max-width: 60%;
  line-height: 1.6;
  text-transform: none;
  letter-spacing: 0;
  margin: 50px auto;
  margin: 60px auto;
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
}

div.review-item .rating-review i {
  color: #4e7144;
  font-size: 17px;
}

div.review-item span {
  margin-top: 30px;
  display: block;
  font-size: 28px;
  font-weight: 500;
}

.review-items-wrap .flickity-prev-next-button {
  background: #feb95f;
  color: #1a1c1d;
}

/**
 * Fancy Title
 */
div.fancy-title-wrap {
  margin: 60px 0 90px 0;
}

div.fancy-title-wrap img {
  display: block;
}

div.heading-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

div.heading-wrap > div {
  width: 100%;
  text-align: center;
}

div.heading-wrap h2 {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  display: inline-block;
  padding: 10px;
  position: relative;
}

div.heading-wrap .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  background: #fff;
  height: 2px;
}

div.heading-wrap .right {
  position: absolute;
  top: 0;
  right: 0;
  height: 0%;
  background: #fff;
  width: 2px;
}

div.heading-wrap .bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  background: #fff;
  height: 2px;
}

div.heading-wrap .left {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0%;
  background: #fff;
  width: 2px;
}

/**
 * Blog card
 */
div.rad_blog_card li {
  margin-bottom: 60px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}

div.rad_blog_card li div.image-wrap {
  width: 50%;
  float: left;
}

div.rad_blog_card li div.blog-post-description {
  width: 50%;
  float: left;
  padding: 30px;
  margin-top: 0;
}

div.rad_blog_card li.no-featured-image div.blog-post-description {
  width: 100%;
}

div.blog-author-avatar {
  float: left;
  margin-top: -5px;
}

div.blog-author-avatar img {
  border-radius: 100%;
  display: block;
}

div.blog-post-info {
  margin-bottom: 15px;
}

div.blog-post-info span {
  float: left;
  margin-left: 10px;
}

div.blog-post-info a {
  margin-left: 5px;
  line-height: 1.1;
  text-decoration: none;
  border-bottom: 1px solid #feb95f;
  color: #feb95f;
}

div.blog-post-info a:hover {
  border-bottom: 1px solid #1a1c1d;
  color: #1a1c1d;
}

div.rad_blog_card a.read-more {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
div.rad_blog_card a.read-more:hover {
  color: white;
}
div.rad_blog_card a.read-more:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.rad_blog_card a.read-more:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.rad_blog_card a.read-more:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

div.rad_blog_card_small li {
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}

div.rad_blog_card_small div.blog-post-description {
  padding: 30px;
  margin: 0;
  width: 100%;
}

div.rad_blog_card_small div.blog-post-description-content {
  width: 100%;
  padding: 0;
}

div.rad_blog_card_small div.blog-post-description-content h2 {
  font-size: 18px;
}

div.rad_blog_card_small div.datearea {
  position: absolute;
  top: 0;
  left: 0;
  background: #feb95f;
  padding: 15px;
  text-align: center;
}

div.rad_blog_card_small div.datearea small.date {
  color: #1a1c1d;
  display: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
}

div.rad_blog_card_small div.datearea small.month {
  color: #1a1c1d;
  margin-top: 4px;
  display: block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

div.blog-post-bottom-part > a.read-more {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
div.blog-post-bottom-part > a.read-more:hover {
  color: white;
}
div.blog-post-bottom-part > a.read-more:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.blog-post-bottom-part > a.read-more:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.blog-post-bottom-part > a.read-more:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

div.blog-post-bottom-part span {
  float: right;
}

div.blog-post-bottom-part span a {
  font-size: 13px;
  text-decoration: none;
  border-bottom: 1px solid #feb95f;
  color: #feb95f;
}

div.blog-post-bottom-part span a:hover {
  border-bottom: 1px solid #1a1c1d;
  color: #1a1c1d;
  text-decoration: none;
}

.blog-card-large div.blog-post-description-content {
  width: 100%;
  padding: 0;
}

/**
 * Menu Card
 */
div.menu-card {
  background: #1a1c1d;
  position: relative;
  margin-right: 100px;
  margin-top: 50px;
  padding: 75px 0px 75px 75px;
}

div.menu-card h3 {
  color: white;
}

div.menu-card h2 {
  color: #feb95f;
}

div.menu-card p {
  margin-top: 15px;
  font-weight: 400;
  color: #929292;
}

div.menu-card-info div.two_third {
  width: 53%;
  margin: 0;
  padding: 0 75px 0 0;
}

div.menu-card div.image-inner-wrap {
  margin-top: 0;
  position: absolute;
  top: -75px;
  right: -100px;
  width: 50%;
}

div.menu-card div.image-frame-2 {
  top: 40px;
}

div.menu-card a.ioa-more-button {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
div.menu-card a.ioa-more-button:hover {
  color: white;
}
div.menu-card a.ioa-more-button:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.menu-card a.ioa-more-button:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.menu-card a.ioa-more-button:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

div.design-type-left div.two_third {
  float: right;
}

div.design-type-left div.menu-card div.image-inner-wrap {
  position: absolute;
  right: auto;
  left: -100px;
  width: 50%;
}

div.menu-card div.ioa-layer-wrap {
  overflow: visible;
}

.design-type-left div.menu-card {
  margin-right: 0;
  margin-left: 100px;
}

/**
 * Menu Grid
 */
div.menu-items-grid-outer-wrap {
  position: relative;
}

div.menu-items-grid img {
  display: block;
}

div.menu-items-grid {
  position: relative;
  z-index: 5;
  box-shadow: 0 0 55px rgba(0, 0, 0, 0.2), 0 17px 46px rgba(0, 0, 0, 0.1);
  background: white;
}

div.menu-items-grid div.menu-image {
  position: relative;
}

div.menu-items-grid div.menu-image i {
  font-size: 48px;
  position: absolute;
  z-index: 10;
  color: white;
}

div.menu-items-grid div.menu-image.image-top i {
  bottom: -18px;
  left: 50%;
  margin-left: -24px;
}

div.menu-items-grid div.menu-image.image-bottom i {
  top: -21px;
  left: 50%;
  margin-left: -24px;
}

div.menu-items-grid ul {
  margin: 0;
  padding: 0;
}

div.menu-items-grid ul li {
  width: 25%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.menu-items-grid ul li div.menu-description {
  height: 293px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

div.menu-items-grid ul li div.menu-description > div {
  padding: 30px;
  width: 100%;
}

div.menu-items-grid div.menu-item-title h3 {
  font-size: 18px;
  margin-bottom: 0;
}

div.menu-items-grid div.menu-item-title .liner {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.menu-items-grid span.menu-item-price {
  color: #1a1c1d;
  background: #feb95f;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 4px;
  padding: 2px 5px;
  border-radius: 3px;
  margin-top: 0px;
}

/* ==========================  13. Media Elements  ============================ */
/* ----------------------------------------
-            Table of Contents            -
-------------------------------------------

1. Gallery
2. Quartz Slider
3. Image Accordion
4. Grid columns
5. BX Scrollable

-----  End of Table of Contents  ---------- */
/*=====================================
=            Quartz Slider            =
=====================================*/
/*==========  General Stylings  ==========*/
.quartz {
  margin: 0px auto 0px auto;
  position: relative;
  padding: 0;
  width: 600px;
  max-width: 100%;
  min-height: 200px;
  visibility: hidden;
  opacity: 0;
}

.quartz .skeleton {
  z-index: 5;
}

.quartz.has-caption {
  margin-bottom: 50px;
}

.quartz div.items-holder {
  position: relative;
  border: none;
  width: 100%;
  z-index: 2;
  overflow: hidden;
}

.quartz div.items-view {
  position: relative;
  border: none;
  width: 100%;
  z-index: 2;
  overflow: hidden;
}

.quartz div.items-view div.items-holder {
  position: absolute;
  border: none;
  width: 100%;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.quartz div.slider-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  z-index: 1;
}

.quartz div.slider-item > a {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  text-decoration: none;
  display: block;
  width: 100%;
}

.quartz div.slider-item img {
  margin: 0 auto;
  padding: 0;
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.quartz div.height-sensitive-slide.slider-item img, .quartz.full-stretch div.height-sensitive-slide.slider-item img {
  width: auto;
  height: 100%;
  margin: 0 auto;
  min-width: 0;
}

.quartz div.slider-item.hidden {
  z-index: 2;
  display: none;
}

.quartz div.slider-item.active {
  z-index: 17;
}

.quartz div.slider-item.reset {
  z-index: 5;
}

.quartz div.items-view div.items-holder div.slider-item.hidden,
.quartz div.items-view div.items-holder div.slider-item.active,
.quartz div.items-view div.items-holder div.slider-item.reset {
  z-index: 2;
  display: block;
}

.quartz div.custom_slide_style {
  display: none;
}

div.quartz-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/*==========  Special case  ==========*/
.quartz div.items-view div.slider-item {
  position: relative;
  float: left;
}

.quartz.full-stretch div.slider-item img {
  width: 100%;
}

/*==========  Controls  ==========*/
.quartz-bullets-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.presentation-mode ul.quartz-bullets li {
  float: none;
  display: block;
  margin-bottom: 10px;
}

div.quartz-controls-wrap {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 99;
}

div.quartz-controls-wrap a.autoplay-control .progress-bar {
  display: none;
  position: absolute;
}

a.quartz-controls {
  visibility: hidden;
}

div.slider-proxy-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 90;
  bottom: 0;
}

div.slider-proxy-wrap a {
  float: left;
  width: 100px;
  background: white;
  height: 40px;
  text-align: center;
  color: #1a1c1d;
  text-decoration: none;
  display: block;
  line-height: 40px;
  margin-right: 3px;
  font-size: 26px;
}

div.slider-proxy-wrap a.proxy-auto-control {
  font-size: 17px;
}

div.slider-proxy-wrap a:hover {
  background: #1a1c1d;
  color: #feb95f;
}

div.slider-proxy-inner-wrap {
  position: absolute;
  bottom: 0;
  left: 70%;
}

/*==========  Thumb Animation for Controls  ==========*/
.quartz div.slider-item img.slide-desc-image {
  margin: 0 auto;
  display: block;
  width: auto;
}

/*==========  Captions Stylings  ==========*/
/* General Stylings */
.quartz div.slider-desc .slider-desc-overlap {
  position: absolute;
  top: -50px;
  left: 50px;
  right: -50px;
  bottom: -50px;
  z-index: 1;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
  background: #4e7144;
}

.quartz div.slider-desc {
  position: absolute;
  display: block;
  z-index: 40;
  padding: 0px;
  bottom: 22px;
  left: 0px;
  width: 48%;
}

.quartz div.slider-desc .inner-slider-desc {
  padding: 55px;
  background: white;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
  position: relative;
  z-index: 1;
}

.quartz div.slider-desc .inner-desc-wrap > p {
  margin: 2px 0 0 0;
  padding: 0;
}

.quartz div.slider-desc h3 {
  line-height: 1;
  margin: 0px 0 0 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 60px;
  letter-spacing: 8px;
  font-weight: 600;
  color: #1a1c1d;
  position: relative;
  width: 100%;
  z-index: 1;
  right: 0 !important;
  color: #1a1c1d;
  opacity: 0.2;
}

.quartz div.slider-desc h2 {
  line-height: 1;
  margin: 0 0 0px 0;
  padding: 0;
  color: #1a1c1d;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
  bottom: -10px;
}

.quartz span.liner {
  margin-top: 25px;
}

.quartz div.slider-desc h4 {
  margin: 15px 0 15px 0;
  display: inline-block;
  padding: 0;
  line-height: 1.4;
  color: inherit;
  position: relative;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  font-size: 15px;
}

.quartz div.slider-desc div.caption {
  font-size: 15px;
  position: relative;
}

.quartz div.slider-desc div.caption p {
  margin-bottom: 0px;
  padding-bottom: 0;
}

.quartz div.slider-desc a.hover-link {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
.quartz div.slider-desc a.hover-link:hover {
  color: white;
}
.quartz div.slider-desc a.hover-link:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.quartz div.slider-desc a.hover-link:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.quartz div.slider-desc a.hover-link:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.quartz div.slider-desc a.hover-link:first-child {
  margin-left: 0;
}

.mutual-content-wrap p.link-p {
  clear: both;
  display: block;
  padding-bottom: 0;
}

div.image-thumb-area {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

div.image-thumb-area img {
  display: block;
}

.image-thumb-area .image-thumb-wrap {
  cursor: pointer;
}

div.ioa-quartz-slide-layer {
  position: absolute;
  opacity: 0;
}

div.ioa-quartz-slide-layer img {
  width: auto;
  max-width: none !important;
}

div.ioa-quartz-slide-layer-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

div.ioa-layer-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

div.slider-proxy-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-fles-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  position: relative;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  margin: 0px 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #4e7144;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/*! Flickity v1.1.0
http://flickity.metafizzy.co
---------------------------------------------- */
div.ioa-slider-item {
  float: left;
  width: 100%;
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  border: none;
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
  background: none;
  fill: #fff;
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=0);
  /* IE8 */
  opacity: 0.5;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #666;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #666;
  font-size: 48px;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1;
}

.flickity-slider-item {
  width: 100%;
}

.flickity-slider-item img {
  display: block;
  width: 100%;
  height: auto;
}

/* ==========================  14. Hover CSS Stylings ============================ */
.ioa-grid-hover-default div.image {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ioa-grid-hover-default div.image img {
  display: block;
  transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
}

.ioa-grid-hover-default .hover-grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  background: #4e7144;
  opacity: 0;
}

.ioa-grid-hover-default div.image-wrap:hover .hover-grid-overlay {
  opacity: 0.9;
}

div.image-wrap {
  position: relative;
}

div.hover-set-area-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.hover-link-set a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

div.hover-link-set a i {
  color: #fff;
  font-size: 28px;
  top: 50%;
  left: 50%;
  margin: -14px 0 0 -14px;
  position: absolute;
}

/* ==========================  15. Forum Inputs Stylings ============================ */
input[type=password], textarea, input[type=text], input[type=search],
input[type=email], input[type=url], input[type=number], input[type=tel],
select {
  width: 75%;
  padding: 15px;
  background: white;
  border: 1px solid #eeeeee;
  color: #656768;
  box-shadow: none;
  border-radius: 0px;
}

input[type=password]:focus, input[type=text]:focus, input[type=url]:focus,
input[type=search]:focus, input[type=email]:focus, input[type=number]:focus,
textarea:focus, select:focus {
  background: #fafafa;
  border: 1px solid #cccccc;
  color: #1a1c1d;
  box-shadow: none;
  border-radius: 0px;
}

textarea {
  width: 100%;
  overflow: auto;
}

input[type=submit] {
  color: #1a1c1d;
  background: #feb95f;
  padding: 20px 50px;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  font-size: 13px;
}
input[type=submit]:hover {
  color: white;
}
input[type=submit]:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
input[type=submit]:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
input[type=submit]:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

input[type=text]:focus {
  outline: none;
  background: #fafafa;
  border: 1px solid #cccccc;
  color: #1a1c1d;
  border-radius: 0px;
}

label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* ==========================  16. Single Page Stylings ============================ */
/*=======================================
=            General Styling            =
=======================================*/
body {
  background: white;
  overflow-x: hidden;
  font-family: "Roboto", Helvetica, Arial, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.8;
  font-weight: 300;
  font-size: 15px;
}

.super-wrapper {
  position: relative;
  z-index: 2;
}

.inner-super-wrapper {
  background: white;
  position: relative;
  z-index: 7;
}

.super-overlay-block {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

table tr th {
  background: #feb95f;
  color: #1a1c1d;
  border: none;
}

table tr td {
  border-bottom: 2px solid #eeeeee;
}

/*-----  End of General Styling  ------*/
/*================================================
=            Featured  Media Stylings            =
================================================*/
.mutual-content-wrap > img {
  margin: 30px auto;
  display: block;
  max-width: 100%;
}

.has-page-builder .mutual-content-wrap div.single-image {
  margin-top: 60px;
  margin-bottom: 0;
}

div.page-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

div.page-wrapper img {
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}

div.page-wrapper div.googlemap-inner-wrap img {
  max-width: none;
}

div.single-image img {
  display: block;
}

.no-post-thumb {
  display: none;
}

.featured-wrap {
  position: relative;
  z-index: 2;
}

.featured-wrap.no-post-thumb {
  margin-bottom: 0;
}

/*-----  End of Featured  Media Stylings  ------*/
/*===============================================
=            Layout Related Stylings            =
===============================================*/
.mutual-content-wrap {
  margin-bottom: 0px;
  margin-top: 0px;
}

.mutual-content-wrap p:first-child {
  padding-top: 0;
}

.mutual-content-wrap p {
  padding: 15px 0px 15px 0;
  margin: 0;
}

/*==========  Page Structure Stylings  ==========*/
div.page-wrapper {
  position: relative;
  z-index: 5;
}

.page-content img {
  max-width: 100%;
  height: auto;
}

.page-content p:first-child {
  margin-top: 0;
}

.page-content p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*-----  End of Layout Related Stylings  ------*/
/*==========  Gallery Tiles  ==========*/
.page-content div.gallery dl.gallery-item a,
div.gallery dl.gallery-item img {
  border-radius: 0px;
}

/*==========  Password Protected Stylings  ==========*/
form.post-password-form {
  padding: 60px;
  border-radius: 2px;
  margin: auto;
  text-align: center;
}

form.post-password-form label {
  display: inline-block;
  width: calc(100% - 230px);
}

form.post-password-form input {
  display: inline-block;
  margin-right: 15px;
}

form.post-password-form input[type=password] {
  width: 100%;
  margin-top: 15px;
}

form.post-password-form input[type=submit] {
  display: inline-block;
  padding: 15px 30px;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 15px;
}

/* ==========================  17. Singe Post Stylings ============================ */
/* ----------------------------------------
-            Table of Contents            -
-------------------------------------------

1. General Stylings
2. Extra Information Area
3. Author Box 
4. Comments
5. Related Posts

-----  End of Table of Contents  ---------- */
/*========================================
=            General Stylings            =
========================================*/
.comments-wrap {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
  margin-top: 60px;
}

.single .page-content {
  padding-bottom: 0;
}

.fb_iframe_widget span, .fb_iframe_widget {
  max-width: 100% !important;
}

div.fb_comments_template {
  margin-bottom: 50px;
}

.single-social-share a {
  margin-bottom: 2px;
}

.wp-caption-text {
  color: #4e7144;
}

/*-----  End of General Stylings  ------*/
/**
 * Single Meta Section
 */
div.single-meta-content {
  width: 200px;
  position: relative;
  background: #1a1c1d;
  text-align: center;
  padding: 30px 0px 0px 0px;
}

div.single-meta-content-wrap {
  width: 200px;
  position: absolute;
  top: 90px;
  right: -200px;
}

div.single-meta-content div.datearea {
  margin: 0 15px;
  font-size: 32px;
  color: #656768;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 15px;
}

div.single-meta-content div.datearea .date {
  font-size: 48px;
  color: white;
  display: block;
  line-height: 1;
}

div.single-meta-content div.datearea .month {
  font-size: 18px;
  display: block;
  color: white;
}

div.single-meta-content div.datearea .year {
  font-size: 12px;
  display: block;
  color: white;
}

div.single-meta-content svg {
  width: 30px;
  position: absolute;
  top: 12px;
  left: 12px;
}

div.single-meta-content a.single-social-link {
  display: block;
  text-align: center;
  position: relative;
  padding: 15px;
  text-decoration: none;
}

div.single-meta-content a.single-social-link span {
  display: inline-block;
  vertical-align: middle;
}

div.single-meta-content a.single-fb-link {
  background: #3b5998;
  color: #fff;
}

div.single-meta-content a.single-twitter-link {
  background: #00aced;
  color: #fff;
}

div.single-meta-content div.blog-post-author {
  margin: 0 15px;
}

div.single-meta-content div.blog-post-comments {
  padding-bottom: 15px;
}

p.post_tags {
  margin: 0;
  padding: 3px 0 0 0;
  font-size: 12px;
  float: left;
}

p.post_tags span {
  font-weight: 400;
  float: left;
  margin-right: 10px;
  color: #1a1c1d;
  text-transform: none;
  font-size: 14px;
}

p.post_tags a {
  text-decoration: none;
  color: #feb95f;
  border-bottom: 1px solid #feb95f;
  float: left;
  margin-right: 9px;
  margin-top: 2px;
}

p.post_tags a:hover {
  color: #1a1c1d;
  border-bottom: 1px solid #1a1c1d;
}

.post-bottom-section {
  border-top: 1px solid #eeeeee;
  padding: 30px 0;
}

.post-bottom-section div.post-share {
  float: right;
}

.post-bottom-section div.post-share a {
  background: rgba(0, 0, 0, 0.1);
  float: left;
  line-height: 30px;
  height: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin-left: 3px;
  border-radius: 100%;
}

div.single-post-date {
  margin: 0 0 30px 0;
  text-align: center;
  font-size: 10px;
  color: white;
  padding-bottom: 3px;
}

div.single-post-content {
  background: white;
  margin: -150px 0 0;
  padding: 50px;
  position: relative;
  z-index: 10;
  width: calc(100% - 200px);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.04), 0 16px 30px rgba(0, 0, 0, 0.12);
}

div.single-post-content h1 {
  margin-bottom: 0;
}

div.single-post-content span.date {
  font-family: Georgia,Arial;
  font-size: 14px;
  margin-bottom: 10px;
  color: #feb95f;
  display: block;
}

div.single-post-content span.liner {
  margin-bottom: 20px;
}

/**
 * Author box
 */
#authorbox {
  position: relative;
  min-height: 131px;
  border-top: 1px solid #eeeeee;
  padding: 30px 0;
}

#authorbox .author-avatar {
  position: absolute;
  top: 25px;
  left: 0px;
}

#authorbox .author-avatar img {
  display: block;
  margin: 0px;
}

#authorbox .authortext {
  margin: 0px 0 0 105px;
  padding-bottom: 0px;
}

#authorbox .authortext h3 {
  color: #1a1c1d;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  margin-left: 0px;
  margin-top: 0px;
}

#authorbox .authortext p {
  color: #656768;
  font-size: 13px;
  margin-top: -10px;
  padding-right: 20px;
  margin-bottom: 0;
}

/*==============================================
=            Extra Information Area            =
==============================================*/
div.meta-info, div.meta-info a {
  padding: 0;
  color: #fff;
  text-decoration: none;
  position: relative;
  font-size: 9px;
  font-weight: 400;
}

div.meta-info a:after {
  content: ' ';
  position: absolute;
  height: 1px;
  background: #fff;
  width: 100%;
  left: 0;
  bottom: -1px;
}

div.meta-info div.post-cats {
  float: left;
}

div.meta-info div.extra-info {
  float: left;
}

.meta-info > div {
  padding: 5px 0;
}

/*-----  End of Extra Information Area  ------*/
div.review-info .hide {
  display: none;
}

/*================================
=            Comments            =
================================*/
h3.comments-title {
  font-size: 18px;
}

div.comment-tabbed-area.ui-tabs > .ui-tabs-panel {
  padding: 0;
}

div.comment-tabbed-area.ui-tabs ul.comment-nav-tab.ui-tabs-nav {
  border-bottom: 2px solid #1a1c1d;
  color: #1a1c1d;
}

div.fb_iframe_widget_fluid {
  display: block;
}

div.fb_iframe_widget_fluid > span, div.fb_iframe_widget_fluid iframe {
  width: 100% !important;
}

ol.comment-list {
  list-style: none;
  padding: 0px;
  margin: 0 0 60px 0;
}

ol.comment-list li.comment {
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 30px;
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

ol.comment-list ol.children {
  list-style: none;
  padding: 0px 0;
  margin: 0;
}

ol.comment-list ol.children li {
  border-top: 1px solid #eeeeee;
  padding-left: 30px;
  border-bottom: none;
}

div.image-info {
  position: absolute;
  top: 0px;
  left: 0px;
}

div.image-info img {
  display: block;
  float: left;
}

div.image-info > a {
  float: left;
  font-size: 11px;
  color: #1a1c1d;
}

div.comment-info {
  position: relative;
}

div.comment-body {
  padding: 0px 6px 30px 0px;
  position: relative;
  min-height: 80px;
  margin-left: 120px;
}

div.comment-body span.arrow {
  display: none;
}

#comments .fn {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

#comments a.comment-time {
  text-decoration: none;
  display: block;
  font-size: 11px;
  color: #feb95f;
  font-weight: 300;
  text-transform: uppercase;
}

div.comment-body img.avatar {
  display: block;
  max-width: 100%;
}

#comments div.reply {
  position: absolute;
  bottom: -2px;
  right: 0px;
}

#comments a.comment-reply-link {
  text-decoration: none;
  color: #1a1c1d;
  font-size: 12px;
}

#comments a.comment-reply-link:hover {
  color: #feb95f;
}

div.comment-text {
  margin-top: 15px;
}

p.no-comments {
  border: 1px solid #eeeeee;
  text-align: center;
  display: block;
  padding: 30px;
}

#comments img {
  display: inline;
}

/*==========  Comments Form  ==========*/
#respond {
  clear: both;
  padding: 0;
  position: relative;
}

#respond h3#reply-title {
  margin-bottom: 0;
  font-weight: 700;
}

#respond h3.custom-font {
  color: #1a1c1d;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 10px;
}

.comment-form {
  border-top: none;
  padding: 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url] {
  line-height: 18px;
  margin-bottom: 9px;
}

.comment-form code {
  border: none;
  color: #feb95f;
  font-size: 11px;
  padding: 2px 4px;
}

.comment-form {
  margin-left: 0px;
  margin-top: 0px;
}

.comment-form p.single-row-textfield {
  float: left;
  margin-bottom: 10px;
  width: 32%;
}

.comment-form p.comment-form-url {
  margin-right: 0;
}

.comment-form input[type=submit] {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
.comment-form input[type=submit]:hover {
  color: white;
}
.comment-form input[type=submit]:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.comment-form input[type=submit]:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.comment-form input[type=submit]:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.comment-form label {
  font-size: 14px;
  margin-right: 20px;
  margin-top: 14px;
  text-transform: none;
  font-weight: 400;
  color: #1a1c1d;
}

.comment-form p {
  margin: 5px 0px 0px 0px;
  font-size: 13px;
  color: #656768;
}

.comment-form p a {
  color: #feb95f;
  text-decoration: none;
  border-color: transparent;
  border-bottom: 1px solid #feb95f;
}

.comment-form p a:hover {
  color: #1a1c1d;
  border-bottom: 1px solid #1a1c1d;
}

a#cancel-comment-reply-link {
  position: absolute;
  top: 10px;
  right: 0;
  background: #fd5d56;
  padding: 4px 7px 2px 7px;
  text-decoration: none;
  font-size: 10px;
  color: #fff;
  border-radius: 0px;
  font-weight: 600;
}

p.comment-form-url,
p.comment-form-author,
p.comment-form-email {
  width: 33.33%;
  float: left;
}

p.comment-form-url {
  clear: right;
}

.comment-form p.comment-form-url input {
  width: 100%;
}

/*-----  End of Comments  ------*/
/*=====================================
=            Related posts            =
=====================================*/
h3.single-related-posts-title {
  border-top: 1px solid #eeeeee;
  padding: 30px 0;
  margin: 0;
  font-weight: 700;
}

div.related-posts-wrap ul {
  padding: 0;
  margin: 0;
}

div.related-posts-wrap ul li {
  padding: 0;
  margin: 0 25px 0 0;
  list-style: none;
  width: calc(33.33% - 17px);
  float: left;
}

div.related-posts-wrap ul li.last {
  margin: 0;
}

div.related-posts-wrap ul li img {
  width: 100%;
}

div.related-posts-wrap ul li h3 {
  margin-bottom: 0;
  padding-bottom: 30px;
  margin-top: 10px;
}

div.related-posts-wrap ul li h3 a {
  text-decoration: none;
  color: #1a1c1d;
  font-size: 11px;
  font-weight: 700;
  display: block;
  line-height: 1.8;
}

div.related-posts-wrap ul li h3 a:hover {
  color: #feb95f;
}

/*-----  End of Related posts  ------*/
/* ==========================  18. Sidebar Widgets Stylings ============================ */
/**
*
* Sidebar Area Values
* @Note - To edit widget related stylings , goto widgets.scss
*
**/
/*=======================================================
=            Core Widget Stylings            =
=======================================================*/
.ioa-widget-wrap .heading {
  margin-bottom: 30px;
  position: relative;
  font-size: 16px;
}

.ioa-widget-wrap .heading a {
  text-decoration: none;
}

/*==========  General Stylings  ==========*/
.ioa-widget-wrap {
  padding: 30px 0 0px 0;
  margin: 0;
}

.ioa-widget-wrap, .ioa-widget-wrap li, .ioa-widget-wrap p {
  font-size: 13px;
}

.ioa-widget-wrap .widget_nav_menu i.ioa-front-icon {
  margin-right: 5px;
}

div.ioa-widget-wrap a {
  text-decoration: none;
  word-wrap: break-word;
}

.ioa-widget-wrap ul {
  display: block;
}

.ioa-widget-wrap ul.children {
  margin: 10px 0 10px 14px;
  padding: 0 0 0 10px;
}

.ioa-widget-wrap ul li:first-child {
  margin-top: 0;
  padding-top: 0;
}

.ioa-widget-wrap ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.sidebar .ioa-widget-wrap:first-child, #footer .ioa-widget-wrap:first-child {
  margin-top: 0;
  padding-top: 0 !important;
}

.ioa-widget-wrap:last-child {
  border-bottom: none;
}

.ioa-widget-wrap iframe {
  display: block;
  max-width: 100%;
  padding: 5px;
  border: 1px solid #eee;
}

.ioa-widget-wrap select {
  width: 100%;
}

.ioa-widget-wrap > label {
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 15px;
  display: block;
}

.ioa-widget-wrap.widget_nav li {
  padding: 0;
}

/*==========   General List Stylings  ==========*/
.ioa-widget-wrap div.ioa-image-wrap {
  padding: 0;
}

.ioa-widget-wrap div.ioa-image-wrap img {
  max-width: 100%;
  height: auto;
}

.ioa-widget-wrap div.ioa-image-wrap p, div.ioa-widget-wrap p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.ioa-widget-wrap ul {
  margin: 0;
  padding: 0 0;
}

.ioa-widget-wrap ul li {
  list-style: none;
  margin: 0;
  padding: 5px 0px;
  display: block;
  position: relative;
}

.ioa-widget-wrap ul li a {
  text-decoration: none;
}

.ioa-widget-wrap ul li a abbr[title] {
  border-bottom: none;
}

html .recentcomments a {
  display: block !important;
  font-style: normal;
}

/*========== Instagram =========*/
div.ioa-widget-wrap ul.instagram-pics li {
  float: left;
  width: calc(33.33% - 2px);
  margin: 1px;
  padding: 0;
}

div.ioa-widget-wrap ul.instagram-pics li a {
  text-decoration: none;
  display: block;
  border: none;
}

div.ioa-widget-wrap ul.instagram-pics li a img {
  display: block;
}

/*==========  Tweets  ==========*/
.ioa-widget-wrap .tweets-wrapper.list ul.tweets li i {
  font-size: 14px;
  top: -8px;
  padding-left: 0;
  background: none;
}

.ioa-widget-wrap .tweets-wrapper.list ul.tweets li {
  line-height: 1.4;
  min-height: 30px;
  padding-left: 30px;
  margin-bottom: 25px;
}

.ioa-widget-wrap .tweets-wrapper.list ul.tweets li:last-child {
  margin-bottom: 0;
}

/*==========  WP Calendar Styling  ==========*/
.ioa-widget-wrap.widget_calendar table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
}

.ioa-widget-wrap.widget_calendar table thead {
  background: rgba(0, 0, 0, 0.07);
}

.ioa-widget-wrap.widget_calendar table caption {
  padding-bottom: 6px;
  text-align: center;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 11px;
}

.ioa-widget-wrap.widget_calendar table td {
  padding: 5px 0px;
  font-size: 11px;
  text-align: center;
}

.ioa-widget-wrap.widget_calendar table th {
  font-size: 11px;
  padding: 12px 0;
  text-align: center;
  border: none;
}

.ioa-widget-wrap.widget_calendar table #prev {
  padding-left: 0;
  text-align: left;
}

.ioa-widget-wrap.widget_calendar table #next {
  text-align: right;
  padding-right: 0;
}

.ioa-widget-wrap.widget_calendar table td a {
  text-decoration: none;
}

.ioa-widget-wrap.widget_calendar table #today {
  color: #4e7144;
}

.ioa-widget-wrap.widget_calendar tfoot {
  border-top: 1px solid #eeeeee;
}

/*==========  Menu Styling  ==========*/
div.ioa-widget-wrap ul.menu {
  margin: 0;
  padding: 0;
}

div.ioa-widget-wrap ul.menu li {
  position: relative;
}

.left-sidebar div.ioa-widget-wrap ul.menu > li {
  text-align: right;
}

div.ioa-widget-wrap ul.menu a {
  margin-left: 0;
  padding: 8px 0px;
  position: relative;
  z-index: 2;
}

div.ioa-widget-wrap ul.sub-menu {
  display: none;
  left: -220px;
  z-index: 5;
  position: absolute;
  top: 0;
  width: 220px;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

.left-sidebar div.ioa-widget-wrap ul.sub-menu {
  left: auto;
  right: -220px;
  text-align: left;
}

div.ioa-widget-wrap ul.sub-menu > li {
  text-align: left;
  margin: 0;
  padding: 0;
  border-bottom: none;
}

div.ioa-widget-wrap ul.sub-menu li a {
  border-bottom: none;
  text-decoration: none;
  padding: 12px 23px;
  display: block;
  margin: 0px;
  font-size: 12px;
}

/* ======= RSS Widget =============== */
.widget_rss li a {
  display: block;
}

.rssSummary {
  margin-top: 15px;
}

/*========== Archives & Categories Stylings ========== */
.ioa-widget-wrap.widget_categories li,
.ioa-widget-wrap.widget_archive li,
.ioa-widget-wrap.widget_product_categories li {
  text-align: right;
  clear: both;
  width: 100%;
  min-height: 19px;
}

.ioa-widget-wrap.widget_archive li a,
.ioa-widget-wrap.widget_categories li a,
.ioa-widget-wrap.widget_product_categories li a {
  float: left;
  font-weight: 300;
}

.ioa-widget-wrap.widget_categories li:before,
.ioa-widget-wrap.widget_categories li:after {
  display: table;
  content: "";
  line-height: 0;
}

.ioa-widget-wrap.widget_categories li:after {
  clear: both;
}

/*==========   Rss Widget  ==========*/
div.ioa-widget-wrap a.rsswidget {
  border-bottom: none;
}

/*==========  Search Bar  ==========*/
div.ioa-widget-wrap input[type=submit] {
  outline: none;
}

div.ioa-widget-wrap.widget_search label.screen-reader-text {
  display: none;
}

div.ioa-widget-wrap #searchsubmit {
  display: none;
}

#searchform input[type=text] {
  width: 100%;
}

div.ioa-widget-wrap #searchform input[type=text] {
  display: block;
  margin-bottom: 0px;
}

/*==========  Testimonial Widget  ==========*/
div.ioa-widget-wrap div.testimonial-bubble-content {
  padding: 0 0 15px 0;
}

div.ioa-widget-wrap div.testimonial-bubble div.image img {
  display: block;
  border-radius: 0px;
}

div.ioa-widget-wrap div.testimonial-bubble-meta h3 {
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 0;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
}

div.ioa-widget-wrap div.testimonial-bubble div.image {
  margin-top: 8px;
}

div.ioa-widget-wrap div.testimonial-bubble div.info span {
  margin-top: 2px;
  font-size: 11px;
}

div.ioa-widget-wrap .rad-testimonials-list .image {
  float: left;
}

div.ioa-widget-wrap .rad-testimonials-list .info {
  margin: 0px 0 0 15px;
}

div.ioa-widget-wrap .rad-testimonials-list .info h3 {
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 0;
}

/*==========  Google Map  ==========*/
div.ioa-widget-wrap div.google-map {
  max-width: 100%;
}

/*==========   Custom Box   ==========*/
div.custom-box-content p:last-child {
  margin-bottom: 0;
}

div.custom-box-image {
  float: left;
}

.ioa-widget-wrap a.more {
  margin-top: 15px;
}

div.custom-box-content strong {
  color: inherit;
}

div.custom-box-content img {
  border-radius: 0px;
}

div.custom-box-content p:first-child {
  margin-top: 0px;
}

/*==========  Custom Posts  ==========*/
.ioa-widget-wrap .widget-posts {
  margin: 0;
  padding: 0;
}

.ioa-widget-wrap .widget-posts li {
  padding: 0px 0px 30px 0px;
  min-height: 77px;
  position: relative;
  margin: 30px 0;
}

.ioa-widget-wrap .widget-posts li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.ioa-widget-wrap .widget-posts li a {
  border: none;
}

.ioa-widget-wrap .widget-posts .image {
  width: 50px;
  position: absolute;
  top: 3px;
  left: 0;
}

.ioa-widget-wrap .widget-posts .image i {
  width: 50px;
  text-align: center;
  color: #888;
  font-size: 16px;
  padding: 20px 0;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.ioa-widget-wrap .widget-posts .image img {
  margin-right: 0px;
  display: block;
  border-radius: 0px;
}

.ioa-widget-wrap .widget-posts li:first-child .image {
  top: 2px;
}

.ioa-widget-wrap .widget-posts .description {
  float: left;
  margin-left: 65px;
}

.ioa-widget-wrap .widget-posts .description p {
  padding: 0;
  margin: 0;
  font-size: 13px;
}

.ioa-widget-wrap .widget-posts .description h5 {
  margin: 0px;
  line-height: 1.3;
  font-size: 12px;
  font-weight: 700;
}

.ioa-widget-wrap .widget-posts .description h5 a {
  word-break: initial;
}

.ioa-widget-wrap .widget-posts .description h5 a:hover {
  border-bottom: none;
}

.ioa-widget-wrap .widget-posts li .full-desc.description {
  margin-left: 0;
  width: auto;
}

.ioa-widget-wrap .date {
  color: #feb95f;
  margin-bottom: 5px;
  font-size: 10px;
  text-transform: uppercase;
}

/*==========  Social Set  ==========*/
.ioa-widget-wrap .social-set {
  margin: 0px 1px;
  padding: 4px 0px;
}

.ioa-widget-wrap .social-set {
  padding: 0;
}

.ioa-widget-wrap .social-set ul.social-icons li {
  margin: 0;
  margin-right: 4px;
  border-bottom: none;
  padding: 0;
  width: 25%;
  width: calc(25% - 4px);
}

.ioa-widget-wrap .social-set ul.social-icons li a {
  border-bottom: none;
}

/*==========  Video  ==========*/
.ioa-widget-wrap .video-wrap p.caption {
  text-align: center;
  font-size: 11px;
  padding: 0;
  margin: 10px 0 0 0;
}

/*----------  Grid Settings  ----------*/
div.widget-posts-grid > div {
  width: 25%;
  width: calc(25% - 4px);
  margin: 2px;
  float: left;
}

div.widget-posts-grid > div img {
  display: block;
  width: 100%;
}

/** Mail Chimp  */
.input-area-half > div {
  width: calc(50% - 7px);
  float: left;
  margin-bottom: 15px;
}

.input-area-half > div input, .input-area-full input {
  width: 100%;
}

.input-area-full {
  margin-bottom: 15px;
}

.input-area-half > div:first-child {
  margin-right: 14px;
}

.mailchimp-widget-wrap div {
  position: relative;
}

.mailchimp-widget-wrap div span {
  position: absolute;
  top: -24px;
  right: 0px;
  background: #fd5d56;
  color: #fff;
  padding: 3px 8px;
  display: none;
  font-size: 10px;
  font-style: italic;
}

.mailchimp-widget-wrap form {
  position: relative;
}

/*=======================================================
=            Sidebar Related Widget Stylings            =
=======================================================*/
.sidebar-wrap .heading {
  color: #1a1c1d;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #eeeeee;
  text-transform: uppercase;
  font-weight: 700;
}

/*==========  General Stylings  ==========*/
.sidebar, .sidebar li, .sidebar p {
  color: #656768;
  font-size: 13px;
}

.sidebar .widget_nav_menu i.ioa-front-icon {
  color: #feb95f;
}

div.sidebar-wrap a {
  color: #feb95f;
  text-decoration: none;
  border-color: transparent;
  border-bottom: 1px solid #feb95f;
}

div.sidebar-wrap a:hover {
  color: #1a1c1d;
  border-bottom: 1px solid #1a1c1d;
}

.sidebar-wrap ul.children {
  border-left: 1px solid #eeeeee;
}

.sidebar-wrap a.more, div.sidebar-wrap a.mailchimp-subscribe {
  color: #4e7144;
  border-bottom: 1px solid #4e7144;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
}

.sidebar-wrap a.more:hover, div.sidebar-wrap a.mailchimp-subscribe:hover {
  color: #1a1c1d;
  border-color: #1a1c1d;
}

/*==========   General List Stylings  ==========*/
/*==========  Tweets  ==========*/
.sidebar-wrap .tweets-wrapper.list ul.tweets li i {
  color: #4e7144;
}

.sidebar-wrap .tweets-wrapper.list ul.tweets li a {
  border-bottom: 1px solid #eeeeee;
}

.sidebar-wrap .tweets-wrapper.list ul.tweets li {
  border-bottom: 1px solid #eeeeee;
}

/*==========  WP Calendar Styling  ==========*/
.sidebar-wrap.widget_calendar table #today {
  color: #4e7144;
}

.sidebar-wrap.widget_calendar tfoot {
  border-top: 1px solid #eeeeee;
}

/*==========  Menu Styling  ==========*/
div.sidebar-wrap .menu > li.current_page_item > a,
div.sidebar-wrap .menu > li.current-menu-ancestor > a,
div.sidebar-wrap .menu > li.menu-active > a,
div.sidebar-wrap .menu > li.current-menu-item > a {
  color: #1a1c1d;
}

div.sidebar-wrap ul.sub-menu {
  background: white;
  box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
}

div.sidebar-wrap ul.sub-menu li a {
  color: #1a1c1d;
  font-size: 12px;
}

div.sidebar-wrap ul.menu li:hover > a {
  opacity: 0.8;
}

div.sidebar-wrap .widget-posts .description h5 {
  margin: 0px;
  line-height: 1.3;
  font-size: 12px;
  font-weight: 700;
  color: #feb95f;
}

div.sidebar-wrap .widget-posts .description h5 a {
  word-break: break-word;
}

div.sidebar-wrap .widget-posts .description h5 a:hover {
  color: #1a1c1d;
}

div.sidebar-wrap.widget_archive li a,
div.sidebar-wrap.widget_categories li a,
div.sidebar-wrap.widget_product_categories li a {
  float: left;
  text-decoration: none;
  border-color: transparent;
  border-bottom: 1px solid #feb95f;
}

div.sidebar-wrap.widget_archive li a:hover,
div.sidebar-wrap.widget_categories li a:hover,
div.sidebar-wrap.widget_product_categories li a:hover {
  color: #1a1c1d;
  text-decoration: none;
  border-color: transparent;
  border-bottom: 1px solid #1a1c1d;
}

div.sidebar-wrap input[type=submit] {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  outline: none;
  border: none;
}
div.sidebar-wrap input[type=submit]:hover {
  color: white;
}
div.sidebar-wrap input[type=submit]:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.sidebar-wrap input[type=submit]:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.sidebar-wrap input[type=submit]:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

div.sidebar-wrap input[type=text], div.sidebar-wrap input[type=password]
, div.sidebar-wrap input[type=url], div.sidebar-wrap input[type=email],
div.sidebar-wrap input[type=tele], div.sidebar-wrap select,
div.sidebar-wrap textarea {
  border: 1px solid #eeeeee;
  color: #656768;
  background: white;
}

div.sidebar-wrap input[type=text]:focus, div.sidebar-wrap input[type=password]:focus
, div.sidebar-wrap input[type=url]:focus, div.sidebar-wrap input[type=email]:focus,
div.sidebar-wrap input[type=tele]:focus,
div.sidebar-wrap textarea:focus {
  border: 1px solid #cccccc;
  color: #1a1c1d;
  background: #fafafa;
}

/*==========  Search Bar  ==========*/
div.sidebar-wrap #searchform {
  position: relative;
}

div.sidebar-wrap #searchform input[type=text] {
  border: 2px solid #eeeeee;
  padding: 11px 15px;
}

div.sidebar-wrap #searchform i {
  position: absolute;
  top: 13px;
  right: 13px;
  font-size: 15px;
  color: #1a1c1d;
  opacity: 0.5;
  z-index: 2;
}

/*==========  Tags  ==========*/
div.sidebar-wrap div.tagcloud a {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  float: left;
  margin: 0px 2px 2px 0px;
  font-size: 12px !important;
}
div.sidebar-wrap div.tagcloud a:hover {
  color: white;
}
div.sidebar-wrap div.tagcloud a:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.sidebar-wrap div.tagcloud a:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.sidebar-wrap div.tagcloud a:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

/*==========  Testimonial Widget  ==========*/
div.sidebar-wrap div.testimonial-bubble-content {
  font-size: 13px;
  font-style: italic;
  color: #656768;
}

div.sidebar-wrap div.testimonial-bubble div.info span {
  color: #656768;
  font-size: 11px;
}

/*==========  Custom Posts  ==========*/
.sidebar-wrap .widget-posts li {
  border-bottom: 1px solid #eeeeee;
}

.sidebar-wrap .widget-posts .image i {
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.sidebar-wrap .date {
  color: #656768;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 4px;
}

/* ====== Newsletter ============== */
.sidebar-wrap .input-area-half > div {
  width: 100%;
}

/* ==========================  19. Footer Stylings ============================ */
/*=======================================================
=            Footer Related Widget Stylings            =
=======================================================*/
.footer-wrap.widget_archive li a,
.footer-wrap.widget_categories li a,
.footer-wrap.widget_product_categories li a {
  float: left;
  color: #656768;
  text-decoration: none;
  border-color: transparent;
  border-bottom: 1px solid #656768;
}

.footer-wrap.widget_archive li a:hover,
.footer-wrap.widget_categories li a:hover,
.footer-wrap.widget_product_categoriesli a:hover {
  color: #feb95f;
  text-decoration: none;
  border-color: transparent;
  border-bottom: 1px solid #feb95f;
}

.footer-wrap .heading {
  color: #feb95f;
  padding: 0 0;
  text-transform: uppercase;
}

/*==========  General Stylings  ==========*/
#footer, #footer li, #footer p {
  color: #656768;
  font-size: 13px;
}

#footer .widget_nav_menu i.ioa-front-icon {
  color: #656768;
}

.footer-wrap img {
  max-width: 100%;
  display: block;
  height: auto;
}

.footer-wrap ul.children {
  border-left: 1px solid #2c2f31;
}

.footer-wrap a.more, div.footer-wrap a.mailchimp-subscribe {
  color: #1a1c1d;
  background: #feb95f;
  padding: 5px 10px;
  font-size: 11px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
.footer-wrap a.more:hover, div.footer-wrap a.mailchimp-subscribe:hover {
  color: white;
}
.footer-wrap a.more:after, div.footer-wrap a.mailchimp-subscribe:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.footer-wrap a.more:hover:after, div.footer-wrap a.mailchimp-subscribe:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.footer-wrap a.more:hover span, div.footer-wrap a.mailchimp-subscribe:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.footer-wrap ul.menu a {
  color: #656768;
  border-bottom: 1px solid #656768;
}

.footer-wrap ul.menu a:hover {
  color: #feb95f;
  border-color: #feb95f;
}

.footer-wrap input[type=password], .footer-wrap textarea, .footer-wrap input[type=text], .footer-wrap input[type=search],
.footer-wrap input[type=email], .footer-wrap input[type=url], .footer-wrap input[type=number], .footer-wrap input[type=tel], .footer-wrap select {
  background: #2c2f31;
  border: none;
  color: white;
}

.footer-wrap input[type=password]:focus, .footer-wrap input[type=text]:focus, .footer-wrap input[type=url]:focus, .footer-wrap input[type=search]:focus, .footer-wrap input[type=email]:focus, .footer-wrap input[type=number]:focus, .footer-wrap textarea:focus, .footer-wrap select:focus {
  background: #1a1c1d;
  border: none;
  color: #feb95f;
}

.footer-wrap a, .footer-wrap li a {
  color: #656768;
}

.footer-wrap a:hover, .footer-wrap li a:hover {
  color: #feb95f;
}

/*==========   General List Stylings  ==========*/
/*==========  Tweets  ==========*/
.footer-wrap .tweets-wrapper.list ul.tweets li i {
  color: #4e7144;
}

.footer-wrap .tweets-wrapper.list ul.tweets li a {
  border-bottom: 1px solid #2c2f31;
}

.footer-wrap .tweets-wrapper.list ul.tweets li {
  border-bottom: 1px solid #2c2f31;
}

/*==========  WP Calendar Styling  ==========*/
.footer-wrap.widget_calendar table #today {
  color: #4e7144;
}

.footer-wrap.widget_calendar tfoot {
  border-top: 1px solid #2c2f31;
}

.footer-wrap.widget_calendar table td {
  border-color: #2c2f31;
}

/*==========  Menu Styling  ==========*/
div.ioa-widget-wrap.footer-wrap ul.menu a {
  padding: 0;
}

div.footer-wrap .menu > li.current_page_item > a,
div.footer-wrap .menu > li.current-menu-ancestor > a,
div.footer-wrap .menu > li.menu-active > a,
div.footer-wrap .menu > li.current-menu-item > a {
  color: #feb95f;
}

div.footer-wrap ul.sub-menu {
  background: white;
  box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
}

div.footer-wrap ul.sub-menu li a {
  color: #1a1c1d;
  font-size: 12px;
}

/*==========  Search Bar  ==========*/
div.footer-wrap input[type=submit] {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  outline: none;
  border: none;
}
div.footer-wrap input[type=submit]:hover {
  color: white;
}
div.footer-wrap input[type=submit]:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.footer-wrap input[type=submit]:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.footer-wrap input[type=submit]:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

div.footer-wrap #searchform input[type=text], div.footer-wrap #searchform input[type=password]
, div.footer-wrap #searchform input[type=url], div.footer-wrap #searchform input[type=email],
div.footer-wrap #searchform input[type=tele], div.footer-wrap #searchform select,
div.footer-wrap #searchform textarea {
  border: 1px solid #2c2f31;
  color: white;
  background: #2c2f31;
}

div.footer-wrap #searchform input[type=text]:focus, div.footer-wrap #searchform input[type=password]:focus
, div.footer-wrap #searchform input[type=url]:focus, div.footer-wrap #searchform input[type=email]:focus,
div.footer-wrap #searchform input[type=tele]:focus,
div.footer-wrap #searchform textarea:focus {
  border: 1px solid #1a1c1d;
  color: #feb95f;
  background: #1a1c1d;
}

/* =========== Toggle ========== */
div.footer-wrap .toggle-style-styled div.toggle a.toggle-title {
  background: none;
}

div.footer-wrap .toggle-style-styled div.toggle-body {
  padding: 15px 0px;
}

/*==========  Tags  ==========*/
div.footer-wrap div.tagcloud a {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  float: left;
  margin: 0px 2px 2px 0px;
  font-size: 12px !important;
}
div.footer-wrap div.tagcloud a:hover {
  color: white;
}
div.footer-wrap div.tagcloud a:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.footer-wrap div.tagcloud a:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.footer-wrap div.tagcloud a:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

/*==========  Testimonial Widget  ==========*/
div.footer-wrap div.testimonial-bubble-content {
  font-size: 13px;
  font-style: italic;
  color: #656768;
}

div.footer-wrap div.testimonial-bubble div.info span {
  color: #656768;
  font-size: 11px;
}

/*==========  Custom Posts  ==========*/
.footer-wrap .widget-posts li {
  border-bottom: 1px solid #2c2f31;
}

.footer-wrap .widget-posts .image i {
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-wrap .widget-posts .description h5 a {
  word-break: initial;
  color: #feb95f;
}

/**
 * Icons
 */
.ioa-widget-wrap.footer-wrap .social-set ul.social-icons li {
  width: auto;
  margin-bottom: 5px;
}

/**
 * Toggle
 */
.footer-wrap .toggle-style-styled div.toggle a.toggle-title {
  border-color: #2c2f31;
  color: #656768;
}

.footer-wrap.ioa-widget-wrap iframe {
  border-color: #2c2f31;
}

/* ----------------------------------------
-            Table of Contents            -
-------------------------------------------

1. Footer Stylings
2. Bottom Footer Stylings

-----  End of Table of Contents  ---------- */
/*========================================
=            Footer  Stylings            =
========================================*/
/*==========  General Stylings  ==========*/
#footer {
  z-index: 16;
  position: relative;
  background: #1a1c1d;
  padding: 0px 0;
}

#footer div.ioa-layer-wrap {
  z-index: 15;
}

.mobile_footer_widget {
  display: none;
  text-align: center;
}

.mobile_footer_widget ul.social-icons {
  display: inline-block;
}

a.back-to-top {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  border-radius: 5px;
  position: fixed;
  right: 15px;
  visibility: hidden;
  bottom: 15px;
  width: 40px;
  padding: 10px 0;
  font-size: 18px;
  z-index: 10;
}
a.back-to-top:hover {
  color: white;
}
a.back-to-top:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
a.back-to-top:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
a.back-to-top:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

a.bt-reveal.back-to-top {
  visibility: visible;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
}

a.bt-reveal.back-to-top span {
  display: block;
  width: 100%;
  text-align: center;
}

.footer-cols.col-35 {
  width: 32.2%;
}

/*==========  Widget Area  ==========*/
.inner-footer-wrapper {
  position: relative;
  z-index: 20;
}

.inner-footer-wrapper .skeleton {
  padding: 60px 0;
}

.inner-footer-wrapper .col {
  margin-top: 0;
  margin-bottom: 0;
}

#footer .col.last {
  border-right: none;
}

.inner-footer-wrapper .col div.footer-wrap:first-child {
  border: none;
}

/*-----  End of Footer  Stylings  ------*/
div.footer-container {
  position: relative;
  z-index: 10;
}

/*=====================================
=            Bottom Footer            =
=====================================*/
#footer-menu {
  position: relative;
  z-index: 13;
}

#footer-menu .skeleton {
  border-top: 1px solid #2c2f31;
  padding-top: 20px;
  padding-bottom: 20px;
}

#footer-menu p.footer-text {
  float: left;
  color: #656768;
  font-size: 13px;
  margin-top: 7px;
  margin-bottom: 0;
}

#footer-menu p.footer-text a {
  color: #656768;
  
}

#footer-menu p.footer-text a:hover {
  color: #feb95f;
  text-decoration: underline;
}

#footer-menu .menu {
  float: right;
  margin: 0;
  padding: 0px 0 0 0;
}

#footer-menu .menu li {
  float: left;
  list-style: none;
  margin: 0;
}

#footer-menu .menu li a {
  color: #656768;
  position: relative;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  border-radius: 0px;
}

#footer-menu .menu li a:hover {
  color: #feb95f;
}

/*-----  End of Bottom Footer  ------*/
/* ==========================  20. 404 Stylings ============================ */
/*===================================
=            404 Styling            =
===================================*/
.not-found-teaser {
  text-align: center;
  margin-top: 60px;
}

.not-found-teaser h4 {
  font-size: 160px;
}

.not-found-teaser h4 span {
  opacity: 0;
  display: inline-block;
}

div.not-found-number {
  text-align: center;
  display: block;
  position: relative;
  font-size: 118px;
  font-weight: 600;
}

.mutual-content-wrap div.not-found-text {
  max-width: 70%;
  margin: 5px auto;
  display: block;
  text-align: center;
}

div.error-search {
  width: 70%;
  margin: 30px auto 60px auto;
}

div.error-search input[type=text] {
  padding: 15px;
  color: #1a1c1d;
  border-radius: 0px;
  width: 100%;
}

/*-----  End of 404 Styling  ------*/
/* ==========================  21. Common Page Elements Stylings ============================ */
.pad {
  padding: 60px;
}

.pad-2 {
  padding: 30px;
}

.pad-3 {
  padding: 20px;
}

.pad-4 {
  padding: 15px;
}

.mar {
  margin: 60px;
}

.mar-2 {
  margin: 30px;
}

.mar-3 {
  margin: 20px;
}

.mar-4 {
  margin: 15px;
}

#breadcrumbs.break-crumbs {
  margin-top: 3px;
}

#breadcrumbs {
  z-index: 3;
  display: block;
  background: inherit;
  padding: 0;
  color: white;
  font-size: 11px;
  -webkit-font-smoothing: subpixel-antialiased;
}

#breadcrumbs a {
  font-size: 11px;
  text-decoration: none;
  color: white;
}

#breadcrumbs span.current {
  font-size: 11px;
  color: #feb95f;
  font-weight: 700;
}

#breadcrumbs span {
  margin-right: 5px;
}

div.single-image {
  margin-bottom: 60px;
}

.pagination {
  float: left;
  padding: 0;
}

.pagination_wrap {
  padding: 30px 0 0 0;
  border-top: 1px solid #eeeeee;
  margin-top: 30px;
}

.full_width .pagination_wrap {
  padding: 50px;
}

div.woocommerce-pagination, div.misc-pagination-wrap {
  padding-bottom: 60px;
}

.pagination ul {
  margin: 0;
  padding: 0;
  display: block;
}

.pagination ul li, .page-numbers {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0px 4px 0px 0px;
}

span.page-numbers {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.pagination ul li a, .pagination_wrap a.page-numbers {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  padding: 0;
  text-align: center;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.pagination ul li a:hover, .pagination_wrap a.page-numbers:hover {
  color: white;
}
.pagination ul li a:after, .pagination_wrap a.page-numbers:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.pagination ul li a:hover:after, .pagination_wrap a.page-numbers:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.pagination ul li a:hover span, .pagination_wrap a.page-numbers:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.pagination ul li span.current {
  color: white;
  background: #1a1c1d;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  padding: 0;
  text-align: center;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.pagination ul li span.current:hover {
  color: #1a1c1d;
  background: #feb95f;
}

.pagination ul li span.gap {
  color: #656768;
  font-size: 12px;
  display: block;
  padding: 12px 12px;
}

@font-face {
  font-family: 'socicon';
  src: url("sprites/fonts/social_fonts/socicon.eot");
  src: url("sprites/fonts/social_fonts/socicon.eot?#iefix") format("embedded-opentype"), url("sprites/fonts/social_fonts/socicon.woff") format("woff"), url("sprites/fonts/social_fonts/socicon.woff2") format("woff2"), url("sprites/fonts/social_fonts/socicon.ttf") format("truetype"), url("sprites/fonts/social_fonts/socicon.svg#sociconregular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: initial;
}

.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.socicon-twitter:before {
  content: "a";
}

.socicon-facebook:before {
  content: "b";
}

.socicon-google:before {
  content: "c";
}

.socicon-pinterest:before {
  content: "d";
}

.socicon-foursquare:before {
  content: "e";
}

.socicon-yahoo:before {
  content: "f";
}

.socicon-skype:before {
  content: "g";
}

.socicon-yelp:before {
  content: "h";
}

.socicon-feedburner:before {
  content: "i";
}

.socicon-linkedin:before {
  content: "j";
}

.socicon-viadeo:before {
  content: "k";
}

.socicon-xing:before {
  content: "l";
}

.socicon-myspace:before {
  content: "m";
}

.socicon-soundcloud:before {
  content: "n";
}

.socicon-spotify:before {
  content: "o";
}

.socicon-grooveshark:before {
  content: "p";
}

.socicon-lastfm:before {
  content: "q";
}

.socicon-youtube:before {
  content: "r";
}

.socicon-vimeo:before {
  content: "s";
}

.socicon-dailymotion:before {
  content: "t";
}

.socicon-vine:before {
  content: "u";
}

.socicon-flickr:before {
  content: "v";
}

.socicon-500px:before {
  content: "w";
}

.socicon-instagram:before {
  content: "x";
}

.socicon-wordpress:before {
  content: "y";
}

.socicon-tumblr:before {
  content: "z";
}

.socicon-blogger:before {
  content: "A";
}

.socicon-technorati:before {
  content: "B";
}

.socicon-reddit:before {
  content: "C";
}

.socicon-dribbble:before {
  content: "D";
}

.socicon-stumbleupon:before {
  content: "E";
}

.socicon-digg:before {
  content: "F";
}

.socicon-envato:before {
  content: "G";
}

.socicon-behance:before {
  content: "H";
}

.socicon-delicious:before {
  content: "I";
}

.socicon-deviantart:before {
  content: "J";
}

.socicon-forrst:before {
  content: "K";
}

.socicon-playstore:before {
  content: "L";
}

.socicon-zerply:before {
  content: "M";
}

.socicon-wikipedia:before {
  content: "N";
}

.socicon-apple:before {
  content: "O";
}

.socicon-flattr:before {
  content: "P";
}

.socicon-github:before {
  content: "Q";
}

.socicon-chimein:before {
  content: "R";
}

.socicon-friendfeed:before {
  content: "S";
}

.socicon-newsvine:before {
  content: "T";
}

.socicon-identica:before {
  content: "U";
}

.socicon-bebo:before {
  content: "V";
}

.socicon-zynga:before {
  content: "W";
}

.socicon-steam:before {
  content: "X";
}

.socicon-xbox:before {
  content: "Y";
}

.socicon-windows:before {
  content: "Z";
}

.socicon-outlook:before {
  content: "1";
}

.socicon-coderwall:before {
  content: "2";
}

.socicon-tripadvisor:before {
  content: "3";
}

.socicon-appnet:before {
  content: "4";
}

.socicon-goodreads:before {
  content: "5";
}

.socicon-tripit:before {
  content: "6";
}

.socicon-lanyrd:before {
  content: "7";
}

.socicon-slideshare:before {
  content: "8";
}

.socicon-buffer:before {
  content: "9";
}

.socicon-rss:before {
  content: ",";
}

.socicon-vkontakte:before {
  content: ";";
}

.socicon-disqus:before {
  content: ":";
}

.socicon-houzz:before {
  content: "+";
}

.socicon-mail:before {
  content: "@";
}

.socicon-patreon:before {
  content: "=";
}

.socicon-paypal:before {
  content: "-";
}

.socicon-playstation:before {
  content: "^";
}

.socicon-smugmug:before {
  content: "¨";
}

.socicon-swarm:before {
  content: "$";
}

.socicon-triplej:before {
  content: "*";
}

.socicon-yammer:before {
  content: "&";
}

.socicon-stackoverflow:before {
  content: "(";
}

.socicon-drupal:before {
  content: "#";
}

.socicon-odnoklassniki:before {
  content: ".";
}

.socicon-android:before {
  content: "_";
}

.socicon-meetup:before {
  content: "]";
}

.socicon-persona:before {
  content: ")";
}

.socicon-amazon:before {
  content: "£";
}

.socicon-ello:before {
  content: "'";
}

.socicon-mixcloud:before {
  content: '"';
}

.socicon-8tracks:before {
  content: "}";
}

.socicon-twitch:before {
  content: "{";
}

.socicon-airbnb:before {
  content: "/";
}

.socicon-pocket:before {
  content: "?";
}

.socicon-whatsapp:before {
  content: "<";
}

.socicon-storehouse:before {
  content: ">";
}

.socicon-icq:before {
  content: "§";
}

.socicon-modelmayhem:before {
  content: "!";
}

.socicon-istock:before {
  content: "%";
}

.socicon-angellist:before {
  content: "Γé¼";
}

.socicon-periscope:before {
  content: "0";
}

/*==========  Search Page Search  ==========*/
.search-page-search {
  position: relative;
  padding-bottom: 40px;
  margin-top: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
}

.search-page-search label {
  display: none;
}

.search-page-search input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
}

.search-page-search input[type=text] {
  width: 85%;
  display: block;
}

/* ==========================  22. Woo Commerce Stylings ============================ */
/* ----------------------------------------
-            Table of Contents            -
-------------------------------------------

1. General Stylings
2. Wish List
3. Product Extra Information
4. Share Area
5. Single Product Stylings
6. Woo Message 
7. Shop Stylings
8. Widgets Stylings
9. Shortcodes Stylings 

-----  End of Table of Contents  ---------- */
/*========================================
=            General Stylings            =
========================================*/
.product {
  -webkit-backface-visibility: hidden;
}

.woocommerce select {
  display: block;
  padding: 11px;
}

div.single-product-thumbs div.gallery-cell {
  float: left;
  width: 165px;
}

div.single-product-gallery img {
  display: block;
}

div.single-product-thumbs div.gallery-thumbs {
  margin-top: 4px;
}

p.demo_store {
  margin: 0;
  background: #1a1c1d;
  color: #656768;
  text-align: center;
  padding: 15px;
}

table.my_account_orders.shop_table {
  margin-bottom: 40px;
}

.woocommerce .shop_table span.amount {
  color: #1a1c1d;
}

div.bank-details h2 {
  display: none;
}

.woocommerce p.myaccount_user {
  padding: 30px 20px !important;
  margin-bottom: 60px;
  text-align: center;
  border: 1px solid #eeeeee;
  font-size: 13px;
  border-radius: 0px;
}

.woocommerce table tr td {
  padding: 7px 0;
}

.woocommerce table th {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  border-left: none;
}

.woocommerce .col2-set address {
  background: white;
  color: #1a1c1d;
  border: 1px solid #eeeeee;
  border-radius: 0px;
}

/*-----  End of General Stylings  ------*/
ul.rating-bar {
  padding: 0;
  margin: 5px 0;
}

ul.rating-bar li {
  float: left;
  margin: 0 5px 0 0;
  list-style: none;
  padding: 0;
}

ul.rating-bar li i {
  font-size: 11px;
}

ul.rating-bar li svg {
  fill: #4e7144;
}

ul.rating-bar li.rated svg {
  fill: #feb95f;
}

/*=================================================
=            Product Extra Information            =
=================================================*/
.product-meta-wrap {
  margin-top: 30px;
}

.product-meta ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-meta ul li {
  padding: 0;
  margin: 0 0 5px 0;
}

.product-meta ul li a {
  color: #feb95f;
  border-bottom: 1px solid #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  margin-right: 5px;
}
.product-meta ul li a:hover {
  color: #1a1c1d;
  border-bottom-color: #1a1c1d;
}

.product-meta strong {
  display: inline-block;
  font-size: 11px;
  color: #1a1c1d;
  margin-right: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
}

/*-----  End of Product Extra Information  ------*/
/*==================================
=            Share Area            =
==================================*/
.product-share-area {
  margin-top: 20px;
  position: relative;
  display: inline-block;
}

.product-share-area div {
  display: block;
}

.product-share-area div a {
  text-decoration: none;
  color: #1a1c1d;
  height: 35px;
  display: block;
  padding: 11px;
  line-height: 1;
  float: left;
  background: #feb95f;
  margin-left: 1px;
  margin-bottom: 1px;
}

.product-share-area div a:hover {
  color: white;
}

/*-----  End of Share Area  ------*/
/**
 * Addition Information Tab
 */
table.shop_attributes th, table.shop_attributes td {
  border: none;
  padding: 4px 0;
  border-bottom: 1px solid #eeeeee;
}

table.shop_attributes tbody {
  border-top: 1px solid #eeeeee;
}

table.shop_attributes th {
  color: #1a1c1d;
  letter-spacing: 1px;
  text-transform: uppercase;
}

table.shop_attributes p {
  margin: 0;
}

table.shop_attributes p:first-child {
  margin: 0;
  padding-top: 10px;
}

/*===============================================
=            Single Product Stylings            =
===============================================*/
div.summary {
  margin-bottom: 50px;
  margin-top: 0;
}

.summary .description {
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
}

.variations_form {
  padding-bottom: 0px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
  padding-top: 7px;
}

.product-meta {
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}

.single_variation_wrap {
  margin-top: 30px;
}

.single_variation_wrap > div {
  float: left;
}

.single_variation_wrap .variations_button {
  margin-bottom: 40px;
}

.single_variation {
  padding: 6px 15px 0 0;
}

.product-single-title-wrap {
  margin-top: 20px;
}

.woocommerce-product-rating div {
  float: left;
  font-size: 10px;
  margin-right: 5px;
}

.product-single-title-wrap {
  position: relative;
  margin-bottom: 20px;
}

.summary h1.custom-title {
  margin: 0;
}

.summary span.liner {
  margin-top: 10px;
}

.price-area .post-navigation {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -25px;
}

.price-area div.prev-post-link, .price-area div.next-post-link {
  width: auto;
  margin-left: 5px;
  padding: 0;
}

.price-area .post-navigation a {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  line-height: 1;
}
.price-area .post-navigation a:hover {
  color: white;
}
.price-area .post-navigation a:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.price-area .post-navigation a:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.price-area .post-navigation a:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.single-product-breadcrumbs {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.single-product-breadcrumbs span.current a {
  color: #feb95f;
  border-bottom: 1px solid #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  font-size: 11px;
}
.single-product-breadcrumbs span.current a:hover {
  color: #1a1c1d;
  border-bottom-color: #1a1c1d;
}

.single-product-breadcrumbs a {
  text-decoration: none;
  position: relative;
}

.woocommerce-review-link {
  float: left;
  margin-top: 4px;
  color: #feb95f;
  font-size: 12px;
}

/*==========  Media Stylings  ==========*/
.product-image-wrap {
  position: relative;
}

.product {
  position: relative;
}

.product .featured-media-wrap {
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
  margin-top: 0;
}

.product .featured-media-wrap .single-image img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0px;
}

.has-sidebar .product .summary.page-content {
  width: 350px;
}

.has-sidebar .page-content > form.cart {
  padding: 15px 0;
}

.summary.page-content {
  margin-bottom: 10px;
  z-index: 4;
  position: relative;
  margin-top: 50px;
}

.featured-media-wrap .onsale {
  top: 6px;
  right: 6px;
}

.onsale {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  background: #feb95f;
  color: #1a1c1d;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 8px;
}

a.close-review-lightbox {
  position: fixed;
  z-index: 10000;
  top: 20px;
  right: 20px;
  border: 1px solid #656768;
  color: #656768;
  text-decoration: none;
  font-size: 18px;
  padding: 15px;
  border-radius: 100%;
  display: none;
}

.page-content > form.cart {
  border: none;
  padding: 0px 0px 10px 0px;
}

.has-sidebar .product .featured-media-wrap {
  width: 350px;
  margin-right: 40px;
}

/*==========  Pricing Area  ==========*/
.product .summary .price {
  color: #1a1c1d;
  font-weight: 400;
  font-size: 32px;
  text-decoration: none;
}

.product .summary .price del {
  color: #656768;
  font-size: 18px;
}

.product .summary .price ins {
  text-decoration: none;
}

.product .page-content > form {
  width: auto;
}

.product .summary .price .from {
  display: none;
}

.product .quantity {
  float: left;
  margin-right: 15px;
}

.product .quantity input.input-text {
  text-align: center;
  width: 60px;
}

.price-area {
  margin-bottom: 40px;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  padding-bottom: 30px;
}

.price-area .price {
  margin-right: 15px;
  padding-bottom: 0;
}

.product-type-variable .price-area .price {
  margin-top: 8px;
}

.product-type-variable .sale .price-area .price {
  margin-top: 0px;
}

.price-area .woocommerce-product-rating div {
  float: left;
  margin-right: 1px;
}

.price-area a.woocommerce-review-link {
  float: left;
  position: relative;
  text-decoration: none;
  margin-top: 5px;
}

.price-area a.woocommerce-review-link:after {
  position: absolute;
  content: ' ';
  bottom: 0;
  left: 0;
  width: 100%;
  background: #4e7144;
  height: 1px;
}

.product .quantity input[type=button] {
  width: 40px;
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
.product .quantity input[type=button]:hover {
  color: white;
}
.product .quantity input[type=button]:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.product .quantity input[type=button]:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.product .quantity input[type=button]:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.quantity .ui-spinner {
  position: relative;
  padding-right: 22px;
  height: auto !important;
  display: inline-block;
}

.quantity .ui-spinner .ui-spinner-button {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  padding: 5px 6px;
  font-size: 9px;
  border: 1px solid #eeeeee;
  color: #feb95f;
  border-bottom: none;
}

.quantity .ui-spinner .ui-spinner-button.ui-spinner-down {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  border: 1px solid #eeeeee;
}

.page-content > form.variations_form {
  padding: 20px 0 0 0;
  border: none;
  margin: 0;
}

.product form button.single_add_to_cart_button {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  float: left;
  margin-left: 0px;
}
.product form button.single_add_to_cart_button:hover {
  color: white;
}
.product form button.single_add_to_cart_button:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.product form button.single_add_to_cart_button:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.product form button.single_add_to_cart_button:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.product form button.single_add_to_cart_button:hover {
  color: #fff;
}

.product form button.single_add_to_cart_button:after {
  content: '';
  display: none;
}

.variations {
  margin-bottom: 0px;
}

.variation-opts-wrap {
  position: relative;
}

table.variations tr td {
  padding: 5px 0;
}

.reset_variations {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
.reset_variations:hover {
  color: white;
}
.reset_variations:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.reset_variations:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.reset_variations:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.variations select {
  width: 100%;
  padding: 17px;
  background: white;
  border: 1px solid #eeeeee;
  color: #656768;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
}

.variations option.attached {
  color: #1a1c1d !important;
}

.variations .select-wrap {
  width: 100%;
  float: left;
}

.product_meta span {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.product_meta a {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  margin-right: 5px;
}
.product_meta a:hover {
  color: white;
}
.product_meta a:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.product_meta a:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.product_meta a:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

/*==========  Product Tabs  ==========*/
.woocommerce-tabs {
  clear: both;
  margin: 30px 0 60px 0;
  min-height: 150px;
  position: relative;
}

.woocommerce-tabs h2 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 8px;
  margin-bottom: 20px;
}

.woocommerce-tabs ul.tabs {
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #eeeeee;
}

.woocommerce-tabs ul.tabs li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 0 12px 0px 0;
  padding: 0;
  border-bottom-width: 0;
  white-space: nowrap;
}

.woocommerce-tabs ul.tabs li a {
  display: block;
  text-decoration: none;
  line-height: 1;
  padding: 15px 35px;
  color: #feb95f;
}

.woocommerce-tabs ul.tabs li a:focus {
  box-shadow: none;
  outline: none;
}

.woocommerce-tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li:hover a {
  box-shadow: -2px 0px 0px #eeeeee, 0px -2px 0px #eeeeee, 2px 0px 0px #eeeeee, 0px 2px 0px white;
  color: #1a1c1d;
}

.woocommerce-tabs .panel {
  padding: 50px 0 0 0;
}

.page-content p.woocommerce-noreviews {
  background: #eeeeee;
  color: #656768;
  text-align: center;
  padding: 15px 0px 15px 0;
  margin: 0;
}

#review_form_wrapper #review_form {
  margin-top: 10px;
  display: block !important;
}

#review_form_wrapper #respond h3#reply-title {
  border-bottom: none;
  margin-bottom: 20px;
  font-size: 14px;
}

#review_form_wrapper #review_form .comment-form p {
  float: none;
  width: 60%;
}

/*==========  Related Posts  ==========*/
div.related-product-wrap {
  margin: 50px 0;
}

.related.products {
  padding-top: 50px;
  border-top: 1px solid #eeeeee;
}

.related h2 {
  padding-bottom: 0px;
  margin-bottom: 0px;
  line-height: 1.2;
  font-size: 28px;
}

.related span.liner {
  margin-top: 10px;
  margin-bottom: 40px;
}

.related ul.products {
  margin: 0;
  padding: 0;
}

.related ul.products > li.product {
  float: left;
  list-style: none;
  position: relative;
  width: 23%;
  margin: 0px 1.33%;
}

.related ul.products li h3 {
  font-size: 12px;
  margin: 15px 0 0;
  padding-right: 50px;
}

.related ul.products li span.price {
  font-size: 12px;
}

.related ul.products li img {
  max-width: 100%;
  height: auto;
}

.has-sidebar .related ul.products > li.product {
  width: 170px;
  margin: 0px 10px 0px 10px;
}

/*==========  Rating Bar  ==========*/
.w-rating-bar {
  margin: 0;
  padding: 0px 0px;
}

.w-rating-bar li {
  margin: 0  0 0 2px;
  padding: 0;
  list-style: none;
  display: inline-block;
  line-height: 1;
}

.w-rating-bar li i {
  font-size: 11px;
  color: #656768;
}

.w-rating-bar li i.rated {
  color: #66d179;
}

/*==========  Reviews Section  ==========*/
#reviews #comments {
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  margin: 0px 0 50px 0;
}

#reviews .main-rating {
  margin-bottom: 30px;
}

#reviews .rating-bar {
  float: left;
  padding: 0;
}

#reviews .commentlist .star-rating {
  position: absolute;
  top: -1px;
  right: -1px;
  color: #1a1c1d;
  background: #feb95f;
  padding: 2px 10px 2px 5px;
  font-weight: 700;
}

#reviews .commentlist .star-rating span {
  width: auto !important;
}

#reviews .commentlist .star-rating strong {
  color: #1a1c1d;
}

#reviews .commentlist li {
  list-style: none;
}

#reviews .star-rating span {
  float: left;
  font-size: 11px;
  margin-left: 5px;
}

#reviews .rating-bar li {
  float: left;
}

#reviews .rating-bar li i {
  font-size: 18px;
}

#reviews h2 {
  margin-top: 0px;
  margin-bottom: 20px;
}

#reviews .commentlist {
  padding: 0;
  margin: 0;
}

.comment_container {
  position: relative;
  min-height: 50px;
}

.comment_container img.avatar {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  border-radius: 0px;
  width: 50px;
  height: 50px;
}

.comment_container .comment-text {
  margin-left: 75px;
  position: relative;
  border-radius: 0px;
  padding: 30px;
  background: white;
  border: 1px solid #eeeeee;
}

#reviews .comment-text p.meta {
  margin: 0;
  padding-top: 0;
  font-size: 11px;
}

#reviews .comment-text .rating-bar {
  padding: 0;
  margin-top: -4px;
}

#reviews .comment-text .rating-bar li i {
  font-size: 11px;
}

#reviews .description {
  margin-top: 0px;
  border-top: none;
}

#reviews #comments li.comment {
  margin-bottom: 30px;
  list-style: none;
}

a.show_review_form {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
a.show_review_form:hover {
  color: white;
}
a.show_review_form:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
a.show_review_form:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
a.show_review_form:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

a.show_review_form:hover {
  color: #feb95f;
}

#commentform .comment-form-rating label {
  margin-top: 5px;
}

.comment-form-rating label {
  float: left;
}

#review_form_wrapper #respond {
  margin-top: 20px;
}

#review_form .stars {
  display: none;
}

#review_form #rating {
  display: block !important;
}

#review_form div.select-wrap i {
  position: absolute;
  top: 3px;
  right: 10px;
  color: #feb95f;
  font-size: 14px;
  display: block;
  padding: 12px 12px;
}

#review_form div.select-wrap {
  height: 48px;
  margin: 10px 0 10px 0;
  overflow: hidden;
  padding: 7px 0;
  position: relative;
  width: 30%;
  z-index: 1;
  background: none;
  border: 1px solid #eeeeee;
  padding-top: 10px;
  margin-top: 10px;
  border-radius: 0px;
  clear: both;
}

#review_form div.select-wrap select {
  -webkit-appearance: none;
  background: transparent !important;
  border: none;
  cursor: pointer;
  display: block;
  margin: 0 !important;
  outline: none;
  outline: none;
  color: #656768;
  padding: 0px 0px 10px 10px;
  width: 120%;
  height: 36px;
  position: relative;
  z-index: 2;
}

/*===================================
=            Woo Message            =
===================================*/
div.page-wrapper p.woocommerce-error {
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #c95555;
  border-radius: 0px;
}

div.page-wrapper p.woocommerce-error, div.page-wrapper p.woocommerce-error li {
  list-style: none;
}

div.page-wrapper p.woocommerce-info, div.woocommerce-info {
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1a1c1d;
  padding: 15px;
  border: 2px solid #eeeeee;
  font-size: 11px;
}

div.page-wrapper p.woocommerce-message, div.page-wrapper p.woocommerce-info a.showcoupon {
  font-size: 11px;
}

.page-wrapper .woocommerce-message a {
  color: #feb95f;
  border-bottom: 1px solid #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
.page-wrapper .woocommerce-message a:hover {
  color: #1a1c1d;
  border-bottom-color: #1a1c1d;
}

.page-wrapper .woocommerce-info a {
  color: #feb95f;
  border-bottom: 1px solid #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
.page-wrapper .woocommerce-info a:hover {
  color: #1a1c1d;
  border-bottom-color: #1a1c1d;
}

ul.woocommerce-error {
  margin: 0;
  padding: 40px;
  background: #1a1c1d;
  margin-bottom: 40px;
}

ul.woocommerce-error li {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #656768;
}

ul.woocommerce-error li strong {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  font-size: 11px;
}

.woo-single-product .woocommerce-message {
  margin-bottom: 50px;
}

.woo-single-product .woocommerce-message a {
  margin-right: 10px;
}

.woocommerce-message {
  margin: 0 0 20px 0;
  border: 2px solid #eeeeee;
  text-align: center;
  padding: 15px 0;
}

/*-----  End of Woo Message  ------*/
/*=====================================
=            Shop Stylings            =
=====================================*/
.shop-controls {
  margin-bottom: 50px;
}

.shop-controls p.woocommerce-result-count {
  float: left;
  padding-bottom: 0px;
  font-size: 12px;
  margin-top: 7px;
  color: #656768;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.woocommerce-ordering {
  float: right;
}

ul.products {
  margin: 0 0 0px 0;
  padding: 0;
}

ul.products li.product {
  position: relative;
  margin-gop: 50px;
}

ul.products li.product.top {
  margin-top: 0;
}

ul.products li p.product-cats {
  margin: 0;
  padding: 0;
  font-size: 11px;
  margin-bottom: 5px;
}

ul.products li p.product-cats a {
  color: #feb95f;
  border-bottom: 1px solid #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  font-size: 10px !important;
}
ul.products li p.product-cats a:hover {
  color: #1a1c1d;
  border-bottom-color: #1a1c1d;
}

ul.products {
  margin: 0;
  padding: 0;
}

ul.products li.product {
  float: left;
  list-style: none;
  position: relative;
}

ul.products li div.image {
  max-width: 100%;
  height: auto;
  border-radius: 0px;
}

ul.products li div.image img {
  display: block;
  border-radius: 0px;
  max-width: 100%;
  height: auto;
}

ul.products li h3 {
  margin: 20px 70px 0 0;
  line-height: 1.3;
  font-size: 12px;
  font-weight: 700;
  color: #1a1c1d;
  text-transform: uppercase;
  letter-spacing: 8px;
  word-break: break-word;
}

ul.products li h3 a {
  color: #1a1c1d;
  text-decoration: none;
  display: block;
}

ul.products li h3:hover a {
  color: #feb95f;
}

ul.products li.product .price {
  display: block;
}

.products .imageholder {
  display: block;
}

ul.products li.product .price span.amount {
  color: #feb95f;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 18px;
}

ul.products li.product .price span.amount:first-child {
  margin-left: 0;
}

ul.rad-posts-list li span.price {
  color: #4e7144;
  font-size: 14px;
}

ul.rad-posts-list li span.price .from {
  color: #feb95f;
  margin-right: 5px;
  font-size: 14px;
}

ul.rad-posts-list ins {
  text-decoration: none;
}

del span.amount {
  color: #656768 !important;
}

ul.products li .button, ul.portfolio_posts li .button, .page-wrapper a.added_to_cart {
  background: #feb95f;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  padding: 10px 18px;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

.page-wrapper a.added_to_cart {
  padding: 10px 18px;
}

ul.products li .button svg path {
  fill: #1a1c1d;
}

ul.products li .button:hover svg path, ul.portfolio_posts li .button:hover svg path, .page-wrapper a.added_to_cart:hover svg path {
  fill: white;
}

.shop-item-meta-info {
  margin-top: 5px;
}

ul.products .desc {
  position: relative;
}

ul.products ins, ul.portfolio_posts ins {
  text-decoration: none;
}

ul.products li div.image:hover img {
  filter: none;
  -webkit-filter: none;
  transition: none;
  -webkit-transition: none;
  transform: none;
  -webkit-transform: none;
}

ul.products li div.image:after {
  content: '';
  display: none;
}

ul.products li div.image {
  position: relative;
}

.moveable .main-thumb {
  position: relative;
  z-index: 7;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.62, 0.28, 0.23, 0.99);
  animation-timing-function: cubic-bezier(0.62, 0.28, 0.23, 0.99);
}

div.sec-thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 100%;
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.62, 0.28, 0.23, 0.99);
  animation-timing-function: cubic-bezier(0.62, 0.28, 0.23, 0.99);
}

div.sec-thumb a {
  display: block;
}

.moveable:hover .main-thumb {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.moveable:hover .sec-thumb {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

ul.products li .onsale {
  z-index: 15;
}

ul.products li span.cart-loader, ul.portfolio_posts li span.cart-loader {
  border-radius: 0px;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
  z-index: 10;
  opacity: 0.9;
  display: none;
}

ul.products li .icon-cart-added, ul.portfolio_posts li .icon-cart-added {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  display: none;
}
ul.products li .icon-cart-added:hover, ul.portfolio_posts li .icon-cart-added:hover {
  color: white;
}
ul.products li .icon-cart-added:after, ul.portfolio_posts li .icon-cart-added:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
ul.products li .icon-cart-added:hover:after, ul.portfolio_posts li .icon-cart-added:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
ul.products li .icon-cart-added:hover span, ul.portfolio_posts li .icon-cart-added:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

/**
 * Sidebar Layout
 */
.woocommerce table th {
  background: white;
}

.woo-shop .pagination {
  margin-bottom: 50px;
}

.summary.page-content .description {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* == Shop Cart Table ======== */
.cart-table-form .layout_element {
  margin-bottom: 0;
  margin-top: 0;
}

ul.variation-list {
  padding: 10px 0 0 17px;
  margin: 0;
  list-style: none;
}

ul.variation-list li {
  float: left;
  padding: 0 20px 0 0;
  margin: 0;
}

.chzn-container .chzn-results {
  width: 100%;
}

table.shop_table.order_details {
  margin-bottom: 60px;
}

table.shop_table {
  width: 100%;
  margin-bottom: 0;
}

.shop_table_form {
  border: 1px solid #eeeeee;
  border-top: none;
  margin-bottom: 40px;
}

table.shop_table thead {
  border-bottom: 2px solid #eeeeee;
}

table.shop_table thead tr th {
  border: none;
  color: #1a1c1d;
  padding: 15px 0px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 8px;
  font-weight: 700;
  font-size: 12px;
}

table.shop_table thead tr th.product-remove {
  width: 30px;
}

table.shop_table thead tr th.product-name {
  width: 40%;
}

table.shop_table thead tr th.product-thumbnail {
  width: 130px;
}

table.shop_table thead tr th.product-quantity {
  width: 212px;
}

table.shop_table thead tr th.product-subtotal {
  border-right: 0;
}

.order_review_table {
  border-top: none;
  margin-bottom: 40px;
}

#order_review table.shop_table thead tr th.product-name {
  width: 85%;
}

#order_review table.shop_table tfoot tr th {
  padding: 10px 0;
  color: #1a1c1d;
  text-transform: uppercase;
  border-bottom: 2px solid #eeeeee;
  letter-spacing: 2px;
  font-weight: 400;
}

#order_review table.shop_table tfoot tr td {
  border: none;
  color: #1a1c1d;
}

#order_review table.shop_table tr tr {
  border: none;
}

#order_review table.shop_table tr th {
  border-left: none;
  background: white;
}

#order_review table.shop_table tr.total td {
  border-bottom: none;
}

#order_review table.shop_table tr th {
  border-bottom: none;
  background: white;
}

#order_review table.shop_table tbody tr.cart_item td {
  padding: 10px 0;
}

#order_review .product-total {
  text-align: right;
}

div.order-review-final {
  width: 40%;
  float: right;
  margin-top: 20px;
}

div.order-review-final table th {
  border: none;
  font-size: 11px;
  color: #1a1c1d;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 0;
}

div.order-review-final table td {
  text-align: right;
}

#payment div.payment_box p {
  margin: 15px 29px 5px 29px;
  padding: 15px;
  border: 1px solid #eeeeee;
}

table.shop_table tbody tr.cart_item td {
  border-bottom: 2px solid #eeeeee;
  vertical-align: middle;
  padding: 20px 0;
  color: #1a1c1d;
}

table.shop_table tbody tr.cart_item:first-child td.product-thumbnail a {
  margin-top: 20px;
  margin-right: 0px;
}

table.shop_table tbody tr.cart_item td.product-thumbnail a {
  margin: 10px 0;
  display: block;
  max-width: 90px;
  max-height: 90px;
}

table.shop_table tbody tr.cart_item td.product-thumbnail a img {
  display: block;
  max-width: 100%;
  margin: auto;
}

table.shop_table tbody tr.cart_item td.product-name a {
  color: #1a1c1d;
  font-size: 11px;
  text-decoration: none;
  margin-left: 15px;
  display: block;
  margin-top: -2px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

table.shop_table tbody tr.cart_item td.product-name dt {
  float: left;
  margin-right: 20px;
}

table.shop_table tbody tr.cart_item td.product-price span {
  color: #1a1c1d;
  font-size: 14px;
  margin: 0px 0px 0px 20px;
}

table.shop_table tbody tr.cart_item td.product-subtotal span {
  font-size: 14px;
  margin: 0;
}

table.shop_table tbody tr.cart_item td.product-remove a {
  margin: 0px;
  text-decoration: none;
  font-size: 18px;
  color: #1a1c1d;
}

table.shop_table tbody tr.cart_item td.product-quantity div.quantity {
  margin: 0px;
}

table.shop_table tbody tr.cart_item td.product-quantity div.quantity input.input-text {
  width: 60px;
  float: left;
  margin: 0;
  background: none;
  text-align: center;
  background: rgba(0, 0, 0, 0.04);
}

@-moz-document url-prefix() {
  table.shop_table tbody tr.cart_item td.product-quantity div.quantity input.input-text {
    padding: 14px 8px;
  }
}

table.shop_table tbody tr.cart_item td.product-quantity div.quantity input[type=button] {
  background: rgba(0, 0, 0, 0.04);
  font-size: 16px;
  outline: none;
  float: left;
  border: none;
  padding: 12px 10px 11px;
  width: 40px;
}

table.shop_table tbody tr.cart_item td.product-quantity div.quantity input.plus {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-left: 1px solid #d0d0d0;
}

table.shop_table tbody tr.cart_item td.product-quantity div.quantity input.minus {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right: 1px solid #d0d0d0;
}

table.shop_table tbody tr td.actions input[type=submit] {
  outline: none;
  float: left;
  border: none;
  padding: 12px 8px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

.woocommerce .cr-title, .payment-order h2, .woocommerce .cr-title a, .woo-title h2 {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 8px;
  text-transform: uppercase;
}

.woocommerce .cr-title label {
  margin-bottom: 0;
}

.cart-table-form .liner, .payment-order .liner, .woo-title .liner {
  margin-top: 15px;
  margin-bottom: 5px;
}

.payment-order h2 {
  margin-top: 30px;
}

.woocommerce address {
  padding: 25px;
  border: 1px solid #eeeeee;
  margin-top: 20px;
}

div.cart_totals table {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 4px;
}

div.cart_totals table tr th {
  color: #1a1c1d;
  background: white;
  font-size: 12px;
  font-weight: 700;
  border-top: none;
  padding: 10px 0px;
  text-align: left;
  letter-spacing: 8px;
  text-transform: uppercase;
}

div.cart_totals table tr td {
  padding-left: 45px;
}

tr.order-total th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.shipping_calculator h2 {
  font-size: 15px;
}

.shipping_calculator h2 a {
  text-decoration: none;
}

section.shipping-calculator-form input[type=text] {
  border-radius: 0px;
  outline: none;
  width: 100%;
}

section.shipping-calculator-form button {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
section.shipping-calculator-form button:hover {
  color: white;
}
section.shipping-calculator-form button:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
section.shipping-calculator-form button:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
section.shipping-calculator-form button:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.shipping-calculator-form div.select-wrap i {
  position: absolute;
  top: 3px;
  right: 10px;
  color: #feb95f;
  font-size: 14px;
  display: block;
  padding: 12px 12px;
}

.shipping-calculator-form div.select-wrap {
  height: 34px;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 7px 0;
  position: relative;
  width: 100%;
  z-index: 1;
  background: none;
  border: 1px solid #eeeeee;
  padding-top: 10px;
  margin-top: 10px;
  border-radius: 0px;
}

.shipping-calculator-form div.select-wrap select {
  -webkit-appearance: none;
  background: transparent !important;
  border: none;
  cursor: pointer;
  display: block;
  margin: 0 !important;
  outline: none;
  outline: none;
  color: #656768;
  padding: 0px 0px 10px 10px;
  width: 120%;
  height: 27px;
  position: relative;
  z-index: 2;
}

table.shop_table.cart tbody tr.cart_item td.product-name a.product-thumb {
  max-width: 105px;
  float: left;
  margin: 0;
  width: 30%;
}

table.shop_table.cart tbody tr.cart_item td.product-name a.product-thumb img {
  width: auto;
}

table.shop_table.cart thead tr th.product-name {
  width: 46%;
}

table.shop_table.cart div.product-metadata {
  float: left;
  width: 65%;
}

table.shop_table.cart div.product-metadata span.amount {
  margin-left: 15px;
  color: #1a1c1d;
}

div.coupon {
  margin: 50px 0px 50px 0px;
}

div.coupon #coupon_code {
  float: left;
  margin-right: 15px;
  outline: none;
  width: 350px;
  border-radius: 0px;
  color: #656768;
}

div.coupon input[type=submit] {
  float: left;
  padding: 17px 35px;
}

div.coupon-wrap {
  margin-top: 20px;
}

div.cart-button-area {
  margin-bottom: 30px;
  margin-top: 60px;
}

div.cart-button-area input[name=update_cart].button {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  text-align: center;
  width: 100%;
  display: block;
}
div.cart-button-area input[name=update_cart].button:hover {
  color: white;
}
div.cart-button-area input[name=update_cart].button:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.cart-button-area input[name=update_cart].button:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.cart-button-area input[name=update_cart].button:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

div.cart-button-area a.checkout-button {
  color: white;
  background: #1a1c1d;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 10px;
}
div.cart-button-area a.checkout-button:hover {
  color: #1a1c1d;
  background: #feb95f;
}

section.shipping-calculator-form {
  display: block !important;
}

.shipping-calculator-form p.form-row {
  display: block;
}

/**
 * Checkout Stylings
 */
div.woocommerce-billing-fields h3, div.woocommerce-shipping-fields h3, .woocommerce-checkout h3 {
  margin-bottom: 0;
}

div.woocommerce-billing-fields span.liner, div.woocommerce-shipping-fields span.liner, .woocommerce-checkout span.liner, .custom-w-title span.liner {
  margin-bottom: 5px;
  margin-top: 10px;
}

.select2-container .select2-choice {
  padding: 13px 17px;
  background: white;
  border: 1px solid #eeeeee;
  color: #1a1c1d;
  border-radius: 0;
}

.select2-drop-active {
  border-color: #eeeeee;
}

form.checkout p.form-row {
  float: left;
  margin-right: 2%;
  padding-top: 12px;
  width: 49%;
}

form.checkout p.form-row-wide, form.checkout p.form-row.notes {
  width: 100%;
  clear: both;
}

div.clear {
  clear: both;
}

#createaccount {
  margin-right: 10px;
}

form.checkout div.col-1 p label, form.checkout div.col-2 p label {
  display: inline-block;
  color: #656768;
  letter-spacing: 0.5px;
}

form.checkout div.col-1 p label abbr, form.checkout div.col-2 p label abbr {
  text-decoration: none;
  color: #656768;
  border-bottom: none;
}

form.checkout div.col-1 p input[type=text],
form.checkout div.col-1 p input[type=email],
form.checkout div.col-1 p input[type=tel],
form.checkout div.col-2 p input[type=text]
form.checkout div.col-2 p input[type=email]
form.checkout div.col-2 p input[type=tel] {
  display: block;
  outline: none;
  width: 100%;
}

form.checkout .col2-set {
  margin-top: 30px;
  margin-bottom: 30px;
}

#shipping_country_field {
  margin-top: 12px;
}

form.checkout div.col-2 {
  margin-top: 40px;
}

form.checkout div.col-2 #shiptobilling {
  margin-top: 0px;
  float: right;
}

form.checkout div.col-2 #shiptobilling input {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

form.checkout div.col-2 #shiptobilling label {
  float: left;
  margin-top: 4px;
}

form.checkout div.col-2 p textarea {
  outline: none;
  width: 100%;
  height: 200px;
}

form.checkout .chzn-container-single .chzn-single {
  height: 32px;
}

.chosen-container .chosen-results li.active-result {
  color: #1a1c1d;
}

table.shop_table tbody tr.checkout_table_item td.product-name {
  color: #1a1c1d;
  font-style: italic;
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #eeeeee;
}

table.shop_table tbody tr.checkout_table_item td span.amount {
  color: #1a1c1d;
  margin: 0px 0px 0px 20px;
  font-style: italic;
}

table.shop_table tbody tr.checkout_table_item td.product-quantity {
  border-right: 1px solid #eeeeee;
  color: #656768;
  font-style: italic;
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #eeeeee;
}

table.shop_table tbody tr.checkout_table_item td.product-total {
  border-bottom: 1px solid #eeeeee;
}

.cart-collaterals span.amount {
  color: #1a1c1d;
}

.cart-collaterals table tr td, .cart-collaterals table tr th {
  border-bottom: 2px solid #eeeeee;
}

.cart-collaterals tr.order-total {
  border-bottom: none;
}

.cart-collaterals tr.order-total span.amount {
  color: #1a1c1d;
  font-size: 18px;
}

.cart-collaterals div.cart_totals table tr th {
  color: #1a1c1d;
  background: white;
  padding: 13px 0;
}

div.cross-sells {
  border-top: 1px solid #eeeeee;
  margin-top: 20px;
  padding-top: 20px;
}

div.cross-sells ul.products {
  margin-top: 10px;
}

table.shop_table tfoot tr th {
  padding: 10px 0;
  border-right: 1px solid #eeeeee;
  border-bottom: 2px solid #eeeeee;
}

table.shop_table tfoot tr td {
  text-align: left;
  padding: 5px 15px;
}

form.checkout_coupon {
  margin-bottom: 40px;
}

form.checkout_coupon p {
  float: left;
  width: 40%;
  padding: 0;
}

form.checkout_coupon input[type=submit] {
  padding: 16px 35px;
  margin-left: 15px;
}

form.checkout_coupon input[type=text] {
  width: 100%;
}

ul.payment_methods {
  margin-left: 5px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 0;
}

ul.payment_methods li {
  list-style: none;
  margin: 0;
  padding: 13px 0 16px 0;
  border-bottom: 1px solid #eeeeee;
}

ul.payment_methods li label {
  float: left;
  margin-left: 10px;
  color: #1a1c1d;
}

ul.payment_methods li input {
  float: left;
  margin-top: 5px;
}

div.payment_box p {
  color: #1a1c1d;
}

#place_order {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
#place_order:hover {
  color: white;
}
#place_order:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
#place_order:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
#place_order:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

#order_review div.order-review-wrap {
  background: white;
  border: 1px solid #eeeeee;
  padding: 40px;
  margin-top: 15px;
  margin-bottom: 40px;
}

#order_review #payment {
  padding: 20px 0;
  margin-top: 30px;
  margin-bottom: 0px;
}

div.shipping_address p label {
  display: block;
  color: #1a1c1d;
  padding-top: 5px;
}

div.shipping_address p label abbr {
  text-decoration: none;
  color: #1a1c1d;
}

form.checkout div.col-1 p.form-row-last, form.checkout div.col-2 p.form-row-last {
  margin-right: 0;
}

div.order-review-wrapper {
  padding: 30px 0;
  margin-top: 30px;
}

div.shop_cart_wrap {
  padding: 30px 0;
}

#shipping_state_chzn a.chzn-single {
  width: 215px;
}

.woocommerce-account div.col-1.address {
  margin-top: 30px;
}

/* ======== View Order ============== */
div.woocommerce p.order-info {
  background: #f2f2f2;
  padding: 15px;
  text-align: center;
  margin-bottom: 50px;
}

/* Thank You styling ============ */
div.page-wrapper p.woo-success-message {
  background: white;
  color: #1a1c1d;
  padding: 30px 20px;
  text-align: center;
  border: 1px solid #eeeeee;
  border-radius: 0px;
}

div.page-wrapper p.woo-error-message {
  color: #4e7144;
  border: none;
  padding: 30px 20px;
  text-align: center;
  border: 1px solid #4e7144;
  border-radius: 0px;
}

div.payment-method-wrap {
  padding: 30px 0;
  margin-bottom: 30px;
}

div.payment-method-wrap p {
  background: #1a1c1d;
  color: #1a1c1d;
  padding: 15px;
}

div.payment-method-wrap h2 {
  font-size: 24px;
}

ul.order_details {
  margin: 30px 0 60px 0;
  padding: 0;
}

ul.order_details li {
  margin: 0;
  padding: 10px 0;
  list-style: none;
  border-bottom: 1px solid #eeeeee;
}

ul.order_details li span {
  color: #1a1c1d;
}

table.shop_table.customer_details {
  padding: 15px 0;
  display: block;
  font-size: 12px;
  margin-bottom: 60px;
}

dl.customer_details dt {
  margin-bottom: 5px;
  color: #1a1c1d;
}

dl.customer_details dd {
  margin-left: 0;
  margin-bottom: 15px;
}

table.shop_table tbody tr.order_table_item td.product-name {
  padding: 15px 15px 15px 15px;
}

table.shop_table tbody tr.order_table_item td.product-name a {
  color: #1a1c1d;
  font-style: italic;
}

table.shop_table tbody tr.order_table_item td.product-price {
  border-right: 1px solid #eeeeee;
}

table.shop_table tbody tr.order_table_item td.product-price span {
  color: #1a1c1d;
  margin: 0px 0px 0px 20px;
  font-style: italic;
}

div.bank-details-wrap h2 {
  margin-top: 40px;
}

table.shop_table tbody tr.order_table_item td.product-total {
  border-right: 1px solid #eeeeee;
  padding: 15px 15px 15px 0px;
}

table.shop_table tbody tr.order_table_item td.product-total span {
  color: #1a1c1d;
  margin: 0px 0px 0px 20px;
  font-style: italic;
}

tr.order_item {
  border-bottom: 1px solid #eeeeee;
}

table.order_details tfoot tr td {
  color: #1a1c1d;
}

table.shop_table.order_details thead tr th.product-name {
  width: 85%;
}

table.shop_table.order_details thead tr th.product-total {
  text-align: right;
}

table.shop_table.order_details tr td {
  padding: 12px 0px;
}

table.shop_table.order_details tfoot td {
  padding: 12px 15px;
}

table.shop_table.order_details tr td.product-total {
  text-align: right;
}

table.shop_table.order_details tr td a {
  text-decoration: none;
}

table.shop_table tbody tr.order_table_item td.product-quantity {
  border-right: 1px solid #feb95f;
  padding: 15px 15px 15px 15px;
}

div.order-details-total table {
  width: 40%;
  float: right;
}

div.order-details-total table th {
  border: none;
  color: #1a1c1d;
}

div.order-details-total table td {
  text-align: right;
}

div.thank-you-wrap h2 {
  border-bottom: 1px solid #feb95f;
  padding: 10px 5px 15px 0;
}

div.thank-you-wrap p {
  margin: 15px;
  color: #1a1c1d;
}

table.shop_table.shop_table_responsive.customer_details th {
  border: none;
  border-bottom: 2px solid #eeeeee;
}

table.shop_table.shop_table_responsive.customer_details tr {
  border: 1px solid #eeeeee;
}

table.shop_table.shop_table_responsive.customer_details tr td {
  padding: 12px;
}

/**
 * Edit Address Page
 */
.col2-set .title .edit {
  float: right;
  padding: 5px 10px;
  background: #feb95f;
  color: #1a1c1d;
  text-decoration: none;
  border-radius: 0px;
}

.col2-set .title {
  padding: 15px 15px 15px 0;
}

.col2-set address {
  padding: 15px;
  background: #feb95f;
  color: #1a1c1d;
  margin-right: 15px;
}

.col2-set .title h3 {
  margin-bottom: 0;
}

.edit-address-form label, .change-password label {
  float: none;
  display: block;
  margin-bottom: 10px;
}

.edit-address-form input[type=text], .change-password input[type=text] {
  width: 60%;
  float: none;
  clear: both;
  display: block;
  border-radius: 0px;
}

.edit-address-form .form-row, .change-password .form-row {
  margin-bottom: 20px;
}

/**
 * Change Password
 */
.change-password {
  max-width: 50%;
  margin: 40px auto;
}

/**
 * Lost Password
 */
.forgot-password {
  max-width: 50%;
  margin: 40px auto;
}

/**
 * Login
 */
.woocommerce .login {
  max-width: 55%;
  margin: 40px auto;
  border: 2px solid #eeeeee;
  padding: 25px;
}

.woocommerce .login .lost_password {
  float: right;
  text-decoration: none;
  color: #656768;
  margin-top: 6px;
}

.woocommerce .login .inline {
  margin-top: 15px;
}

/*-----  End of Shop Stylings  ------*/
/*========================================
=            Widgets Stylings            =
========================================*/
ul.product_list_widget {
  margin: 25px 0 0 0;
  padding: 0;
}

.sidebar-wrap .product_list_widget li h6 {
  margin-bottom: 0;
}

.sidebar-wrap .product_list_widget li {
  min-height: 45px;
  position: relative;
  background: none;
  margin-bottom: 15px;
  padding-bottom: 25px;
}

.sidebar-wrap .product_list_widget .amount {
  font-size: 13px;
  color: #1a1c1d;
}

.sidebar-wrap .product_list_widget del .amount {
  color: #656768;
}

.sidebar-wrap .product_list_widget a {
  font-size: 11px;
  line-height: 1.4;
  display: block;
  margin-bottom: 2px;
  border-bottom: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.sidebar-wrap .product_list_widget a:hover {
  border-bottom: none;
}

.sidebar-wrap .product_list_widget div.extra-product-data a {
  float: left;
  margin: 5px;
  font-size: 11px;
}

.sidebar-wrap .product_list_widget div.extra-product-data span {
  float: left;
  font-size: 11px;
}

.sidebar-wrap .product_list_widget li:first-child a.product-thumb {
  top: 2px;
}

.sidebar-wrap .product_list_widget.cart_list a.product-thumb {
  width: 45px;
  position: absolute;
  top: 10px;
  left: 0;
  margin-right: 0;
}

.sidebar-wrap .product_list_widget.cart_list li {
  padding-left: 60px;
}

.sidebar-wrap .product_list_widget.cart_list li.empty {
  padding: 15px;
  text-align: center;
}

.sidebar-wrap .product_list_widget img.attachment-shop_thumbnail {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.sidebar-wrap .product_list_widget strong.rating {
  font-weight: 400;
}

.sidebar-wrap .product_list_widget span.amount {
  font-weight: 400;
  font-size: 12px;
}

.sidebar-wrap .widget_shopping_cart_content p.total {
  margin-top: 25px;
  padding: 15px 0;
  margin-bottom: 25px;
  display: block;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.sidebar-wrap .widget_shopping_cart_content p.total strong {
  letter-spacing: 1px;
  text-transform: uppercase;
}

.sidebar-wrap .widget_shopping_cart_content a.view-cart {
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  width: 48%;
  text-align: center;
  padding: 10px 5px;
  font-size: 11px;
}
.sidebar-wrap .widget_shopping_cart_content a.view-cart:hover {
  color: white;
}
.sidebar-wrap .widget_shopping_cart_content a.view-cart:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
.sidebar-wrap .widget_shopping_cart_content a.view-cart:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
.sidebar-wrap .widget_shopping_cart_content a.view-cart:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.sidebar-wrap .widget_shopping_cart_content a.button.checkout {
  color: white;
  background: #1a1c1d;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
  width: 48%;
  padding: 10px 5px;
  margin-left: 2%;
  font-size: 11px;
  text-align: center;
}
.sidebar-wrap .widget_shopping_cart_content a.button.checkout:hover {
  color: #1a1c1d;
  background: #feb95f;
}

.sidebar-wrap.widget_layered_nav ul li {
  padding: 6px 15px;
  margin: 1px;
  border-bottom: none;
  float: left;
}

.footer-wrap .product_list_widget li {
  padding-bottom: 10px;
  margin-bottom: 15px;
  padding-bottom: 25px;
  min-height: 50px;
  position: relative;
  padding-left: 65px;
  background: none;
}

.footer-wrap .product_list_widget .amount {
  font-size: 13px;
  color: #656768;
}

.footer-wrap .product_list_widget del .amount {
  color: #656768;
}

.footer-wrap .product_list_widget a {
  font-size: 15px;
  line-height: 1;
  display: block;
  margin-bottom: 4px;
}

.footer-wrap .product_list_widget img {
  width: 50px;
  position: absolute;
  top: 10px;
  left: 0;
}

/* == Slider behaviour ======================================== */
.price_slider {
  position: relative;
  text-align: left;
  background: #eeeeee;
  margin-left: 5px;
  margin-right: 10px;
}

.price_slider .ui-slider-handle {
  top: -4px;
  margin-left: -8px;
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: #4e7144;
  border-radius: 0px;
}

.price_slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.price_slider-horizontal {
  height: 51px;
}

.price_slider-horizontal .ui-slider-handle {
  top: 8px;
  margin-left: -8px;
}

.price_slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.price_slider-horizontal .ui-slider-range-min {
  left: 0;
}

.price_slider-horizontal .ui-slider-range-max {
  right: 0;
}

.price_slider_wrapper .ui-slider-horizontal {
  height: 6px;
  border-radius: 0px;
}

.price_slider_wrapper .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

div.price_slider {
  margin-bottom: 30px;
}

div.price_slider_amount button {
  float: left;
  color: #1a1c1d;
  background: #feb95f;
  padding: 15px 25px;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  outline: none;
  border: none;
  text-decoration: none;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
div.price_slider_amount button:hover {
  color: white;
}
div.price_slider_amount button:after {
  position: absolute;
  content: ' ';
  opacity: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  transition: 0.3s all ease;
}
div.price_slider_amount button:hover:after {
  height: 100%;
  top: 0;
  opacity: 1;
}
div.price_slider_amount button:hover span {
  position: relative;
  z-index: 2;
  color: #fff;
}

div.price_slider_amount div.price_label {
  float: right;
  padding: 0;
}

div.order-received-wrap {
  background: #1a1c1d;
  padding: 30px;
  margin-bottom: 30px;
}

div.order-received-wrap h2 {
  font-size: 24px;
}

/**
 * Search Widget
 */
div.sidebar-wrap.widget_product_search label {
  display: none;
}

div.sidebar-wrap.widget_product_search #searchsubmit {
  display: none;
}

div.footer-wrap.widget_product_search label {
  display: none;
}

div.footer-wrap.widget_product_search #searchsubmit {
  padding: 13px 12px 12px 12px;
  display: block;
  background: #feb95f;
  position: absolute;
  top: 0;
  right: 0;
}

/*-----  End of Widgets Stylings  ------*/
form.woocommerce-product-search input[type=search] {
  width: 85.5%;
}

form.woocommerce-product-search input[type=submit] {
  display: none;
}

li.payment_method_paypal img {
  display: block;
  position: relative;
}

/*===========================================
=            Shortcodes Stylings            =
===========================================*/
p.woocommerce.product {
  border: none !important;
  background: #feb95f;
  border-radius: 0px;
  text-align: center;
  font-size: 18px;
  color: #1a1c1d;
}

p.woocommerce.product del {
  font-size: 13px;
  opacity: 0.7;
}

p.woocommerce.product a {
  text-decoration: none;
  color: #1a1c1d;
  padding: 7px;
}

/*-----  End of Shortcodes Stylings  ------*/
.select-wrap {
  position: relative;
}

.select-wrap i {
  position: absolute;
  top: 17px;
  font-size: 16px;
  right: 15px;
  font-size: 14px;
  z-index: 10;
}

.dropdownjs {
  position: relative;
}

div.dropdownjs > input[type=text] {
  width: 260px;
  padding-right: 30px;
  text-overflow: ellipsis;
  font-weight: 400;
  letter-spacing: 2px;
}

.dropdownjs > input.focus ~ ul {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.dropdownjs > ul {
  position: absolute;
  padding: 0;
  margin: 0;
  min-width: 260px;
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: 10000;
}

.dropdownjs > ul[placement=top-left] {
  transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  bottom: 0;
  left: 0;
}

.dropdownjs > ul[placement=bottom-left] {
  transform-origin: top left;
  -webkit-transform-origin: top left;
  top: 0;
  left: 0;
}

.dropdownjs > ul > li {
  list-style: none;
  padding: 10px 20px;
}

.dropdownjs > ul > li.dropdownjs-add {
  padding: 0;
}

.dropdownjs > ul > li.dropdownjs-add > input {
  border: 0;
  padding: 10px 20px;
  width: 100%;
}

.dropdownjs > input[readonly] {
  cursor: pointer;
}

select[data-dropdownjs][disabled] + .dropdownjs > input[readonly] {
  cursor: default;
}

.dropdownjs > ul {
  background: white;
  box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #eeeeee;
  transition: transform 0.2s ease-out;
  -webkit-transition: transform 0.2s ease-out;
  padding: 10px;
  overflow: auto;
  max-width: 500px;
}

.dropdownjs > ul > li {
  cursor: pointer;
  word-wrap: break-word;
  color: #feb95f;
}

.dropdownjs > ul > li.selected, .dropdownjs > ul > li:active {
  color: #1a1c1d;
}

.dropdownjs > ul > li:focus {
  box-shadow: none;
}

/* ==========================  23. Third party plugins Stylings ============================ */
/*===============================================
=            Contact Form 7 Stylings            =
===============================================*/
form.wpcf7-form input[type=text] {
  width: 100%;
}

form.wpcf7-form p {
  margin-bottom: 0;
  width: 100%;
  clear: both;
}

form.wpcf7-form p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

form.wpcf7-form p span {
  display: block;
  margin-top: 4px;
}

form.wpcf7-form .wpcf7-text, div.wpcf7 div.text-three-cols input[type=text], form.wpcf7-form .wpcf7-select, form.wpcf7-form .wpcf7-password {
  display: block;
  margin: 0;
}

form.wpcf7-form .wpcf7-textarea {
  overflow: auto;
  display: block;
}

form.wpcf7-form .wpcf7-submit {
  margin-top: 10px;
}

form.wpcf7-form .wpcf7-captchar {
  padding: 14px;
  width: 100px;
  border: none;
  display: block;
  margin: 0;
  box-shadow: none;
}

form.wpcf7-form .wpcf7-captchac {
  margin: 7px 10px 0px 0px;
  float: left;
}

div.wpcf7-response-output {
  padding: 15px !important;
  background: #398f14;
  margin: 0 !important;
  text-align: center;
  color: #1a1c1d;
}

div.wpcf7-validation-errors.wpcf7-response-output {
  background: red !important;
  border-color: red !important;
}

span.wpcf7-not-valid-tip {
  left: auto !important;
  width: auto !important;
  right: 0 !important;
  background: red !important;
  color: #1a1c1d;
  font-size: 11px !important;
  top: 29px !important;
  padding-left: 10px;
}

div.wpcf7 img.ajax-loader {
  display: none;
}

form.wpcf7-form p.input-half, form.wpcf7-form p.input-half-last {
  width: 48%;
  padding: 0;
  margin: 0 0 20px 0;
  float: left;
}

form.wpcf7-form p.input-half-last {
  margin-left: 4%;
  clear: right;
}

/*-----  End of Contact Form 7 Stylings  ------*/
/* ==========================  24. Responsive Stylings ============================ */
/* ----------------------------------------
-            Table of Contents            -
-------------------------------------------

-----  End of Table of Contents  ---------- */
@media only screen and (max-width: 1200px) {
  div.design-type-left div.menu-card div.image-inner-wrap {
    left: 0;
  }

  div.menu-card-info div.two_third {
    width: 50%;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1170px) {
  div.menu-items-grid ul li div.menu-description > div {
    padding: 20px;
  }

  div.menu-items-grid div.menu-item-title .liner {
    margin-bottom: 0;
  }

  div.menu-item-description {
    font-size: 13px;
  }

  .ui-tabs .ui-tabs-nav li a {
    padding: 15px 25px;
  }

  .blog-card-large div.blog-post-description h2 {
    font-size: 20px;
  }

  .blog-card-large div.blog-post-description div.excerpt {
    margin-top: 0;
  }

  .blog-card-large div.blog-post-description p {
    padding: 0;
  }

  .blog-card-large span.liner {
    margin-top: 0;
  }
}
/**
 * IPAD Styling [ Orientation Landscape ] & Big Tablets
 */
@media (min-width: 768px) and (max-width: 1024px) {
  .inner-super-wrapper {
    overflow: visible;
    overflow-x: hidden;
  }

  .menu-scroller .flickity-prev-next-button.previous {
    padding: 30px;
    left: 10px;
  }

  .menu-scroller .flickity-prev-next-button.next {
    padding: 30px;
    right: 10px;
  }

  ul.products li.product {
    margin-top: 30px;
  }

  .thumbnail-inner-wrap ul li {
    max-width: calc(50% - 15px);
  }

  .ui-tabs .ui-tabs-nav li a {
    padding: 10px 12px;
  }

  .quartz div.slider-desc {
    width: 54%;
    left: 50px;
  }

  div.slider-proxy-inner-wrap {
    left: auto;
    right: 0;
  }

  .quartz div.slider-desc .inner-slider-desc {
    padding: 45px;
  }

  .theme-header .menu > li > a {
    margin: 0;
  }

  div.menu-items-grid ul li {
    width: 50%;
  }

  div.menu-item-description {
    font-size: 15px;
  }

  div.menu-items-grid ul li div.menu-description > div {
    padding: 30px;
  }

  .mailchimp-inner-wrap .input-area {
    margin-right: 0;
  }

  .mailchimp-inner-wrap .input-area > div {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }

  .mailchimp-inner-wrap a {
    position: relative;
    margin-top: 15px;
  }

  .sidebar-wrap .fb-widget {
    overflow: hidden;
  }

  .sidebar-wrap .fb-widget, .sidebar-wrap .fb-widget iframe {
    max-width: 100% !important;
    width: 100% !important;
  }

  .page-section {
    background-attachment: scroll !important;
    background-position: center center !important;
  }

  div.title-wrap {
    background-attachment: scroll !important;
  }

  div.vertical-align {
    background: none;
  }

  .blog-card-large div.blog-post-description h2 {
    font-size: 16px;
  }

  .blog-card-large div.blog-post-description p {
    padding: 0;
    font-size: 13px;
  }

  .blog-card-large span.liner {
    margin-top: 0;
  }

  div.rad_blog_card li div.blog-post-description {
    padding: 25px;
  }

  div.blog-post-info {
    display: none;
  }

  /**
   * Menu Related Stylings
   */
  .inner-super-wrapper {
    margin-top: 0 !important;
  }

  .theme-header .menu > li > a {
    padding-left: 14px;
    padding-right: 14px;
  }

  /**
   * Singular Shortcodes
   */
  div.pricing-table div.plan {
    width: 180px;
  }

  .video-bg, .quant_video-bg {
    background-size: cover;
  }

  .video-bg video, .quant_video-bg video, .quant_video-bg object {
    display: none;
  }

  .video-bg img.video-fallback {
    display: block;
  }

  .person-inner-wrap .p-info {
    margin-top: 0;
  }

  /*====================================
  =            Woo Commerce            =
  ====================================*/
  .variations div.select-wrap {
    width: 320px;
  }

  .variations div.select-wrap select {
    width: 343px;
  }

  /*-----  End of Woo Commerce  ------*/
}
/**
 * IPAD Potrait & Smaller Tablets
 */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .ioa-widget-wrap .heading {
    font-size: 16px;
    letter-spacing: 4px;
  }

  div.blog-post-description {
    margin-top: -40px;
    width: 90%;
  }

  .menu-scroller .flickity-prev-next-button.previous {
    padding: 30px;
    left: 10px;
  }

  .menu-scroller .flickity-prev-next-button.next {
    padding: 30px;
    right: 10px;
  }

  .menu-items li h5 span.liner {
    display: none;
  }

  div.single-meta-content {
    width: 150px;
  }

  div.single-post-content {
    margin-top: -100px;
    width: calc(100% - 150px);
  }

  div.single-meta-content-wrap {
    top: 40px;
    width: 150px;
    right: -150px;
  }

  div.title-wrap {
    padding: 150px 0 100px 0 !important;
  }

  div.single-post-content {
    padding: 30px;
  }

  .quartz div.slider-desc {
    width: 60%;
    left: 50px;
  }

  div.slider-proxy-inner-wrap {
    left: auto;
    right: 0;
  }

  .quartz div.slider-desc .inner-slider-desc {
    padding: 35px;
  }

  .styled-subtitle {
    font-size: 42px;
  }

  div.menu-card {
    padding: 30px 0px 30px 30px;
    margin-right: 50px;
  }

  div.menu-card div.image-inner-wrap {
    top: -50px;
    right: -50px;
  }

  div.title-wrap {
    background-attachment: scroll !important;
  }

  /*================================
  =            Top Head            =
  ================================*/
  .theme-header .sidebar-wrap .product_list_widget li a img {
    position: relative;
    display: block;
    margin-bottom: 15px;
  }

  .theme-header .sidebar-wrap .product_list_widget li {
    padding-left: 0;
  }

  .theme-header .menu > li > a {
    padding: 0 12px;
  }

  /*-----  End of Top Head  ------*/
  div.compact-bar {
    display: none !important;
  }

  .super-head-wrap {
    display: none;
  }

  .mobile-header {
    display: block;
  }

  .compact-bar {
    display: none;
  }

  /*================================
  =            Elements            =
  ================================*/
  .inner-super-wrapper {
    margin-top: 0 !important;
  }

  .page-section {
    background-attachment: scroll !important;
    background-position: center center !important;
  }

  .counter-inner-wrap {
    font-size: 1.5rem;
  }

  div.feature-column {
    width: 150px;
  }

  div.featured-plan.plan div.pricing_area h2 {
    font-size: 46px;
  }

  div.pricing-table div.plan {
    width: 139px;
  }

  .video-bg, .quant_video-bg {
    background-size: cover;
  }

  .video-bg video, .quant_video-bg video, .quant_video-bg object {
    display: none;
  }

  .video-bg img.video-fallback {
    display: block;
  }

  .googlemap-inner-wrap > div {
    max-height: 400px !important;
  }

  .full-layout div.blog-list-posts ul li div.desc {
    width: 330px;
  }

  .slider-inner-wrap div.inner-bg-desc h4 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .slider-inner-wrap div.slider-desc div.caption p {
    font-size: 12px;
  }

  /*-----  End of Elements  ------*/
  /*====================================
  =            Woo Commerce            =
  ====================================*/
  .product form button.single_add_to_cart_button {
    margin-left: 10px;
  }

  div.coupon #coupon_code {
    width: 100%;
    margin-bottom: 20px;
  }

  ul.products li.product {
    margin: 0px 13px 25px 13px;
    width: 222px;
  }

  .has-sidebar ul.products li.product {
    width: 240px;
  }

  .has-sidebar ul.products li.product:nth-child(2n+1) {
    clear: left;
  }

  .has-sidebar ul.products li.product:nth-child(2n+2) {
    clear: right;
    margin-right: 0;
  }

  /*-----  End of Woo Commerce  ------*/
  .quartz div.slider-desc.black-bg .inner-bg-desc, .quartz div.slider-desc.white-bg .inner-bg-desc {
    background: none;
    padding: 0;
  }

  .quartz div.slider-desc p {
    margin: 0;
  }

  .slider-inner-wrap div.inner-bg-desc h4 {
    font-size: 32px;
  }

  .related ul.products > li.product {
    width: 150px;
  }

  .head-positon-overlap div.title-wrap .wrap {
    padding-top: 0 !important;
  }
}
/**
 * Mobile Devices General
 */
@media only screen and (max-width: 767px) {
	
.inner-footer-wrapper .skeleton {
    padding: 30px 0 0 0;
}
	
	.mobile-header {
    background-color: #fff !important;
}
	
  div.image-frame-1 img {
    width: 100%;
  }

  .inner-super-wrapper {
    overflow: visible;
    overflow-x: hidden;
  }

  .has-page-builder .page-section.ioa-full {
    padding: 20px;
  }

  .woocommerce-ordering {
    width: 100%;
  }

  div.dropdownjs > input[type=text] {
    width: 100%;
  }

  p.comment-form-url, p.comment-form-author, p.comment-form-email {
    width: 100%;
    padding-bottom: 0;
  }

  .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url] {
    width: 100%;
  }

  .ioa-layer-wrap {
    display: none !important;
    overflow: hidden !important;
  }

  .quartz div.slider-desc h3 {
    font-size: 32px;
    letter-spacing: 2px !important;
  }

  .quartz div.slider-desc h2 {
    font-size: 15px;
  }

  .ioa-text-column .text-title {
    font-size: 18px;
    position: relative;
    bottom: auto;
    top: -10px;
  }

  div.title-wrap h1 {
    position: relative;
    font-size: 24px;
  }

  div.title-wrap span.liner {
    margin-top: 10px;
  }

  .head-positon-overlap div.title-wrap .wrap {
    padding-top: 0 !important;
  }

  .booking-form input[type=submit] {
    width: 100%;
  }

  div.rad_blog_card li div.image-wrap {
    width: 100%;
  }

  div.rad_blog_card ul.posts li div.image img {
    width: 100%;
  }

  div.rad_blog_card li div.blog-post-description {
    width: 100%;
  }

  div.rad_blog_card_small ul.posts li div.image img {
    width: 100%;
  }

  .ioa-text-column .text-subtitle, .styled-subtitle {
    font-size: 32px;
    letter-spacing: 2px;
  }

  div.review-item h3 {
    max-width: 100%;
    margin: 20px 0;
  }

  .intro_title-title-inner-wrap h3 {
    font-size: 32px;
  }

  .intro_title-title-inner-wrap h2 {
    font-size: 16px;
  }

  .single-post .page-content {
    padding-top: 0;
  }

  .single-post div.single-image {
    margin-bottom: 0;
  }

  .sidebar-inner-wrap {
    padding-bottom: 50px;
  }

  div.single-meta-content-wrap {
    display: none;
  }

  div.single-post-content {
    width: 100%;
    margin-top: 0px;
  }

  div.single-post-content {
    padding: 30px;
  }

  .menu-scroller .flickity-prev-next-button.previous {
    padding: 18px;
    left: 10px;
  }

  .menu-scroller .flickity-prev-next-button.next {
    padding: 18px;
    right: 10px;
  }

  div.image-frame-2 {
    top: -5px;
    left: 5px;
    bottom: -5px;
  }

  div.image-frame-1 {
    margin-right: 5px;
  }

  div.menu-items-grid ul li {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
  }

  div.menu-item-description {
    font-size: 15px;
  }

  div.menu-items-grid ul li div.menu-description > div {
    padding: 30px;
  }

  div.menu-items-grid ul li div.menu-description {
    height: auto !important;
  }

  div.page-section-parallax-image img {
    min-height: 100%;
    max-width: none;
    min-width: 100%;
    width: auto;
  }

  div.blog-post-description {
    margin-top: -25px;
    width: 95%;
  }

  div.blog-post-meta-info {
    width: 100px;
  }

  div.blog-post-description-content {
    width: calc(100% - 130px);
  }

  .quartz div.slider-desc {
    width: 55%;
    left: 20px;
  }

  div.slider-proxy-wrap a {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }

  div.slider-proxy-inner-wrap {
    bottom: 7px;
  }

  div.slider-proxy-inner-wrap {
    left: auto;
    right: 0;
  }

  .quartz div.slider-desc .inner-slider-desc {
    padding: 15px;
  }

  .quartz .skeleton {
    width: 100%;
  }

  div.page-section {
    background-attachment: scroll !important;
  }

  div.is-parallex-bg {
    opacity: 1;
    visibility: visible;
  }

  .ui-tabs .ui-tabs-nav li {
    width: 100%;
    float: none;
  }

  a.scroll-to-bottom {
    display: none;
  }

  div.single-social-share {
    margin-top: 10px;
  }

  div.gallery-thumbs div.gallery-item.swiper-slide {
    max-width: 100px;
  }

  div.cart-collaterals {
    margin-top: 50px;
  }

  div.coupon #coupon_code {
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }

  div.coupon {
    margin: 20px 0;
  }

  div.page-wrapper img.alignright, div.page-wrapper img.alignleft {
    margin: 10px 0;
  }

  div.single-product-breadcrumbs {
    display: none;
  }

  .woocommerce-tabs ul.tabs li {
    width: 100%;
    text-align: center;
  }

  #review_form_wrapper #review_form .comment-form p {
    width: 100%;
  }

  .double-sidebar-s {
    display: none;
  }

  .super-head-wrap {
    display: none;
  }

  .mobile-header {
    display: block;
  }

  .compact-bar {
    display: none;
  }

  .full_width .layout_element, .full_width .col {
    margin: 10px 0;
  }

  .full_width .full {
    clear: both;
    width: 100%;
  }

  .full_width .one_half {
    clear: both;
    width: 100%;
  }

  .full_width .one_third {
    clear: both;
    width: 100%;
  }

  .full_width .one_fourth {
    clear: both;
    width: 100%;
  }

  .full_width .one_fifth {
    clear: both;
    width: 100%;
  }

  .full_width .two_third {
    clear: both;
    width: 100%;
  }

  .full_width .three_fourth {
    clear: both;
    width: 100%;
  }

  .full_width .four_fifth {
    clear: both;
    width: 100%;
  }

  .quartz-tip {
    display: none;
  }

  div.ioa-tabbed-layout {
    padding: 20px 0;
  }

  div.ioa-tabbed-layout ul li {
    width: 20%;
  }

  .inner-super-wrapper {
    margin-top: 0 !important;
  }

  .mailchimp-inner-wrap .input-area {
    margin-right: 0;
  }

  .mailchimp-inner-wrap .input-area > div {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }

  .mailchimp-inner-wrap a {
    position: relative;
    margin-top: 15px;
  }

  div.section-bg-parallax {
    display: none;
  }

  div.fancy-title-wrap img {
    width: 100%;
  }

  div.menu-card div.image-inner-wrap,
  div.design-type-left div.menu-card div.image-inner-wrap {
    position: relative;
    top: -40px;
    left: 0;
    width: 100%;
    margin-right: 0;
  }

  div.menu-card {
    padding: 0;
    margin-right: 0;
  }

  div.menu-card-info div.two_third {
    width: 100%;
    padding: 0px 25px 25px 25px;
    margin-top: -20px;
  }

  div.menu-card div.image-inner-wrap img,
  div.design-type-left div.menu-card div.image-inner-wrap img {
    width: 100%;
  }

  .booking-form div {
    width: 100%;
    float: none;
    margin-bottom: 25px;
  }

  .ioa-book-lightbox-trigger {
    display: block;
    width: 100%;
  }

  .booking-form .person-picker select, .booking-form .date-picker input[type=text], .booking-form .time-picker input[type=text] {
    width: 100%;
  }

  .booking-form .person-picker i, .booking-form .time-picker i {
    top: 15px;
    right: 15px;
  }

  .booking-form .date-picker input[type=text] {
    background-position: calc(100% - 15px) 12px;
  }

  .menu-scroller div.ioa-slider-item {
    /*width: 250px;*/
    width: 100%;
  }

  div.booking-form-lightbox {
    left: 15px;
    top: 15px;
    width: auto;
    height: auto;
    bottom: 15px;
    right: 15px;
    margin: 0;
  }
  
  .menu-scroller-item div.page-wrapper img {

    width: 90%;
    }
    
    .footer-cols {
        width: 100% !important;
    }
    
    .design-type-left div.menu-card {
    margin-right: 0;
    margin-left: 0px !important;
    }

  .thumbnail-inner-wrap ul li {
    width: calc(50% - 15px);
  }

  /*=============================================
  =            Mobile Title Stylings            =
  =============================================*/
  div.title-wrap {
    padding: 40px 0 !important;
    background-attachment: scroll !important;
  }

  div.title-wrap .wrap {
    padding: 0 !important;
  }

  #breadcrumbs {
    display: none;
  }

  /**
  *
  * No Animation on Mobile devices
  *
  **/
  .slider-inner-wrap div.inner-bg-desc h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 15px !important;
    letter-spacing: 0;
  }

  div.caption-tail {
    display: none;
  }

  .slider-inner-wrap div.slider-desc div.caption p {
    font-size: 12px;
  }

  .quartz div.slider-item > a.ioa-lightbox-icon {
    display: none;
  }

  a.autoplay-control {
    left: 0;
    right: auto;
  }

  .quartz div.slider-holder {
    min-height: 0;
  }

  .quartz div.slider-item img.fallback {
    display: block;
  }

  .quartz div.slider-desc.black-bg .inner-bg-desc {
    width: 100%;
  }

  .quartz div.slider-desc .skeleton {
    width: 100%;
  }

  div.quartz-controls-wrap > a span {
    display: none;
  }

  /*-----  End of Mobile Title Stylings  ------*/
  /*================================
  =            Elements            =
  ================================*/
  #review_form div.select-wrap {
    width: 50%;
  }

  .woocommerce-tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li:hover a {
    box-shadow: none;
    background: rgba(0, 0, 0, 0.04);
  }

  div.summary {
    margin-bottom: 0;
  }

  .cta-inner-wrap.below .cta-heading h3 {
    max-width: 100%;
    font-size: 42px;
  }

  div.section-has-bgimage.page-section {
    padding: 20px 0 !important;
  }

  .cta-inner-wrap.default .cta-heading {
    padding-right: 0;
  }

  .cta-inner-wrap.default a.cta_button {
    margin-top: 10px;
    position: relative;
    float: left;
  }

  .tabs-align-top .ui-tabs .ui-tabs-nav {
    float: none;
    display: block;
  }

  .logo-area li {
    width: 50%;
    border: none !important;
  }

  .ioa-container-animation {
    opacity: 1;
    position: relative;
  }

  .ioa-section-animation {
    opacity: 1;
    position: relative;
  }

  .ioa-section-container-animation div.rad-container {
    opacity: 1;
    position: relative;
  }

  .video-bg, .quant_video-bg {
    background-size: cover;
  }

  .video-bg video, .quant_video-bg video, .quant_video-bg object {
    display: none;
  }

  .full .person-inner-wrap div.desc-area h4, .person-inner-wrap div.desc-area h4 {
    font-size: 28px;
  }

  div.feature-column {
    width: auto;
    float: none;
  }

  div.pricing-table div.plan {
    width: auto;
    float: none;
  }

  div.pricing-table {
    display: block;
  }

  div.pricing-table div.plan.one_third, div.pricing-table div.plan.one_fourth, div.pricing-table div.plan.one_fifth, div.pricing-table div.plan.one_half {
    width: auto;
    float: none;
    margin-bottom: 25px;
  }

  .rad-search-widget .input-area {
    margin-right: 0;
  }

  .rad-search-widget input[type=submit] {
    position: relative;
    margin-top: 20px;
    float: left;
  }

  /*-----  End of Elements  ------*/
  /*===================================
  =            Woocommerce            =
  ===================================*/
  .shop-controls {
    text-align: center;
  }

  .shop-controls p.woocommerce-result-count {
    float: none;
  }

  .woocommerce-ordering {
    float: none;
    margin-top: 20px;
    display: inline-block;
  }

  .product .featured-media-wrap {
    width: 100%;
    float: none;
  }

  .variations div.select-wrap {
    width: 90%;
  }

  .variations div.select-wrap select {
    width: 100%;
  }

  ul.products li.product, .has-sidebar ul.products li.product {
    width: 48%;
    margin-left: 1%;
    margin-bottom: 20px;
    margin-right: 1%;
    clear: none;
  }

  ul.products li.product:nth-child(2n+1) {
    clear: left;
  }

  .shop-controls .woocommerce-result-count {
    float: none;
  }

  .related ul.products > li.product {
    width: 48%;
    margin: 0 1%;
  }

  .product .images {
    float: none;
    width: auto;
    margin-right: 0;
  }

  .summary.page-content {
    width: auto;
    margin-top: 20px;
    float: none;
  }

  .product form button.single_add_to_cart_button {
    margin-left: 10px;
  }

  table.shop_table thead tr th.product-thumbnail,
  table.shop_table thead tr th.product-name,
  table.shop_table thead tr th.product-quantity,
  table.shop_table thead tr th.product-remove {
    width: auto;
  }

  table.shop_table tbody tr.cart_table_item td.product-quantity div.quantity input.input-text {
    width: 30px;
  }

  table.shop_table tr td {
    padding: 10px;
  }

  table.shop_table thead tr th {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 11px;
    letter-spacing: 0px;
  }

  table.shop_table tbody tr td.actions div.coupon #coupon_code {
    width: 20%;
  }

  section.shipping-calculator-form button {
    margin-top: 15px;
  }

  table.shop_table tbody tr.cart_table_item td.product-quantity div.quantity input[type=button] {
    display: none;
  }

  div.cart_totals {
    float: none;
  }

  table.shop_table tbody tr.cart_table_item td.product-thumbnail a img {
    width: 30px;
  }

  table.shop_table tbody tr.cart_table_item td.product-subtotal span, table.shop_table tbody tr.cart_table_item td.product-price span, table.shop_table tbody tr.cart_table_item td.product-quantity div, table.shop_table tbody tr.cart_table_item td.product-name a {
    margin-left: 0px;
  }

  table.shop_table tbody tr td.actions div.coupon {
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }

  table.shop_table tbody tr.cart_table_item td.product-quantity div.quantity input.input-text {
    margin: 0;
  }

  table.shop_table tbody tr.cart_table_item:first-child td.product-thumbnail a {
    margin-left: 0;
  }

  table.shop_table tbody tr.cart_table_item td.product-remove {
    padding: 0;
  }

  form.checkout div.col-2, form.checkout div.col-1 {
    width: 100%;
    float: none;
    border: none;
    padding: 0;
  }

  form.checkout div.col-2 {
    margin-top: 20px;
  }

  #order_review #payment {
    margin-bottom: 20px;
    padding: 15px 0;
  }

  ul.payment_methods {
    margin-left: 0;
    padding-left: 0;
  }

  .col2-set > div {
    float: none;
    width: auto;
  }

  div.masonry-block ul.blog_posts {
    padding: 0 10px;
  }

  ul.products {
    text-align: center;
  }

  ul.products li div.image, .rating-bar {
    display: inline-block;
  }

  .rating-bar {
    display: none;
  }

  .woocommerce-tabs ul.tabs {
    position: relative;
    margin-bottom: 20px;
    display: block;
    width: auto;
  }

  .woocommerce-tabs ul.tabs li {
    float: left;
    border: none;
  }

  .woocommerce-tabs .panel {
    margin-left: 0;
  }

  form.checkout_coupon p {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }

  form.checkout_coupon input[type=submit] {
    margin-left: 0;
    width: 100%;
  }

  .woo-single-product .woocommerce-message {
    padding: 20px;
  }

  /*-----  End of Woocommerce  ------*/
  /**
   * Footer Stylings
   */
  div.mobile_footer_widget .footer-cols, div.mobile_footer_widget {
    display: block;
  }

  .footer-cols {
   /* display: none; */
	  margin-bottom: 30px !important;
  }

  #footer-menu {
    text-align: center;
  }

  #footer-menu p.footer-text, #footer-menu .menu {
    float: none;
    text-align: center;
    display: inline-block;
  }

  .quartz div.slider-desc h3 {
    font-size: 24px;
    letter-spacing: 2px !important;
  }

  .quartz div.slider-desc h2 {
    font-size: 15px;
  }
}
/**
 * Mobile Landscape
 */
/**
 * Mobile Portrait
 */
@media only screen and (max-width: 479px) {
  .menu-items li h5 span.liner {
    display: none;
  }

  .mutual-content-wrap p.link-p a.hover-link {
    padding: 6px 10px;
    font-size: 10px;
  }

  div.slider-proxy-inner-wrap {
    bottom: 0;
  }

  .review-items-wrap .flickity-prev-next-button {
    display: none;
  }

  div.rad-container div.rad-inner-container {
    padding-right: 0 !important;
  }

  .ioa-text-column .ioa-more-button {
    padding: 6px 15px;
    margin: 15px 0;
  }

  .design-type-left div.menu-card {
    padding: 0;
  }

  form.wpcf7-form p.input-half, form.wpcf7-form p.input-half-last {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
  }

  div.rad-container div.rad-inner-container {
    height: auto !important;
  }

  div.supper-title-wrapper h1.custom-title, h1.custom-title {
    width: 100%;
    max-width: 100%;
    font-size: 24px;
    letter-spacing: 4px;
  }

  div.gallery-thumbs div.gallery-item.swiper-slide {
    display: none;
  }

  #payment div.payment_box p {
    margin: 15px 0px 5px 0px;
  }

  form.checkout p.form-row {
    width: 100%;
    margin-right: 0;
  }

  .thumbnail-inner-wrap ul li {
    width: 100%;
    margin: 15px 0;
  }

  div.blog-post-description h2 {
    font-size: 24px;
  }

  div.blog-post-description {
    margin-top: 0;
    width: 100%;
  }

  div.blog-post-meta-info {
    display: none;
  }

  div.blog-post-description-content {
    width: 100%;
    padding-right: 0;
  }

  /*=============================================
  =            Mobile Title Stylings            =
  =============================================*/
  .logo-area li {
    width: 100%;
  }

  div.ioa-tabbed-layout ul li span {
    display: none;
  }

  div.title-wrap {
    padding: 20px 0 !important;
  }

  .title_divider {
    margin-bottom: 0;
  }

  #breadcrumbs {
    display: none;
  }

  div.quartz-controls-wrap {
    top: auto;
    bottom: 0;
  }

  div.quartz-controls-wrap > a {
    padding: 22px 10px;
  }

  /*-----  End of Mobile Title Stylings  ------*/
  /*==============================
  =            Single            =
  ==============================*/
  div.post-navigation {
    display: none;
  }

  #comments {
    padding-top: 0;
  }

  /*-----  End of Single  ------*/
  /*====================================
  =            Woo Commerce            =
  ====================================*/
  table.shop_table tbody tr.cart_item td.product-quantity div.quantity input[type=button] {
    display: none;
  }

  ul.products li.product, .related ul.products > li.product, .has-sidebar ul.products li.product {
    width: 100%;
    margin: 0 0 15px 0;
    float: none;
  }

  .shop-controls p.woocommerce-result-count {
    float: none;
    margin-bottom: 10px;
  }

  .woocommerce-ordering {
    float: none;
  }

  .woocommerce-ordering div.select-wrap {
    width: 100%;
  }

  /*-----  End of Woo Commerce  ------*/
}
/**
 * Smallest View
 */
@media only screen and (max-width: 400px) {
  .quartz div.slider-desc div.caption {
    display: none;
  }

  .quartz div.slider-desc h3 {
    font-size: 24px;
    letter-spacing: 2px !important;
  }

  .quartz div.slider-desc h2 {
    font-size: 13px;
  }

  .styled-title {
    font-size: 18px;
  }

  .mutual-content-wrap p.link-p {
    padding: 0px 0px 5px 0px;
  }

  .mutual-content-wrap p.link-p a.hover-link {
    font-size: 11px;
  }

  table.shop_table.cart tbody tr.cart_item td.product-name a.product-thumb {
    display: none;
  }

  .googlemap-inner-wrap > div {
    max-height: 200px !important;
  }

  div.testimonial-bubble-content {
    margin-left: 0;
  }

  div.testimonial-bubble div.image {
    margin-top: 15px;
    position: relative;
  }

  table.shop_table.cart tbody tr.cart_item td.product-name a.product-thumb {
    display: none;
  }

  table.shop_table.cart div.product-metadata {
    width: 100%;
  }

  .product .quantity {
    float: none;
    margin-left: 0;
  }

  .single-product .quantity .ui-spinner {
    display: block;
  }

  .product .quantity input.input-text {
    width: 100%;
  }

  .product form button.single_add_to_cart_button {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }

  .single-product .product .quantity {
    margin-right: 0;
  }

  .woocommerce-tabs .panel {
    margin-top: 20px;
  }

  .woocommerce .login {
    max-width: 100%;
    margin: 20px auto;
  }

  div.related-posts-wrap ul li {
    width: 100%;
    margin: 0px 0px 20px 0px;
  }

  .comment-form input[type=submit] {
    width: 100%;
  }

  .woocommerce .login .inline {
    clear: both;
    display: block;
  }
}
/*=====  End of Theme  ======*/