@charset "UTF-8";
/*

	MAIN STYLESHEET
	-------------------------

	1. Misc
		custom fonts
		loader
		dashincons
		animate.css
		animation
		cursor
	2. Base
	3. Section skins
	4. Buttons
	5. Header
	6. Menus
		navigation
		main menu
		mega menu
		mobile menu
		sticky menu
		menu logo centered
		menu skin
	7. Blog
		entry meta
		entry content
		entry grid layout
		entry full width layout
		entry sidebar layout
		entry columns layout
		entry preview layout
		entry slider layout
		entry masonry layout
		entry single
	8. Search
	9. Author
	10. Post navigation
	11. Pagination
	12. Mobile style
	13. Share buttons
	14. Comments
	15. Sliders
	16. Gallery
	17. Widgets
	18. Archives
	19. Footer
	20. Form
	21. Attachment page
	22. 404
	23. Flexslider
	24. Owlcarousel
	25. Fancybox
	26. Swipebox
	27. Shortcodes
	28. Revslider
	29. Visual composer
	30. Woocommerce
	31. Mailchimp
	32. Contact from 7
	33. Wolf plugins
		common
		hover effect
		wolf videos
		wolf albums
		wolf twitter
	34. Media queries

*/
/*------------------------------------------------------------------
	1. Misc
*/
@font-face {
  font-family: 'CuteTattoo';
  src: url("fonts/cutetat-webfont.eot");
  src: url("fonts/cutetat-webfont.eot#iefix") format("embedded-opentype"), url("fonts/cutetat-webfont.woff") format("woff2"), url("fonts/cutetat-webfont.woff") format("woff"), url("fonts/cutetat-webfont.ttf") format("truetype"), url("fonts/cutetat-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TattooShop';
  src: url("fonts/tattoo_shop-webfont.eot");
  src: url("fonts/tattoo_shop-webfont.eot#iefix") format("embedded-opentype"), url("fonts/tattoo_shop-webfont.woff") format("woff2"), url("fonts/tattoo_shop-webfont.woff") format("woff"), url("fonts/tattoo_shop-webfont.ttf") format("truetype"), url("fonts/tattoo_shop-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TattooInk';
  src: url("fonts/tatti___-webfont.eot");
  src: url("fonts/tatti___-webfont.eot#iefix") format("embedded-opentype"), url("fonts/tatti___-webfont.woff") format("woff2"), url("fonts/tatti___-webfont.woff") format("woff"), url("fonts/tatti___-webfont.ttf") format("truetype"), url("fonts/tatti___-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Loader overlay
---------------------------*/
#loading-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 99997;
  display: table;
}
#loading-overlay #loader {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
#loading-overlay #loading-logo {
  margin-top: 2rem;
}

/* 
No overlay for mobile (issue with jquery fadein on IOS) 
*/
.is-mobile #loading-overlay,
.no-page-transition #loading-overlay,
.is-customizer #loading-overlay {
  display: none !important;
  visibility: hidden;
}

/* Loaders
---------------------------*/
/* Loader1 */
.loader1 {
  width: 30px;
  height: 30px;
  background-color: #333;
  margin: 0 auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }

  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/* Loader 2 */
.loader2 {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}

.loader2-double-bounce1,
.loader2-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2.0s infinite ease-in-out;
  animation: loader-bounce 2.0s infinite ease-in-out;
}

.loader2-double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes loader-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes loader-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* Loader 3 */
.loader3 {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.loader3 > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}

.loader3 .loader3-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.loader3 .loader3-rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.loader3 .loader3-rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.loader3 .loader3-rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes loader-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes loader-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

/* Loader 4 */
.loader4 {
  margin: 0 auto;
  width: 32px;
  height: 32px;
  position: relative;
}

.loader4-cube1,
.loader4-cube2 {
  background-color: #333;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}

.loader4-cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes loader-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }

  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }

  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }

  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes loader-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }

  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }

  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }

  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }

  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

/* Loader 5 */
.loader5 {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1.0s infinite ease-in-out;
  animation: loader-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes loader-scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes loader-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

/* Loader 6 */
.loader6 {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2.0s infinite linear;
  animation: loader-rotate 2.0s infinite linear;
}

.loader6-dot1, .loader6-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: loader6-bounce 2.0s infinite ease-in-out;
  animation: loader6-bounce 2.0s infinite ease-in-out;
}

.loader6-dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes loader-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes loader6-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes loader6-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* Loader 7 */
.loader7 {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
}

.loader7 > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out;
  animation: loader-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.loader7 .loader7-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader7 .loader7-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes loader-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes loader-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* Loader 8 */
.loader8 {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  position: relative;
}

.loader8-container1 > div, .loader8-container2 > div, .loader8-container3 > div {
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: loader8-bouncedelay 1.2s infinite ease-in-out;
  animation: loader8-bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.loader8 .loader8-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.loader8-container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.loader8-container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.loader8-circle1 {
  top: 0;
  left: 0;
}

.loader8-circle2 {
  top: 0;
  right: 0;
}

.loader8-circle3 {
  right: 0;
  bottom: 0;
}

.loader8-circle4 {
  left: 0;
  bottom: 0;
}

.loader8-container2 .loader8-circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.loader8-container3 .loader8-circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.loader8-container1 .loader8-circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.loader8-container2 .loader8-circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.loader8-container3 .loader8-circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.loader8-container1 .loader8-circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.loader8-container2 .loader8-circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.loader8-container3 .loader8-circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.loader8-container1 .loader8-circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.loader8-container2 .loader8-circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.loader8-container3 .loader8-circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes loader8-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes loader8-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.zoom {
  position: relative !important;
  width: auto;
  max-width: 100%;
}
.zoom img {
  vertical-align: bottom;
  margin-bottom: 0 !important;
}
.zoom:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  content: "\f211";
  font-family: 'dashicons';
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 25px;
  height: 25px;
  color: #fff;
  font-size: 18px !important;
  z-index: 3;
  opacity: 0.5;
}

.format-link .entry-title:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f103";
  margin-right: 10px;
  position: relative;
  top: 2px;
  font-size: inherit;
  font-size: 0.8em !important;
  display: inline-block;
  font-family: 'dashicons';
}

.full-size-link a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f211";
  margin-right: 5px;
  font-family: 'dashicons';
  position: relative;
  top: 2px;
}

.comment-awaiting-moderation:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f463";
  font-family: 'dashicons';
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.featured-post:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f109";
  font-family: 'dashicons';
  margin-right: 5px;
  top: 2px;
  position: relative;
}

.entry-meta .date a:before,
.entry-meta .published.date:before,
.rss-date:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f469";
  margin-right: 3px;
  top: 2px;
  position: relative;
}

.permalink a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f103";
  margin-right: 5px;
  top: 2px;
  position: relative;
}

.comments-link a:before, .comment-count a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f101";
  margin-right: 5px;
  top: 3px;
  position: relative;
}

.entry-meta .author a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f110";
  margin-right: 5px;
  top: 3px;
  position: relative;
}

/*.work-link {

	&:before{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: 'dashicons';
		content: "\f242";
		margin-right: 5px;
		top: 3px;
		position: relative;
	}

}*/
.bypostauthor .fn:before {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f155";
  margin-right: 0.8rem;
  top: 3px;
  position: relative;
}

.categories-links a:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f318";
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.tags-links a:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f323";
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.edit-link a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f464";
  top: 3px;
  margin-right: 5px;
  position: relative;
}

.format-quote blockquote:before {
  text-align: center;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-family: 'dashicons';
  content: "\f122";
  margin-right: 5px;
  position: relative;
  font-size: 1.2em !important;
  top: -2px;
  opacity: 0.8;
}

.format-aside .entry-meta .date a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f123";
}

.format-video .entry-content:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f126";
  display: block;
  margin-bottom: 0.8em;
  display: none;
  font-size: 32px !important;
  text-align: center;
}

.format-gallery .entry-content:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f161";
  display: block;
  margin-bottom: 0.8em;
  display: none;
  font-size: 32px !important;
  text-align: center;
}

.format-image .entry-thumbnail:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f128";
  display: block;
  margin-bottom: 0.8em;
  display: none;
  font-size: 32px !important;
  text-align: center;
}

.format-audio .entry-content:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f127";
  font-family: 'dashicons';
  float: left;
  font-size: 64px !important;
  display: none;
}

.format-chat .entry-meta .date a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f125";
  margin-right: 5px;
}

.icon-status:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f130";
  margin-right: 5px;
  position: relative;
}

.icon-status:before,
.format-status .entry-meta .date a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f130";
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 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;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-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 {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-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;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

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

@keyframes flash {
  0%, 50%, 100% {
    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 {
  0% {
    -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);
  }

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

@keyframes pulse {
  0% {
    -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);
  }

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

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

@-webkit-keyframes rubberBand {
  0% {
    -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);
  }

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

@keyframes rubberBand {
  0% {
    -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);
  }

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

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

@-webkit-keyframes shake {
  0%, 100% {
    -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 {
  0%, 100% {
    -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);
  }

  100% {
    -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);
  }

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

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

@-webkit-keyframes tada {
  0% {
    -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);
  }

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

@keyframes tada {
  0% {
    -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);
  }

  100% {
    -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 {
  0% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }

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

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }

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

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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, -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);
  }

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

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-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, -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);
  }

  100% {
    -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);
  }

  100% {
    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);
  }

  100% {
    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-animation-duration: .75s;
  animation-duration: .75s;
}

@-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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

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

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

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

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes flip {
  0% {
    -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;
  }

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

@keyframes flip {
  0% {
    -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;
  }

  100% {
    -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 {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

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

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

  100% {
    -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 {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

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

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

  100% {
    -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 {
  0% {
    -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;
  }

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

@keyframes flipOutX {
  0% {
    -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;
  }

  100% {
    -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-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -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;
  }

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

@keyframes flipOutY {
  0% {
    -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;
  }

  100% {
    -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-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -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;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -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;
  }

  100% {
    -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 {
  0% {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

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

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

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

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

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

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

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

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

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

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

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

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

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

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

  100% {
    -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 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

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

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

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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;
  }

  100% {
    -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;
  }

  100% {
    -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 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    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 {
  0% {
    opacity: 1;
  }

  100% {
    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 {
  0% {
    opacity: 1;
  }

  100% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    opacity: 1;
  }

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

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

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

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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 {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

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

.bg {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.do-zoom.bg {
  opacity: 1;
  -webkit-animation: zoomin 120s infinite linear 1s;
  animation: zoomin 120s infinite linear 1s;
}

.bg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.bg img {
  width: 100%;
  height: auto;
}

@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.grab, .last-posts-carousel .entry-thumbnail img, .videos-carousel, .clients-carousel a {
  cursor: url(../images/grab.gif) 8 8, hand;
}

/*------------------------------------------------------------------
	2. Base
*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-weight: 400;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: gray;
  background: #f6f6f6;
  min-height: 450px;
}

a {
  text-decoration: none;
  color: #c74735;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #c74735;
}

h1, h2, h3, h4, h5, .wolf-slide-title {
  font-weight: 700;
}

h6 {
  font-weight: 400;
}

h1, h2 {
  font-size: 3rem;
  line-height: 1.1em;
}

h3 {
  font-size: 2.8rem;
}

h4 {
  font-size: 2.3rem;
}

h5 {
  font-size: 2.5rem;
}

h6 {
  font-size: 2rem;
}

.caption {
  opacity: 1 !important;
}

hr {
  height: 2px;
  margin-left: auto;
  margin-right: auto;
}

blockquote {
  font-style: normal;
}
blockquote p {
  font-style: normal;
}

::-moz-selection {
  background: #c74735;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #c74735;
  color: #fff;
  text-shadow: none;
}

p:empty {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Containers
---------------------------------------*/
.site-container {
  position: relative;
  z-index: 0;
}

#page {
  position: relative;
  padding-top: 100px;
}

#ceiling {
  position: relative;
  height: 0;
  width: 100%;
  overflow: visible;
}

.menu-center #page {
  padding-top: 200px;
}

.has-header-image.menu-transparent #page, .has-header-image.menu-semi-transparent #page,
.is-home-header.menu-transparent #page,
.is-home-header.menu-semi-transparent #page {
  padding-top: 0;
}
.has-header-image.menu-transparent.menu-center .page-header-container, .has-header-image.menu-semi-transparent.menu-center .page-header-container,
.is-home-header.menu-transparent.menu-center .page-header-container,
.is-home-header.menu-semi-transparent.menu-center .page-header-container {
  padding-top: 60px;
}

.no-title-area.menu-default:not(.is-home-header) #page {
  padding-top: 100px;
}

.wolf .breakpoint.no-title-area.menu-default #page {
  padding-top: 50px !important;
}

.menu-modern #page {
  padding-top: 0 !important;
}

#page-content {
  position: relative;
  z-index: 15;
}

#main {
  padding-top: 50px;
  position: relative;
  z-index: 10;
}

.is-vc-page:not(.boxed-layout) {
  background: #282b2d;
}

.is-vc-page #page-content {
  background: none;
}
.is-vc-page #main {
  background: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#primary,
#main,
.inner {
  margin: 0 auto;
}

.blog-sidebar .site-wrapper,
.search .site-wrapper,
.post-archives .site-wrapper,
.page-full-width .site-wrapper,
.page-sidebar-right .site-wrapper,
.page-sidebar-left .site-wrapper,
.post-has-sidebar .site-wrapper {
  width: 92%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.blog-sidebar #main,
.search #main,
.post-archives #main,
.page-full-width #main,
.page-sidebar-right #main,
.page-sidebar-left #main,
.post-has-sidebar #main {
  padding-top: 50px;
  padding-bottom: 50px;
}

.blog-grid .site-wrapper,
.page-template-template-instagram-php .site-wrapper,
.page-template-template-dribbble-php .site-wrapper {
  width: 100%;
  padding: 0;
}
.blog-grid #primary,
.page-template-template-instagram-php #primary,
.page-template-template-dribbble-php #primary {
  max-width: none;
}
.blog-grid #main,
.page-template-template-instagram-php #main,
.page-template-template-dribbble-php #main {
  padding-top: 0;
}

.page-sidebar-right #secondary .wrap,
.page-sidebar-left #secondary .wrap {
  width: 100%;
}

.menu-left.blog-masonry.blog-wide #main {
  padding-top: 5px;
}

/* Mobile Breakpoint
---------------------------------------*/
.breakpoint #page {
  padding-top: 50px !important;
}
.breakpoint.hide-sidebar-phone #secondary,
.breakpoint.hide-sidebar-phone #secondary-woocommerce {
  display: none !important;
}
.breakpoint #logo-sticky {
  display: none !important;
}

/* Video Background
---------------------------------------*/
.video-bg-container {
  display: block;
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.video-bg-container embed, .video-bg-container iframe, .video-bg-container object, .video-bg-container video {
  max-width: none;
}

.video-bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

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

.video-bg-fallback {
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
}

.video-bg-container {
  background: #0d0d0d;
}

.youtube-player {
  opacity: 0;
  -webkit-transition: opacity ease 2s;
  transition: opacity ease 2s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.youtube-player.youtube-player-is-loaded {
  opacity: 1;
}

.says,
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  /* many screen reader and browser combinations announce broken words as they would appear visually */
  word-wrap: normal !important;
}

/*------------------------------------------------------------------
	3. Skins
*/
h1, h2, h3, h4, h5, h6 {
  color: #333;
}

hr {
  background: rgba(0, 0, 0, 0.1);
}

strong {
  color: #333;
}

#main {
  background: #f6f6f6;
}

.content-dark-font {
  background: #f6f6f6;
  color: gray;
}
.content-dark-font h1, .content-dark-font h2, .content-dark-font h3, .content-dark-font h4, .content-dark-font h5 {
  color: #333;
}
.content-dark-font h1 a, .content-dark-font h2 a, .content-dark-font h3 a, .content-dark-font h4 a, .content-dark-font h5 a {
  color: #333;
}
.content-dark-font h6 {
  color: gray;
}
.content-dark-font h6 a {
  color: #333;
}
.content-dark-font .icon-link {
  color: gray;
}

.content-light-font {
  background: #282b2d;
  color: #f7f7f7;
}
.content-light-font h1 a:hover, .content-light-font h2 a:hover, .content-light-font h3 a:hover, .content-light-font h4 a:hover, .content-light-font h5 a:hover, .content-light-font h6 a:hover {
  color: #c74735;
}
.content-light-font h1, .content-light-font h2, .content-light-font h3, .content-light-font h4, .content-light-font h5 {
  color: #fff;
}
.content-light-font h1 a, .content-light-font h2 a, .content-light-font h3 a, .content-light-font h4 a, .content-light-font h5 a {
  color: #fff;
}
.content-light-font h6 {
  color: #f7f7f7;
}
.content-light-font h6 a {
  color: #fff;
}
.content-light-font .icon-link {
  color: #f7f7f7;
}
.content-light-font .icon-box.icon-type-circle .wolf-icon-no-custom-style.hover-none,
.content-light-font .icon-box.icon-type-square .wolf-icon-no-custom-style.hover-none {
  border-color: white !important;
}
.content-light-font .icon-box.icon-type-circle .wolf-icon-no-custom-style.hover-fill-in,
.content-light-font .icon-box.icon-type-square .wolf-icon-no-custom-style.hover-fill-in {
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
}
.content-light-font .services-table,
.content-light-font .last-posts-slider .slide-inner,
.content-light-font .entry-frame,
.content-light-font .video-inner, .content-light-font .video .comments-area,
.content-light-font ul.cart_list li,
.content-light-font ul.product_list_widget li {
  background: #262626;
}
.content-light-font .video-tabs-menu li.current a {
  -webkit-box-shadow: 0px 3px 0px 0px #fff;
  box-shadow: 0px 3px 0px 0px #fff;
}
.content-light-font blockquote,
.content-light-font .comment-meta .fn, .content-light-font .comment-meta .fn a {
  color: #FFF;
}
.content-light-font .wolf-social {
  color: #f7f7f7;
}
.content-light-font .counter,
.content-light-font .counter-text {
  color: #FFF;
}
.content-light-font .widget a {
  color: #f7f7f7;
}
.content-light-font hr {
  background: rgba(255, 255, 255, 0.2);
}
.content-light-font strong {
  color: #fff;
}
.content-light-font ul.process-list:before {
  background: #FFF;
}
.content-light-font ul.process-list li .fa-stack {
  color: white !important;
}
.content-light-font .vc_progress_bar .vc_single_bar {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.content-light-font .wpb_toggle, .content-light-font #content h4.wpb_toggle {
  background-image: url(../images/vc/plus.png) !important;
}
.content-light-font .wpb_toggle.wpb_toggle_title_active, .content-light-font #content h4.wpb_toggle.wpb_toggle_title_active {
  background-image: url(../images/vc/minus.png) !important;
}
.content-light-font .wpb_tabs_nav a {
  color: #fff;
}
.content-light-font .wpb_content_element .wpb_tabs_nav li:hover {
  background-color: white;
}
.content-light-font .wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
  background-color: #333333 !important;
}
.content-light-font .wpb_tab {
  background: #333333 !important;
}
.content-light-font .wpb_accordion_header,
.content-light-font .wpb_accordion_content {
  background: #333333 !important;
  color: #FFF;
}
.content-light-font .wpb_accordion_header a:hover {
  color: #FFF;
}
.content-light-font .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.content-light-font .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
  background-image: url(../images/vc/plus.png) !important;
}
.content-light-font .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
  background-image: url(../images/vc/minus.png) !important;
}
.content-light-font .video .comments-link {
  color: #f7f7f7;
}
.content-light-font .share-link-video,
.content-light-font .video-tabs-menu li a,
.content-light-font .video-sidebar-container .video-title a,
.content-light-font .video-category .video-author-name a,
.content-light-font .single-video .video-author-meta .video-author-name a,
.content-light-font .video-author-name a {
  color: #fff;
}
.content-light-font .video-read-more,
.content-light-font .video-read-less {
  color: #fff;
  border-color: #333;
}
.content-light-font .video-category-separtor {
  border-color: #333;
}
.content-light-font .videos-carousel .owl-dots .owl-dot,
.content-light-font .testimonials-slider .owl-dots .owl-dot {
  background: white !important;
}
.content-light-font .videos-carousel .owl-dots .owl-dot.active,
.content-light-font .testimonials-slider .owl-dots .owl-dot.active {
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff;
}
.content-light-font .videos-carousel .owl-next,
.content-light-font .testimonials-slider .owl-next {
  background-image: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next.png");
}
.content-light-font .videos-carousel .owl-prev,
.content-light-font .testimonials-slider .owl-prev {
  background-image: url("../images/slider/big-slider-prev.png");
}
.content-light-font .countdown {
  color: white !important;
}
.content-light-font .wolf-bigtweet-content:after {
  background: rgba(255, 255, 255, 0.2);
}
.content-light-font .wolf-tweet-separator {
  color: rgba(255, 255, 255, 0.2);
}
.content-light-font .counter-icon-container {
  color: #FFF;
}

/*------------------------------------------------------------------
	4. Buttons
*/
.add_to_cart_button,
.product_type_simple,
.button {
  outline: none;
  -webkit-transition: background-color .1s ease;
  transition: background-color .1s ease;
  line-height: 2.5;
  margin: 10px 5px;
  padding: 0 19px;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #c74735;
  border: 3px solid #c74735;
  border-radius: 3px;
  color: #f7f7f7;
}
.add_to_cart_button:hover,
.product_type_simple:hover,
.button:hover {
  background: none;
  color: #c74735;
}
.add_to_cart_button:hover,
.product_type_simple:hover,
.button:hover {
  color: gray !important;
  border-color: gray !important;
  background: none !important;
}

.button {
  display: inline-block;
}

input[type='submit'],
input[type='reset'] {
  outline: none;
  -webkit-transition: background-color .1s ease;
  transition: background-color .1s ease;
  line-height: 2.5;
  margin: 10px 5px;
  padding: 0 19px;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #c74735;
  border: 3px solid #c74735;
  border-radius: 3px;
  color: #f7f7f7;
  /*	&:active, &:hover, &:focus{
  		box-shadow:  0 0 transparent;
  		color:white!important;
  		background-color:$accent!important;
  		border-color : $accent!important;
  	}*/
}
input[type='submit']:hover,
input[type='reset']:hover {
  background: none;
  color: #c74735;
}

/*.content-light-font{
	input[type='submit']{
		color:#fff;
		border-color :#fff;
	}
}*/
/*------------------------------------------------------------------
	5. Header
*/
/* Header
-----------------------------------------------*/
.no-menu #navbar-container,
.no-menu #mobile-bar,
.no-menu #side-menu-toggle,
.no-menu #top-bar {
  display: none !important;
  visibility: hidden !important;
}

#wpadminbar {
  z-index: 9998;
}

.site-header {
  z-index: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}

#top-bar {
  background: #000000;
  color: #FFF;
  min-height: 40px;
  line-height: 40px;
  position: relative;
  z-index: 20;
  font-size: 11px;
}
#top-bar p {
  margin-top: 0;
  margin-bottom: 0;
}

.infos-container {
  float: left;
}

#top-bar .theme-socials-container {
  display: block;
  float: right;
  padding: 0;
  margin: 0 8px;
}
#top-bar .theme-socials-container .wolf-social {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0;
  color: #f1f1f1;
}

.wolf-flags-container {
  float: right;
  position: relative;
  top: 2px;
}
.wolf-flags-container img {
  margin: 0 3px;
}

#top-bar #lang_sel {
  float: right;
  position: relative;
  z-index: 9999;
  height: 40px;
  top: 0;
}
#top-bar #lang_sel a.lang_sel_sel {
  background: transparent;
  border: none;
  line-height: 40px;
  height: 40px;
  padding: 0;
  padding-left: 10px;
  color: #FFF;
}
#top-bar #lang_sel a.lang_sel_sel:hover {
  color: #c74735;
}
#top-bar #lang_sel a.lang_sel_sel:after {
  content: "\f107";
  font-family: 'FontAwesome',sans-serif;
  margin-left: 5px;
}
#top-bar #lang_sel ul ul {
  top: 40px;
}
#top-bar #lang_sel ul ul a {
  background: #FFF;
  line-height: 40px;
  padding: 0;
  padding-left: 10px;
}

.is-home-header,
.has-header-image {
  min-height: 250px;
}
.is-home-header .parallax-inner,
.has-header-image .parallax-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 0;
}
.is-home-header .hero-inner,
.has-header-image .hero-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}

.no-touch .is-home-header .parallax-inner,
.no-touch .has-header-image .parallax-inner {
  position: fixed;
}

.header-overlay {
  z-index: 1;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.is-home-slider .header-overlay,
.home-header-revslider .header-overlay {
  display: none !important;
}

#hero {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  display: table;
  position: relative;
  z-index: 999;
  width: 100%;
  height: 100%;
}

#hero-content {
  background: none !important;
  opacity: 0;
  -webkit-transition: opacity ease 1s;
  transition: opacity ease 1s;
  padding: 2em 0;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#hero-content p {
  margin-top: 0;
  margin-bottom: 1.5em;
}
#hero-content h1, #hero-content h2, #hero-content h3, #hero-content h4 {
  letter-spacing: 8px;
}
#hero-content p {
  letter-spacing: 5px;
}
#hero-content .wrap.add-padding {
  padding: 5em 0;
}

.loaded #hero-content {
  opacity: 1;
}

/* Page Header
-----------------------------------------------*/
.page-header-container {
  height: auto;
  width: 100%;
  position: relative;
  overflow: hidden !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  background-size: cover;
}

.page-header {
  width: 98%;
  margin: 0 auto;
  padding: 3rem 0 2rem;
  position: relative;
  z-index: 99;
}

.page-header-full .page-header-container {
  width: 100%;
  display: table;
}
.page-header-full .page-header {
  padding: 2em 0;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.menu-transparent.has-header-image.show-title-area .page-header, .menu-transparent.is-home-header .page-header,
.menu-semi-transparent.has-header-image.show-title-area .page-header,
.menu-semi-transparent.is-home-header .page-header {
  padding: 8rem 0 3rem;
}

.page-title-container .page-title {
  margin-bottom: 0;
}
.page-title-container .subheading,
.page-title-container .category-description p {
  font-size: 1.3rem;
  margin-top: 0;
  margin-bottom: 0;
}

.page-header-container {
  background: #f1f1f1;
}

.has-header-image .intro {
  -webkit-transition: opacity ease 1s;
  transition: opacity ease 1s;
  opacity: 0;
}
.has-header-image .page-header-container .page-title-container {
  position: relative;
  z-index: 999 !important;
}
.has-header-image .page-header-container .page-title-container h1 {
  color: #fff;
}
.has-header-image .page-header-container .page-title-container .subheading,
.has-header-image .page-header-container .page-title-container .category-description p {
  color: #FFF;
}
.has-header-image .page-header-container .breadcrumb,
.has-header-image .page-header-container .breadcrumb a {
  color: #FFF;
}

.page-title-container,
.breadcrumb {
  width: 100%;
  text-align: center;
}

.breadcrumb {
  font-size: 12px;
  margin-bottom: 15px;
  line-height: 2;
}
.breadcrumb a {
  color: gray;
}

.loaded.has-header-image .intro {
  opacity: 1;
}

.logo {
  float: left;
}

#navbar {
  float: right;
}

.logo {
  float: left;
  position: relative;
}
.logo img {
  padding: 0;
  max-height: 100px;
  display: block;
}
.logo a {
  display: block;
  position: relative;
  max-height: 100px;
}

.logo a img {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  max-width: none;
}

.logo-light {
  opacity: 0;
  width: 300px;
  height: 100px;
}

.logo-dark {
  opacity: 1;
}

#logo-sticky {
  opacity: 0;
}

/* Scroll down arrow */
a#scroll-down {
  display: none;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 5rem;
  z-index: 999;
  border-radius: 50px;
  border: 2px solid #fff;
  color: #fff;
}
a#scroll-down:hover {
  color: #fff;
  background: #c74735;
  border: 2px solid #c74735;
}
a#scroll-down:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f347";
  font-weight: 400 !important;
  text-decoration: none !important;
  line-height: 1;
  top: 20px;
  left: 18px;
  font-size: 20px;
  position: absolute;
}

.page-header-full a#scroll-down,
.full-window-header.home-header-standard a#scroll-down,
.full-window-header.home-header-video a#scroll-down {
  display: block;
}

.is-home-slider a#scroll-down {
  display: none !important;
}

#top-search-form-container {
  display: none;
  background: #0c0c0c;
  background: rgba(0, 0, 0, 0.95);
  width: 100%;
  height: 100%;
  padding: 0.8em 0.5em;
  position: fixed;
  z-index: 99998;
}

#close-search {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 15px;
  width: 32px;
  height: 32px;
}
#close-search:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Arial, sans-serif;
  font-weight: 400;
  content: "\d7";
  font-size: 96px;
  line-height: 0.5;
  color: #ccc;
  font-size: 32px;
}

#top-search-form {
  display: table;
  width: 100%;
  height: 100%;
}
#top-search-form form {
  margin: 0;
  padding: 0;
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
#top-search-form input {
  text-align: center;
  padding: 0;
  margin: 0;
  color: #FFF;
  width: 100%;
  background: none !important;
  border: none !important;
  position: relative;
  vertical-align: middle;
  height: 100%;
  font-size: 2.4rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}
#top-search-form input[placeholder] {
  text-transform: uppercase;
  opacity: 0.6;
}

.logo-is-text {
  display: inline-block;
  position: relative;
  height: 100px;
  top: 50%;
}

.logo-text {
  position: absolute;
  font-size: 24px;
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.menu-transparent.has-header-image .logo-text,
.menu-transparent.is-home-header .logo-text,
.menu-semi-transparent.has-header-image .logo-text,
.menu-semi-transparent.is-home-header .logo-text {
  color: white !important;
}

/*------------------------------------------------------------------
	6. Menus
*/
/* Navigation main style
-----------------------------------------------*/
.home .site-header:before {
  display: none !important;
}

.nav-menu li.menu-item-icon-before .fa,
.menu li.menu-item-icon-before .fa {
  margin-right: 8px;
}
.nav-menu li.menu-item-icon-after .fa,
.menu li.menu-item-icon-after .fa {
  margin-left: 8px;
}
.nav-menu li a:first-child:hover,
.menu li a:first-child:hover {
  opacity: 0.8;
}
.nav-menu .product-count,
.menu .product-count {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -17px;
  margin-right: -14px;
  border-radius: 16px;
  width: 16px;
  height: 16px;
  background: #c74735;
  color: #FFF;
  text-align: center;
  line-height: 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 0;
  text-indent: 0;
}
.nav-menu .cart-menu-item > a:first-child,
.menu .cart-menu-item > a:first-child {
  position: relative;
  display: inline !important;
}
.nav-menu .cart-menu-item > a:first-child:before,
.menu .cart-menu-item > a:first-child:before {
  position: relative;
  top: 0;
  margin-right: 8px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'theme-icons';
  content: "\e60d";
}
.nav-menu .search-menu-item > a:first-child,
.menu .search-menu-item > a:first-child {
  position: relative;
  display: inline !important;
}
.nav-menu .search-menu-item > a:first-child:before,
.menu .search-menu-item > a:first-child:before {
  position: relative;
  top: 0;
  margin-right: 8px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'FontAwesome';
  content: '\f002';
}

#navbar-container .nav-menu li.button-style > a,
#navbar-mobile .nav-menu li.button-style > a,
#navbar-container-left .nav-menu li.button-style > a {
  background: none !important;
}
#navbar-container .nav-menu li.button-style > a:first-child,
#navbar-mobile .nav-menu li.button-style > a:first-child,
#navbar-container-left .nav-menu li.button-style > a:first-child {
  opacity: 1 !important;
}
#navbar-container .nav-menu li.button-style > a:first-child span,
#navbar-mobile .nav-menu li.button-style > a:first-child span,
#navbar-container-left .nav-menu li.button-style > a:first-child span {
  padding: 9px 15px;
  line-height: 1.5;
  background: #c74735;
  border-radius: 3px;
  color: #FFF;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
}
#navbar-container .nav-menu li.button-style > a:first-child span:hover,
#navbar-mobile .nav-menu li.button-style > a:first-child span:hover,
#navbar-container-left .nav-menu li.button-style > a:first-child span:hover {
  background: #a73c2c;
}

#navbar-mobile .nav-menu li.button-style > a:first-child span,
#navbar-container-left .nav-menu li.button-style > a:first-child span {
  padding: 2px 8px;
}

/* Footer Nav */
#site-navigation-tertiary {
  font-size: 12px;
  text-align: center;
}
#site-navigation-tertiary .fa {
  display: none;
}
#site-navigation-tertiary ul {
  margin-left: 0;
}

/* Desktop Menu
-----------------------------------------------*/
#navbar-container {
  z-index: 1;
  -webkit-transition: left .3s ease-in-out, background .3s ease-in-out;
  transition: left .3s ease-in-out, background .3s ease-in-out;
  position: relative;
  top: 0;
  left: 0;
  text-align: right;
  margin-right: 54px;
  font-size: 12px;
  width: 100% !important;
  height: 100px;
}
#navbar-container .wrap {
  position: relative;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}
#navbar-container .nav-menu {
  padding: 0;
  margin: 0;
}
#navbar-container .nav-menu li {
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  position: relative;
  list-style-type: none !important;
  display: inline;
}
#navbar-container .nav-menu li a {
  line-height: 100px;
  -webkit-transition: color ease 0.2s;
  transition: color ease 0.2s;
  display: inline-block;
  padding: 0 15px;
  font-weight: 700;
}
#navbar-container .nav-menu li.search-menu-item {
  position: relative;
}
#navbar-container .nav-menu li.search-menu-item a.search-menu-item-link {
  display: inline-block !important;
}
#navbar-container .nav-menu li.search-menu-item a.search-menu-item-link:before {
  margin-right: 0;
}
#navbar-container .nav-menu li.search-menu-item a.search-menu-item-link .search-text {
  display: none;
}
#navbar-container .nav-menu li.cart-menu-item {
  position: relative;
}
#navbar-container .nav-menu li.cart-menu-item a.cart-menu-item-link {
  display: inline-block !important;
}
#navbar-container .nav-menu li.cart-menu-item a.cart-menu-item-link .cart-text {
  display: none;
}
#navbar-container .nav-menu li.cart-menu-item .cart-menu-panel {
  display: none;
  text-shadow: none;
  position: absolute;
  right: 0;
  width: 230px;
  height: 150px;
  background: #000000;
  z-index: 108;
  text-align: center;
}
#navbar-container .nav-menu li.cart-menu-item .cart-menu-panel a {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  line-height: 1.7 !important;
  color: white !important;
  display: block;
}
#navbar-container .nav-menu li.cart-menu-item .cart-menu-panel a:hover {
  color: white !important;
}
#navbar-container .nav-menu li.cart-menu-item .icon-cart {
  display: block;
  text-align: center;
}
#navbar-container .nav-menu li.cart-menu-item .icon-cart:before {
  position: relative;
  font-size: 3.2rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 2.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'theme-icons';
  content: "\e60d";
}
#navbar-container .nav-menu li.cart-menu-item:hover .cart-menu-panel {
  display: block;
}
#navbar-container .nav-menu li ul.sub-menu,
#navbar-container .nav-menu li ul.children {
  background: #000000;
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  float: left;
  margin-left: 0;
  padding: 0;
  position: absolute;
  top: auto;
  left: 0;
  z-index: 107 !important;
}
#navbar-container .nav-menu li ul.sub-menu li,
#navbar-container .nav-menu li ul.children li {
  position: relative;
  height: auto;
  display: block;
  margin: 0;
  padding: 6px 12px;
}
#navbar-container .nav-menu li ul.sub-menu li a,
#navbar-container .nav-menu li ul.children li a {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  line-height: 1.4 !important;
  padding: 6px 5px;
  text-align: left;
  display: block;
  height: 100%;
  margin: 0;
  background: none !important;
  color: #cccccc !important;
  width: 200px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  font-weight: 400;
  opacity: 1 !important;
}
#navbar-container .nav-menu li ul.sub-menu li a:hover,
#navbar-container .nav-menu li ul.children li a:hover {
  color: white !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#navbar-container .nav-menu li ul.sub-menu li ul.sub-menu,
#navbar-container .nav-menu li ul.sub-menu li ul.children,
#navbar-container .nav-menu li ul.children li ul.sub-menu,
#navbar-container .nav-menu li ul.children li ul.children {
  left: 100%;
  top: -6px;
  display: none;
}
#navbar-container .nav-menu li ul.sub-menu li:first-child,
#navbar-container .nav-menu li ul.children li:first-child {
  padding-top: 12px;
}
#navbar-container .nav-menu li ul.sub-menu li:first-child ul.sub-menu,
#navbar-container .nav-menu li ul.sub-menu li:first-child ul.children,
#navbar-container .nav-menu li ul.children li:first-child ul.sub-menu,
#navbar-container .nav-menu li ul.children li:first-child ul.children {
  top: 0;
}
#navbar-container .nav-menu li ul.sub-menu li:last-child,
#navbar-container .nav-menu li ul.children li:last-child {
  padding-bottom: 12px;
}
#navbar-container .nav-menu li ul.sub-menu li:hover ul,
#navbar-container .nav-menu li ul.children li:hover ul {
  display: block;
}
#navbar-container .nav-menu li ul.sub-menu li.menu-item-has-children, #navbar-container .nav-menu li ul.sub-menu li.page_item_has_children, #navbar-container .nav-menu li ul.sub-menu li.active,
#navbar-container .nav-menu li ul.children li.menu-item-has-children,
#navbar-container .nav-menu li ul.children li.page_item_has_children,
#navbar-container .nav-menu li ul.children li.active {
  position: relative;
}
#navbar-container .nav-menu li ul.sub-menu li.menu-item-has-children:before, #navbar-container .nav-menu li ul.sub-menu li.page_item_has_children:before, #navbar-container .nav-menu li ul.sub-menu li.active:before,
#navbar-container .nav-menu li ul.children li.menu-item-has-children:before,
#navbar-container .nav-menu li ul.children li.page_item_has_children:before,
#navbar-container .nav-menu li ul.children li.active:before {
  color: #cccccc !important;
  position: absolute;
  top: 9px;
  right: 8px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f345";
}
#navbar-container .nav-menu li ul.sub-menu li:first-child.menu-item-has-children:before, #navbar-container .nav-menu li ul.sub-menu li:first-child.page_item_has_children:before, #navbar-container .nav-menu li ul.sub-menu li:first-child.active:before,
#navbar-container .nav-menu li ul.children li:first-child.menu-item-has-children:before,
#navbar-container .nav-menu li ul.children li:first-child.page_item_has_children:before,
#navbar-container .nav-menu li ul.children li:first-child.active:before {
  top: 15px;
}
#navbar-container .nav-menu li.menu-item-has-children, #navbar-container .nav-menu li.page_item_has_children, #navbar-container .nav-menu li.active {
  position: relative;
}
#navbar-container .nav-menu li.menu-item-has-children:hover ul, #navbar-container .nav-menu li.page_item_has_children:hover ul, #navbar-container .nav-menu li.active:hover ul {
  display: block;
}
#navbar-container .product-count {
  right: 50%;
}

#navbar-container .theme-socials-container {
  display: inline;
  padding: 0;
}
#navbar-container .theme-socials-container a {
  padding: 0 !important;
}
#navbar-container .theme-socials-container .wolf-social {
  margin: 0;
  position: relative;
  top: -1px;
  margin-left: 9px;
  color: inherit;
  font-size: 16px;
}

.submenu-right-align #navbar-container .nav-menu li ul.sub-menu,
.submenu-right-align #navbar-container .nav-menu li ul.children {
  left: auto;
  right: 4px;
}
.submenu-right-align #navbar-container .nav-menu li ul.sub-menu li a,
.submenu-right-align #navbar-container .nav-menu li ul.children li a {
  text-align: right;
}
.submenu-right-align #navbar-container .nav-menu li ul.sub-menu li.menu-item-has-children:before, .submenu-right-align #navbar-container .nav-menu li ul.sub-menu li.page_item_has_children:before, .submenu-right-align #navbar-container .nav-menu li ul.sub-menu li.active:before,
.submenu-right-align #navbar-container .nav-menu li ul.children li.menu-item-has-children:before,
.submenu-right-align #navbar-container .nav-menu li ul.children li.page_item_has_children:before,
.submenu-right-align #navbar-container .nav-menu li ul.children li.active:before {
  right: auto;
  left: 5px;
  content: "\f341";
}
.submenu-right-align #navbar-container .nav-menu li ul.sub-menu ul.sub-menu,
.submenu-right-align #navbar-container .nav-menu li ul.sub-menu ul.children,
.submenu-right-align #navbar-container .nav-menu li ul.children ul.sub-menu,
.submenu-right-align #navbar-container .nav-menu li ul.children ul.children {
  left: auto;
  right: 100%;
}

.breakpoint .toggle-menu-item {
  display: none;
}

.menu-transparent #navbar-container .wrap,
.menu-semi-transparent #navbar-container .wrap {
  opacity: 0;
}

.loading.menu-transparent #navbar-container .wrap, .loading.menu-semi-transparent #navbar-container .wrap {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.loaded.menu-transparent #navbar-container .wrap, .loaded.menu-semi-transparent #navbar-container .wrap, .boxed-layout.menu-transparent #navbar-container .wrap, .boxed-layout.menu-semi-transparent #navbar-container .wrap {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 1;
}

.menu-transparent.has-header-image.show-title-area .logo-light, .menu-transparent.is-home-header .logo-light,
.menu-semi-transparent.has-header-image.show-title-area .logo-light,
.menu-semi-transparent.is-home-header .logo-light {
  opacity: 1;
}
.menu-transparent.has-header-image.show-title-area .logo-dark, .menu-transparent.is-home-header .logo-dark,
.menu-semi-transparent.has-header-image.show-title-area .logo-dark,
.menu-semi-transparent.is-home-header .logo-dark {
  opacity: 0;
}
.menu-transparent.has-header-image.show-title-area #navbar-container, .menu-transparent.is-home-header #navbar-container,
.menu-semi-transparent.has-header-image.show-title-area #navbar-container,
.menu-semi-transparent.is-home-header #navbar-container {
  position: absolute;
  background: none;
}
.menu-transparent.has-header-image.show-title-area #navbar-container .nav-menu li a, .menu-transparent.is-home-header #navbar-container .nav-menu li a,
.menu-semi-transparent.has-header-image.show-title-area #navbar-container .nav-menu li a,
.menu-semi-transparent.is-home-header #navbar-container .nav-menu li a {
  color: #FFF;
}
.menu-transparent.has-header-image.show-title-area #navbar-container .nav-menu li a:hover, .menu-transparent.is-home-header #navbar-container .nav-menu li a:hover,
.menu-semi-transparent.has-header-image.show-title-area #navbar-container .nav-menu li a:hover,
.menu-semi-transparent.is-home-header #navbar-container .nav-menu li a:hover {
  color: #f2f2f2;
}

/* Menu Wide */
.menu-wide #navbar-container .wrap,
.menu-wide #mobile-bar .wrap {
  max-width: none;
  width: 98%;
}

.menu-center .logo,
.menu-center #navbar {
  float: none;
}
.menu-center .logo-dark,
.menu-center .logo-light,
.menu-center #logo-sticky {
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}
.menu-center .logo {
  position: relative;
  left: 0;
  text-align: center;
  height: 125px;
}
.menu-center .logo a {
  max-height: 125px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.menu-center .logo a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  width: auto !important;
  height: auto !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.menu-center #navbar-container {
  height: 205px;
  text-align: center;
}
.menu-center #navbar-container .nav-menu li a {
  line-height: 80px;
}
.menu-center.sticky-menu .logo-dark,
.menu-center.sticky-menu .logo-light {
  opacity: 0 !important;
}
.menu-center.sticky-menu #logo-sticky {
  opacity: 1;
}
.menu-center.sticky-menu .logo {
  height: 60px;
}
.menu-center.sticky-menu .logo a img {
  top: -10px;
}
.menu-center.sticky-menu #navbar-container .logo img {
  height: 60px;
}
.menu-center.sticky-menu #navbar-container {
  height: 120px;
}

/* Mega Menu
-----------------------------------------------*/
#navbar-container .nav-menu li.mega-menu {
  position: static;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu {
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%;
  max-width: 1140px;
  top: auto;
  left: auto !important;
  right: 0;
  padding: 12px;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu.mega-menu-bg-repeat {
  background-repeat: repeat;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li {
  padding: 0 !important;
  position: static;
  display: block;
  float: left;
  width: 23%;
  margin-right: 2%;
  border-right: rgba(255, 255, 255, 0.1) 1px solid;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li a {
  background: none !important;
  text-align: left !important;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  font-weight: 400;
  color: #cccccc !important;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li a:hover {
  color: white !important;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li:last-child {
  border: none;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li.not-linked > a:first-child {
  color: white !important;
  font-weight: 700 !important;
  padding-bottom: 8px;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li.hidden > a:first-child {
  display: none;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li ul {
  margin-top: 0 !important;
  margin-left: 0 !important;
  padding: 0;
  top: 0;
  left: 0;
  right: auto !important;
  position: relative;
  width: 200px;
  background: none !important;
  display: block !important;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li ul li {
  width: 100%;
  margin-right: 0;
  float: none;
  border: none !important;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li ul li ul {
  display: block !important;
}
#navbar-container .nav-menu li.mega-menu ul.sub-menu li.menu-item-has-children:before, #navbar-container .nav-menu li.mega-menu ul.sub-menu li.page_item_has_children:before, #navbar-container .nav-menu li.mega-menu ul.sub-menu li.active:before {
  display: none !important;
}
#navbar-container .nav-menu li.mega-menu.mega-menu-cols-2 ul.sub-menu {
  width: 50%;
}
#navbar-container .nav-menu li.mega-menu.mega-menu-cols-2 ul.sub-menu li {
  width: 48%;
}

.breakpoint #navbar-container .nav-menu li.mega-menu ul.sub-menu li.hidden > a:first-child {
  display: block;
}

/* Mobile Menu
-----------------------------------------------*/
#navbar-mobile-container .nav-menu {
  margin: 0;
  padding: 0;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
#navbar-mobile-container .nav-menu li {
  width: 100%;
  list-style-type: none;
  line-height: 20px;
  padding-left: 0;
}
#navbar-mobile-container .nav-menu li.menu-item-has-children, #navbar-mobile-container .nav-menu li.page_item_has_children, #navbar-mobile-container .nav-menu li.active {
  position: relative;
  padding-bottom: 0;
}
#navbar-mobile-container .nav-menu li.menu-item-has-children:after, #navbar-mobile-container .nav-menu li.page_item_has_children:after, #navbar-mobile-container .nav-menu li.active:after {
  content: '';
  position: absolute;
  right: 2rem;
  top: 1rem;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #ffffff;
  -webkit-transition: opacity ease 0.1s;
  transition: opacity ease 0.1s;
  opacity: 0.6;
}
#navbar-mobile-container .nav-menu li.menu-item-has-children:after:hover, #navbar-mobile-container .nav-menu li.page_item_has_children:after:hover, #navbar-mobile-container .nav-menu li.active:after:hover {
  opacity: 1;
}
#navbar-mobile-container .nav-menu li.menu-item-has-children a:first-child, #navbar-mobile-container .nav-menu li.page_item_has_children a:first-child, #navbar-mobile-container .nav-menu li.active a:first-child {
  padding-right: 45px;
}
#navbar-mobile-container .nav-menu li a {
  -webkit-transition: opacity ease;
  -webkit-transition-delay: 0.1s;
  -webkit-transition: opacity ease 0.1s;
  transition: opacity ease 0.1s;
  padding: 0.5rem 2rem;
  opacity: 0.6;
  color: white !important;
  display: block;
  min-height: 3.5rem;
  line-height: 2;
}
#navbar-mobile-container .nav-menu li a:hover {
  opacity: 1;
}
#navbar-mobile-container .nav-menu li .cart-menu-panel {
  display: none;
}
#navbar-mobile-container .nav-menu li.cart-menu-item > a:first-child, #navbar-mobile-container .nav-menu li.search-menu-item > a:first-child {
  display: inline-block !important;
}
#navbar-mobile-container .nav-menu li.button-style > a:first-child span {
  padding: 5px 8px;
}
#navbar-mobile-container .nav-menu li .product-count {
  display: none;
}
#navbar-mobile-container .nav-menu li ul.sub-menu,
#navbar-mobile-container .nav-menu li ul.children {
  background: none !important;
  padding: 0;
  margin: 0;
  display: none;
  margin-bottom: 0;
}
#navbar-mobile-container .nav-menu li ul.sub-menu li,
#navbar-mobile-container .nav-menu li ul.children li {
  padding-left: 10px;
}
#navbar-mobile-container .theme-socials-container {
  margin-left: 0;
  text-align: left;
  padding: 0;
  padding-left: 15px;
}
#navbar-mobile-container .theme-socials-container a {
  display: inline-block !important;
  padding-left: 0 !important;
  padding-right: 4px !important;
}
#navbar-mobile-container .theme-socials-container a .wolf-social {
  margin: 0;
  color: #fff;
}

#close-menu {
  display: block;
  width: 100%;
  text-align: right;
  font-weight: 700;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  position: relative;
  right: 0;
  padding-right: 18px;
  opacity: 0.6;
}

#mobile-bar {
  display: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 50;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 50px;
  background: #FFF;
}
#mobile-bar .wrap {
  width: 98%;
}
#mobile-bar .logo {
  float: none;
  display: table;
  height: 100px !important;
  position: absolute;
}
#mobile-bar .logo a {
  display: block;
  position: relative;
  width: auto !important;
}
#mobile-bar .logo img {
  max-height: 50px !important;
  width: auto;
}
#mobile-bar .logo-light {
  opacity: 0;
}
#mobile-bar .logo-dark {
  opacity: 1;
}

.menu-boxed #mobile-bar-inner {
  max-width: 1140px;
  margin: 0 auto;
}

.is-secondary-menu #mobile-bar .logo {
  left: 50%;
}
.is-secondary-menu #mobile-bar .logo img {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.menu-transparent.has-header-image #mobile-bar, .menu-transparent.is-home-header #mobile-bar,
.menu-semi-transparent.has-header-image #mobile-bar,
.menu-semi-transparent.is-home-header #mobile-bar {
  background: none;
  border-bottom: none;
}
.menu-transparent.has-header-image #mobile-bar .logo-light, .menu-transparent.is-home-header #mobile-bar .logo-light,
.menu-semi-transparent.has-header-image #mobile-bar .logo-light,
.menu-semi-transparent.is-home-header #mobile-bar .logo-light {
  opacity: 1;
}
.menu-transparent.has-header-image #mobile-bar .logo-dark, .menu-transparent.is-home-header #mobile-bar .logo-dark,
.menu-semi-transparent.has-header-image #mobile-bar .logo-dark,
.menu-semi-transparent.is-home-header #mobile-bar .logo-dark {
  opacity: 0;
}
.menu-transparent.has-header-image .burger,
.menu-transparent.has-header-image .burger-before,
.menu-transparent.has-header-image .burger-after,
.menu-transparent.has-header-image .plus,
.menu-transparent.has-header-image .plus:before, .menu-transparent.is-home-header .burger,
.menu-transparent.is-home-header .burger-before,
.menu-transparent.is-home-header .burger-after,
.menu-transparent.is-home-header .plus,
.menu-transparent.is-home-header .plus:before,
.menu-semi-transparent.has-header-image .burger,
.menu-semi-transparent.has-header-image .burger-before,
.menu-semi-transparent.has-header-image .burger-after,
.menu-semi-transparent.has-header-image .plus,
.menu-semi-transparent.has-header-image .plus:before,
.menu-semi-transparent.is-home-header .burger,
.menu-semi-transparent.is-home-header .burger-before,
.menu-semi-transparent.is-home-header .burger-after,
.menu-semi-transparent.is-home-header .plus,
.menu-semi-transparent.is-home-header .plus:before {
  background: #FFF;
}
.menu-transparent.has-header-image.breakpoint #page, .menu-transparent.is-home-header.breakpoint #page,
.menu-semi-transparent.has-header-image.breakpoint #page,
.menu-semi-transparent.is-home-header.breakpoint #page {
  padding-top: 0 !important;
}

#navbar-mobile-container {
  display: none;
}

#navbar-mobile {
  font-size: 0.8em;
  z-index: 40;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #0c0c0c;
}
#navbar-mobile a {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#site-navigation-primary-mobile {
  padding-top: 65px;
}

.breakpoint #menu-toggle,
.breakpoint #mobile-bar,
.breakpoint #side-menu-toggle {
  display: block;
}
.breakpoint #top-bar {
  display: none;
}
.breakpoint #navbar-container {
  display: none;
}
.breakpoint #navbar-mobile-container {
  display: block;
}

#navbar-mobile {
  overflow: hidden;
  height: 0;
  -webkit-transition: all 0.5s cubic-bezier(0, 1, 0.5, 1);
  transition: all 0.5s cubic-bezier(0, 1, 0.5, 1);
}

.toggled-on #mobile-bar, .toggled-on.sticky-menu #mobile-bar {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
}
.toggled-on #mobile-bar .logo-dark, .toggled-on.sticky-menu #mobile-bar .logo-dark {
  opacity: 0 !important;
}
.toggled-on #mobile-bar .logo-light, .toggled-on.sticky-menu #mobile-bar .logo-light {
  opacity: 1 !important;
}
.toggled-on .burger,
.toggled-on .burger-before,
.toggled-on .burger-after,
.toggled-on .plus,
.toggled-on .plus:before {
  background-color: white !important;
}
.toggled-on #navbar-mobile {
  height: 100%;
}
.toggled-on #side-menu-toggle {
  opacity: 0;
}
.toggled-on .logo-light {
  opacity: 1 !important;
}
.toggled-on .logo-dark {
  opacity: 0 !important;
}
.toggled-on .burger {
  display: none;
}
.toggled-on .burger-before {
  margin-top: 0px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.toggled-on .burger-after {
  margin-top: 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.admin-bar #side-menu-toggle {
  top: 42px;
}
.admin-bar #navbar-mobile {
  top: 32px;
}

#menu-toggle,
#side-menu-toggle {
  display: none;
  cursor: pointer;
  float: right;
  position: relative;
  width: 32px;
  height: 32px;
  top: 5px;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

#menu-toggle {
  right: -1px;
}

#side-menu-toggle {
  z-index: 999;
  position: absolute;
  float: none;
  left: 12px;
}

.is-sticky-menu #side-menu-toggle {
  position: fixed;
}

/* Burger */
.burger,
.burger-before,
.burger-after {
  top: 50%;
  display: block;
  position: absolute;
  width: 18px;
  height: 2px;
  background: #333;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}

.burger {
  margin-top: 0;
}

.burger-before {
  margin-top: -6px;
}

.burger-after {
  margin-top: 6px;
}

/* plus */
.plus {
  top: 16px;
}

.plus,
.plus:before {
  display: block;
  position: absolute;
  width: 18px;
  height: 2px;
  background: #333;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}

.plus:before {
  content: ' ';
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.toggled-side-on .plus {
  -webkit-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  transform: rotate(405deg);
}

.menu-dark #mobile-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #0d0d0d;
}
.menu-dark #mobile-bar .logo-light {
  opacity: 1;
}
.menu-dark #mobile-bar .logo-dark {
  opacity: 0;
}
.menu-dark .burger,
.menu-dark .burger-before,
.menu-dark .burger-after,
.menu-dark .plus,
.menu-dark .plus:before {
  background-color: #fff;
}

/* Sticky menu
-----------------------------------------------*/
.sticky-menu .logo {
  height: 60px;
}
.sticky-menu .logo img {
  max-height: 60px;
}
.sticky-menu #navbar-container {
  position: fixed !important;
  height: 60px;
}
.sticky-menu #navbar-container .nav-menu li a {
  line-height: 60px;
}
.sticky-menu #navbar-container .nav-menu li ul.sub-menu li a:hover,
.sticky-menu #navbar-container .nav-menu li ul.children li a:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.sticky-menu #navbar-container .nav-menu li ul.sub-menu li.current-menu-item > a:first-child, .sticky-menu #navbar-container .nav-menu li ul.sub-menu li.current-menu-ancestor > a:first-child,
.sticky-menu #navbar-container .nav-menu li ul.children li.current-menu-item > a:first-child,
.sticky-menu #navbar-container .nav-menu li ul.children li.current-menu-ancestor > a:first-child {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.sticky-menu #mobile-bar {
  background: white !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sticky-menu #mobile-bar .logo-dark {
  opacity: 1 !important;
}
.sticky-menu #mobile-bar .logo-light {
  opacity: 0 !important;
}
.sticky-menu .burger,
.sticky-menu .burger-before,
.sticky-menu .burger-after,
.sticky-menu .plus,
.sticky-menu .plus:before {
  background: #333333 !important;
}
.sticky-menu.toggled-on .burger {
  background: #0c0c0c !important;
}
.sticky-menu.toggled-on .burger-before,
.sticky-menu.toggled-on .burger-after,
.sticky-menu.toggled-on .plus,
.sticky-menu.toggled-on .plus:before {
  background-color: white !important;
}
.sticky-menu.menu-dark #mobile-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #0d0d0d !important;
}
.sticky-menu.menu-dark #mobile-bar .logo-light {
  opacity: 1 !important;
}
.sticky-menu.menu-dark #mobile-bar .logo-dark {
  opacity: 0 !important;
}
.sticky-menu.menu-dark .burger,
.sticky-menu.menu-dark .burger-before,
.sticky-menu.menu-dark .burger-after,
.sticky-menu.menu-dark .plus,
.sticky-menu.menu-dark .plus:before {
  background-color: white !important;
}
.sticky-menu.menu-dark.toggled-on .burger {
  background: none !important;
  background-color: transparent !important;
}

.admin-bar #wpadminbar {
  position: fixed !important;
}
.admin-bar #navbar-mobile,
.admin-bar #mobile-bar {
  top: 32px;
}

.admin-bar.sticky-menu #navbar-container {
  top: 32px;
}

.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li.button-style a {
  background: none !important;
}

/* Modern menu (not used yet)
-----------------------------------------------*/
#site-navigation-primary-modern {
  height: 100%;
  width: 100%;
}
#site-navigation-primary-modern div {
  display: table;
  height: 100%;
  width: 100%;
}
#site-navigation-primary-modern .nav-menu {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

#modern-menu-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  display: none;
}

#menu-toggle-modern {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  width: 55px;
  height: 55px;
  background: #0c0c0c;
  outline: 0;
  padding: 0;
  border: 2.5px solid transparent;
  cursor: pointer;
  z-index: 999;
  padding-left: 16px;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}

#navbar-modern-container {
  background: #0c0c0c;
  font-size: 0.8em;
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
}

#navbar-modern {
  height: 100%;
  padding: 1em 0;
}
#navbar-modern .nav-menu {
  margin: 0;
  padding: 0;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
#navbar-modern .nav-menu li {
  list-style-type: none !important;
  text-align: center;
  width: 100%;
}
#navbar-modern .nav-menu li a {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #FFF;
  display: block;
  min-height: 3rem;
  font-size: 14px;
}
#navbar-modern .nav-menu li .cart-menu-panel {
  display: none !important;
}
#navbar-modern .cart-text,
#navbar-modern .search-text {
  display: none;
}

.toggled-on #menu-toggle-modern .burger {
  background: none !important;
  background-color: #0c0c0c !important;
}
.toggled-on #menu-toggle-modern .burger-before {
  top: 0px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.toggled-on #menu-toggle-modern .burger-after {
  top: 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Menu Animation */
.menu-modern #navbar-modern-container {
  width: 65%;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.menu-modern .pusher {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.menu-modern.toggled-on .pusher {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
}
.menu-modern.toggled-on #menu-toggle-modern {
  right: 65%;
}
.menu-modern.toggled-on #navbar-modern-container {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Left menu
-----------------------------------------------*/
#navbar-container-left {
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  zoom: 1;
  color: #f1f1f1;
  width: 260px;
  position: fixed;
  top: 0;
  left: 0;
  height: auto;
  min-height: 100%;
  padding: 40px 20px;
  background: #1c1c1e;
  z-index: 999;
  -webkit-transition: background .3s linear;
  transition: background .3s linear;
}
#navbar-container-left:before, #navbar-container-left:after {
  content: "";
  display: table;
}
#navbar-container-left:after {
  clear: both;
}
#navbar-container-left.transparency {
  background: transparent !important;
}

body.menu-left #page {
  padding-top: 0 !important;
}
body.menu-left .wolf-slider .flex-direction-nav,
body.menu-left .wolf-slide-mute-button,
body.menu-left .wolf-slide-play-button {
  display: none;
}
body.menu-left #logo-sticky {
  display: none !important;
  visibility: hidden !important;
}
body.menu-left .site-footer {
  background: #101011;
}
body.menu-left #main,
body.menu-left #masthead .wolf-silde-caption,
body.menu-left #hero,
body.menu-left .page-header-container,
body.menu-left .site-footer {
  padding-left: 260px;
}
body.menu-left.admin-bar #navbar-container-left {
  padding-top: 32px;
}
body.menu-left.menu-transparent.has-header-image.show-title-area .page-header, body.menu-left.menu-transparent.is-home-header .page-header, body.menu-left.menu-semi-transparent.has-header-image.show-title-area .page-header, body.menu-left.menu-semi-transparent.is-home-header .page-header {
  padding: 3rem 0 3rem;
}
body.menu-left.work-wide #work-filter-container {
  text-align: left;
}

#navbar-container-left .logo {
  margin-top: 50px;
  float: none;
  position: relative;
  text-align: center;
  display: block;
  height: 100px;
  max-width: 100%;
}
#navbar-container-left .logo a {
  width: auto;
  position: relative;
  display: block;
  vertical-align: middle;
  max-height: 100px;
  max-width: 100%;
}
#navbar-container-left .logo a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  max-width: 100%;
  max-height: 100px !important;
}
#navbar-container-left .logo .logo-light {
  opacity: 1 !important;
}
#navbar-container-left .logo .logo-dark {
  opacity: 0 !important;
}
#navbar-container-left .site-tagline {
  font-size: 12px;
  padding: 0 5px;
}
#navbar-container-left .nav-menu,
#navbar-container-left .menu {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
  font-size: 12px;
  -ms-word-wrap: normal;
  word-wrap: normal;
  text-align: left;
  /*li.current-menu-item{
  	& > a:first-child{
  		color: $accent;
  	}
  }*/
}
#navbar-container-left .nav-menu li,
#navbar-container-left .menu li {
  display: block;
  list-style-type: none !important;
  line-height: 2.5;
  margin: 0;
}
#navbar-container-left .nav-menu li a,
#navbar-container-left .menu li a {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: block;
  width: 100%;
  margin: 0 7px;
  color: #fff;
  -webkit-transition: color ease 0.2s;
  transition: color ease 0.2s;
  text-decoration: none;
  				/*
  				&:hover, &.active{
  
  					color: darken( #fff, 20% );
  				}*/
}
#navbar-container-left .nav-menu li.button-style > a:first-child span,
#navbar-container-left .menu li.button-style > a:first-child span {
  padding: 5px 12px;
}
#navbar-container-left .nav-menu li ul.sub-menu,
#navbar-container-left .nav-menu li ul.children,
#navbar-container-left .menu li ul.sub-menu,
#navbar-container-left .menu li ul.children {
  background: none !important;
  margin: 0;
  padding: 0;
  margin-left: 1.5rem;
  display: none;
}
#navbar-container-left .nav-menu .cart-menu-panel,
#navbar-container-left .menu .cart-menu-panel {
  display: none;
}
#navbar-container-left .nav-menu li.menu-item-has-children,
#navbar-container-left .nav-menu li.page_item_has_children,
#navbar-container-left .nav-menu li.active,
#navbar-container-left .menu li.menu-item-has-children,
#navbar-container-left .menu li.page_item_has_children,
#navbar-container-left .menu li.active {
  position: relative;
}
#navbar-container-left .nav-menu li.menu-item-has-children:before,
#navbar-container-left .nav-menu li.page_item_has_children:before,
#navbar-container-left .nav-menu li.active:before,
#navbar-container-left .menu li.menu-item-has-children:before,
#navbar-container-left .menu li.page_item_has_children:before,
#navbar-container-left .menu li.active:before {
  color: #cccccc !important;
  position: absolute;
  top: -1px;
  right: 5px;
  width: 32px;
  height: 32px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f132";
}

.breakpoint #navbar-container-left {
  display: none;
}
.breakpoint #page {
  margin-left: 0 !important;
}

#navbar-container-left footer {
  margin-top: 30px;
  font-size: 12px;
}
#navbar-container-left footer .theme-socials-container,
#navbar-container-left footer .wolf-flags-container,
#navbar-container-left footer .infos-container {
  display: block;
  width: 100%;
  text-align: center;
  margin: 5px auto;
}
#navbar-container-left footer .theme-socials-container {
  text-align: left;
}
#navbar-container-left footer .wolf-flags-container {
  margin-top: 5px;
}
#navbar-container-left footer .infos-container {
  line-height: 1.5;
}
#navbar-container-left footer .infos-container p {
  margin-top: 0;
  margin-left: 0;
}
#navbar-container-left footer .theme-socials-container {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
#navbar-container-left footer .theme-socials-container .wolf-social {
  font-size: 18px;
}

/* Secondary menu
-----------------------------------------------*/
.admin-bar #navbar-container-right {
  top: 32px;
}

#navbar-container-right {
  -webkit-box-shadow: inset 5px 0px 10px -2px rgba(0, 0, 0, 0.8);
  box-shadow: inset 5px 0px 10px -2px rgba(0, 0, 0, 0.8);
  background: #000000;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  zoom: 1;
  color: #f1f1f1;
  width: 260px;
  position: fixed;
  top: 0;
  right: 0;
  height: auto;
  min-height: 100%;
  padding: 40px;
}
#navbar-container-right:before, #navbar-container-right:after {
  content: "";
  display: table;
}
#navbar-container-right:after {
  clear: both;
}

#close-side-panel {
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 5px;
  right: 15px;
  cursor: pointer;
  font-size: 24px;
  font-family: Arial;
}

.breakpoint #close-side-panel {
  display: none;
}

#navbar-container-right {
  font-size: 13px;
}
#navbar-container-right .secondary-nav-menu,
#navbar-container-right .menu {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
  -ms-word-wrap: normal;
  word-wrap: normal;
  text-align: left;
}
#navbar-container-right .secondary-nav-menu li,
#navbar-container-right .menu li {
  display: block;
  list-style-type: none !important;
  line-height: 2;
  margin: 0;
}
#navbar-container-right .secondary-nav-menu li a,
#navbar-container-right .menu li a {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: block;
  width: 100%;
  color: #666;
  -webkit-transition: color ease 0.2s;
  transition: color ease 0.2s;
  text-decoration: none;
  font-weight: 700;
}
#navbar-container-right .secondary-nav-menu li a:hover, #navbar-container-right .secondary-nav-menu li a.active,
#navbar-container-right .menu li a:hover,
#navbar-container-right .menu li a.active {
  color: #fff;
}
#navbar-container-right .menu li a {
  text-transform: none !important;
  font-weight: 400;
}
#navbar-container-right .wolf-twitter-widget ul.wolf-tweet-list li:before {
  color: #666666 !important;
}
#navbar-container-right .wolf-tweet-time a:hover {
  color: #FFF;
}
#navbar-container-right .widget {
  margin-top: 30px;
  font-size: 13px;
}
#navbar-container-right .widget-content {
  text-transform: none !important;
}
#navbar-container-right .widget-title {
  color: #FFF;
  margin-bottom: 5px;
}
#navbar-container-right .widget_theme_socials .theme-socials-container {
  padding: 0;
  margin: 20px auto 0;
  max-width: 100%;
}
#navbar-container-right .widget_theme_socials .theme-socials-container .wolf-social {
  font-size: 18px;
}
#navbar-container-right .widget-content .wolf-mailchimp-submit {
  background: none !important;
  border-color: #333333 !important;
  color: #333333 !important;
}
#navbar-container-right .widget-content .wolf-mailchimp-submit:hover {
  background: white !important;
  border-color: white !important;
}

.toggle-menu-item > a:first-child {
  position: relative;
  display: inline-block !important;
}
.toggle-menu-item > a:first-child:after {
  position: relative;
  top: 0;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'FontAwesome';
  content: "\f067";
  content: "\f0c9";
}

.toggle-text {
  margin-right: 8px;
}

#navbar-container-right {
  z-index: -1;
}

.is-side-menu #top-bar,
.is-side-menu #mobile-bar,
.is-side-menu .parallax-bg {
  left: 0;
  -webkit-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out;
}
.is-side-menu .pusher {
  z-index: 2;
  left: 0;
  -webkit-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out;
}

.toggled-side-on.breakpoint .logo, .toggled-side-on.breakpoint #menu-toggle {
  opacity: 0;
  display: none;
  visibility: hidden;
}
.toggled-side-on .toggle-menu-item > a:first-child {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.toggled-side-on .pusher,
.toggled-side-on #navbar-container,
.toggled-side-on #top-bar,
.toggled-side-on #mobile-bar,
.toggled-side-on .parallax-bg {
  left: -260px;
}

/* Overlay menu
-----------------------------------------------*/
#navbar-container-overlay {
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0c0c0c;
  color: #FFF;
}
#navbar-container-overlay .nav-menu li {
  list-style-type: none;
  margin-left: 0;
}
#navbar-container-overlay .nav-menu li a {
  line-height: 2.5;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#overlay-menu-container {
  width: 100%;
  height: 100%;
  text-align: center;
}

#close-overlay-menu {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 15px;
  right: 15px;
  font-size: 32px;
  font-weight: 700;
  cursor: pointer;
}

.toggled-overlay-on #navbar-container-overlay {
  z-index: 9999;
  opacity: 1;
}

/* Logo centered menu
-----------------------------------------------*/
#navbar-left {
  float: left;
  text-align: right;
  width: 50%;
  padding-right: 140px;
}

#navbar-right {
  float: right;
  text-align: left;
  width: 50%;
  padding-left: 140px;
}

.menu-logo-centered .logo a {
  max-height: none;
}
.menu-logo-centered .logo a img {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 300px;
  max-height: 100px;
  height: auto;
}
.menu-logo-centered.menu-logo-overflow .logo a img {
  max-height: 999px;
}
.menu-logo-centered.sticky-menu #navbar-container {
  height: 80px;
}
.menu-logo-centered.sticky-menu #navbar-container .nav-menu li a {
  line-height: 80px;
}
.menu-logo-centered.sticky-menu .logo a {
  max-height: none;
}
.menu-logo-centered.sticky-menu .logo a img {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 175px;
  max-height: none;
  max-height: 80px;
  height: auto;
}

.menu-logo-centered.breakpoint.no-secondary-menu .logo a img {
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

/* Menu Skins
-----------------------------------------------*/
.menu-hover-text-color .nav-menu li a:hover {
  color: #c74735 !important;
}
.menu-hover-text-color .nav-menu li.current-menu-item > a:first-child, .menu-hover-text-color .nav-menu li.current-menu-ancestor > a:first-child, .menu-hover-text-color .nav-menu li.active a:first-child {
  color: #c74735 !important;
}

.menu-semi-transparent.has-header-image.show-title-area #navbar-container,
.menu-semi-transparent.is-home-header #navbar-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
}

.menu-hover-plain-color .nav-menu li a,
.menu-hover-plain-color.sticky-menu .nav-menu li a {
  opacity: 1 !important;
}
.menu-hover-plain-color #navbar-container .nav-menu li.socials-menu-item a.wolf-social-link,
.menu-hover-plain-color.sticky-menu #navbar-container .nav-menu li.socials-menu-item a.wolf-social-link {
  background: none !important;
}
.menu-hover-plain-color #navbar-container .nav-menu li.search-menu-item a.search-menu-item-link,
.menu-hover-plain-color.sticky-menu #navbar-container .nav-menu li.search-menu-item a.search-menu-item-link {
  background: none !important;
}

.menu-hover-plain-color.sticky-menu .nav-menu li a {
  opacity: 1 !important;
}
.menu-hover-plain-color.sticky-menu #navbar-container .nav-menu li.socials-menu-item a.wolf-social-link {
  color: #333333 !important;
}
.menu-hover-plain-color.sticky-menu #navbar-container .nav-menu li.search-menu-item a.search-menu-item-link {
  color: #333333 !important;
}
.menu-hover-plain-color.sticky-menu.menu-dark #navbar-container .nav-menu li.socials-menu-item a.wolf-social-link {
  color: white !important;
}
.menu-hover-plain-color.sticky-menu.menu-dark #navbar-container .nav-menu li.search-menu-item a.search-menu-item-link {
  color: white !important;
}

.menu-hover-border-top #navbar-container .nav-menu li.socials-menu-item a.wolf-social-link,
.menu-hover-border-top.sticky-menu #navbar-container .nav-menu li.socials-menu-item a.wolf-social-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.menu-hover-border-top #navbar-container .nav-menu li.search-menu-item a.search-menu-item-link,
.menu-hover-border-top.sticky-menu #navbar-container .nav-menu li.search-menu-item a.search-menu-item-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.menu-hover-plain-color #navbar-container .nav-menu li.mega-menu ul.sub-menu ul a,
.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li.mega-menu ul.sub-menu a {
  background: none !important;
}

.menu-hover-plain-color #navbar-container .nav-menu li.button-style > a:first-child,
.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li.button-style > a:first-child {
  background: none !important;
}

.menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li:hover a,
.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li:hover a,
.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li:hover a,
.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li:hover a {
  -webkit-box-shadow: inset 0px 3px 0px 0px #fff;
  box-shadow: inset 0px 3px 0px 0px #fff;
}
.menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child, .menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child, .menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.active a:first-child,
.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child,
.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child,
.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li.active a:first-child,
.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child,
.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child,
.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.active a:first-child,
.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child,
.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child,
.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li.active a:first-child {
  -webkit-box-shadow: inset 0px 3px 0px 0px #fff;
  box-shadow: inset 0px 3px 0px 0px #fff;
}
.menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li ul.submenu a:hover,
.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li ul.submenu a:hover,
.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li ul.submenu a:hover,
.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li ul.submenu a:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* Menu dark */
.menu-dark .logo-light {
  opacity: 1;
}
.menu-dark .logo-dark {
  opacity: 0;
}
.menu-dark #navbar-container {
  background: #000000;
}
.menu-dark #navbar-container a {
  color: #cccccc;
}
.menu-dark #navbar-container a:hover {
  color: #FFF;
}
.menu-dark.menu-hover-border-top .nav-menu li:hover a {
  -webkit-box-shadow: inset 0px 3px 0px 0px #fff;
  box-shadow: inset 0px 3px 0px 0px #fff;
}
.menu-dark.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child, .menu-dark.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child, .menu-dark.menu-hover-border-top .nav-menu li.active a:first-child {
  -webkit-box-shadow: inset 0px 3px 0px 0px #fff;
  box-shadow: inset 0px 3px 0px 0px #fff;
}
.menu-dark.menu-hover-border-top .nav-menu li ul.submenu a:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.menu-dark.menu-hover-plain-color .nav-menu li:hover a {
  opacity: 1 !important;
  background: #000000;
  color: white !important;
}
.menu-dark.menu-hover-plain-color .nav-menu li.current-menu-item > a:first-child, .menu-dark.menu-hover-plain-color .nav-menu li.current-menu-ancestor > a:first-child, .menu-dark.menu-hover-plain-color .nav-menu li.active a:first-child {
  background: #000000;
  color: white !important;
}

.sticky-menu.menu-dark.menu-semi-transparent.has-header-image.show-title-area #navbar-container,
.sticky-menu.menu-dark.menu-semi-transparent.is-home-header #navbar-container,
.sticky-menu.menu-dark.menu-transparent.has-header-image.show-title-area #navbar-container,
.sticky-menu.menu-dark.menu-transparent.is-home-header #navbar-container {
  background: #000000 !important;
}

/* Menu light */
.menu-light .logo-light {
  opacity: 0;
}
.menu-light .logo-dark {
  opacity: 1;
}
.menu-light #navbar-container {
  background: #fff;
}
.menu-light #navbar-container a {
  color: #333;
}
.menu-light #navbar-container a:hover {
  color: #0d0d0d;
}
.menu-light #navbar-container-left {
  background: #FFF;
  color: #333;
}
.menu-light #navbar-container-left .nav-menu li a {
  color: #666;
}
.menu-light #navbar-container-left .nav-menu li a:hover {
  color: #000;
}
.menu-light #navbar-container-left .logo-dark {
  opacity: 1 !important;
}
.menu-light #navbar-container-left .logo-light {
  opacity: 0 !important;
}
.menu-light.menu-hover-border-top .nav-menu li:hover a {
  -webkit-box-shadow: inset 0px 3px 0px 0px #0d0d0d;
  box-shadow: inset 0px 3px 0px 0px #0d0d0d;
}
.menu-light.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child, .menu-light.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child, .menu-light.menu-hover-border-top .nav-menu li.active a:first-child {
  -webkit-box-shadow: inset 0px 3px 0px 0px #0d0d0d;
  box-shadow: inset 0px 3px 0px 0px #0d0d0d;
}
.menu-light.menu-hover-border-top .nav-menu li ul.submenu a:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.menu-light.menu-hover-plain-color .nav-menu li:hover a {
  background: #0c0c0c;
  color: white !important;
}
.menu-light.menu-hover-plain-color .nav-menu li.current-menu-item > a:first-child, .menu-light.menu-hover-plain-color .nav-menu li.current-menu-ancestor > a:first-child, .menu-light.menu-hover-plain-color .nav-menu li.active a:first-child {
  background: #0c0c0c;
  color: white !important;
}

.sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area .logo-light,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header .logo-light,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area .logo-light,
.sticky-menu.menu-light.menu-transparent.is-home-header .logo-light {
  opacity: 0;
}
.sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area .logo-dark,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header .logo-dark,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area .logo-dark,
.sticky-menu.menu-light.menu-transparent.is-home-header .logo-dark {
  opacity: 1;
}
.sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area #navbar-container,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header #navbar-container,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area #navbar-container,
.sticky-menu.menu-light.menu-transparent.is-home-header #navbar-container {
  background: #fff;
}
.sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area #navbar-container a,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header #navbar-container a,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area #navbar-container a,
.sticky-menu.menu-light.menu-transparent.is-home-header #navbar-container a {
  color: #333;
}
.sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area #navbar-container a:hover,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header #navbar-container a:hover,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area #navbar-container a:hover,
.sticky-menu.menu-light.menu-transparent.is-home-header #navbar-container a:hover {
  color: #0d0d0d;
}
.sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li:hover a,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li:hover a,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li:hover a,
.sticky-menu.menu-light.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li:hover a {
  -webkit-box-shadow: inset 0px 3px 0px 0px #0d0d0d;
  box-shadow: inset 0px 3px 0px 0px #0d0d0d;
}
.sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child, .sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child, .sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.active a:first-child,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li.active a:first-child,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li.active a:first-child,
.sticky-menu.menu-light.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li.current-menu-item > a:first-child,
.sticky-menu.menu-light.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li.current-menu-ancestor > a:first-child,
.sticky-menu.menu-light.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li.active a:first-child {
  -webkit-box-shadow: inset 0px 3px 0px 0px #0d0d0d;
  box-shadow: inset 0px 3px 0px 0px #0d0d0d;
}
.sticky-menu.menu-light.menu-semi-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li ul.submenu a:hover,
.sticky-menu.menu-light.menu-semi-transparent.is-home-header.menu-hover-border-top .nav-menu li ul.submenu a:hover,
.sticky-menu.menu-light.menu-transparent.has-header-image.show-title-area.menu-hover-border-top .nav-menu li ul.submenu a:hover,
.sticky-menu.menu-light.menu-transparent.is-home-header.menu-hover-border-top .nav-menu li ul.submenu a:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.button-style a {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#navbar-container .nav-menu li.sub-menu-dark ul.sub-menu,
#navbar-container .nav-menu li.sub-menu-dark ul.children {
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.05);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.05);
}
#navbar-container .nav-menu li.sub-menu-dark ul.sub-menu ul.sub-menu,
#navbar-container .nav-menu li.sub-menu-dark ul.sub-menu ul.children,
#navbar-container .nav-menu li.sub-menu-dark ul.children ul.sub-menu,
#navbar-container .nav-menu li.sub-menu-dark ul.children ul.children {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#navbar-container .nav-menu li.sub-menu-light ul.sub-menu,
#navbar-container .nav-menu li.sub-menu-light ul.children {
  background: #FFF;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
}
#navbar-container .nav-menu li.sub-menu-light ul.sub-menu li a,
#navbar-container .nav-menu li.sub-menu-light ul.children li a {
  color: #333333 !important;
}
#navbar-container .nav-menu li.sub-menu-light ul.sub-menu li a:hover,
#navbar-container .nav-menu li.sub-menu-light ul.children li a:hover {
  color: black !important;
}
#navbar-container .nav-menu li.sub-menu-light ul.sub-menu li.not-linked > a:first-child,
#navbar-container .nav-menu li.sub-menu-light ul.children li.not-linked > a:first-child {
  color: black !important;
}
#navbar-container .nav-menu li.sub-menu-light ul.sub-menu ul.sub-menu,
#navbar-container .nav-menu li.sub-menu-light ul.sub-menu ul.children,
#navbar-container .nav-menu li.sub-menu-light ul.children ul.sub-menu,
#navbar-container .nav-menu li.sub-menu-light ul.children ul.children {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#navbar-container-left.transparency .logo-light {
  opacity: 1 !important;
}
#navbar-container-left.transparency .logo-dark {
  opacity: 0 !important;
}
#navbar-container-left.transparency a {
  color: white !important;
  /*&:hover {
  	color: #FFF!important;
  }*/
}
#navbar-container-left.transparency .site-tagline {
  color: #FFF;
}

/*------------------------------------------------------------------
	7. Blog
*/
/* Entry meta
-----------------------------------------------*/
.updated:not(.published) {
  display: none;
}

.entry-meta, .edit-link {
  clear: both;
  color: #a2a2a2;
}
.entry-meta a, .edit-link a {
  color: #a2a2a2;
}
.entry-meta a:hover, .edit-link a:hover {
  color: #c74735 !important;
}
.entry-meta .meta, .edit-link .meta {
  margin-right: 1rem;
}

.attachment .entry-meta {
  text-align: center;
  margin-bottom: 15px;
}

.category,
.entry-meta,
.edit-link {
  font-size: 12px;
}

.edit-link {
  margin-top: 0;
}

.entry-meta > span {
  display: inline-block;
  margin-right: 20px;
}

.entry-meta > span:last-child {
  margin-right: 0;
}

.single-attachment .entry-meta {
  margin-bottom: 30px;
}

/* Featured Slider meta */
.has-header-image .page-header .entry-meta,
#home-slider .entry-meta {
  color: #fff;
}
.has-header-image .page-header .entry-meta a,
#home-slider .entry-meta a {
  color: #fff;
  opacity: 0.6;
}
.has-header-image .page-header .entry-meta a:hover,
#home-slider .entry-meta a:hover {
  opacity: 1;
  color: white !important;
}

.format-quote .entry-meta,
.format-link .entry-meta,
.format-aside .entry-meta,
.format-status .entry-meta {
  text-align: center;
}

/* Entry Content global
---------------------------------------*/
.entry-content > p:first-child,
.entry-inner > p:first-of-type {
  margin-top: 0;
}

.entry-inner .entry-meta {
  margin-bottom: 18px;
}

.wp-video {
  margin-bottom: 30px;
}

.mejs-offscreen {
  display: none;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

/* More Link */
.more-link {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-left: 0 !important;
}

/* Caption */
p.wp-caption-text {
  margin-top: 0;
}

/* List */
.site-main ol, .site-main ul {
  margin-left: 1em !important;
}
.site-main ol {
  margin-left: 1.8em !important;
}

/* Blockquote */
blockquote {
  font-size: 1.8rem;
  text-align: center;
  max-width: 1600px;
  border: none !important;
  padding: 0;
  margin: 0;
  font-family: "Merriweather", Georgia, serif;
  position: relative;
  font-weight: 700;
}
blockquote:before {
  font-family: FontAwesome;
  content: '\f10d';
  text-align: center;
  opacity: 0.2;
  display: block;
  margin-bottom: -8px;
}
blockquote .cite, blockquote cite {
  font-size: 1.4rem;
}

/* Views and like */
.icon-meta-container {
  font-size: 1.5rem;
}
.icon-meta-container .item-icon {
  margin-right: 10px;
}

.item-icon {
  margin: 0 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Arial, sans-serif;
}
.item-icon a {
  color: gray;
}

.item-like {
  cursor: pointer;
}
.item-like .fa:hover,
.item-like a:hover, .item-like:hover {
  color: #e64c4c !important;
}

.item-comments-count,
.item-likes-count,
.item-views-count,
.item-shares-count,
.item-downloads-count {
  font-family: Arial, sans-serif;
  position: relative;
  top: 0;
  font-size: 13px;
}

.item-like.liked .fa:before {
  content: '\f004';
}

.item-share {
  cursor: pointer;
}
.item-share .fa-share-alt {
  margin-right: 2px;
}

/* Wordpress mejs player */
.wp-video {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #c74735 !important;
}

/* Post */
.post {
  overflow: hidden;
}

.entry-title {
  font-size: 2.4rem;
}

.entry-thumbnail {
  text-align: center;
}
.entry-thumbnail a {
  display: block;
}
.entry-thumbnail a img {
  display: block;
  vertical-align: bottom;
}

fieldset {
  padding: 1em 2em;
}

.post-archives #primary,
.page-small-width #primary,
.page-full-width #primary {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.post-archives #secondary,
.page-small-width #secondary,
.page-full-width #secondary {
  display: none !important;
}

p.full-width-attachment {
  max-width: none !important;
  width: 100% !important;
}

div.wp-caption {
  max-width: 100%;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto 20px;
}

.page-small-width .entry-content p, .page-small-width .entry-content h1, .page-small-width .entry-content h2, .page-small-width .entry-content h3, .page-small-width .entry-content h4, .page-small-width .entry-content h5, .page-small-width .entry-content h6, .page-small-width .entry-content abbr[title], .page-small-width .entry-content dfn,
.page-small-width .entry-content pre, .page-small-width .entry-content code, .page-small-width .entry-content ol, .page-small-width .entry-content ul, .page-small-width .entry-content address, .page-small-width .entry-content code,
.page-small-width .entry-content kbd, .page-small-width .entry-content table,
.page-small-width .entry-content samp, .page-small-width .entry-content dd, .page-small-width .entry-content dt, .page-small-width .entry-content dl, .page-small-width .entry-content hr, .page-small-width .entry-content fieldset,
.page-small-width .entry-content .gist {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
}
.page-small-width .entry-content blockquote {
  width: 92%;
  max-width: 1140px;
}
.page-small-width .entry-content blockquote p {
  max-width: 1140px;
}

#infscr-loading {
  font-size: 1.6rem;
  background: #c74735;
  bottom: -2rem;
  position: absolute;
  z-index: 100;
  width: 350px;
  height: 40px;
  line-height: 37px;
  left: 50%;
  margin-left: -175px;
  color: white;
  text-align: center;
  vertical-align: middle;
}
#infscr-loading > img {
  display: none !important;
}

.has-bg {
  position: relative;
  z-index: 0;
  color: #FFF;
}
.has-bg:before {
  display: block !important;
  z-index: 1;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
}
.has-bg .entry-inner,
.has-bg .entry-container {
  position: relative;
  z-index: 5;
}
.has-bg .entry-meta a,
.has-bg .entry-title a,
.has-bg .item-icon,
.has-bg blockquote,
.has-bg h2.entry-title {
  color: #FFF;
}
.has-bg h2.entry-title a:hover {
  color: #c74735;
}
.has-bg .more-link {
  color: white !important;
  border-color: white !important;
}

.entry-avatar img {
  margin: 10px auto 15px;
}

.is-instagram .entry-content,
.is-instagram .entry-inner {
  display: none;
}
.is-instagram .instagram-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.is-instagram .post-media-container a,
.is-instagram .post-square a,
.is-instagram .entry-media a {
  display: block;
  position: relative;
}

.instagram-media .EmbedSocialProof {
  background: none !important;
}

/* Attachment entry
---------------------------------------*/
.entry-attachment .attachment {
  text-align: center;
}
.entry-attachment .attachment a {
  display: inline-block;
}

/* Blog Grid Style
-----------------------------------------------*/
.blog-grid #main {
  padding-top: 0;
}

.post-square-container {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.post-square {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.post-square-caption {
  display: block;
  position: absolute;
  z-index: 10;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 3rem;
}
.post-square-caption h2 {
  font-size: 2.7rem;
  line-height: 1.3;
  background: url(../images/border-dark.gif) no-repeat bottom center;
  text-transform: none;
  letter-spacing: 0;
  padding-bottom: 1.0rem;
  margin-bottom: 1.0rem;
}
.post-square-caption .icon-meta-container {
  margin-top: 15px;
  display: block;
}
.post-square-caption .wp-smiley {
  display: none !important;
}

.blog-grid .post,
.last-posts-grid .post {
  width: 100%;
  position: relative;
}
.blog-grid .post h2,
.last-posts-grid .post h2 {
  font-size: 18px;
}
.blog-grid .post a,
.last-posts-grid .post a {
  color: #333;
}
.blog-grid .post a img,
.last-posts-grid .post a img {
  opacity: 0.8;
  width: 100%;
  display: block;
  vertical-align: bottom;
}
.blog-grid .category,
.last-posts-grid .category {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  padding: 0 1rem;
  min-width: 9rem;
  height: 3rem;
  line-height: 28px;
  font-size: 1rem;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 1.8rem;
  color: #333;
}
.blog-grid .has-thumbnail .category,
.last-posts-grid .has-thumbnail .category {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #FFF;
}
.blog-grid .has-thumbnail .entry-meta,
.last-posts-grid .has-thumbnail .entry-meta {
  color: white !important;
}
.blog-grid .has-thumbnail .entry-meta a,
.last-posts-grid .has-thumbnail .entry-meta a {
  color: white !important;
  opacity: 1 !important;
}
.blog-grid .has-thumbnail .post-square-caption,
.last-posts-grid .has-thumbnail .post-square-caption {
  color: #fff;
}
.blog-grid .has-thumbnail .post-square-caption h2,
.last-posts-grid .has-thumbnail .post-square-caption h2 {
  color: #FFF;
  background: url(../images/border-light.gif) no-repeat bottom center;
}
.blog-grid .has-thumbnail blockquote,
.last-posts-grid .has-thumbnail blockquote {
  font-size: 1.1em;
  color: #FFF;
}
.blog-grid .no-thumbnail .entry-thumbnail,
.blog-grid .format-quote .entry-thumbnail,
.blog-grid .format-link .entry-thumbnail,
.blog-grid .format-aside .entry-thumbnail,
.blog-grid .format-status .entry-thumbnail,
.last-posts-grid .no-thumbnail .entry-thumbnail,
.last-posts-grid .format-quote .entry-thumbnail,
.last-posts-grid .format-link .entry-thumbnail,
.last-posts-grid .format-aside .entry-thumbnail,
.last-posts-grid .format-status .entry-thumbnail {
  display: block;
  width: 100%;
  height: 100%;
}
.blog-grid .no-thumbnail .post-square-caption-container,
.blog-grid .format-quote .post-square-caption-container,
.blog-grid .format-link .post-square-caption-container,
.blog-grid .format-aside .post-square-caption-container,
.blog-grid .format-status .post-square-caption-container,
.last-posts-grid .no-thumbnail .post-square-caption-container,
.last-posts-grid .format-quote .post-square-caption-container,
.last-posts-grid .format-link .post-square-caption-container,
.last-posts-grid .format-aside .post-square-caption-container,
.last-posts-grid .format-status .post-square-caption-container {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
}
.blog-grid .no-thumbnail .post-square-caption,
.blog-grid .format-quote .post-square-caption,
.blog-grid .format-link .post-square-caption,
.blog-grid .format-aside .post-square-caption,
.blog-grid .format-status .post-square-caption,
.last-posts-grid .no-thumbnail .post-square-caption,
.last-posts-grid .format-quote .post-square-caption,
.last-posts-grid .format-link .post-square-caption,
.last-posts-grid .format-aside .post-square-caption,
.last-posts-grid .format-status .post-square-caption {
  width: 100%;
  height: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.blog-grid .format-quote.has-thumbnail img,
.blog-grid .format-link.has-thumbnail img,
.blog-grid .format-aside.has-thumbnail img,
.blog-grid .format-status.has-thumbnail img,
.last-posts-grid .format-quote.has-thumbnail img,
.last-posts-grid .format-link.has-thumbnail img,
.last-posts-grid .format-aside.has-thumbnail img,
.last-posts-grid .format-status.has-thumbnail img {
  opacity: 0.5;
}
.blog-grid .is-tweet,
.last-posts-grid .is-tweet {
  background: white !important;
}
.blog-grid .twitter-tweet-rendered,
.last-posts-grid .twitter-tweet-rendered {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0;
}
.blog-grid .twitter-tweet-rendered *,
.last-posts-grid .twitter-tweet-rendered * {
  border-radius: 0;
}
.blog-grid .format-status .entry-content:before,
.last-posts-grid .format-status .entry-content:before {
  display: block;
  font-family: 'line-icons';
  content: "\e607";
  font-size: 1.5em;
  margin-bottom: 5px;
}

.entry-content,
#container,
.comment-content {
  zoom: 1;
  overflow: hidden;
  margin-top: 0;
}
.entry-content:before, .entry-content:after,
#container:before,
#container:after,
.comment-content:before,
.comment-content:after {
  content: "";
  display: table;
}
.entry-content:after,
#container:after,
.comment-content:after {
  clear: both;
}

.blog-grid .has-thumbnail,
.blog-grid .has-post-thumbnail,
.last-posts-grid .has-thumbnail,
.last-posts-grid .has-post-thumbnail {
  background: #000;
}
.blog-grid .has-thumbnail .entry-thumbnail,
.blog-grid .has-post-thumbnail .entry-thumbnail,
.last-posts-grid .has-thumbnail .entry-thumbnail,
.last-posts-grid .has-post-thumbnail .entry-thumbnail {
  margin: 0;
}
.blog-grid .entry-thumbnail,
.last-posts-grid .entry-thumbnail {
  display: block;
  overflow: hidden;
  margin-bottom: 2rem;
}
.blog-grid .entry-thumbnail img,
.last-posts-grid .entry-thumbnail img {
  display: block;
  vertical-align: bottom;
}

/* Blog Large & Blog Sidebar style
-----------------------------------------------*/
.blog-large .post,
.blog-sided .post,
.blog-sidebar .post {
  max-width: 980px;
  margin: 0 auto 5rem;
}
.blog-large .post .fluid-video,
.blog-sided .post .fluid-video,
.blog-sidebar .post .fluid-video {
  margin-bottom: 0;
}
.blog-large .post .entry-content,
.blog-sided .post .entry-content,
.blog-sidebar .post .entry-content {
  padding: 1.5em 0;
  margin-left: auto;
  margin-right: auto;
}
.blog-large .post .entry-media .slider-background-default,
.blog-sided .post .entry-media .slider-background-default,
.blog-sidebar .post .entry-media .slider-background-default {
  margin-bottom: 0;
}
.blog-large .post .entry-media a:not(.mejs-container a),
.blog-sided .post .entry-media a:not(.mejs-container a),
.blog-sidebar .post .entry-media a:not(.mejs-container a) {
  display: block;
}
.blog-large .post .entry-media img,
.blog-sided .post .entry-media img,
.blog-sidebar .post .entry-media img {
  display: block;
  vertical-align: middle;
  width: 100%;
}
.blog-large .post blockquote,
.blog-sided .post blockquote,
.blog-sidebar .post blockquote {
  margin-bottom: 1em;
}
.blog-large .format-quote .has-bg,
.blog-large .format-link .has-bg,
.blog-large .format-aside .has-bg,
.blog-sided .format-quote .has-bg,
.blog-sided .format-link .has-bg,
.blog-sided .format-aside .has-bg,
.blog-sidebar .format-quote .has-bg,
.blog-sidebar .format-link .has-bg,
.blog-sidebar .format-aside .has-bg {
  padding: 2em 1em;
}
.blog-large .format-quote .entry-inner,
.blog-large .format-quote .entry-container,
.blog-large .format-link .entry-inner,
.blog-large .format-link .entry-container,
.blog-large .format-aside .entry-inner,
.blog-large .format-aside .entry-container,
.blog-sided .format-quote .entry-inner,
.blog-sided .format-quote .entry-container,
.blog-sided .format-link .entry-inner,
.blog-sided .format-link .entry-container,
.blog-sided .format-aside .entry-inner,
.blog-sided .format-aside .entry-container,
.blog-sidebar .format-quote .entry-inner,
.blog-sidebar .format-quote .entry-container,
.blog-sidebar .format-link .entry-inner,
.blog-sidebar .format-link .entry-container,
.blog-sidebar .format-aside .entry-inner,
.blog-sidebar .format-aside .entry-container {
  text-align: center;
}
.blog-large .format-status .entry-inner,
.blog-large .format-aside .entry-inner,
.blog-sided .format-status .entry-inner,
.blog-sided .format-aside .entry-inner,
.blog-sidebar .format-status .entry-inner,
.blog-sidebar .format-aside .entry-inner {
  text-align: center;
}
.blog-large .is-tweet p,
.blog-sided .is-tweet p,
.blog-sidebar .is-tweet p {
  margin: 0 !important;
}
.blog-large .is-soundcloud .entry-media .entry-thumbnail,
.blog-sided .is-soundcloud .entry-media .entry-thumbnail,
.blog-sidebar .is-soundcloud .entry-media .entry-thumbnail {
  display: none;
}
.blog-large .is-soundcloud .entry-media iframe,
.blog-sided .is-soundcloud .entry-media iframe,
.blog-sidebar .is-soundcloud .entry-media iframe {
  width: 100%;
  margin-bottom: -14px;
}
.blog-large .is-wolf-jplayer .entry-media .entry-thumbnail,
.blog-large .is-playlist .entry-media .entry-thumbnail,
.blog-sided .is-wolf-jplayer .entry-media .entry-thumbnail,
.blog-sided .is-playlist .entry-media .entry-thumbnail,
.blog-sidebar .is-wolf-jplayer .entry-media .entry-thumbnail,
.blog-sidebar .is-playlist .entry-media .entry-thumbnail {
  display: none;
}
.blog-large .is-wolf-jplayer .wolf-jplayer-playlist,
.blog-large .is-playlist .wolf-jplayer-playlist,
.blog-sided .is-wolf-jplayer .wolf-jplayer-playlist,
.blog-sided .is-playlist .wolf-jplayer-playlist,
.blog-sidebar .is-wolf-jplayer .wolf-jplayer-playlist,
.blog-sidebar .is-playlist .wolf-jplayer-playlist {
  margin-bottom: 0 !important;
}
.blog-large .is-embed-video .wp-video,
.blog-sided .is-embed-video .wp-video,
.blog-sidebar .is-embed-video .wp-video {
  margin-bottom: 0;
  width: 100%;
}

/* Blog Large style
-----------------------------------------------*/
.blog-large .inner,
.blog-sided .inner {
  width: 92%;
}
.blog-large #secondary,
.blog-sided #secondary {
  display: none;
}
.blog-large hr,
.blog-sided hr {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.blog-large .entry-media .mejs-container,
.blog-sidebar .entry-media .mejs-container {
  margin-bottom: 0;
}

/* Blog Sidebar style
-----------------------------------------------*/
.blog-sidebar .inner {
  max-width: 1140px;
}

.last-posts-columns,
.last-posts-carousel {
  width: 98%;
  margin: 0 auto;
}
.last-posts-columns .post,
.last-posts-carousel .post {
  width: 100%;
  padding: 0.7em;
  font-size: 12px;
  text-align: left;
}
.last-posts-columns .post h3.entry-title,
.last-posts-carousel .post h3.entry-title {
  margin-bottom: 0;
  font-size: 18px;
}
.last-posts-columns .post .entry-meta,
.last-posts-carousel .post .entry-meta {
  margin-bottom: 10px;
  text-align: left;
}
.last-posts-columns .post p,
.last-posts-carousel .post p {
  margin-top: 0;
  margin-bottom: 8px;
}
.last-posts-columns .post .entry-thumbnail, .last-posts-columns .post .entry-slider,
.last-posts-carousel .post .entry-thumbnail,
.last-posts-carousel .post .entry-slider {
  margin-bottom: 10px;
}
.last-posts-columns .post .flex-direction-nav .flex-prev,
.last-posts-columns .post .flex-direction-nav .flex-next,
.last-posts-carousel .post .flex-direction-nav .flex-prev,
.last-posts-carousel .post .flex-direction-nav .flex-next {
  width: 20px;
  height: 40px;
  background-size: 20px 40px;
  margin-top: -20px;
}
.last-posts-columns .post .flex-control-paging,
.last-posts-carousel .post .flex-control-paging {
  bottom: 25px;
}
.last-posts-columns .post .flex-control-paging li,
.last-posts-carousel .post .flex-control-paging li {
  margin: 0 4px;
}
.last-posts-columns .post .flex-control-paging li a,
.last-posts-carousel .post .flex-control-paging li a {
  width: 8px;
  height: 8px;
}
.last-posts-columns .post .wolf-button, .last-posts-columns .post .trigger,
.last-posts-carousel .post .wolf-button,
.last-posts-carousel .post .trigger {
  font-size: 11px;
  border-width: 1px;
  padding: 0.4em 1em 0.4em;
}

/* Entry Light posts Shortcode
---------------------------------------*/
.last-posts-preview .post {
  width: 100%;
  font-size: 12px;
  margin-bottom: 30px;
}
.last-posts-preview .post .entry-meta {
  text-align: left;
}
.last-posts-preview .post .entry-thumbnail {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}
.last-posts-preview .post h3 {
  margin-bottom: 0;
  font-size: 18px;
}
.last-posts-preview .post p {
  margin-top: 0;
  margin-bottom: 5px;
}
.last-posts-preview .post .wolf-button, .last-posts-preview .post .trigger {
  font-size: 11px;
  border-width: 1px;
  padding: 0.4em 1em 0.4em;
}

/* Entry Slider Shortcode
---------------------------------------*/
.last-posts-slider .post {
  width: 100%;
  font-size: 12px;
}
.last-posts-slider .post .entry-thumbnail {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}
.last-posts-slider .post .entry-meta {
  margin-bottom: 10px;
  text-align: left;
}
.last-posts-slider .post h3 {
  margin-bottom: 0;
  font-size: 18px;
}
.last-posts-slider .post p {
  margin-top: 0;
  margin-bottom: 5px;
}
.last-posts-slider .post .wolf-button, .last-posts-slider .post .trigger {
  font-size: 11px;
  border-width: 1px;
  padding: 0.4em 1em 0.4em;
}
.last-posts-slider .slide-inner {
  display: block;
  background: #fff;
  padding: 2em;
}
.last-posts-slider .flex-control-nav {
  top: 15px;
  bottom: auto !important;
  right: 15px;
  text-align: right;
}
.last-posts-slider .flex-control-nav li a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.last-posts-slider .flex-direction-nav .flex-prev,
.last-posts-slider .flex-direction-nav .flex-next {
  width: 40px;
  height: 80px;
  background-size: 40px 80px;
  margin-top: -40px;
}

/* Masonry Blog
-----------------------------------------------*/
.blog-masonry.blog-wide .inner {
  max-width: none;
  width: 99%;
}

.blog-masonry .inner,
.work-masonry .inner {
  max-width: 1140px;
  margin: 0 auto 30px;
}
.blog-masonry #primary,
.work-masonry #primary {
  float: none;
  max-width: none;
  width: 100%;
}
.blog-masonry #content #infscr-loading,
.work-masonry #content #infscr-loading {
  bottom: 0;
  width: 300px;
  left: 50%;
  margin-left: -150px;
}
.blog-masonry #secondary,
.work-masonry #secondary {
  display: none;
}
.blog-masonry .pagination,
.work-masonry .pagination {
  text-align: center;
}
.blog-masonry .paging-navigation,
.work-masonry .paging-navigation {
  display: none;
}

.entry-frame {
  background: #FFF;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
}

.blog-masonry .post-media-container,
.work-masonry .post-media-container,
.last-posts-masonry .post-media-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*.rev_slider_wrapper .tparrows.tp-leftarrow,
  .rev_slider_wrapper .tparrows.tp-rightarrow,
  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next{
  	width: 40px;
  	height: 80px;
  	background-size: 40px 80px;
  	margin-top: -40px;
  }*/
}
.blog-masonry .post-media-container .slider-background-default,
.blog-masonry .post-media-container .wp-video,
.work-masonry .post-media-container .slider-background-default,
.work-masonry .post-media-container .wp-video,
.last-posts-masonry .post-media-container .slider-background-default,
.last-posts-masonry .post-media-container .wp-video {
  margin-bottom: 0;
}
.blog-masonry .post-media-container.has-bg,
.work-masonry .post-media-container.has-bg,
.last-posts-masonry .post-media-container.has-bg {
  color: #FFF;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.blog-masonry .post-media-container.has-bg blockquote,
.work-masonry .post-media-container.has-bg blockquote,
.last-posts-masonry .post-media-container.has-bg blockquote {
  color: #FFF;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.blog-masonry .post-media-container .wrap,
.work-masonry .post-media-container .wrap,
.last-posts-masonry .post-media-container .wrap {
  width: 100%;
}
.blog-masonry .post-media-container .wolf-jplayer-playlist,
.blog-masonry .post-media-container .wolf-jplayer-playlist-container,
.work-masonry .post-media-container .wolf-jplayer-playlist,
.work-masonry .post-media-container .wolf-jplayer-playlist-container,
.last-posts-masonry .post-media-container .wolf-jplayer-playlist,
.last-posts-masonry .post-media-container .wolf-jplayer-playlist-container {
  margin-bottom: 0;
}
.blog-masonry .post-media-container .rev_slider_wrapper .tparrows.tp-leftarrow,
.blog-masonry .post-media-container .rev_slider_wrapper .tparrows.tp-rightarrow,
.blog-masonry .post-media-container .flex-direction-nav .flex-prev,
.blog-masonry .post-media-container .flex-direction-nav .flex-next,
.work-masonry .post-media-container .rev_slider_wrapper .tparrows.tp-leftarrow,
.work-masonry .post-media-container .rev_slider_wrapper .tparrows.tp-rightarrow,
.work-masonry .post-media-container .flex-direction-nav .flex-prev,
.work-masonry .post-media-container .flex-direction-nav .flex-next,
.last-posts-masonry .post-media-container .rev_slider_wrapper .tparrows.tp-leftarrow,
.last-posts-masonry .post-media-container .rev_slider_wrapper .tparrows.tp-rightarrow,
.last-posts-masonry .post-media-container .flex-direction-nav .flex-prev,
.last-posts-masonry .post-media-container .flex-direction-nav .flex-next {
  width: 20px;
  height: 40px;
  background-size: 20px 40px;
  margin-top: -20px;
}
.blog-masonry .post-media-container .flex-control-paging,
.work-masonry .post-media-container .flex-control-paging,
.last-posts-masonry .post-media-container .flex-control-paging {
  bottom: 25px;
}
.blog-masonry .post-media-container .flex-control-paging li,
.work-masonry .post-media-container .flex-control-paging li,
.last-posts-masonry .post-media-container .flex-control-paging li {
  margin: 0 4px;
}
.blog-masonry .post-media-container .flex-control-paging li a,
.work-masonry .post-media-container .flex-control-paging li a,
.last-posts-masonry .post-media-container .flex-control-paging li a {
  width: 8px;
  height: 8px;
}
.blog-masonry .post,
.blog-masonry .work,
.work-masonry .post,
.work-masonry .work,
.last-posts-masonry .post,
.last-posts-masonry .work {
  font-size: 13px;
  margin: 0;
  border: none;
  padding: 0.5em;
  width: 100%;
}
.blog-masonry .post .entry-meta,
.blog-masonry .work .entry-meta,
.work-masonry .post .entry-meta,
.work-masonry .work .entry-meta,
.last-posts-masonry .post .entry-meta,
.last-posts-masonry .work .entry-meta {
  margin-bottom: 0;
}
.blog-masonry .post .mejs-container,
.blog-masonry .work .mejs-container,
.work-masonry .post .mejs-container,
.work-masonry .work .mejs-container,
.last-posts-masonry .post .mejs-container,
.last-posts-masonry .work .mejs-container {
  margin-bottom: 0;
}
.blog-masonry .post blockquote,
.blog-masonry .work blockquote,
.work-masonry .post blockquote,
.work-masonry .work blockquote,
.last-posts-masonry .post blockquote,
.last-posts-masonry .work blockquote {
  margin-top: 0;
  margin-bottom: 0;
}
.blog-masonry .post .entry-header,
.blog-masonry .work .entry-header,
.work-masonry .post .entry-header,
.work-masonry .work .entry-header,
.last-posts-masonry .post .entry-header,
.last-posts-masonry .work .entry-header {
  overflow: hidden;
}
.blog-masonry .post .entry-header .fluid-video,
.blog-masonry .work .entry-header .fluid-video,
.work-masonry .post .entry-header .fluid-video,
.work-masonry .work .entry-header .fluid-video,
.last-posts-masonry .post .entry-header .fluid-video,
.last-posts-masonry .work .entry-header .fluid-video {
  margin-bottom: 0;
}
.blog-masonry .post .entry-thumbnail,
.blog-masonry .work .entry-thumbnail,
.work-masonry .post .entry-thumbnail,
.work-masonry .work .entry-thumbnail,
.last-posts-masonry .post .entry-thumbnail,
.last-posts-masonry .work .entry-thumbnail {
  margin-bottom: -6px;
}
.blog-masonry .post .entry-thumbnail img,
.blog-masonry .work .entry-thumbnail img,
.work-masonry .post .entry-thumbnail img,
.work-masonry .work .entry-thumbnail img,
.last-posts-masonry .post .entry-thumbnail img,
.last-posts-masonry .work .entry-thumbnail img {
  width: 100%;
}
.blog-masonry .post h2.entry-title,
.blog-masonry .work h2.entry-title,
.work-masonry .post h2.entry-title,
.work-masonry .work h2.entry-title,
.last-posts-masonry .post h2.entry-title,
.last-posts-masonry .work h2.entry-title {
  margin-bottom: 5px;
  font-size: 18px;
  display: block;
  line-height: 1;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.blog-masonry .post h2.entry-title a,
.blog-masonry .work h2.entry-title a,
.work-masonry .post h2.entry-title a,
.work-masonry .work h2.entry-title a,
.last-posts-masonry .post h2.entry-title a,
.last-posts-masonry .work h2.entry-title a {
  display: block;
}
.blog-masonry .post .entry-inner,
.blog-masonry .work .entry-inner,
.work-masonry .post .entry-inner,
.work-masonry .work .entry-inner,
.last-posts-masonry .post .entry-inner,
.last-posts-masonry .work .entry-inner {
  padding: 2em;
}
.blog-masonry .post .entry-content p,
.blog-masonry .work .entry-content p,
.work-masonry .post .entry-content p,
.work-masonry .work .entry-content p,
.last-posts-masonry .post .entry-content p,
.last-posts-masonry .work .entry-content p {
  margin-top: 15px;
  margin-bottom: 10px;
}
.blog-masonry .post .more-link,
.blog-masonry .work .more-link,
.work-masonry .post .more-link,
.work-masonry .work .more-link,
.last-posts-masonry .post .more-link,
.last-posts-masonry .work .more-link {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
}
.blog-masonry .post.is-soundcloud .entry-thumbnail,
.blog-masonry .work.is-soundcloud .entry-thumbnail,
.work-masonry .post.is-soundcloud .entry-thumbnail,
.work-masonry .work.is-soundcloud .entry-thumbnail,
.last-posts-masonry .post.is-soundcloud .entry-thumbnail,
.last-posts-masonry .work.is-soundcloud .entry-thumbnail {
  display: none;
}
.blog-masonry .post.is-soundcloud .entry-inner,
.blog-masonry .work.is-soundcloud .entry-inner,
.work-masonry .post.is-soundcloud .entry-inner,
.work-masonry .work.is-soundcloud .entry-inner,
.last-posts-masonry .post.is-soundcloud .entry-inner,
.last-posts-masonry .work.is-soundcloud .entry-inner {
  margin-top: -9px;
}
.blog-masonry .post.is-wolf-jplayer .entry-thumbnail, .blog-masonry .post.is-playlist .entry-thumbnail,
.blog-masonry .work.is-wolf-jplayer .entry-thumbnail,
.blog-masonry .work.is-playlist .entry-thumbnail,
.work-masonry .post.is-wolf-jplayer .entry-thumbnail,
.work-masonry .post.is-playlist .entry-thumbnail,
.work-masonry .work.is-wolf-jplayer .entry-thumbnail,
.work-masonry .work.is-playlist .entry-thumbnail,
.last-posts-masonry .post.is-wolf-jplayer .entry-thumbnail,
.last-posts-masonry .post.is-playlist .entry-thumbnail,
.last-posts-masonry .work.is-wolf-jplayer .entry-thumbnail,
.last-posts-masonry .work.is-playlist .entry-thumbnail {
  display: none;
}
.blog-masonry .post.is-instagram,
.blog-masonry .work.is-instagram,
.work-masonry .post.is-instagram,
.work-masonry .work.is-instagram,
.last-posts-masonry .post.is-instagram,
.last-posts-masonry .work.is-instagram {
  background: none;
}
.blog-masonry .post.is-instagram .entry-frame,
.blog-masonry .work.is-instagram .entry-frame,
.work-masonry .post.is-instagram .entry-frame,
.work-masonry .work.is-instagram .entry-frame,
.last-posts-masonry .post.is-instagram .entry-frame,
.last-posts-masonry .work.is-instagram .entry-frame {
  padding: 1em;
}
.blog-masonry .post.is-instagram .entry-content,
.blog-masonry .work.is-instagram .entry-content,
.work-masonry .post.is-instagram .entry-content,
.work-masonry .work.is-instagram .entry-content,
.last-posts-masonry .post.is-instagram .entry-content,
.last-posts-masonry .work.is-instagram .entry-content {
  display: block;
}
.blog-masonry .post.format-link .entry-title a,
.blog-masonry .work.format-link .entry-title a,
.work-masonry .post.format-link .entry-title a,
.work-masonry .work.format-link .entry-title a,
.last-posts-masonry .post.format-link .entry-title a,
.last-posts-masonry .work.format-link .entry-title a {
  margin-top: 8px;
}
.blog-masonry .post.format-link .post-media-container, .blog-masonry .post.format-quote .post-media-container,
.blog-masonry .work.format-link .post-media-container,
.blog-masonry .work.format-quote .post-media-container,
.work-masonry .post.format-link .post-media-container,
.work-masonry .post.format-quote .post-media-container,
.work-masonry .work.format-link .post-media-container,
.work-masonry .work.format-quote .post-media-container,
.last-posts-masonry .post.format-link .post-media-container,
.last-posts-masonry .post.format-quote .post-media-container,
.last-posts-masonry .work.format-link .post-media-container,
.last-posts-masonry .work.format-quote .post-media-container {
  padding: 2rem;
  text-align: center;
}
.blog-masonry .post.format-link .entry-inner, .blog-masonry .post.format-quote .entry-inner,
.blog-masonry .work.format-link .entry-inner,
.blog-masonry .work.format-quote .entry-inner,
.work-masonry .post.format-link .entry-inner,
.work-masonry .post.format-quote .entry-inner,
.work-masonry .work.format-link .entry-inner,
.work-masonry .work.format-quote .entry-inner,
.last-posts-masonry .post.format-link .entry-inner,
.last-posts-masonry .post.format-quote .entry-inner,
.last-posts-masonry .work.format-link .entry-inner,
.last-posts-masonry .work.format-quote .entry-inner {
  padding-top: 0;
}
.blog-masonry .post.format-link .entry-meta, .blog-masonry .post.format-quote .entry-meta,
.blog-masonry .work.format-link .entry-meta,
.blog-masonry .work.format-quote .entry-meta,
.work-masonry .post.format-link .entry-meta,
.work-masonry .post.format-quote .entry-meta,
.work-masonry .work.format-link .entry-meta,
.work-masonry .work.format-quote .entry-meta,
.last-posts-masonry .post.format-link .entry-meta,
.last-posts-masonry .post.format-quote .entry-meta,
.last-posts-masonry .work.format-link .entry-meta,
.last-posts-masonry .work.format-quote .entry-meta {
  display: none;
}
.blog-masonry .post.format-aside, .blog-masonry .post.format-status,
.blog-masonry .work.format-aside,
.blog-masonry .work.format-status,
.work-masonry .post.format-aside,
.work-masonry .post.format-status,
.work-masonry .work.format-aside,
.work-masonry .work.format-status,
.last-posts-masonry .post.format-aside,
.last-posts-masonry .post.format-status,
.last-posts-masonry .work.format-aside,
.last-posts-masonry .work.format-status {
  text-align: center;
}
.blog-masonry .post.format-aside .entry-meta, .blog-masonry .post.format-status .entry-meta,
.blog-masonry .work.format-aside .entry-meta,
.blog-masonry .work.format-status .entry-meta,
.work-masonry .post.format-aside .entry-meta,
.work-masonry .post.format-status .entry-meta,
.work-masonry .work.format-aside .entry-meta,
.work-masonry .work.format-status .entry-meta,
.last-posts-masonry .post.format-aside .entry-meta,
.last-posts-masonry .post.format-status .entry-meta,
.last-posts-masonry .work.format-aside .entry-meta,
.last-posts-masonry .work.format-status .entry-meta {
  display: none;
}
.blog-masonry .post.format-quote blockquote,
.blog-masonry .work.format-quote blockquote,
.work-masonry .post.format-quote blockquote,
.work-masonry .work.format-quote blockquote,
.last-posts-masonry .post.format-quote blockquote,
.last-posts-masonry .work.format-quote blockquote {
  font-size: 15px;
}
.blog-masonry .post.format-link p,
.blog-masonry .work.format-link p,
.work-masonry .post.format-link p,
.work-masonry .work.format-link p,
.last-posts-masonry .post.format-link p,
.last-posts-masonry .work.format-link p {
  margin-bottom: 0;
}
.blog-masonry .post .wolf-button, .blog-masonry .post .trigger,
.blog-masonry .work .wolf-button,
.blog-masonry .work .trigger,
.work-masonry .post .wolf-button,
.work-masonry .post .trigger,
.work-masonry .work .wolf-button,
.work-masonry .work .trigger,
.last-posts-masonry .post .wolf-button,
.last-posts-masonry .post .trigger,
.last-posts-masonry .work .wolf-button,
.last-posts-masonry .work .trigger {
  font-size: 11px;
  border-width: 1px;
  padding: 0.4em 1em 0.4em;
}
.blog-masonry .post.format-status .entry-inner .entry-content:before,
.blog-masonry .work.format-status .entry-inner .entry-content:before,
.work-masonry .post.format-status .entry-inner .entry-content:before,
.work-masonry .work.format-status .entry-inner .entry-content:before,
.last-posts-masonry .post.format-status .entry-inner .entry-content:before,
.last-posts-masonry .work.format-status .entry-inner .entry-content:before {
  display: block;
  font-family: 'line-icons';
  content: "\e607";
  font-size: 1.5em;
  margin-bottom: 5px;
}

.work-masonry .entry-meta {
  text-align: left;
}
.work-masonry .entry-inner {
  padding: 1.5em;
}

/* Single post and work
---------------------------------------*/
.single-post #main,
.single-work #main {
  padding-top: 0;
  padding-bottom: 0;
}
.single-post .format-link,
.single-post .format-quote,
.single-post .format-status,
.single-post .format-aside,
.single-post .format-audio,
.single-post .text-only,
.single-work .format-link,
.single-work .format-quote,
.single-work .format-status,
.single-work .format-aside,
.single-work .format-audio,
.single-work .text-only {
  padding-top: 50px;
}
.single-post .format-quote .entry-media,
.single-post .format-status .entry-media,
.single-post .format-aside .entry-media,
.single-post .format-link .entry-media,
.single-work .format-quote .entry-media,
.single-work .format-status .entry-media,
.single-work .format-aside .entry-media,
.single-work .format-link .entry-media {
  width: 96%;
  margin: 0 auto;
  max-width: 1140px;
}
.single-post .format-link .entry-content,
.single-post .format-status .entry-content,
.single-post .format-aside .entry-content,
.single-work .format-link .entry-content,
.single-work .format-status .entry-content,
.single-work .format-aside .entry-content {
  text-align: center;
}
.single-post .is-tweet .entry-content,
.single-work .is-tweet .entry-content {
  max-width: 750px !important;
  width: 92% !important;
  margin: 0 auto;
}
.single-post .entry-media,
.single-work .entry-media {
  text-align: center;
  margin: 0 auto;
}
.single-post .entry-media blockquote,
.single-work .entry-media blockquote {
  margin-bottom: 1.6em;
}
.single-post .entry-media .wolf-revslider-container,
.single-post .entry-media .wolf-images-gallery,
.single-post .entry-media .wolf-images-slider,
.single-work .entry-media .wolf-revslider-container,
.single-work .entry-media .wolf-images-gallery,
.single-work .entry-media .wolf-images-slider {
  margin-bottom: 30px;
}
.single-post .entry-thumbnail,
.single-work .entry-thumbnail {
  text-align: center;
  width: auto;
  margin: 0 auto 30px;
}
.single-post .entry-thumbnail a,
.single-work .entry-thumbnail a {
  display: inline-block;
}
.single-post .entry-thumbnail a img,
.single-work .entry-thumbnail a img {
  display: inline-block;
}
.single-post.single-format-audio .entry-media,
.single-work.single-format-audio .entry-media {
  margin: 0 auto;
  max-width: 750px;
}
.single-post.single-format-audio .entry-thumbnail,
.single-work.single-format-audio .entry-thumbnail {
  margin-bottom: 0;
}
.single-post .entry-content,
.single-work .entry-content {
  width: 92%;
  margin: 0 auto;
}
.single-post .entry-content p,
.single-work .entry-content p {
  margin-left: auto;
  margin-right: auto;
  max-width: 745px;
}
.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6, .single-post .entry-content abbr[title], .single-post .entry-content dfn,
.single-post .entry-content pre, .single-post .entry-content code, .single-post .entry-content ol, .single-post .entry-content ul, .single-post .entry-content address, .single-post .entry-content code,
.single-post .entry-content kbd, .single-post .entry-content table,
.single-post .entry-content samp, .single-post .entry-content dd, .single-post .entry-content dt, .single-post .entry-content dl, .single-post .entry-content hr, .single-post .entry-content fieldset,
.single-post .entry-content .gist,
.single-work .entry-content h1,
.single-work .entry-content h2,
.single-work .entry-content h3,
.single-work .entry-content h4,
.single-work .entry-content h5,
.single-work .entry-content h6,
.single-work .entry-content abbr[title],
.single-work .entry-content dfn,
.single-work .entry-content pre,
.single-work .entry-content code,
.single-work .entry-content ol,
.single-work .entry-content ul,
.single-work .entry-content address,
.single-work .entry-content code,
.single-work .entry-content kbd,
.single-work .entry-content table,
.single-work .entry-content samp,
.single-work .entry-content dd,
.single-work .entry-content dt,
.single-work .entry-content dl,
.single-work .entry-content hr,
.single-work .entry-content fieldset,
.single-work .entry-content .gist {
  margin-left: auto;
  margin-right: auto;
  max-width: 745px;
}
.single-post .entry-content ol:not(.flex-control-nav) li, .single-post .entry-content ul li,
.single-work .entry-content ol:not(.flex-control-nav) li,
.single-work .entry-content ul li {
  margin-left: 1em;
}
.single-post .entry-content p.fluid-video-container,
.single-post .entry-content .mejs-container,
.single-work .entry-content p.fluid-video-container,
.single-work .entry-content .mejs-container {
  max-width: 1140px !important;
}
.single-post .entry-content blockquote p,
.single-work .entry-content blockquote p {
  max-width: 960px;
}
.single-post .entry-content div.entry-meta,
.single-work .entry-content div.entry-meta {
  margin-left: auto;
  margin-right: auto;
  max-width: 745px;
}
.single-post .is-soundcloud .entry-media .entry-thumbnail,
.single-work .is-soundcloud .entry-media .entry-thumbnail {
  display: none;
}
.single-post .is-soundcloud .entry-media iframe,
.single-work .is-soundcloud .entry-media iframe {
  width: 100%;
  margin-bottom: 30px;
}
.single-post .is-wolf-jplayer .entry-media .entry-thumbnail,
.single-post .is-playlist .entry-media .entry-thumbnail,
.single-work .is-wolf-jplayer .entry-media .entry-thumbnail,
.single-work .is-playlist .entry-media .entry-thumbnail {
  display: none;
}
.single-post .is-video .entry-media,
.single-work .is-video .entry-media {
  max-width: 960px;
}
.single-post .is-instagram,
.single-work .is-instagram {
  background: none;
}

/* Splited Layout
---------------------------------------*/
.split .panel-left .wolf-revslider-container,
.split .panel-left .wolf-images-gallery,
.split .panel-left .wolf-images-slider,
.split .panel-right .wolf-revslider-container,
.split .panel-right .wolf-images-gallery,
.split .panel-right .wolf-images-slider {
  margin-bottom: 30px;
}
.split .entry-content,
.split .panel-left {
  padding-top: 50px;
}
.split .entry-content {
  width: 92%;
  margin: 0 auto;
}
.split .entry-content .entry-meta {
  margin-bottom: 15px;
}

.single-post .post-standard-layout ol, .single-post .post-standard-layout ul {
  margin-left: auto !important;
  margin-right: auto !important;
}
.single-post.page-header-small .post-standard-layout .entry-meta {
  max-width: 750px;
  margin: 0 auto;
}
.single-post .post-standard-layout.format-gallery {
  padding-top: 50px;
}
.single-post .post-standard-layout.format-gallery .entry-media {
  max-width: 1140px;
}
.single-post .post-has-margin-top {
  padding-top: 50px;
}
.single-post .post-with-sidebar {
  padding-top: 50px;
}
.single-post .post-with-sidebar .entry-content {
  width: 100%;
}
.single-post #secondary {
  padding-top: 50px;
}

.float-attachment-container {
  max-width: 1140px;
  margin: 0 auto;
  zoom: 1;
}
.float-attachment-container:before, .float-attachment-container:after {
  content: "";
  display: table;
}
.float-attachment-container:after {
  clear: both;
}
.float-attachment-container .wp-caption {
  width: auto;
}

.single-gallery-boxed {
  max-width: 1140px;
  margin: 50px auto 0;
  margin-bottom: 50px !important;
}

/* VC Layout
---------------------------------------*/
.post-vc-layout {
  padding-top: 0 !important;
}

/* Related post
---------------------------------------*/
.related-post {
  width: 33.3%;
  float: left;
  z-index: 0;
  position: relative;
}
.related-post img {
  width: 100%;
  height: auto;
  z-index: 0;
  position: relative;
  display: block;
  vertical-align: bottom;
}

.related-post-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.related-post-caption {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translate3d(0, 0, -50%);
  transform: translate3d(0, 0, -50%);
}
.related-post-caption h6 {
  color: #fff;
}

/*------------------------------------------------------------------
	8. Search
*/
/* Search page
-----------------------------------------------*/
.search {
  /*.entry-thumbnail{
  	float: left;
  	margin-right: 15px;
  	margin-bottom: 10px;
  }*/
}
.search #main {
  padding-bottom: 50px;
}
.search .entry-title {
  margin-bottom: 0;
  font-size: 18px;
}
.search .entry-summary {
  margin-bottom: 40px;
}
.search .entry-summary p {
  margin-top: 5px;
}

/*------------------------------------------------------------------
	9. Author
*/
.author-info {
  margin: 3rem auto 3rem;
  text-align: center;
  max-width: 64rem;
  width: 92%;
  opacity: 0.8;
}

.archive.author .author-info {
  margin-bottom: 4rem;
}

.author-avatar {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.author-avatar .avatar {
  margin: 0 auto 1.5rem;
  width: 80px;
}
.author-avatar a {
  margin: 0 5px 1.5rem;
  font-size: 16px;
  color: #666;
}

.author-name {
  font-size: 16px;
  margin-bottom: 0;
}

.author-socials {
  margin-top: 0;
}

.author-socials a {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 7px;
}
.author-socials a:hover {
  color: #333;
}

.author-description p {
  margin-top: -1.2rem;
  font-size: 0.85em;
  margin-bottom: 0.5em;
}
.author-description h5 {
  font-size: inherit;
  line-height: 1.5;
}

/*------------------------------------------------------------------
	10. Post navigation
*/
/* Single Post Navigation
-----------------------------------------------*/
.nav-single {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 2em auto 0;
  font-size: 1.6rem;
  display: table;
  width: 100%;
  max-width: none;
  position: relative;
}
.nav-single .nav-previous {
  text-align: left;
}
.nav-single .nav-next {
  text-align: right;
}
.nav-single .nav-previous,
.nav-single .nav-next {
  overflow: hidden;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  height: 100%;
  padding: 3rem 1.5rem;
}

.nav-label {
  text-transform: uppercase;
  width: 100%;
  display: block;
  color: #000;
  font-size: 1.2rem;
  font-weight: 400;
}

.page-links {
  text-align: center;
}

/*------------------------------------------------------------------
	11. Pagination
*/
/* Pagination
-----------------------------------------------*/
/* Single Pagination */
.navigation-image {
  position: relative;
  margin: 0;
  text-align: center;
  zoom: 1;
  -webkit-box-shadow: inset 0px 1px 0px 0px #d2d6d5;
  box-shadow: inset 0px 1px 0px 0px #d2d6d5;
  height: 50px;
}
.navigation-image:before, .navigation-image:after {
  content: "";
  display: table;
}
.navigation-image:after {
  clear: both;
}
.navigation-image .prev a, .navigation-image .next a {
  display: block;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  background: #333;
  line-height: 25px;
  color: #333;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.navigation-image .prev a:hover, .navigation-image .next a:hover {
  opacity: 0.8;
}
.navigation-image .prev a:before, .navigation-image .next a:before {
  color: white !important;
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-family: 'dashicons';
  font-size: 24px;
  margin-top: -12px;
  margin-left: -12px;
  vertical-align: middle;
  height: 50px;
}
.navigation-image .prev a {
  left: 0;
}
.navigation-image .prev a:before {
  content: "\f341";
  margin-left: -14px;
}
.navigation-image .next a {
  right: 0;
}
.navigation-image .next a:before {
  content: "\f345";
  margin-left: -12px;
}

/* Number pagination */
.pagination,
.forum-pagination,
.woocommerce-pagination {
  position: relative;
  margin: 0;
  text-align: center;
  zoom: 1;
  -webkit-box-shadow: inset 0px 1px 0px 0px #d2d6d5;
  box-shadow: inset 0px 1px 0px 0px #d2d6d5;
  height: 50px;
}
.pagination:before, .pagination:after,
.forum-pagination:before,
.forum-pagination:after,
.woocommerce-pagination:before,
.woocommerce-pagination:after {
  content: "";
  display: table;
}
.pagination:after,
.forum-pagination:after,
.woocommerce-pagination:after {
  clear: both;
}
.pagination ul.page-numbers,
.forum-pagination ul.page-numbers,
.woocommerce-pagination ul.page-numbers {
  zoom: 1;
  margin: 0;
  margin-left: 0;
  padding: 0;
}
.pagination ul.page-numbers:before, .pagination ul.page-numbers:after,
.forum-pagination ul.page-numbers:before,
.forum-pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:before,
.woocommerce-pagination ul.page-numbers:after {
  content: "";
  display: table;
}
.pagination ul.page-numbers:after,
.forum-pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:after {
  clear: both;
}
.pagination ul.page-numbers li,
.forum-pagination ul.page-numbers li,
.woocommerce-pagination ul.page-numbers li {
  list-style-type: none;
  display: inline-block;
}
.pagination ul.page-numbers li .page-numbers,
.forum-pagination ul.page-numbers li .page-numbers,
.woocommerce-pagination ul.page-numbers li .page-numbers {
  line-height: 28px;
  position: relative;
  color: #333333 !important;
  font-weight: 400;
  font-size: 16px;
  float: left;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  width: 28px;
  margin: 10px 5px 10px 0;
  text-align: center;
  text-shadow: none;
  text-decoration: none !important;
  border: none;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.pagination ul.page-numbers li .page-numbers:hover,
.forum-pagination ul.page-numbers li .page-numbers:hover,
.woocommerce-pagination ul.page-numbers li .page-numbers:hover {
  opacity: 0.8;
}
.pagination ul.page-numbers li .page-numbers.current,
.forum-pagination ul.page-numbers li .page-numbers.current,
.woocommerce-pagination ul.page-numbers li .page-numbers.current {
  opacity: 1;
  font-weight: 700;
}
.pagination ul.page-numbers li .page-numbers.prev, .pagination ul.page-numbers li .page-numbers.next,
.forum-pagination ul.page-numbers li .page-numbers.prev,
.forum-pagination ul.page-numbers li .page-numbers.next,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev,
.woocommerce-pagination ul.page-numbers li .page-numbers.next {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  background: #333;
}
.pagination ul.page-numbers li .page-numbers.prev:before, .pagination ul.page-numbers li .page-numbers.next:before,
.forum-pagination ul.page-numbers li .page-numbers.prev:before,
.forum-pagination ul.page-numbers li .page-numbers.next:before,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev:before,
.woocommerce-pagination ul.page-numbers li .page-numbers.next:before {
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-family: 'dashicons';
  font-size: 24px;
  margin-top: -12px;
  margin-left: -12px;
  vertical-align: middle;
  height: 50px;
}
.pagination ul.page-numbers li .page-numbers.prev,
.forum-pagination ul.page-numbers li .page-numbers.prev,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev {
  left: 0;
}
.pagination ul.page-numbers li .page-numbers.prev:before,
.forum-pagination ul.page-numbers li .page-numbers.prev:before,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev:before {
  content: "\f341";
  margin-left: -14px;
}
.pagination ul.page-numbers li .page-numbers.next,
.forum-pagination ul.page-numbers li .page-numbers.next,
.woocommerce-pagination ul.page-numbers li .page-numbers.next {
  right: 0;
}
.pagination ul.page-numbers li .page-numbers.next:before,
.forum-pagination ul.page-numbers li .page-numbers.next:before,
.woocommerce-pagination ul.page-numbers li .page-numbers.next:before {
  content: "\f345";
  margin-left: -12px;
}
.pagination ul.page-numbers li .page-numbers.dots,
.forum-pagination ul.page-numbers li .page-numbers.dots,
.woocommerce-pagination ul.page-numbers li .page-numbers.dots {
  opacity: 1 !important;
  background: none;
  border: none;
}
.pagination ul.page-numbers li .page-numbers.next,
.pagination ul.page-numbers li .page-numbers.prev,
.forum-pagination ul.page-numbers li .page-numbers.next,
.forum-pagination ul.page-numbers li .page-numbers.prev,
.woocommerce-pagination ul.page-numbers li .page-numbers.next,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev {
  line-height: 25px;
}

/* Splitting content */
.page-links span:not(.page-links-title) {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 20px;
  margin: 5px 2px;
  border: 1px solid #ccc;
}

.blog-sidebar .pagination,
.blog-sidebar .woocommerce-pagination,
.wolf-videos-search-results .pagination,
.wolf-videos-search-results .woocommerce-pagination {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*------------------------------------------------------------------
	12. Mobile style
*/
/* Mobile Style
-----------------------------------------------*/
.is-mobile .wolf-slide-play-button,
.is-mobile .wolf-slide-mute-button {
  display: none;
}
.is-mobile .wolf-slider .flex-prev {
  left: 10px !important;
}
.is-mobile .wolf-slider .flex-next {
  right: 10px !important;
}

/*------------------------------------------------------------------
	13. Share buttons
*/
/* Share
-----------------------------------------------*/
.share-box {
  text-align: center;
  margin: 2em auto;
  max-width: 960px;
}

.share-box-title {
  display: block;
  margin: 1.4rem 0 2rem;
}

.share-title {
  line-height: 1;
  margin-bottom: 0;
  font-size: 16px;
}

.share-link {
  text-align: center;
  letter-spacing: 1px;
  font-size: 10px;
  text-transform: uppercase;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
  color: #fff;
  display: inline-block;
  border: none;
  padding: 9px 22px;
  margin: 0 2px 8px;
}
.share-link:hover {
  opacity: 0.8;
}
.share-link .fa {
  margin-right: 8px;
}

.share-link-facebook {
  background: #3b5997 !important;
}

.share-link-twitter {
  background: #41b7d8 !important;
}

.share-link-pinterest {
  background: #cb2027 !important;
}

.share-link-google {
  background: #d64937 !important;
}

.share-link-tumblr {
  background: #2c4762 !important;
}

.share-link-stumbleupon {
  background: #eb4923 !important;
}

.share-link-linkedin {
  background: #007bb6 !important;
}

.share-link-email {
  background: grey !important;
}

/*------------------------------------------------------------------
	14. Comments
*/
.comments-area {
  font-size: 15px;
  max-width: 800px;
  margin: 0 auto;
}

.comment-respond {
  margin-top: 30px;
}

.comment-list {
  margin-left: 0;
  margin-bottom: 30px;
}

.comment-reply-title {
  font-size: 18px;
}

.comments-title {
  font-size: 15px;
}

.comments-title {
  margin-top: 30px;
}

.avatar {
  -o-border-radius: 50%;
  border-radius: 50%;
}

.bypostauthor .avatar {
  border: 3px solid #c74735;
}

.comment-meta,
.comment-meta a,
.comment-awaiting-moderation,
.ping-meta {
  color: #a2a2a2;
}

.comment-meta {
  font-size: 0.8em;
}
.comment-meta cite.fn {
  font-size: 1.3em;
}

.comment-reply-link {
  color: #c74735;
}

.comment-form-comment {
  margin-top: 0;
}

#commentform {
  padding-top: 0;
  margin-top: 0;
}

#commentform #submit {
  font-size: 12px;
}

textarea#comment {
  height: 80px;
}

.comment-list .children {
  padding-left: 8%;
}

.comment-form-comment,
.form-submit {
  margin: 0;
}

.comment-content p:first-child {
  margin-top: 0;
}

.logged-in-as {
  margin: 10px 0;
}

.comment-navigation {
  margin-top: 50px;
  margin-bottom: 50px;
}
.comment-navigation .previous {
  float: left;
}
.comment-navigation .next {
  float: right;
}

/*------------------------------------------------------------------
	15. Sliders
*/
/* Sliders Layouts
-----------------------------------------------*/
.slider-background-tablet,
.slider-background-laptop,
.slider-background-desktop,
.slider-background-mobile,
.slider-background-default {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}

.slider-background-tablet,
.slider-background-laptop,
.slider-background-desktop,
.slider-background-mobile {
  margin: 0 auto 2em;
}

.slider-background-tablet {
  background-image: url(../images/slider-bg/tablet-bg.png);
  padding-top: 101px;
  padding-left: 102px;
  padding-right: 95px;
  padding-bottom: 0;
  max-width: 822px;
  margin-bottom: -0.5rem;
}
.slider-background-tablet .flexslider {
  margin-bottom: 0;
}
.slider-background-tablet .flexslider .flex-control-nav {
  top: 2.5rem;
  bottom: auto !important;
  right: 1.5rem;
  text-align: right;
}
.slider-background-tablet .flexslider .flex-control-nav li a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.slider-background-tablet .flexslider, .slider-background-tablet .flexslider img {
  max-width: 625px;
}

.slider-background-laptop {
  background-image: url(../images/slider-bg/laptop-bg.png);
  padding-top: 40px;
  padding-left: 116px;
  padding-right: 120px;
  padding-bottom: 73px;
  max-width: 912px;
}
.slider-background-laptop .flexslider, .slider-background-laptop .flexslider img {
  max-width: 676px;
}

.slider-background-desktop {
  background-image: url(../images/slider-bg/desktop-bg.png);
  padding-top: 41px;
  padding-left: 42px;
  padding-right: 44px;
  padding-bottom: 330px;
  max-width: 1007px;
  margin-bottom: -2rem;
}
.slider-background-desktop .flexslider, .slider-background-desktop .flexslider img {
  max-width: 922px;
}

.slider-background-mobile {
  background-image: url(../images/slider-bg/mobile-bg.png);
  padding-top: 95px;
  padding-left: 38px;
  padding-right: 37px;
  padding-bottom: 103px;
  max-width: 350px;
}
.slider-background-mobile .flexslider, .slider-background-mobile .flexslider img {
  max-width: 277px;
}
.slider-background-mobile .flex-direction-nav .flex-prev,
.slider-background-mobile .flex-direction-nav .flex-next {
  width: 30px;
  height: 60px;
  background-size: 30px 60px;
  margin-top: -30px;
}

/*------------------------------------------------------------------
	16. Gallery
*/
/* Gallery Format header slider
-----------------------------------------------*/
#gallery-header-slider-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#gallery-header-slider {
  height: 100%;
  width: 100%;
}
#gallery-header-slider .slides {
  height: 100%;
  width: 100%;
}
#gallery-header-slider .slides li {
  height: 100%;
  width: 100%;
}

/* Gallery Styles
-----------------------------------------------*/
/* Default gallery style */
.gallery {
  margin-bottom: 0;
  height: auto;
}
.gallery a {
  border: none !important;
}

.gallery ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gallery ul li {
  list-style-type: none;
  float: left;
}
.gallery ul li a {
  overflow: hidden;
}
.gallery ul li img {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.gallery ul li img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  opacity: 0.6;
}

dd.wp-caption-text.gallery-caption {
  display: none;
}

/*------------------------------------------------------------------
	17. Widgets
*/
.widget-title,
.widgettitle {
  border: none;
  font-size: 15px;
}

.widget a:not(.button):not(.wolf-button) {
  color: gray;
}
.widget a:not(.button):not(.wolf-button):hover {
  color: #c74735;
}
.widget .wolf-jplayer-playlist {
  margin-bottom: 0;
}
.widget ul {
  margin: 0;
  padding: 0;
  margin-left: 0;
}
.widget ul li {
  list-style-type: none;
  margin-left: 0;
}
.widget .wolf-flickr-img,
.widget .wolf-dribbble-img, .widget a img {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.widget .wolf-flickr-img:hover,
.widget .wolf-dribbble-img:hover, .widget a img:hover {
  opacity: .8;
}
.widget a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.widget p {
  margin-top: 0;
  margin-bottom: 1em;
}
.widget .tagcloud a {
  font-size: 15px !important;
}
.widget .tagcloud a:after {
  content: ",";
}

/* Last posts */
.widget_recent_entries ul li {
  margin-bottom: 10px;
}
.widget_recent_entries ul li a {
  font-size: 15px;
}
.widget_recent_entries .post-date {
  display: block;
  font-size: 12px;
}

.wolf_widget_recent_posts .widget-entry-title {
  font-size: 15px;
}

/* RSS widget */
.widget_rss .widget-title .rsswidget img {
  position: relative;
  top: 2px;
}
.widget_rss ul li {
  margin-bottom: 15px;
}
.widget_rss .rsswidget {
  font-weight: 700;
}

/* Sidebar and footer widget style */
#tertiary .widget-title,
#secondary .widget-title,
#secondary-woocommerce .widget-title {
  margin-top: 0;
}

#secondary .widget,
#secondary-woocommerce .widget {
  font-size: 1.5rem;
  margin-bottom: 2.5em;
}
#secondary .widget:last-child,
#secondary-woocommerce .widget:last-child {
  border-bottom: none !important;
}

.shortcode_widget.widget {
  font-size: 1.5rem;
  margin-bottom: 2.5em;
}

/*------------------------------------------------------------------
	18. Archives
*/
.post-archives h2 {
  font-size: 18px;
}
.post-archives .entry-content a {
  border: none !important;
  color: gray;
}
.post-archives .entry-content a:hover {
  color: #c74735;
}
.post-archives .most-used-tags {
  text-align: center;
  margin-top: 0.5rem;
}

.archives-search {
  margin-bottom: 3em;
}
.archives-search input[type="search"] {
  width: 95%;
  margin: 0 auto;
}

.archives-list .archives-row {
  padding-bottom: 40px;
}
.archives-list .archives-row ul {
  margin-top: 0;
  margin-left: 20px !important;
  margin-bottom: 0;
}

.tag-list {
  margin-bottom: 2em;
  display: block;
}

.tag-list li {
  list-style-type: none;
}

.tag-list ul {
  margin-left: 0 !important;
}

/*------------------------------------------------------------------
	19. Footer
*/
/* Music Network
-----------------------------------------------*/
.music-social-icons-container {
  text-align: center;
  padding: 2em 0;
  background: #333;
}

.wolf-music-social-icons {
  margin: 0 auto;
  width: 95%;
}

/* Footer Holder (not used)
-----------------------------------------------*/
.footer-holder {
  position: relative;
  z-index: 15;
  background: #444;
}

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

/* Footer Widget area
-----------------------------------------------*/
.sidebar-footer {
  padding: 4em 0 3em;
  padding-bottom: 0;
}
.sidebar-footer .widget {
  width: 100%;
  margin: 0;
  margin-bottom: 30px;
}
.sidebar-footer .widget:first-child {
  margin-left: 0 !important;
}
.sidebar-footer .widget:last-child {
  margin-right: 0 !important;
}
.sidebar-footer .widget input[type="submit"],
.sidebar-footer .widget input[type="text"],
.sidebar-footer .widget input[type="email"],
.sidebar-footer .widget input[type="search"],
.sidebar-footer .widget input[type="password"],
.sidebar-footer .widget input[name="post_password"] {
  width: 100% !important;
}
.sidebar-footer .wolf-twitter-widget ul.wolf-tweet-list li:before {
  color: #666;
}
.sidebar-footer .widget_text a {
  font-weight: 700;
}
.sidebar-footer .wolf-mailchimp-email {
  color: #FFF;
  background: none;
  border: 2px solid #464646;
}
.sidebar-footer .wolf-mailchimp-email:focus {
  border: 2px solid #c74735;
}
.sidebar-footer input[type='submit'].wolf-mailchimp-submit {
  border-color: #373737 !important;
  background: #373737 !important;
  color: #BCBCBC;
}
.sidebar-footer input[type='submit'].wolf-mailchimp-submit:hover {
  background: #c74735 !important;
  border-color: #c74735 !important;
  color: white !important;
}

/* Back to the top link
---------------------------------------*/
a#top-arrow {
  display: none;
  width: 45px;
  height: 45px;
  position: fixed;
  right: 100px;
  bottom: 30px;
  z-index: 9999;
  border-radius: 50px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  border: 2px solid #9d9d9d;
  color: #9d9d9d;
}
a#top-arrow:hover {
  color: #fff;
  background: #c74735;
  border: 2px solid #c74735;
}
a#top-arrow:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'dashicons';
  content: "\f343";
  font-weight: 400 !important;
  text-decoration: none !important;
  line-height: 1;
  top: 9px;
  left: 11px;
  font-size: 20px;
  position: absolute;
}

/* Footer
-----------------------------------------------*/
.site-footer {
  background: #262626;
  position: relative;
  z-index: 15;
  font-size: 13px;
  color: #f1f1f1;
}
.site-footer .widget-title {
  color: #FFF;
}
.site-footer.uncover {
  position: fixed;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.no-footer .site-footer,
.no-footer .music-social-icons-container {
  display: none;
}

.site-footer {
  padding: 0;
}
.site-footer a:hover {
  color: #c74735;
}

/* Copyright */
.site-infos {
  font-size: 1.1rem;
  padding: 1em 0;
}

#wpstats {
  display: block;
  margin: -10px auto 0 auto;
}

/*------------------------------------------------------------------
	20. Form
*/
/* Form
-----------------------------------------------*/
input[name=post_password],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
  border-radius: 3px;
  margin-top: 5px;
  padding: .7rem .9rem;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[name=post_password]:after, input[name=post_password]:before,
input[type=email]:after,
input[type=email]:before,
input[type=password]:after,
input[type=password]:before,
input[type=search]:after,
input[type=search]:before,
input[type=tel]:after,
input[type=tel]:before,
input[type=text]:after,
input[type=text]:before,
select:after,
select:before,
textarea:after,
textarea:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[name=post_password]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/*------------------------------------------------------------------
	21. Attachment
*/
.single-attachment #content {
  text-align: center;
  width: 92%;
  margin: 0 auto;
}

/*------------------------------------------------------------------
	22. 404
*/
.error404 #navbar-container,
.error404 #mobile-bar,
.error404 #side-menu-toggle,
.error404 .site-footer {
  display: none;
}

.error404 #page-content {
  background: no-repeat center center;
  background-size: 100%;
  background-size: cover;
}
.error404 #main {
  background: none;
}
.error404 #page {
  padding-top: 0;
}
.error404 #main {
  padding-top: 0;
  padding-bottom: 0;
}
.error404 #primary {
  width: 100%;
  height: 100%;
}
.error404 #content {
  width: 100%;
  height: 100%;
}
.error404 #content h1, .error404 #content h2 {
  font-size: 3em;
}
.error404 .post.error404 {
  background: none;
  width: 100%;
}

/* Boxed Layout
-----------------------------------------------*/
.box-layout:not(.is-vc-page) #page-content {
  background: #FFF;
}

.boxed-layout #page-content,
.boxed-layout .music-social-icons-container,
.boxed-layout .site-footer {
  max-width: 1200px;
  margin: 0 auto;
}
.boxed-layout .parallax-inner {
  max-width: 1200px;
}
.boxed-layout #navbar-container {
  max-width: 1200px;
  margin: 0 auto;
}
.boxed-layout.sticky-menu #navbar-container {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.boxed-layout.menu-transparent.has-header-image.show-title-area #navbar-container, .boxed-layout.menu-transparent.is-home-header #navbar-container, .boxed-layout.menu-semi-transparent.has-header-image.show-title-area #navbar-container, .boxed-layout.menu-semi-transparent.is-home-header #navbar-container {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.boxed-layout #navbar-container-right {
  z-index: 100 !important;
  display: block !important;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  -webkit-transform: translateX(260px);
  -ms-transform: translateX(260px);
  transform: translateX(260px);
}
.boxed-layout.toggled-side-on #navbar-container-right {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.boxed-layout .pusher,
.boxed-layout #navbar-container,
.boxed-layout #top-bar,
.boxed-layout #mobile-bar {
  left: 0 !important;
}
.boxed-layout a#top-arrow {
  border: 2px solid #fff;
  color: #fff;
}

.avatar {
  border-radius: 0;
}

.nav-menu .cart-menu-item > a:first-child:before,
.menu .cart-menu-item > a:first-child:before {
  font-family: 'theme-icons';
  content: "\e60a";
}

#navbar-container .nav-menu li.cart-menu-item .icon-cart:before {
  content: "\e60a";
}

textarea {
  height: 150px;
}

.is-ie #loading-overlay {
  display: none !important;
}

/*------------------------------------------------------------------
	23. Flexslider
*/
/* Custom Flexslider Styles
---------------------------------------*/
/* reset */
.flexslider {
  margin: 0 0 0;
  border: none;
  background: none;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*a{
  	border:none!important;
  }*/
}
.flexslider img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: none !important;
}
.flexslider img:hover {
  opacity: 1 !important;
}
.flexslider a:hover {
  opacity: 1 !important;
}
.flexslider ul, .flexslider ol {
  margin: 0 !important;
  padding: 0;
}
.flexslider ul.slides {
  max-width: none !important;
}
.flexslider ul.slides li {
  padding: 0 !important;
  margin-left: 0 !important;
  list-style-type: none !important;
  position: relative;
}
.flexslider .flex-caption {
  margin-top: 0 !important;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  max-width: 95%;
}

.flex-control-paging {
  max-width: none !important;
  z-index: 999;
  height: 0;
  bottom: 30px;
}
.flex-control-paging li a {
  background: white !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.flex-control-paging li a.flex-active {
  background: none !important;
  -webkit-box-shadow: 0 0 0 1px white;
  box-shadow: 0 0 0 1px white;
}

.flex-direction-nav {
  max-width: none !important;
}
.flex-direction-nav .flex-disabled {
  display: none;
}
.flex-direction-nav li {
  list-style-type: none;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
  height: 50px;
  width: 50px;
  color: rgba(0, 0, 0, 0.5);
}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
  color: #fff;
}

.format-gallery .wolf-gallery-slider .flex-control-nav {
  height: 30px;
}
.format-gallery .wolf-gallery-slider .flex-control-nav li a {
  width: 12px;
  height: 12px;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
}
.flex-direction-nav .flex-prev:before,
.flex-direction-nav .flex-next:before {
  display: none;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
  width: 30px;
  height: 60px;
  background-size: 30px 60px;
  margin-top: -30px;
  background-color: transparent !important;
  background-position: center center;
}
.flex-direction-nav .flex-next {
  background-image: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next.png");
}
.flex-direction-nav .flex-prev {
  background-image: url("../images/slider/big-slider-prev.png");
}

.flex-caption {
  display: block;
  position: absolute;
  top: 20px;
  padding: 0.5em 1em;
  font-size: 0.95em;
  background: #333;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

/*------------------------------------------------------------------
	24. Owl Carousel
*/
.owl-carousel img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.owl-carousel .owl-wrapper-outer {
  z-index: 1;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 40px;
  height: 80px;
  background-size: 40px 80px;
  background-repeat: no-repeat;
  margin-top: -40px;
}
.owl-prev:before,
.owl-next:before {
  display: none;
}

.owl-next {
  right: 0;
  background-color: transparent !important;
  background-image: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next-dark.png");
  background-position: center center;
}

.owl-prev {
  left: 0;
  background-color: transparent !important;
  background-image: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-prev-dark.png");
  background-position: center center;
}

.content-light-font .owl-next {
  background-image: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next.png");
}
.content-light-font .owl-prev {
  background-image: url("../images/slider/big-slider-prev.png");
}

.owl-carousel .owl-video-play-icon {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/owl/owl.video.play.png);
}

.owl-carousel .owl-video-wrapper {
  background: none !important;
}

.item-video {
  background: #000 no-repeat center center;
  background-size: 100%;
  background-size: cover;
}

.owl-video-tn {
  background: none !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.videos-carousel .owl-dots,
.testimonials-slider .owl-dots {
  z-index: 999;
  height: 0;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.videos-carousel .owl-dots .owl-video-tn,
.testimonials-slider .owl-dots .owl-video-tn {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.videos-carousel .owl-dots .owl-dot,
.testimonials-slider .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  margin: 0 6px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #333333 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.videos-carousel .owl-dots .owl-dot.active,
.testimonials-slider .owl-dots .owl-dot.active {
  background: none !important;
  -webkit-box-shadow: 0 0 0 1px #333;
  box-shadow: 0 0 0 1px #333;
}
.videos-carousel .owl-next,
.testimonials-slider .owl-next {
  background-image: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next-dark.png");
}
.videos-carousel .owl-prev,
.testimonials-slider .owl-prev {
  background-image: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-prev-dark.png");
}

.wolf-albums .vertical-carousel .owl-next {
  background-image: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next.png");
}
.wolf-albums .vertical-carousel .owl-prev {
  background-image: url("../images/slider/big-slider-prev.png");
}

/*------------------------------------------------------------------
	25. Fancybox
*/
.fancybox-skin {
  padding: 0 !important;
}

.fancybox-close {
  background-image: url("../images/fancybox/close.png");
  background-position: center center;
  background-repeat: no-repeat;
  right: 0;
  top: 0;
  background-color: #393939;
  height: 54px;
  width: 54px;
  background-size: 15px 15px;
}

.fancybox-prev span {
  background-image: url("../images/fancybox/left.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #393939;
  height: 54px;
  width: 54px;
  background-size: 12px 20px;
}

.fancybox-next span {
  background-image: url("../images/fancybox/right.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #393939;
  height: 54px;
  width: 54px;
  background-size: 12px 20px;
}

#fancybox-loading div {
  background-image: url("../images/fancybox/fancybox_loading.gif");
}

.fancybox-nav {
  background: transparent url("../images/fancybox/blank.gif");
  /* helps IE */
}

.fancybox-overlay {
  background: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/fancybox/fancybox_overlay.png");
}

.fancybox-nav {
  height: 60%;
  margin-top: 16%;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .fancybox-close {
    background-size: 15px 15px;
  }

  .fancybox-prev span, .fancybox-next span {
    background-size: 12px 20px;
  }

  #fancybox-loading div {
    background-image: url("../images/fancybox/fancybox_loading-2x.jpg");
  }
}
/*------------------------------------------------------------------
	26. Swipebox
*/
#swipebox-slider .slide-loading {
  background-image: url("../images/swipebox/loader.gif") !important;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/swipebox/icons.png") !important;
}

body.svg #swipebox-prev,
body.svg #swipebox-next,
body.svg #swipebox-close {
  background-image: url("../images/swipebox/icons.svg") !important;
}

#swipebox-slider .slide .swipebox-video-container {
  max-width: none;
  max-width: calc(100%-20px);
  padding: 0;
}

/*------------------------------------------------------------------
	27. Shortcodes
*/
/* Posts
-----------------------------------------------*/
.hide-category .categories-links,
.hide-category .tags-links,
.hide-category .post-square-caption .category {
  display: none;
}

.hide-date .posted-on {
  display: none;
}

.hide-author .by-author {
  display: none;
}

/* Icon Box
-----------------------------------------------*/
/*  Icons
-----------------------------------------------*/
.icon-box {
  margin: 3em auto;
}
.icon-box .icon-title {
  font-size: 18px;
  line-height: 1.1;
}
.icon-box p {
  margin: 0 auto;
  font-size: 13px;
  max-width: 450px;
}
.icon-box .text-danger {
  color: #a94442;
}
.icon-box.icon-type-circle .wolf-icon-no-custom-style.hover-fill-in, .icon-box.icon-type-square .wolf-icon-no-custom-style.hover-fill-in {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  background: none;
  border: none;
  -webkit-box-shadow: inset 0 0 0 2px gray;
  box-shadow: inset 0 0 0 2px gray;
  color: gray;
}
.icon-box.icon-type-circle .wolf-icon-no-custom-style.hover-fill-in:hover, .icon-box.icon-type-square .wolf-icon-no-custom-style.hover-fill-in:hover {
  -webkit-box-shadow: inset 0 0 0 1em #c74735;
  box-shadow: inset 0 0 0 1em #c74735;
  background: none;
  border-color: #c74735;
  color: #f7f7f7;
}
.icon-box.icon-type-circle .wolf-icon-no-custom-style.hover-none, .icon-box.icon-type-square .wolf-icon-no-custom-style.hover-none {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border: 2px solid gray;
}
.icon-box.icon-type-circle .wolf-icon-no-custom-style.hover-none:hover, .icon-box.icon-type-square .wolf-icon-no-custom-style.hover-none:hover {
  border-color: #c74735;
  background: #c74735;
  color: #FFF;
}
.icon-box.icon-type-circle .wolf-icon-no-custom-style.hover-none:hover a, .icon-box.icon-type-square .wolf-icon-no-custom-style.hover-none:hover a {
  color: #FFF;
}
.icon-box.icon-type-circle .wolf-icon-custom-style, .icon-box.icon-type-square .wolf-icon-custom-style {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border: 2px solid gray;
}
.icon-box.icon-type-circle .fa-stack {
  border-radius: 99em;
}
.icon-box.icon-type-square .fa-stack {
  border-radius: 3px;
}
.icon-box.icon-position-top {
  text-align: center;
}
.icon-box.icon-position-top .fa-stack {
  margin-bottom: 35px;
}
.icon-box.icon-position-left .icon-holder {
  float: left;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.icon-box.icon-position-left p {
  margin-left: 0;
}
.icon-box.icon-position-left.icon-type-normal.icon-box-tiny .icon-text-holder {
  padding-left: 48px;
}
.icon-box.icon-position-left.icon-type-normal.icon-box-small .icon-text-holder {
  padding-left: 60px;
}
.icon-box.icon-position-left.icon-type-normal.icon-box-medium .icon-text-holder {
  padding-left: 85px;
}
.icon-box.icon-position-left.icon-type-normal.icon-box-large .icon-text-holder {
  padding-left: 90px;
}
.icon-box.icon-position-left.icon-type-normal.icon-box-very-large .icon-text-holder {
  padding-left: 120px;
}
.icon-box.icon-position-left.icon-type-circle.icon-box-tiny .icon-text-holder, .icon-box.icon-position-left.icon-type-square.icon-box-tiny .icon-text-holder {
  padding-left: 70px;
}
.icon-box.icon-position-left.icon-type-circle.icon-box-small .icon-text-holder, .icon-box.icon-position-left.icon-type-square.icon-box-small .icon-text-holder {
  padding-left: 90px;
}
.icon-box.icon-position-left.icon-type-circle.icon-box-medium .icon-text-holder, .icon-box.icon-position-left.icon-type-square.icon-box-medium .icon-text-holder {
  padding-left: 130px;
}
.icon-box.icon-position-left.icon-type-circle.icon-box-large .icon-text-holder, .icon-box.icon-position-left.icon-type-square.icon-box-large .icon-text-holder {
  padding-left: 160px;
}
.icon-box.icon-position-left.icon-type-circle.icon-box-very-large .icon-text-holder, .icon-box.icon-position-left.icon-type-square.icon-box-very-large .icon-text-holder {
  padding-left: 190px;
}
.icon-box.icon-position-right .icon-holder {
  float: right;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.icon-box.icon-position-right p {
  float: right;
}
.icon-box.icon-position-right.icon-type-normal.icon-box-tiny .icon-text-holder {
  padding-right: 48px;
}
.icon-box.icon-position-right.icon-type-normal.icon-box-small .icon-text-holder {
  padding-right: 60px;
}
.icon-box.icon-position-right.icon-type-normal.icon-box-medium .icon-text-holder {
  padding-right: 85px;
}
.icon-box.icon-position-right.icon-type-normal.icon-box-large .icon-text-holder {
  padding-right: 90px;
}
.icon-box.icon-position-right.icon-type-normal.icon-box-very-large .icon-text-holder {
  padding-right: 120px;
}
.icon-box.icon-position-right.icon-type-circle.icon-box-tiny .icon-text-holder, .icon-box.icon-position-right.icon-type-square.icon-box-tiny .icon-text-holder {
  padding-right: 70px;
}
.icon-box.icon-position-right.icon-type-circle.icon-box-small .icon-text-holder, .icon-box.icon-position-right.icon-type-square.icon-box-small .icon-text-holder {
  padding-right: 90px;
}
.icon-box.icon-position-right.icon-type-circle.icon-box-medium .icon-text-holder, .icon-box.icon-position-right.icon-type-square.icon-box-medium .icon-text-holder {
  padding-right: 130px;
}
.icon-box.icon-position-right.icon-type-circle.icon-box-large .icon-text-holder, .icon-box.icon-position-right.icon-type-square.icon-box-large .icon-text-holder {
  padding-right: 160px;
}
.icon-box.icon-position-right.icon-type-circle.icon-box-very-large .icon-text-holder, .icon-box.icon-position-right.icon-type-square.icon-box-very-large .icon-text-holder {
  padding-right: 190px;
}
.icon-box.icon-position-right .icon-text-holder {
  text-align: right;
}
.icon-box.icon-position-left_from_title .icon-title-holder {
  display: table;
}
.icon-box.icon-position-left_from_title p {
  margin-left: 0;
}
.icon-box.icon-position-left_from_title .icon-holder,
.icon-box.icon-position-left_from_title .icon-title {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  float: none;
}
.icon-box.icon-position-left_from_title .icon-holder {
  padding-right: 15px;
  width: auto !important;
}
.icon-box.icon-position-right_from_title p {
  clear: both;
  text-align: right;
  float: right;
}
.icon-box.icon-position-right_from_title .icon-title-holder {
  float: right;
  display: table;
}
.icon-box.icon-position-right_from_title .icon-holder,
.icon-box.icon-position-right_from_title .icon-title {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  float: none;
}
.icon-box.icon-position-right_from_title .icon-holder {
  padding-left: 15px;
  width: auto !important;
}
.icon-box.icon-position-right_from_title.icon-type-circle .icon-title-holder, .icon-box.icon-position-right_from_title.icon-type-square .icon-title-holder, .icon-box.icon-position-left_from_title.icon-type-circle .icon-title-holder, .icon-box.icon-position-left_from_title.icon-type-square .icon-title-holder {
  margin-bottom: 1em;
}

.content-light-font .icon-box.icon-type-circle.icon-default-style .fa-stack,
.content-light-font .icon-box.icon-type-square.icon-default-style .fa-stack {
  border-color: #fff !important;
}
.content-light-font .icon-box.icon-type-circle.icon-default-style .fa-stack:hover,
.content-light-font .icon-box.icon-type-square.icon-default-style .fa-stack:hover {
  border-color: #c74735 !important;
}

/* Icon adjustment */
.icon-box .fa-stack-1x.line-icon-paperplane, .icon-box .fa-stack-2x.line-icon-paperplane, .icon-box .fa-stack-3x.line-icon-paperplane, .icon-box .fa-stack-3x.line-icon-paperplane {
  left: -3px;
}
.icon-box .fa-stack-1x.line-icon-like, .icon-box .fa-stack-2x.line-icon-like, .icon-box .fa-stack-3x.line-icon-like, .icon-box .fa-stack-3x.line-icon-like {
  top: -4px;
}

/* Button
-----------------------------------------------*/
.wolf-button, .trigger {
  display: block;
  outline: none;
  -webkit-transition: background-color .1s ease;
  transition: background-color .1s ease;
  line-height: 2.5;
  margin: 10px 5px;
  padding: 0 19px;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #c74735;
  border: 3px solid #c74735;
  border-radius: 3px;
  color: #f7f7f7;
}
.wolf-button:hover, .trigger:hover {
  background: none;
  color: #c74735;
}
.wolf-button.icon_before .fa, .icon_before.trigger .fa {
  margin-right: 8px;
}
.wolf-button.icon_after .fa, .icon_after.trigger .fa {
  margin-left: 8px;
}

.wolf-button-tagline {
  display: block;
  margin: 0;
  margin-top: 0;
  padding: 0;
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
}

.wolf-button.has-tagline, .has-tagline.trigger {
  line-height: 2.2;
}
.wolf-button.has-tagline .wolf-button-tagline, .has-tagline.trigger .wolf-button-tagline {
  position: relative;
  top: -4px;
  padding-bottom: 8px;
}

.wolf-button.small, .small.trigger {
  font-size: 11px;
  border-width: 1px;
}
.wolf-button.small .wolf-button-tagline, .small.trigger .wolf-button-tagline {
  font-size: 10px;
}

.wolf-button.large, .large.trigger {
  font-size: 18px;
}
.wolf-button.large span.wolf-button-tagline, .large.trigger span.wolf-button-tagline {
  font-size: 12px;
}

.wolf-button.very-large, .very-large.trigger {
  border-width: 3px;
  display: block !important;
  width: 100% !important;
  font-size: 20px;
  margin: 0;
  padding: 1.5em 2em;
  font-weight: 700;
}
.wolf-button.very-large span.wolf-button-tagline, .very-large.trigger span.wolf-button-tagline {
  font-weight: 400;
  font-size: 13px;
}

.wolf-button.round, .round.trigger {
  -o-border-radius: 35px;
  border-radius: 35px;
}

.border-button {
  background: none !important;
  color: #333333 !important;
  border-color: #333333 !important;
}
.border-button:hover {
  border-color: #333333 !important;
  background: #333333 !important;
  color: #f7f7f7 !important;
}

.border-button-accent-hover {
  background: none !important;
  color: #333333 !important;
  border-color: #333333 !important;
}
.border-button-accent-hover:hover {
  border-color: #333333 !important;
  background: #333333 !important;
  color: #f7f7f7 !important;
}
.border-button-accent-hover:hover {
  background: #c74735 !important;
  border-color: #c74735 !important;
}

.accent-color-bnw:hover {
  border-color: #333;
  color: #333333 !important;
}

.content-light-font .accent-color-bnw:hover {
  border-color: #f7f7f7;
  color: #f7f7f7 !important;
}

.accent-color-to-white:hover {
  border-color: #f7f7f7;
  color: #f7f7f7 !important;
}

.white-to-accent {
  background: none !important;
  color: #f7f7f7 !important;
  border-color: #f7f7f7 !important;
}
.white-to-accent:hover {
  border-color: #f7f7f7 !important;
  background: #f7f7f7 !important;
  color: #f7f7f7 !important;
}
.white-to-accent:hover {
  background: #c74735 !important;
  border-color: #c74735 !important;
}

.content-light-font .border-button {
  background: none !important;
  color: #f7f7f7 !important;
  border-color: #f7f7f7 !important;
}
.content-light-font .border-button:hover {
  border-color: #f7f7f7 !important;
  background: #f7f7f7 !important;
  color: #f7f7f7 !important;
}
.content-light-font .border-button:hover {
  color: #333333 !important;
}
.content-light-font .border-button-accent-hover {
  background: none !important;
  color: #f7f7f7 !important;
  border-color: #f7f7f7 !important;
}
.content-light-font .border-button-accent-hover:hover {
  border-color: #f7f7f7 !important;
  background: #f7f7f7 !important;
  color: #f7f7f7 !important;
}
.content-light-font .border-button-accent-hover:hover {
  background: #c74735 !important;
  border-color: #c74735 !important;
}

.buttons-container {
  margin-top: 1em;
  margin-bottom: 0;
  display: block;
}
.buttons-container.text-left {
  text-align: left;
}
.buttons-container.text-left .wolf-button, .buttons-container.text-left .trigger {
  margin-left: 0;
  margin-right: 10px;
}
.buttons-container.text-center {
  text-align: center;
}
.buttons-container.text-right {
  text-align: right;
}
.buttons-container.text-right .wolf-button, .buttons-container.text-right .trigger {
  margin-right: 0;
  margin-left: 10px;
}
.buttons-container.very-large-button-container {
  margin-top: 0;
  display: inline;
}

.trigger-container {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.trigger {
  margin: 15px auto;
  position: relative;
  font-size: 13px;
  width: 100%;
  cursor: pointer;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  background-color: #c74735 !important;
}
.trigger a {
  color: #f7f7f7;
}
.trigger:hover {
  opacity: 0.8;
}

.trigger-loading .trigger-spinner {
  position: absolute;
  top: 6px;
  right: 25px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  margin-left: 5px;
  background-color: #f7f7f7;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
  opacity: 1 !important;
}

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

/* Call to action
-----------------------------------------------*/
.call-to-action {
  text-align: center;
  padding: 2.5em 0 2.5em;
}
.call-to-action p {
  margin-top: 0;
  margin-bottom: 0;
}
.call-to-action h4 {
  font-size: 24px;
}
.call-to-action h2, .call-to-action h3, .call-to-action h4, .call-to-action h5, .call-to-action h6 {
  line-height: 1;
  margin-bottom: 0;
}
.call-to-action a.wolf-button, .call-to-action a.trigger {
  display: inline-block;
}

.call-to-action-text {
  margin-bottom: 25px;
}

/* Alerts
-----------------------------------------------*/
.wolf-alert {
  width: 100%;
  padding: 0;
  position: relative;
  text-shadow: none !important;
  line-height: 1.5;
  font-size: 14px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0.2em 2em;
  margin-bottom: 1em;
}
.wolf-alert a {
  text-decoration: underline !important;
  font-weight: 700;
  opacity: 1 !important;
  border: none !important;
}
.wolf-alert .fa {
  margin-right: 15px;
}
.wolf-alert .wolf-alert-close {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 3px;
  width: 12px;
  height: 15px;
  display: inline-block;
  font-size: 100%;
  text-decoration: none !important;
  font-weight: 700 !important;
  line-height: 1.5;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
}
.wolf-alert.info {
  color: #001c25;
  border: 1px solid #00a2d7 !important;
  background-color: #beefff;
}
.wolf-alert.info a, .wolf-alert.info a:hover, .wolf-alert.info strong, .wolf-alert.info span {
  color: #001c25 !important;
}
.wolf-alert.alert {
  color: #3d3100;
  border: 1px solid #f0c100 !important;
  background-color: #fff7d6;
}
.wolf-alert.alert a, .wolf-alert.alert a:hover, .wolf-alert.alert strong, .wolf-alert.alert span {
  color: #3d3100 !important;
}
.wolf-alert.success, .woocommerce-message, .woocommerce-info,
.woocommerce-error {
  color: #223602;
  border: 1px solid #8fe00a !important;
  background-color: #edfdd3;
}
.wolf-alert.success a, .woocommerce-message a, .woocommerce-info a,
.woocommerce-error a, .wolf-alert.success a:hover, .woocommerce-message a:hover, .woocommerce-info a:hover,
.woocommerce-error a:hover, .wolf-alert.success strong, .woocommerce-message strong, .woocommerce-info strong,
.woocommerce-error strong, .wolf-alert.success span, .woocommerce-message span, .woocommerce-info span,
.woocommerce-error span {
  color: #223602 !important;
}
.wolf-alert.error, .woocommerce-error {
  color: #4a0800;
  border: 1px solid #fc1b00 !important;
  background-color: #ffe6e3;
}
.wolf-alert.error a, .woocommerce-error a, .wolf-alert.error a:hover, .woocommerce-error a:hover, .wolf-alert.error strong, .woocommerce-error strong, .wolf-alert.error span, .woocommerce-error span {
  color: #4a0800 !important;
}

/* Highlighted text
-----------------------------------------------*/
.wolf-highlight, span.wolf-highlight-white, span.wolf-highlight-black, span.wolf-highlight-yellow, span.wolf-highlight-red, span.wolf-highlight-green {
  text-shadow: none;
  display: inline-block;
  padding: 0 5px;
  line-height: 1.3em;
  color: white !important;
}

/* White : #fff */
span.wolf-highlight-white {
  background-color: white !important;
}

/* Black : #000 */
span.wolf-highlight-black {
  background-color: black !important;
}

/* Yellow : #ff0 */
span.wolf-highlight-yellow {
  background-color: yellow !important;
  color: #333333 !important;
}

/* Red : #D45554; */
span.wolf-highlight-red {
  background-color: #d45554 !important;
}

/* Green : #327627; */
span.wolf-highlight-green {
  background-color: #327627 !important;
}

/* Holder
-----------------------------------------------*/
.holder-element {
  width: 100%;
}
.holder-element .wolf-images-slider-container {
  margin-bottom: 0 !important;
}

.holder-element-inner {
  margin: 0 auto;
}

.holder-content-text {
  padding: 3em 0;
}

.holder-content-media img, .holder-content-media iframe {
  width: 100%;
}

.holder-content-text .holder-element-inner {
  width: 92%;
  margin: 0 auto 1.6em;
}

/* Pricing Tables
-----------------------------------------------*/
.pricing-tables {
  margin: 50px auto;
}

.pricing-table-inner {
  color: gray;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  padding: 0.5em;
}
.pricing-table-inner p {
  margin: 0 0 0 0;
  height: 0;
  line-height: 0;
}
.pricing-table-inner ul {
  margin: 0 !important;
}
.pricing-table-inner ul li {
  width: 100%;
  position: relative;
  list-style-type: none !important;
  font-size: 15px;
  background: #fff;
  padding: 1.8em 1em;
  text-align: center;
}
.pricing-table-inner ul li:nth-child(odd) {
  background: #f2f2f2;
}
.pricing-table-inner ul li.pricing-table-title-cell {
  vertical-align: middle;
  background: #898989;
  color: #FFF;
}
.pricing-table-inner ul li.pricing-table-title-cell .pricing-table-title {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1;
  color: #FFF;
}
.pricing-table-inner ul li.pricing-table-button {
  padding: 0;
}
.pricing-table-inner ul li.pricing-table-button a {
  display: block;
  background: #b3b3b3;
  color: #fff;
  padding: 30px;
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: background .2s linear;
  transition: background .2s linear;
}
.pricing-table-inner ul li.pricing-table-button a:hover {
  background: #c74735;
}

.pricing-table-tagline {
  font-size: 13px;
  display: block;
  padding: 0 10px;
  margin-top: 10px;
  line-height: 1.1;
}

.pricing-table-active {
  position: relative;
  z-index: 99;
  margin-top: 45px;
}
.pricing-table-active ul li.pricing-table-button a {
  background: #c74735;
  -webkit-transition: -webkit-transform .05s linear;
  transition: transform .05s linear;
}
.pricing-table-active ul li.pricing-table-button a:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.pricing-table-featured {
  position: absolute;
  width: 100%;
  height: 35px;
  line-height: 35px;
  background: #c74735;
  color: #FFF;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  left: 0;
  top: -35px;
}
.pricing-table-featured span {
  text-align: center;
}

.pricing-table-price,
.pricing-table-currency {
  color: #c74735 !important;
}

.pricing-table-price {
  font-size: 64px;
  font-weight: 700;
}

.pricing-table-currency {
  font-size: 32px;
  position: relative;
  top: -3px;
}

.pricing-table-price-period {
  display: block;
  font-size: 18px;
  margin-top: -25px;
}

.pricing-table-price-strike {
  font-weight: 700;
  margin-right: 10px;
  position: relative;
  font-size: 16px;
}
.pricing-table-price-strike:before {
  content: ' ';
  background: #c74735;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  height: 4px;
  width: 100%;
  opacity: 0.8;
}

/* Zero counter
-----------------------------------------------*/
.counter-icon-container {
  width: 100%;
  display: block;
  text-align: center;
  color: #333;
}

.counter,
.counter-text {
  display: block;
  text-align: center;
  color: #333;
}

.counter {
  line-height: 1.5;
  font-size: 32px;
}

.counter-text {
  font-size: 14px;
}

/* Team Member
-----------------------------------------------*/
.team-member-container {
  padding: 0.5em;
}
.team-member-container.round img {
  border-radius: 50%;
}

.team-member-photo {
  margin-bottom: 1em;
}

.team-member-name {
  font-size: 18px;
  margin-bottom: 0 !important;
}

.team-member-role {
  font-size: 16px;
  font-weight: 400;
}

.team-member-tagline {
  font-size: 13px;
}

.team-member-social-container {
  text-align: center;
  margin-top: 20px;
}
.team-member-social-container a {
  margin: 0 8px;
  color: gray;
  font-size: 18px;
}
.team-member-social-container a:hover {
  color: #c74735;
}

.team-member-container.text-left .team-member-social-container {
  text-align: left;
}
.team-member-container.text-right .team-member-social-container {
  text-align: right;
}

/* Services table
-----------------------------------------------*/
.services-table {
  background: #FFF;
  text-align: center;
  padding: 0.5em;
  padding-top: 1.5em;
  padding-bottom: 2em;
}
.services-table ul {
  margin: 0 !important;
}
.services-table ul li {
  list-style-type: none !important;
  padding: 0.5em;
}
.services-table ul li.service-title-container {
  border: none !important;
}
.services-table ul li.service-title-icon {
  border: none !important;
}

.service-title {
  font-size: 18px;
}

/* Testimonials
-----------------------------------------------*/
.testimonials-container {
  max-width: 960px;
  margin: 20px auto;
}
.testimonials-container .owl-next {
  right: -10px !important;
}
.testimonials-container .owl-prev {
  left: -10px !important;
}
.testimonials-container .owl-next,
.testimonials-container .owl-prev {
  width: 30px;
  height: 60px;
  background-size: 30px 60px;
  background-repeat: no-repeat;
  margin-top: -30px;
}

.testimonal-container {
  display: block;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 2em;
}

blockquote.testimonial-content {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  padding: 0;
  font-weight: 400;
  display: block;
  width: 100%;
  font-size: 18px;
  font-style: normal;
}
blockquote.testimonial-content:before, blockquote.testimonial-content:after {
  display: none;
}

cite.testimonial-cite {
  margin-top: 20px;
  font-weight: 400;
  font-size: 13px;
  width: 100%;
}

.testimonial-avatar {
  display: block;
  width: 80px;
  margin: 0 auto 30px;
}
.testimonial-avatar img {
  border-radius: 80px;
  width: 80px;
  height: 80px;
}

/* Dropcap
-----------------------------------------------*/
.dropcap {
  display: inline-block;
  line-height: 1.5;
  float: left;
  font-size: 48px;
  font-weight: 700;
  margin-right: -4px;
}

/* Social Icons
-----------------------------------------------*/
.theme-socials-container {
  margin: 0 auto;
  max-width: 92%;
  text-align: center;
  padding: 1em 0;
}
.theme-socials-container a {
  display: inline-block;
}

.wolf-social {
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: gray;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 8px;
  padding: 1em 0.8em;
}
.wolf-social:before {
  speak: none;
  line-height: 1;
  display: inline-block;
  margin-top: -0.5em;
  margin-left: -1em;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
}
.wolf-social:hover {
  opacity: 1;
  color: #c74735;
}
.wolf-social.square, .wolf-social.circle {
  margin: .1em .5em .5em;
  padding: 1em;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
  border-style: solid;
  border-width: 2px;
}
.wolf-social.circle {
  border-radius: 50%;
}
.wolf-social.square {
  border-radius: 3px;
}
.wolf-social.square, .wolf-social.circle {
  border-color: gray;
  color: gray;
}
.wolf-social.square:hover, .wolf-social.circle:hover {
  background: #c74735;
  border-color: #c74735;
  color: #f7f7f7;
}
.wolf-social.square.wolf-social-no-custom-style.hover-fill-in, .wolf-social.circle.wolf-social-no-custom-style.hover-fill-in {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  background: none;
  border: none;
  -webkit-box-shadow: inset 0 0 0 2px gray;
  box-shadow: inset 0 0 0 2px gray;
  color: gray;
}
.wolf-social.square.wolf-social-no-custom-style.hover-fill-in:hover, .wolf-social.circle.wolf-social-no-custom-style.hover-fill-in:hover {
  -webkit-box-shadow: inset 0 0 0 1em #c74735;
  box-shadow: inset 0 0 0 1em #c74735;
  background: none;
  border-color: #c74735;
  color: #f7f7f7;
}

.wolf-social-2x {
  font-size: 24px;
}

.wolf-social-3x {
  font-size: 32px;
}

.wolf-social-4x {
  font-size: 48px;
}

/* Icon adjustment */
.wolf-social.circle.fa-facebook:before,
.wolf-social.square.fa-facebook:before {
  left: 47%;
  top: 51%;
}
.wolf-social.circle.ti-forrst:before,
.wolf-social.square.ti-forrst:before {
  left: 52%;
}
.wolf-social.circle.ti-foursquare:before,
.wolf-social.square.ti-foursquare:before {
  left: 47%;
}
.wolf-social.circle.fa-tumblr:before,
.wolf-social.square.fa-tumblr:before {
  left: 47%;
}
.wolf-social.circle.fa-skype:before,
.wolf-social.square.fa-skype:before {
  left: 48%;
}

/* Image Gallery
-----------------------------------------------*/
/* Images Gallery
---------------------------------------*/
.wolf-images-gallery {
  position: relative;
}
.wolf-images-gallery.padding .block {
  padding: 6px 6px;
}
.wolf-images-gallery .image-item {
  display: block;
}
.wolf-images-gallery .image-item img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

/*.carousel-mosaic-gallery{
	.image-item{
		@extend .grab;
	}
}*/
.carousel-mosaic-gallery,
.mosaic-gallery {
  background: #000;
}
.carousel-mosaic-gallery .image-item,
.mosaic-gallery .image-item {
  float: left;
  position: relative;
  overflow: hidden;
}
.carousel-mosaic-gallery .image-item img,
.mosaic-gallery .image-item img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}
.carousel-mosaic-gallery .image-item:before,
.mosaic-gallery .image-item:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.carousel-mosaic-gallery .image-item:nth-child(6n+1), .carousel-mosaic-gallery .image-item:nth-child(6n+2), .carousel-mosaic-gallery .image-item:nth-child(6n+6),
.mosaic-gallery .image-item:nth-child(6n+1),
.mosaic-gallery .image-item:nth-child(6n+2),
.mosaic-gallery .image-item:nth-child(6n+6) {
  width: 50%;
}
.carousel-mosaic-gallery .image-item:nth-child(6n+3), .carousel-mosaic-gallery .image-item:nth-child(6n+4), .carousel-mosaic-gallery .image-item:nth-child(6n+5),
.mosaic-gallery .image-item:nth-child(6n+3),
.mosaic-gallery .image-item:nth-child(6n+4),
.mosaic-gallery .image-item:nth-child(6n+5) {
  width: 25%;
}
.carousel-mosaic-gallery .image-item:nth-child(6n+5), .carousel-mosaic-gallery .image-item:nth-child(6n+6),
.mosaic-gallery .image-item:nth-child(6n+5),
.mosaic-gallery .image-item:nth-child(6n+6) {
  margin-top: -25%;
}
.carousel-mosaic-gallery .image-item:nth-child(6n+6),
.mosaic-gallery .image-item:nth-child(6n+6) {
  margin-left: 25%;
}

.simple-gallery img {
  width: 100%;
}

/* Mailchimp
-----------------------------------------------*/
.wolf-mailchimp-form {
  margin: 30px auto;
}
.wolf-mailchimp-form.wolf-mailchimp-align-left {
  margin-left: 0;
}
.wolf-mailchimp-form.wolf-mailchimp-align-right {
  margin-right: 0;
}
.wolf-mailchimp-form .wolf-mailchimp-email {
  padding: 4px 6px 8px;
}
.wolf-mailchimp-form .mailchimp-title {
  text-align: center;
  font-size: 18px;
}
.wolf-mailchimp-form .wolf-mailchimp-submit {
  /*background: $accent!important;
  border-color:$accent!important;
  color: #FFF!important;
  
  &:hover{
  	background: none!important;
  	border-color:#333!important;
  	color: #333!important;
  }*/
}

.wolf-mailchimp-result {
  opacity: 0;
}

.widget-content .wolf-mailchimp-form {
  margin-top: 0;
}

.widget-content .wolf-mailchimp-form .widget-title {
  text-align: left;
}

.content-light-font .wolf-mailchimp-submit {
  /*border-color:$accent!important;
  
  &:hover{
  	border-color:#fff!important;
  	color: #fff!important;
  }*/
}

/* Single Image
-----------------------------------------------*/
.wolf-single-image .image-item {
  display: block;
}
.wolf-single-image .image-item img {
  vertical-align: bottom;
}
.wolf-single-image.shadow img {
  -webkit-box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}
.wolf-single-image.round img {
  border-radius: 50%;
}

/* Linked Image
-----------------------------------------------*/
.wolf-linked-image {
  position: relative;
}
.wolf-linked-image .image-item {
  margin-bottom: -1px;
  position: relative;
  display: block;
}
.wolf-linked-image .image-item img {
  vertical-align: bottom;
}
.wolf-linked-image.shadow img {
  -webkit-box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.2);
}
.wolf-linked-image .wolf-linked-image-overlay {
  z-index: 0;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
.wolf-linked-image .wolf-linked-image-caption-container {
  z-index: 1;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.wolf-linked-image .wolf-linked-image-caption-table {
  display: table;
  width: 100%;
  height: 100%;
}
.wolf-linked-image .wolf-linked-image-caption-table-cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 8%;
}
.wolf-linked-image .wolf-linked-image-secondary-text,
.wolf-linked-image .wolf-linked-image-caption {
  display: block;
  width: 100%;
}

/* Client Carousel
-----------------------------------------------*/
.clients-carousel .owl-prev {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-prev-dark.png);
}
.clients-carousel .owl-next {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next-dark.png);
}
.clients-carousel a img {
  padding: 15px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.content-light-font .clients-carousel .owl-prev {
  background-image: url(../images/slider/big-slider-prev.png);
}
.content-light-font .clients-carousel .owl-next {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next.png);
}

/* Countdown
-----------------------------------------------*/
.countdown-container {
  margin: 30px auto;
  -webkit-transition: opacity .5s linear .3s;
  transition: opacity .5s linear .3s;
  opacity: 0;
}

.countdown {
  color: #333333 !important;
}

.countdown-rtl {
  direction: rtl;
}

.countdown-show4 {
  list-style: none;
  text-align: center;
  display: block;
  width: 100%;
}

.countdown-section {
  list-style-type: none;
  float: left;
  width: 25%;
}

.countdown-amount {
  font-size: 48px;
}

.countdown-period {
  display: block;
}

.countdown-descr {
  display: block;
  width: 100%;
}

.loaded .countdown-container {
  opacity: 1;
}

/* Process
-----------------------------------------------*/
.process-container {
  margin-top: 30px;
  margin-bottom: 30px !important;
}
.process-container.no-line ul.process-list:before {
  display: none !important;
}

ul.process-list {
  list-type: none;
  display: table;
  margin-left: 0 !important;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.process-list li {
  padding: 0 1.5em 1.5em;
  margin-bottom: 20px;
  text-align: center;
  list-style-type: none;
  display: table-cell;
  display: block;
}
ul.process-list li .icon-box {
  margin-bottom: 0;
}

.process-title {
  font-size: 18px;
  margin-bottom: 0;
}

.process-text {
  font-size: 13px;
  max-width: 450px;
  margin: 0 auto;
}

/* Videos Carousel
-----------------------------------------------*/
.videos-carousel {
  margin-bottom: 2rem;
}
.videos-carousel .owl-theme .owl-controls {
  margin-top: 10px;
}
.videos-carousel .item-video {
  height: 318px;
}

/* Single Video
-----------------------------------------------*/
.wolf-video-container .fluid-video {
  margin-bottom: 0;
}

/*------------------------------------------------------------------
	28. Revslider
*/
/*------------------------------------------------------------------
	29. Visual Composer
*/
.wpb_content_element.wpb_single_image img {
  vertical-align: middle;
}

.wpb_row,
.wpb_content_element {
  margin-bottom: 0 !important;
}

/* Custom Row
------------------------------*/
.section-full-screen {
  display: table;
  width: 100%;
}
.section-full-screen .wolf-row-inner {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.wolf-row {
  z-index: 0;
  position: relative;
  overflow: hidden;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  width: calc(100% + 2px);
  margin-left: -1px;
  margin-right: -1px;
}
.wolf-row .wolf-row {
  background: none !important;
}
.wolf-row .wolf-row .wrap {
  max-width: none;
  width: 100%;
}
.wolf-row .wolf-row .wolf-row-inner {
  padding: 0 !important;
}
.wolf-row .wrap [class^="col-"]:first-child,
.wolf-row .wrap [class*=" col-"]:first-child {
  clear: both;
  margin-left: 0;
}
.wolf-row .wrap [class^="col-"]:last-child,
.wolf-row .wrap [class*=" col-"]:last-child {
  margin-right: 0;
}

.row-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.wolf-row-inner {
  position: relative;
  z-index: 5;
  padding: 3em 0;
}

.wolf-row-no-padding .edit-link {
  display: none;
}
.wolf-row-no-padding .wolf-row-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wolf-edit-row {
  font-size: 0.8em;
  position: absolute;
  bottom: 2em;
  right: 2em;
}

.wolf-row-large-width .wrap {
  max-width: none;
}

.wolf-row-full-width .wrap {
  max-width: none;
  width: 100%;
}
.wolf-row-full-width .wpb_column {
  padding: 0;
}

.wolf-row-standard-width .wrap {
  max-width: 1140px;
}

.wolf-row-small-width .wrap {
  max-width: 745px;
}

.wolf-row-inner .wrap [class^="col-"]:last-child,
.wolf-row-inner .wrap [class*="col-"]:last-child {
  margin-bottom: 0;
}

/* Custom Column
------------------------------*/
.wolf-vc-column-square .wpb_wrapper {
  display: block;
  height: 0;
  padding-bottom: 52.6%;
  overflow: hidden;
  position: relative;
}
.wolf-vc-column-square .wpb_content_element {
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

/* Toggle
------------------------------*/
h2.wpb_toggle, h3.wpb_toggle, h4.wpb_toggle, h5.wpb_toggle, h6.wpb_toggle {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 700;
}

.wpb_toggle_content p:first-child {
  margin-top: 0;
}

.vc_toggle_icon,
.vc_toggle_icon:before,
.vc_toggle_icon:after {
  background: #333333 !important;
  border-color: #333333 !important;
}

.content-light-font .vc_toggle_icon,
.content-light-font .vc_toggle_icon:before,
.content-light-font .vc_toggle_icon:after {
  background: white !important;
  border-color: white !important;
}

/* Tabs
------------------------------*/
.wpb_content_element .wpb_tour_tabs_wrapper {
  margin-bottom: 35px;
}

.wpb_tabs_nav a {
  color: #000;
}

.wpb_content_element .wpb_tabs_nav li {
  background-color: transparent !important;
  position: relative;
  bottom: -1px;
}
.wpb_content_element .wpb_tabs_nav li:hover {
  background-color: #d9d9d9;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
  background-color: white !important;
}

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wpb_content_element .wpb_accordion_header a {
  padding: 1em 1.5em;
}

.wpb_tab {
  background: white !important;
  padding-top: 2em !important;
  padding-bottom: 2em !important;
  padding-left: 2em !important;
  padding-right: 2em !important;
}
.wpb_tab p:first-child {
  margin-top: 0;
}

/* Accordion
------------------------------*/
.wpb_accordion_header {
  background-color: white !important;
}

.wpb_accordion_content {
  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #FFF;
}
.wpb_accordion_content p:first-child {
  margin-top: 0;
}

/* Alert
------------------------------*/
.wpb_alert {
  margin-bottom: 1em !important;
}

.messagebox_text p {
  margin-top: 0;
}

/* Progress bar
------------------------------*/
.vc_progress_bar .vc_single_bar {
  margin-bottom: 1.5em !important;
  background-color: rgba(0, 0, 0, 0.03) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0;
}
.vc_progress_bar .vc_single_bar:first-of-type {
  margin-top: 1.6em;
}
.vc_progress_bar .vc_single_bar .vc_label {
  color: white !important;
}
.vc_progress_bar .vc_single_bar .vc_bar {
  border-radius: 0 !important;
}

.vc_progress_bar .vc_single_bar .vc_bar {
  background: #c74735 !important;
}

/* Toggles
------------------------------*/
.wpb_toggle, #content h4.wpb_toggle {
  background-image: url(../images/vc/plus_dark.png) !important;
  background-size: 14px !important;
}
.wpb_toggle.wpb_toggle_title_active, #content h4.wpb_toggle.wpb_toggle_title_active {
  background-image: url(../images/vc/minus_dark.png) !important;
}

.last_toggle_el_margin {
  margin-bottom: 35px !important;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
  background-image: url(../images/vc/plus_dark.png) !important;
  background-size: 14px !important;
  margin-top: 2px;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
  background-image: url(../images/vc/minus_dark.png) !important;
}

.wpb_accordion_header {
  cursor: pointer;
  outline: none;
}

.wpb_accordion_header a:hover {
  color: #333;
}

.vc_column_container {
  width: auto;
}

/*------------------------------------------------------------------
	30. Woocommerce
*/
@font-face {
  font-family: 'star';
  src: url("lib/fonts/star.eot");
  src: url("lib/fonts/star.eot#iefix") format("embedded-opentype"), url("lib/fonts/star.woff") format("woff"), url("lib/fonts/star.ttf") format("truetype"), url("lib/fonts/star.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'WooCommerce';
  src: url("lib/fonts/WooCommerce.eot");
  src: url("lib/fonts/WooCommerce.eot#iefix") format("embedded-opentype"), url("lib/fonts/WooCommerce.woff") format("woff"), url("lib/fonts/WooCommerce.ttf") format("truetype"), url("lib/fonts/WooCommerce.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Star rating */
.star-rating {
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  width: 5.4em;
  font-family: 'star';
}
.star-rating:before {
  content: "\73\73\73\73\73";
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

p.stars {
  position: relative;
  font-size: 1em;
}
p.stars a {
  border-bottom: none !important;
  display: inline-block;
  font-weight: 700;
  margin-right: 1em;
  text-indent: -9999px;
  position: relative;
  color: #fff;
}
p.stars a:hover {
  color: #fff;
}
p.stars a:last-child {
  border-right: 0;
}
p.stars a.star-1, p.stars a.star-2, p.stars a.star-3, p.stars a.star-4, p.stars a.star-5 {
  border-right: 1px solid #ccc;
}
p.stars a.star-1:after, p.stars a.star-2:after, p.stars a.star-3:after, p.stars a.star-4:after, p.stars a.star-5:after {
  font-family: "WooCommerce";
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
}
p.stars a.star-1 {
  width: 2em;
}
p.stars a.star-1:after {
  content: "\e021";
}
p.stars a.star-1:hover:after, p.stars a.star-1.active:after {
  content: "\e020";
}
p.stars a.star-2 {
  width: 3em;
}
p.stars a.star-2:after {
  content: "\e021\e021";
}
p.stars a.star-2:hover:after, p.stars a.star-2.active:after {
  content: "\e020\e020";
}
p.stars a.star-3 {
  width: 4em;
}
p.stars a.star-3:after {
  content: "\e021\e021\e021";
}
p.stars a.star-3:hover:after, p.stars a.star-3.active:after {
  content: "\e020\e020\e020";
}
p.stars a.star-4 {
  width: 5em;
}
p.stars a.star-4:after {
  content: "\e021\e021\e021\e021";
}
p.stars a.star-4:hover:after, p.stars a.star-4.active:after {
  content: "\e020\e020\e020\e020";
}
p.stars a.star-5 {
  width: 6em;
  border: 0;
}
p.stars a.star-5:after {
  content: "\e021\e021\e021\e021\e021";
}
p.stars a.star-5:hover:after, p.stars a.star-5.active:after {
  content: "\e020\e020\e020\e020\e020";
}

.woocommerce-result-count {
  float: left;
  width: 50%;
  margin-bottom: 5rem;
  margin-top: 10px;
}

.woocommerce-ordering {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  margin-top: 0;
  float: right;
  text-align: right;
  width: 50%;
  max-width: 300px;
  margin-bottom: 5rem;
}
.woocommerce-ordering:after {
  zoom: 1;
  content: "";
  display: table;
  clear: both;
}

ul.products {
  margin-left: 0 !important;
}

.products {
  clear: both;
  zoom: 1;
  margin: 0 !important;
  padding: 0 !important;
  margin-left: 0 !important;
}
.products:before, .products:after {
  content: "";
  display: table;
}
.products:after {
  clear: both;
}
.products mark {
  background: #FFF;
  color: inherit;
}
.products li {
  background: none !important;
  list-style-type: none !important;
  position: relative;
  float: left;
  width: 48%;
  margin-right: 1%;
  margin-left: 1%;
  margin-bottom: 2em;
}
.products li .woocommerce-LoopProduct-link:hover {
  opacity: 0.88;
}
.products li .woocommerce-loop-product__title {
  font-size: 16px;
}
.products li:nth-child(2n+1) {
  clear: left;
}
.products li .product-image-container {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.products li .product-image-container img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.products li.first {
  clear: both;
  margin-left: 0 !important;
}
.products li.last {
  margin-right: 0 !important;
}
.products li h3 {
  font-size: 1.8rem;
}
.products li .price {
  font-size: 1em;
  display: block;
}
.products li .star-rating {
  margin-top: 5px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.products li .add_to_cart_button,
.products li .product_type_variable {
  margin-top: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.products li .product-caption-container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
}
.products li .product-caption-inner {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: 0;
  display: table;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
}
.products li:hover .product-caption-inner {
  opacity: 1;
}
.products li .product-caption {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 1em;
}
.products li .product-caption .price {
  margin-top: 8px;
  margin-bottom: 10px;
  display: block;
}
.products li a.mask-link {
  position: absolute;
  z-index: 10;
}
.products li .add_to_cart_button,
.products li .product_type_simple {
  width: auto !important;
  display: inline-block;
  position: relative;
  z-index: 100;
  font-size: 12px;
}
.products li .added_to_cart {
  display: block;
  margin-top: 0;
  color: #333333 !important;
  position: relative;
  z-index: 99;
}
.products li .fa {
  margin-left: 8px;
  position: relative;
  top: 0;
}

/* Sale labels */
span.onsale {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  background: #c74735;
  position: absolute;
  z-index: 10;
  border-radius: 0;
  left: 0;
  top: 0;
  padding: 5px 20px;
  width: auto;
  height: auto;
  line-height: 35px;
  font-size: 15px;
  color: #FFF;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.outofstock span.onsale {
  display: none;
}

span.soldout {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  background: #c74735;
  position: absolute;
  z-index: 10;
  border-radius: 0;
  left: 0;
  top: 0;
  padding: 5px 20px;
  width: auto;
  height: auto;
  line-height: 35px;
  font-size: 15px;
  color: #FFF;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.woocommerce-tabs h2,
.related.products h2 {
  font-size: 18px;
  margin-bottom: 20px;
}

#reviews #comments,
#reviews #review_form_wrapper {
  margin: 0 auto;
  max-width: 1140px;
}

.single-product .product {
  position: relative;
}
.single-product .product .star-rating {
  margin: 5px 0;
}
.single-product .product .out-of-stock {
  color: red;
}
.single-product .product .woocommerce-product-gallery__wrapper {
  margin: 0;
  padding: 0;
}
.single-product .product .woocommerce-product-gallery__wrapper {
  margin-bottom: 2em;
}
.single-product .product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
  width: 25%;
  float: left;
}
.single-product .product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
  width: 100%;
}
.single-product .product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
  padding: 3px;
}
.single-product .product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a:before {
  display: none;
}
.single-product .product .summary {
  margin-bottom: 2em;
}
.single-product .product .summary .button {
  margin-top: 0;
}
.single-product .product .summary p {
  margin-top: 0;
  margin-bottom: 1em;
}
.single-product .product .summary h1 {
  font-size: 3rem;
}
.single-product .product .summary .woocommerce-product-rating {
  margin-top: 2.5em;
}
.single-product .product .summary .star-rating {
  margin-top: 0.5rem;
}
.single-product .product .summary .amount {
  font-size: 2rem;
}
.single-product .product .summary .variations td {
  width: 100%;
  margin: 0;
  padding: 0 !important;
  line-height: 30px;
}
.single-product .product .summary .variations td.value select {
  margin-top: 2rem;
}
.single-product .product .summary .product_meta {
  margin-top: 1.5rem;
}
.single-product .product .summary .product_meta span {
  display: block;
  font-weight: 700;
}
.single-product .product .summary .product_meta span a {
  font-weight: 400;
}
.single-product .product .summary .button {
  width: auto !important;
}

.single-product #main {
  margin-top: 0;
}

/* Tabs on the product page */
.woocommerce-tabs {
  clear: both;
  margin-bottom: 2em;
}
.woocommerce-tabs ul.tabs {
  list-style: none;
  padding: 0 0 0 1em;
  margin: 0 0 1.618em;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  margin-left: 0 !important;
  padding-left: 0;
}
.woocommerce-tabs ul.tabs li {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  position: relative;
  z-index: 0;
  padding: .6em 1em;
}
.woocommerce-tabs ul.tabs li a {
  padding: .5em 0;
  color: #888;
  text-shadow: none;
}
.woocommerce-tabs ul.tabs li.active {
  background: #c74735;
}
.woocommerce-tabs ul.tabs li.active a {
  color: #fff;
}
.woocommerce-tabs .panel {
  font-size: 0.9em;
  padding: 3rem;
  padding-top: 50px;
  background: #c74735;
  color: white;
}
.woocommerce-tabs .panel h1, .woocommerce-tabs .panel h2, .woocommerce-tabs .panel h3 {
  color: white;
}

#reviews .form-submit input#submit {
  border: 2px solid white !important;
  color: white !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-left: 0;
  top: 0 !important;
}
#reviews .form-submit input#submit:hover, #reviews .form-submit input#submit:focus, #reviews .form-submit input#submit:active {
  top: 0 !important;
  background: white !important;
  border-color: white !important;
  color: #666666 !important;
}
#reviews textarea#comment {
  min-height: 180px;
}
#reviews h2 small {
  float: right;
  font-size: 15px;
  line-height: 21px;
  margin: 10px 0 0 0;
}
#reviews h2 small a {
  text-decoration: none;
}
#reviews h3 {
  margin: 0;
}
#reviews #respond {
  margin: 0;
  border: 0;
  padding: 0;
}
#reviews #comment {
  height: 75px;
}
#reviews #comments h2 {
  clear: none;
  margin-bottom: 1em;
}
#reviews #comments ol.commentlist {
  margin: 0;
  width: 100%;
  background: none;
  list-style: none;
}
#reviews #comments ol.commentlist li {
  padding: 0;
  margin: 0 0 3em;
  border: 0;
  position: relative;
  background: 0;
  border: 0;
}
#reviews #comments ol.commentlist li .meta {
  font-size: 0.75em;
}
#reviews #comments ol.commentlist li img.avatar {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px;
  width: 60px;
  height: auto;
  margin: 0;
  line-height: 1;
}
#reviews #comments ol.commentlist li .comment-text {
  margin: 0 0 0 60px;
  padding: 0 1em 0;
}
#reviews #comments ol.commentlist li .comment-text p {
  margin: 0 0 1em;
}
#reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 0.83em;
}
#reviews #comments ol.commentlist li .comment-text .star-rating {
  margin-top: 0.5rem;
}
#reviews #comments ol.commentlist ul.children {
  list-style: none outside;
  margin: 20px 0 0 50px;
}
#reviews #comments ol.commentlist ul.children .star-rating {
  display: none;
}
#reviews #comments ol.commentlist #respond {
  padding: 1em 1em 0;
  margin: 20px 0 0 50px;
}
#reviews #comments .commentlist > li:before {
  content: "";
}

.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {
  font-size: 18px;
}

.woocommerce,
.woocommerce-page {
  /* =Forms
  -------------------------------------------------------------- */
}
.woocommerce .price,
.woocommerce-page .price {
  font-size: 2em;
}
.woocommerce .quantity,
.woocommerce-page .quantity {
  width: 60px;
  float: left;
}
.woocommerce .qty,
.woocommerce-page .qty {
  text-align: center;
  width: 50px;
  height: 38px;
}
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce-page .quantity .plus,
.woocommerce-page .quantity .minus {
  display: none;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
  zoom: 1;
}
.woocommerce form .form-row:before, .woocommerce form .form-row:after,
.woocommerce-page form .form-row:before,
.woocommerce-page form .form-row:after {
  content: "";
  display: table;
}
.woocommerce form .form-row:after,
.woocommerce-page form .form-row:after {
  clear: both;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  color: #333;
  display: block;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
  display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
  width: 100%;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  width: 100%;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
  float: left;
  width: 47%;
  overflow: visible;
}
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
  float: right;
}
.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-wide {
  clear: both;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
  padding: 3px;
  margin: 0 0 15px;
}
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row select,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row input.input-text {
  border-color: #ccc;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder,
.woocommerce-page form .form-row [placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  opacity: 0;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  line-height: 2em;
}
.woocommerce form .form-row label.hidden,
.woocommerce-page form .form-row label.hidden {
  visibility: hidden;
}
.woocommerce form .form-row label.inline,
.woocommerce-page form .form-row label.inline {
  display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
  cursor: pointer;
  margin: 0;
}
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
  color: red;
  font-weight: bold;
  border: 0;
}
.woocommerce form .form-row .input-checkbox,
.woocommerce-page form .form-row .input-checkbox {
  display: inline;
  margin-left: 5px;
  text-align: center;
  vertical-align: middle;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: 1em;
}
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
  height: 4em;
  line-height: 1.5em;
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-single, .woocommerce form .form-row.validate-required.woocommerce-invalid .chosen-drop, .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce form .form-row.validate-required.woocommerce-invalid select,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-single,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid .chosen-drop,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce-page form .form-row.validate-required.woocommerce-invalid select {
  border-color: #fb7f88;
}
.woocommerce form .form-row ::-webkit-input-placeholder,
.woocommerce-page form .form-row ::-webkit-input-placeholder {
  line-height: normal;
}
.woocommerce form .form-row :-moz-placeholder,
.woocommerce-page form .form-row :-moz-placeholder {
  line-height: normal;
}
.woocommerce form .form-row :-ms-input-placeholder,
.woocommerce-page form .form-row :-ms-input-placeholder {
  line-height: normal;
}
.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register,
.woocommerce-page form.login,
.woocommerce-page form.checkout_coupon,
.woocommerce-page form.register {
  padding: 20px;
  margin: 2em 0 2em 0px;
  text-align: left;
}
.woocommerce ul#shipping_method,
.woocommerce-page ul#shipping_method {
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.woocommerce ul#shipping_method li,
.woocommerce-page ul#shipping_method li {
  margin: 0;
  padding: .25em 0 .25em 22px;
  text-indent: -22px;
  list-style: none outside;
}
.woocommerce ul#shipping_method .amount,
.woocommerce-page ul#shipping_method .amount {
  font-weight: bold;
}
.woocommerce p.woocommerce-shipping-contents,
.woocommerce-page p.woocommerce-shipping-contents {
  margin: 0;
}

.widget.woocommerce .star-rating {
  margin: 5px 0;
}

/* Cart widget */
.widget_shopping_cart .button {
  width: 100%;
  margin: 0;
  margin-bottom: 5px;
}

/* Search widget */
.widget_product_search #s {
  padding-left: 1%;
  padding-right: 1%;
  width: 98%;
}

/* =Cart Sidebar
-------------------------------------------------------------- */
ul.cart_list,
ul.product_list_widget {
  list-style: none outside;
  padding: 0;
  margin: 0;
  margin-left: 0 !important;
}
ul.cart_list li,
ul.product_list_widget li {
  background: #FFF;
  padding: 4px 0;
  padding: 1em;
  margin-left: 0 !important;
  margin-bottom: 1.2rem;
  zoom: 1;
  list-style: none;
}
ul.cart_list li:before, ul.cart_list li:after,
ul.product_list_widget li:before,
ul.product_list_widget li:after {
  content: "";
  display: table;
}
ul.cart_list li:after,
ul.product_list_widget li:after {
  clear: both;
}
ul.cart_list li a,
ul.product_list_widget li a {
  display: block;
  font-weight: 700;
}
ul.cart_list li img,
ul.product_list_widget li img {
  float: right;
  margin-left: 4px;
  width: auto;
  height: auto;
}
ul.cart_list li dl,
ul.product_list_widget li dl {
  margin: 0;
  padding-left: 1em;
  border-left: 2px solid rgba(0, 0, 0, 0.1);
  zoom: 1;
}
ul.cart_list li dl:before, ul.cart_list li dl:after,
ul.product_list_widget li dl:before,
ul.product_list_widget li dl:after {
  content: "";
  display: table;
}
ul.cart_list li dl:after,
ul.product_list_widget li dl:after {
  clear: both;
}
ul.cart_list li dl dt, ul.cart_list li dl dd,
ul.product_list_widget li dl dt,
ul.product_list_widget li dl dd {
  display: inline-block;
  float: left;
  margin-botom: 1em;
}
ul.cart_list li dl dt,
ul.product_list_widget li dl dt {
  font-weight: bold;
  padding: 0 0 .25em 0;
  margin: 0 4px 0 0;
  clear: left;
}
ul.cart_list li dl dd,
ul.product_list_widget li dl dd {
  padding: 0 0 .25em 0;
}
ul.cart_list li dl dd p:last-child,
ul.product_list_widget li dl dd p:last-child {
  margin-bottom: 0;
}
ul.cart_list li .quantity,
ul.product_list_widget li .quantity {
  width: 150px;
}
ul.cart_list li .star-rating,
ul.product_list_widget li .star-rating {
  float: none;
}
ul.cart_list li .reviewer,
ul.product_list_widget li .reviewer {
  font-size: 1.2rem;
}

.widget_shopping_cart .total, .widget_shopping_cart .total {
  border-top: 3px double rgba(0, 0, 0, 0.5);
  padding: 4px 0 0;
}
.widget_shopping_cart .total strong, .widget_shopping_cart .total strong {
  min-width: 40px;
  display: inline-block;
}
.widget_shopping_cart .buttons, .widget_shopping_cart .buttons {
  zoom: 1;
  padding: 0;
}
.widget_shopping_cart .buttons:before, .widget_shopping_cart .buttons:after, .widget_shopping_cart .buttons:before, .widget_shopping_cart .buttons:after {
  content: "";
  display: table;
}
.widget_shopping_cart .buttons:after, .widget_shopping_cart .buttons:after {
  clear: both;
}

/* =Price Filter Widget
-------------------------------------------------------------- */
.widget_price_filter .button {
  display: inline-block;
  width: auto;
  float: left;
  margin-top: 5px;
}
.widget_price_filter .price_label {
  display: inline-block;
  position: relative;
  top: 8px;
}
.widget_price_filter .price_slider {
  margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 2.4em;
  font-size: 0.8751em;
}
.widget_price_filter .ui-slider {
  position: relative;
  text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 0.9em;
  height: 0.9em;
  -o-border-radius: 0.9em;
  border-radius: 0.9em;
  cursor: pointer;
  background: #333;
  outline: none;
  top: -.2em;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
  margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background: #c74735;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: rgba(0, 0, 0, 0.3);
}
.widget_price_filter .ui-slider-horizontal {
  height: .5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  right: -1px;
}

/* =Cart
-------------------------------------------------------------- */
.woocommerce-cart h2 {
  font-size: 18px;
}
.woocommerce-cart #coupon_code {
  width: 100%;
  margin-bottom: 10px;
}
.woocommerce-cart .coupon {
  width: 100%;
}
.woocommerce-cart .coupon label {
  display: block;
}
.woocommerce-cart input.button {
  display: block;
  width: 100%;
  margin: 5px 0;
}

.shipping-calculator-form {
  margin-top: 30px;
  max-width: 750px;
}

table.cart,
#content table.cart {
  margin-bottom: 50px;
}
table.cart thead,
#content table.cart thead {
  color: #333;
}
table.cart .product-thumbnail,
#content table.cart .product-thumbnail {
  min-width: 32px;
}
table.cart img,
#content table.cart img {
  width: 32px;
}
table.cart th, table.cart td,
#content table.cart th,
#content table.cart td {
  vertical-align: middle;
}
table.cart a.remove,
#content table.cart a.remove {
  -o-border-radius: 100%;
  border-radius: 100%;
  display: block;
  font-size: 1.5em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1;
  color: red;
  text-decoration: none;
  font-weight: bold;
  border-bottom: none;
}
table.cart td.actions,
#content table.cart td.actions {
  text-align: right;
  padding: 1em 0;
}
table.cart td.actions .coupon,
#content table.cart td.actions .coupon {
  text-align: left;
  float: left;
}
table.cart td.actions .coupon .input-text,
#content table.cart td.actions .coupon .input-text {
  width: auto;
  margin: 0 4px 0 0;
  outline: 0;
  line-height: 1em;
}
table.cart input,
#content table.cart input {
  margin: 0;
  vertical-align: middle;
  line-height: 2.4em;
}

.wc-backward {
  width: auto;
  margin-left: 0;
}

.showcoupon {
  font-weight: 700;
}

.checkout_coupon {
  padding: 0 !important;
}
.checkout_coupon .form-row {
  width: 100% !important;
}
.checkout_coupon .form-row #coupon_code {
  padding: .9rem;
}
.checkout_coupon .form-row .button,
.checkout_coupon .form-row #coupon_code {
  width: 100% !important;
}

.woocommerce-checkout .form-row .chosen-container {
  width: 100% !important;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
  height: 28px;
  line-height: 29px;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b {
  background: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/chosen-sprite.png") no-repeat 0 3px !important;
}
.woocommerce-checkout .form-row .chosen-container-active .chosen-single-with-drop div b {
  background-position: -18px 4px !important;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-search input {
  line-height: 13px;
  width: 100% !important;
}
.woocommerce-checkout .form-row .chosen-container .chosen-drop {
  width: 100% !important;
}

.woocommerce,
.woocommerce-page {
  /* =Checkout
  -------------------------------------------------------------- */
  /* Payment box - appears on checkout and page page */
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
  zoom: 1;
}
.woocommerce .col2-set:before, .woocommerce .col2-set:after,
.woocommerce-page .col2-set:before,
.woocommerce-page .col2-set:after {
  content: "";
  display: table;
}
.woocommerce .col2-set:after,
.woocommerce-page .col2-set:after {
  clear: both;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
  width: 100%;
  margin: 0;
  margin-bottom: 50px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  margin-left: 0;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  margin-right: 0;
}
.woocommerce .checkout .col2-set,
.woocommerce-page .checkout .col2-set {
  zoom: 1;
}
.woocommerce .checkout .col2-set:before, .woocommerce .checkout .col2-set:after,
.woocommerce-page .checkout .col2-set:before,
.woocommerce-page .checkout .col2-set:after {
  content: "";
  display: table;
}
.woocommerce .checkout .col2-set:after,
.woocommerce-page .checkout .col2-set:after {
  clear: both;
}
.woocommerce .checkout .col2-set .col-1,
.woocommerce-page .checkout .col2-set .col-1 {
  margin-left: 0;
}
.woocommerce .checkout .col2-set .col-2,
.woocommerce-page .checkout .col2-set .col-2 {
  margin-right: 0;
}
.woocommerce .checkout .col-2 h3#ship-to-different-address,
.woocommerce-page .checkout .col-2 h3#ship-to-different-address {
  float: left;
  clear: none;
}
.woocommerce .checkout .col-2 .notes,
.woocommerce-page .checkout .col-2 .notes {
  clear: left;
}
.woocommerce .checkout .col-2 .form-row-first,
.woocommerce-page .checkout .col-2 .form-row-first {
  clear: left;
}
.woocommerce .checkout .create-account small,
.woocommerce-page .checkout .create-account small {
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
}
.woocommerce .checkout div.shipping-address,
.woocommerce-page .checkout div.shipping-address {
  padding: 0;
  clear: left;
  width: 100%;
}
.woocommerce .checkout .shipping_address,
.woocommerce-page .checkout .shipping_address {
  clear: both;
}
.woocommerce #payment,
.woocommerce-page #payment {
  padding: 15px;
  background: #fff;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.woocommerce #payment .about_paypal,
.woocommerce-page #payment .about_paypal {
  color: #000;
  margin-left: 10px;
}
.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
  zoom: 1;
  text-align: left;
  padding: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0;
  list-style: none outside;
}
.woocommerce #payment ul.payment_methods:before, .woocommerce #payment ul.payment_methods:after,
.woocommerce-page #payment ul.payment_methods:before,
.woocommerce-page #payment ul.payment_methods:after {
  content: "";
  display: table;
}
.woocommerce #payment ul.payment_methods:after,
.woocommerce-page #payment ul.payment_methods:after {
  clear: both;
}
.woocommerce #payment ul.payment_methods li,
.woocommerce-page #payment ul.payment_methods li {
  list-style-type: none !important;
  line-height: 2em;
  text-align: left;
  margin: 0;
  font-weight: normal;
}
.woocommerce #payment ul.payment_methods li input,
.woocommerce-page #payment ul.payment_methods li input {
  margin: 0 1em 0 0;
}
.woocommerce #payment ul.payment_methods li img,
.woocommerce-page #payment ul.payment_methods li img {
  vertical-align: middle;
  margin: -2px 0 0 .5em;
  position: relative;
}
.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
  padding: 1em;
}
.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
  position: relative;
  width: 96%;
  padding: 10px;
  margin: 1em 0 1em 0;
  font-size: 0.92em;
  -o-border-radius: 2px;
  border-radius: 2px;
  line-height: 1.5em;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  background-color: #ebe8eb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebe8eb), to(#e0dadf));
  background-image: linear-gradient(to bottom, #ebe8eb, #e0dadf);
  color: #666666 !important;
}
.woocommerce #payment div.payment_box p,
.woocommerce-page #payment div.payment_box p {
  margin-top: 0;
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc {
  font-size: 1.5em;
  padding: 8px;
  background-repeat: no-repeat;
  background-position: right;
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.visa {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/icons/credit-cards/visa.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/icons/credit-cards/mastercard.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.laser {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/icons/credit-cards/laser.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/icons/credit-cards/diners.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.maestro {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/icons/credit-cards/maestro.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.jcb {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/icons/credit-cards/jcb.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.amex {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/icons/credit-cards/amex.png);
}
.woocommerce #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-page #payment div.payment_box .wc-credit-card-form-card-cvc.discover {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/icons/credit-cards/discover.png);
}
.woocommerce #payment div.payment_box span.help,
.woocommerce-page #payment div.payment_box span.help {
  font-size: 11px;
  color: #888;
  line-height: 13px;
  font-weight: normal;
}
.woocommerce #payment div.payment_box .form-row,
.woocommerce-page #payment div.payment_box .form-row {
  margin: 0 0 1em;
}
.woocommerce #payment div.payment_box p:last-child,
.woocommerce-page #payment div.payment_box p:last-child {
  margin-bottom: 0;
}
.woocommerce #payment div.payment_box:after,
.woocommerce-page #payment div.payment_box:after {
  content: "";
  display: block;
  border: 8px solid #e0dadf;
  /* arrow size / color */
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -1px;
  left: 0;
  margin: -1em 0 0 2em;
}
.woocommerce #customer_details,
.woocommerce-page #customer_details {
  margin-bottom: 2em;
}

input[type='submit']#place_order {
  width: 100% !important;
  display: block;
  background: #c74735 !important;
  border-color: #c74735 !important;
  color: white !important;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
}
input[type='submit']#place_order:hover {
  background-color: transparent !important;
  color: #c74735 !important;
}

.woocommerce-message {
  position: relative;
  zoom: 1;
  padding: 1.7em 1em 1.6em;
  padding-left: 4.5em;
  margin: 0;
  margin-bottom: 30px;
}
.woocommerce-message:before, .woocommerce-message:after {
  content: "";
  display: table;
}
.woocommerce-message:after {
  clear: both;
}
.woocommerce-message:before {
  font-family: FontAwesome;
  font-size: 1.33333333em;
  content: "\f087";
  position: absolute;
  left: 1.5em;
  top: 1em;
}
.woocommerce-message .button {
  display: inline;
  padding: 0;
  margin: 0;
  width: auto;
  float: right;
  background-color: transparent !important;
  border: none !important;
  line-height: 25px;
  text-transform: none;
}
.woocommerce-message .button:hover {
  background-color: transparent !important;
  color: #333;
}

.woocommerce-info,
.woocommerce-error {
  position: relative;
  zoom: 1;
  margin: 0;
  margin-left: 0;
  margin-bottom: 30px;
  padding: 1.6em 1em 1.6em;
  padding-left: 4.5em;
}
.woocommerce-info:before, .woocommerce-info:after,
.woocommerce-error:before,
.woocommerce-error:after {
  content: "";
  display: table;
}
.woocommerce-info:after,
.woocommerce-error:after {
  clear: both;
}
.woocommerce-info:before,
.woocommerce-error:before {
  font-family: FontAwesome;
  font-size: 1.33333333em;
  content: "\f087";
  position: absolute;
  left: 1.5em;
  top: 1em;
}

.woocommerce-error:before {
  content: "\f071";
}

.woocommerce-error li {
  list-style-type: none;
  margin-left: 1em;
  line-height: 2;
}

small.note {
  display: block;
  color: #888;
  font-size: 11px;
  line-height: 21px;
  margin-top: 10px;
}

.woocommerce-breadcrumb {
  zoom: 1;
  margin: 0 0 1em;
  padding: 0;
  font-size: 0.92em;
  color: #888;
}
.woocommerce-breadcrumb:before, .woocommerce-breadcrumb:after {
  content: "";
  display: table;
}
.woocommerce-breadcrumb:after {
  clear: both;
}
.woocommerce-breadcrumb a {
  color: #888;
}

.woocommerce-checkout #page-content,
.woocommerce-cart #page-content {
  background: #FFF;
}

.single-product #main,
.woocommerce-cart #main {
  padding-bottom: 50px;
}
.single-product #container,
.woocommerce-cart #container {
  margin: 0 auto;
  width: 100%;
  float: none;
}

.woocommerce .wolf-woocomerce-wrapper,
.woocommerce-page .wolf-woocomerce-wrapper {
  font-size: 1.5rem;
  max-width: 1140px;
  margin: 0 auto 30px;
  width: 92%;
}
.woocommerce #content,
.woocommerce-page #content {
  overflow: hidden;
}
.woocommerce #content .page-title,
.woocommerce-page #content .page-title {
  display: none;
}
.woocommerce #secondary-woocommerce,
.woocommerce-page #secondary-woocommerce {
  margin-top: 50px;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
  margin-bottom: 1em;
}

.single-product #primary,
.single-product #content,
.woocommerce-checkout #primary,
.woocommerce-checkout #content,
.woocommerce-cart #primary,
.woocommerce-cart #content {
  width: 92%;
  max-width: 1140px;
  margin: 50px auto 30px;
}

.woocommerce-checkout #primary,
.woocommerce-checkout #content,
.woocommerce-cart #primary,
.woocommerce-cart #content {
  margin-bottom: 50px;
}

/* Mosaic */
.mosaic-shop-category {
  position: relative;
  width: 50%;
}
.mosaic-shop-category img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mosaic-shop-category.width2 {
  width: 100%;
}

.woocommerce-breadcrumb {
  zoom: 1;
  margin: 0 0 1em;
  padding: 0;
  font-size: 0.92em;
  color: #888;
}
.woocommerce-breadcrumb:before, .woocommerce-breadcrumb:after {
  content: "";
  display: table;
}
.woocommerce-breadcrumb:after {
  clear: both;
}
.woocommerce-breadcrumb a {
  color: #888;
}

/* Woocmmerce shortcode */
.woocommerce.columns-2 .products li, .woocommerce.columns-3 .products li, .woocommerce.columns-4 .products li {
  width: 48% !important;
  margin-right: 1% !important;
  margin-left: 1% !important;
}
.woocommerce.columns-2 .products li:nth-child(2n+1), .woocommerce.columns-3 .products li:nth-child(2n+1), .woocommerce.columns-4 .products li:nth-child(2n+1) {
  clear: left !important;
}
.woocommerce.columns-2 .products li:nth-child(3n+1), .woocommerce.columns-2 .products li:nth-child(4n+1), .woocommerce.columns-3 .products li:nth-child(3n+1), .woocommerce.columns-3 .products li:nth-child(4n+1), .woocommerce.columns-4 .products li:nth-child(3n+1), .woocommerce.columns-4 .products li:nth-child(4n+1) {
  clear: none !important;
}

/* Woocommerce wrapper */
.woocommerce-account .site-wrapper {
  width: 92%;
  margin: 0 auto;
  max-width: 1140px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before, .woocommerce #respond input#submit.loading:before, .woocommerce #content input.button.loading:before, .woocommerce-page a.button.loading:before, .woocommerce-page button.button.loading:before, .woocommerce-page input.button.loading:before, .woocommerce-page #respond input#submit.loading:before, .woocommerce-page #content input.button.loading:before {
    background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/woocommerce/ajax-loader@2x.gif);
    background-size: 16px 16px;
  }
}
/*------------------------------------------------------------------
	31. Mailchimp
*/
/* Mailchimp */
.wolf-mailchimp .widget_mailchimpsf_widget form {
  margin-top: 0;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup {
  zoom: 1;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup:before, .wolf-mailchimp .widget_mailchimpsf_widget #mc_signup:after {
  content: "";
  display: table;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup:after {
  clear: both;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup .mergeRow {
  display: none;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup .mc_merge_var {
  margin-bottom: 0.5em;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup .mc_merge_var .mc_header_email {
  display: none;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup #mc_signup_submit {
  margin-top: 0;
}
.wolf-mailchimp .widget_mailchimpsf_widget #mc_signup #mc_display_rewards {
  font-size: 11px;
}
.wolf-mailchimp #secondary .widget_mailchimpsf_widget #mc_signup #mc_signup_submit {
  width: 98%;
}
.wolf-mailchimp #secondary .widget_mailchimpsf_widget #mc_signup #mc_mv_EMAIL {
  padding-left: 1%;
  padding-right: 1%;
  width: 98%;
}

.wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit {
  -webkit-transition-property: background-color !important;
  transition-property: background-color !important;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  color: white !important;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: none !important;
  border-color: white !important;
  border-style: solid !important;
  border-width: 2px !important;
  top: 0 !important;
}
.wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit:active, .wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit:hover, .wolf-mailchimp .site-footer .widget_mailchimpsf_widget #mc_signup_submit:focus {
  top: 0 !important;
  -webkit-box-shadow: 0 0 transparent;
  box-shadow: 0 0 transparent;
  color: white !important;
  background-color: #c74735 !important;
  border-color: #c74735 !important;
}

.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget {
  margin-bottom: 30px;
  max-width: 775px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget .widget-title {
  text-align: center;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup {
  zoom: 1;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup:before, .wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup:after {
  content: "";
  display: table;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup:after {
  clear: both;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mergeRow,
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup #mc_display_rewards {
  display: none;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_merge_var {
  width: 74.5%;
  float: left;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_merge_var .mc_header_email {
  display: none;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_merge_var #mc_mv_EMAIL {
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  color: #333;
  display: inline-block;
  font-size: 24px;
  height: 50px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-weight: 700;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  width: 100%;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_signup_submit {
  width: 25%;
  float: right;
}
.wolf-widget-area .wolf_widget_col_12.widget_mailchimpsf_widget #mc_signup .mc_signup_submit input[type="submit"] {
  position: relative;
  top: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 49px;
  line-height: 50px;
  width: 100%;
}

/*------------------------------------------------------------------
	32. Contact form 7
*/
/* Contact Form 7 */
.contactform .error-inline, .wpcf7 .error-inline {
  display: none;
  color: red;
  padding: 1rem 0 0;
}
.contactform .wpcf7-not-valid-tip, .wpcf7 .wpcf7-not-valid-tip {
  height: 100%;
  width: 100%;
  padding: 0 0.5rem;
  margin: 0;
  display: block;
  top: 0;
  left: 0;
  border: none;
  background: none;
  color: red;
  line-height: 1.5;
}
.contactform .wpcf7-response-output, .wpcf7 .wpcf7-response-output {
  margin: 0;
  padding: 0;
  border: none;
}
.contactform .wpcf7-response-output, .wpcf7 .wpcf7-response-output {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
  width: 92%;
  margin-bottom: 30px !important;
}

/*------------------------------------------------------------------
	33. Wolf plugins
*/
.wolf-videos #main,
.wolf-albums #main,
.wolf-portfolio #main {
  padding: 0;
  padding-bottom: 50px;
}
.wolf-videos.gallery-vertical #main, .wolf-videos.work-vertical #main, .wolf-videos.gallery-modern #main, .wolf-videos.work-modern #main, .wolf-videos.work-masonry-horizontal #main,
.wolf-albums.gallery-vertical #main,
.wolf-albums.work-vertical #main,
.wolf-albums.gallery-modern #main,
.wolf-albums.work-modern #main,
.wolf-albums.work-masonry-horizontal #main,
.wolf-portfolio.gallery-vertical #main,
.wolf-portfolio.work-vertical #main,
.wolf-portfolio.gallery-modern #main,
.wolf-portfolio.work-modern #main,
.wolf-portfolio.work-masonry-horizontal #main {
  padding-bottom: 0 !important;
}

.wolf-videos.video-youtube #main {
  padding-top: 50px !important;
}
.wolf-videos.video-youtube .inner {
  max-width: 1140px;
  width: 92%;
}

.work-item-container,
.gallery-item-container,
.video-item-container,
.release-item-container {
  padding: 1rem;
  width: 100%;
}
.work-item-container img,
.gallery-item-container img,
.video-item-container img,
.release-item-container img {
  width: 100%;
}

/* Plugin Containers
------------------------*/
.items-container,
.work-container,
.albums-container,
.videos-container,
.release-container {
  width: 92%;
  max-width: 1140px;
  margin: 0 auto 30px;
}

.wolf-videos.video-wide .videos-container,
.wolf-albums.gallery-wide .albums-container,
.wolf-portfolio.work-wide .work-container,
.wolf-portfolio.work-masonry-horizontal .work-container,
.wolf-discography.release-wide .release-container {
  max-width: none;
  width: 99%;
  margin: 0 auto 30px;
}

.wolf-portfolio.work-masonry-horizontal .work-container {
  background: #0d0d0d;
  margin-bottom: 0;
}

.wolf-videos.video-wide.video-no-padding .videos-container,
.wolf-albums.gallery-wide.gallery-no-padding .albums-container,
.wolf-portfolio.work-wide.work-no-padding .work-container,
.wolf-portfolio.work-masonry-horizontal .work-container,
.wolf-discography.release-wide.release-no-padding .release-container {
  width: 100%;
}

.wolf-discography.release-wide.release-no-padding #main {
  padding-top: 0;
}

.video-no-padding .video-item-container, .shortcode-videos-grid .video,
.gallery-no-padding .gallery-item-container, .shortcode-albums-grid .album,
.work-no-padding .work-item-container,
.work-masonry-horizontal .work-item-container,
.release-no-padding .release-item-container,
.shortcode-release-grid {
  padding: 0 !important;
}

/* Full width container */
.work-masonry-horizontal .site-wrapper,
.work-modern .site-wrapper {
  width: 100%;
  max-width: none;
}

.video-wide.video-no-padding.video-grid #main {
  margin-bottom: 0;
}

/* Filters
------------------*/
#work-filter-container,
#video-filter-container,
#gallery-filter-container,
#plugin-filter-container,
#theme-filter-container,
#demo-filter-container {
  text-align: center;
  margin: 1em auto;
}

#work-filter,
#video-filter,
#gallery-filter,
#plugin-filter,
#theme-filter,
#demo-filter {
  margin: 0;
  padding: 0;
}
#work-filter li,
#video-filter li,
#gallery-filter li,
#plugin-filter li,
#theme-filter li,
#demo-filter li {
  list-style-type: none;
  display: inline-block !important;
}
#work-filter a,
#video-filter a,
#gallery-filter a,
#plugin-filter a,
#theme-filter a,
#demo-filter a {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  text-decoration: none !important;
  margin: 0 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#work-filter a.active, #work-filter a:hover,
#video-filter a.active,
#video-filter a:hover,
#gallery-filter a.active,
#gallery-filter a:hover,
#plugin-filter a.active,
#plugin-filter a:hover,
#theme-filter a.active,
#theme-filter a:hover,
#demo-filter a.active,
#demo-filter a:hover {
  color: #c74735 !important;
}

.single-work .entry-meta,
.single-video .entry-meta {
  text-align: center;
}

/* Carousel */
.vertical-carousel .vertical-slide-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.gallery-vertical .albums-container,
.gallery-vertical .work-container,
.work-vertical .albums-container,
.work-vertical .work-container {
  margin-bottom: 0 !important;
}
.gallery-vertical #work-filter-container,
.gallery-vertical #gallery-filter-container,
.work-vertical #work-filter-container,
.work-vertical #gallery-filter-container {
  display: none;
}
.gallery-vertical .albums-container,
.gallery-vertical .work-container,
.work-vertical .albums-container,
.work-vertical .work-container {
  background: #0d0d0d;
  width: 100% !important;
  padding: 0 !important;
  max-width: none;
}

.vertical-slide-item {
  opacity: 0.8;
}

/* Modern */
.gallery-modern .albums-container,
.gallery-modern .work-container,
.work-modern .albums-container,
.work-modern .work-container {
  padding-top: 0;
  max-width: none;
  width: 100%;
  margin-bottom: 0;
}
.gallery-modern #work-filter-container,
.gallery-modern #gallery-filter-container,
.work-modern #work-filter-container,
.work-modern #gallery-filter-container {
  display: none;
}
.gallery-modern .item-comments-count,
.gallery-modern .item-likes-count,
.gallery-modern .item-views-count,
.work-modern .item-comments-count,
.work-modern .item-likes-count,
.work-modern .item-views-count {
  font-size: 11px;
  opacity: 0.7;
}
.gallery-modern .item-icon-container,
.work-modern .item-icon-container {
  text-align: center;
  width: auto;
  display: inline-block;
  position: relative;
  margin: 0 8px;
}
.gallery-modern .item-icon-container a,
.work-modern .item-icon-container a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white !important;
}
.gallery-modern .item-icon,
.work-modern .item-icon {
  text-align: center;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  background: #c74735;
  border-radius: 50%;
  color: #FFF;
  margin: 0 0 8px;
  font-size: 12px;
}
.gallery-modern .icons,
.work-modern .icons {
  margin-top: 20px;
}

.modern-item {
  padding: 0 !important;
  width: 100% !important;
  background: #FFF;
}

.modern-item-bg {
  background: #FFF;
  position: relative;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}
.modern-item-bg p {
  margin: 10px 0;
}
.modern-item-bg .entry-meta, .modern-item-bg .entry-meta a {
  font-size: 14px;
}
.modern-item-bg .vnl-container {
  margin-top: 10px;
}

.modern-item-container {
  width: 100%;
  padding: 1em;
  height: 100%;
  margin: 0 auto;
  display: table;
}

.modern-item-inner {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.modern-item-inner {
  color: #000;
  opacity: 0.2;
}
.modern-item-inner .entry-meta {
  color: #333;
  display: none;
}
.modern-item-inner .work-title {
  font-size: 32px;
}
.modern-item-inner .work-title a {
  color: #000;
}

.content-light-font .modern-item {
  background: #000;
}
.content-light-font .modern-item-inner {
  color: #fff;
}
.content-light-font .modern-item-inner .entry-link,
.content-light-font .modern-item-inner .entry-meta {
  color: #fff;
}

.shortcode-items-grid.owl-carousel .mask-link {
  display: none;
}

.wolf-row-full-width .col-12 .shortcode-items-grid,
.wolf-row-full-width .col-12 .last-posts-carousel {
  padding: 0 1em;
}
.wolf-row-full-width .col-12 .shortcode-items-grid.work-no-padding,
.wolf-row-full-width .col-12 .last-posts-carousel.work-no-padding {
  padding-left: 0;
  padding-right: 0;
}
.wolf-row-full-width .col-12 .shortcode-items-grid .owl-prev,
.wolf-row-full-width .col-12 .last-posts-carousel .owl-prev {
  left: 20px;
  background-image: url(../images/slider/big-slider-prev.png);
}
.wolf-row-full-width .col-12 .shortcode-items-grid .owl-next,
.wolf-row-full-width .col-12 .last-posts-carousel .owl-next {
  right: 20px;
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next.png);
}

.content-light-font .owl-prev {
  left: 20px;
  background-image: url(../images/slider/big-slider-prev.png);
}
.content-light-font .owl-next {
  right: 20px;
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next.png);
}
.content-light-font.wolf-row-full-width .col-12 .shortcode-items-grid .owl-prev,
.content-light-font.wolf-row-full-width .col-12 .last-posts-carousel .owl-prev {
  background-image: url(../images/slider/big-slider-prev.png);
}
.content-light-font.wolf-row-full-width .col-12 .shortcode-items-grid .owl-next,
.content-light-font.wolf-row-full-width .col-12 .last-posts-carousel .owl-next {
  background-image: url(http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/slider/big-slider-next.png);
}

/* Common style */
.item-grid figure,
.shortcode-item-grid figure,
.shortcode-video-grid figure,
.shortcode-work-grid figure,
.shortcode-gallery-grid figure,
.shortcode-release-grid figure,
.mosaic-shop-categories-container figure,
.shop-categories-container figure {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  margin: 0;
  background: #fff;
  text-align: center;
}
.item-grid figure img,
.shortcode-item-grid figure img,
.shortcode-video-grid figure img,
.shortcode-work-grid figure img,
.shortcode-gallery-grid figure img,
.shortcode-release-grid figure img,
.mosaic-shop-categories-container figure img,
.shop-categories-container figure img {
  position: relative;
  display: block;
  width: 100%;
}
.item-grid figure figcaption,
.shortcode-item-grid figure figcaption,
.shortcode-video-grid figure figcaption,
.shortcode-work-grid figure figcaption,
.shortcode-gallery-grid figure figcaption,
.shortcode-release-grid figure figcaption,
.mosaic-shop-categories-container figure figcaption,
.shop-categories-container figure figcaption {
  padding: 1em;
  font-size: 1.25em;
}
.item-grid figure h2,
.shortcode-item-grid figure h2,
.shortcode-video-grid figure h2,
.shortcode-work-grid figure h2,
.shortcode-gallery-grid figure h2,
.shortcode-release-grid figure h2,
.mosaic-shop-categories-container figure h2,
.shop-categories-container figure h2 {
  font-size: 24px;
}
.item-grid figure p,
.shortcode-item-grid figure p,
.shortcode-video-grid figure p,
.shortcode-work-grid figure p,
.shortcode-gallery-grid figure p,
.shortcode-release-grid figure p,
.mosaic-shop-categories-container figure p,
.shop-categories-container figure p {
  margin-top: 0;
  margin-bottom: 0;
}
.item-grid figure .icons,
.shortcode-item-grid figure .icons,
.shortcode-video-grid figure .icons,
.shortcode-work-grid figure .icons,
.shortcode-gallery-grid figure .icons,
.shortcode-release-grid figure .icons,
.mosaic-shop-categories-container figure .icons,
.shop-categories-container figure .icons {
  font-size: 14px;
}
.item-grid .figcaption-inner,
.shortcode-item-grid .figcaption-inner,
.shortcode-video-grid .figcaption-inner,
.shortcode-work-grid .figcaption-inner,
.shortcode-gallery-grid .figcaption-inner,
.shortcode-release-grid .figcaption-inner,
.mosaic-shop-categories-container .figcaption-inner,
.shop-categories-container .figcaption-inner {
  width: 100%;
  height: 100%;
}
.item-grid figure figcaption::before,
.item-grid figure figcaption::after,
.shortcode-item-grid figure figcaption::before,
.shortcode-item-grid figure figcaption::after,
.shortcode-video-grid figure figcaption::before,
.shortcode-video-grid figure figcaption::after,
.shortcode-work-grid figure figcaption::before,
.shortcode-work-grid figure figcaption::after,
.shortcode-gallery-grid figure figcaption::before,
.shortcode-gallery-grid figure figcaption::after,
.shortcode-release-grid figure figcaption::before,
.shortcode-release-grid figure figcaption::after,
.mosaic-shop-categories-container figure figcaption::before,
.mosaic-shop-categories-container figure figcaption::after,
.shop-categories-container figure figcaption::before,
.shop-categories-container figure figcaption::after {
  pointer-events: none;
}
.item-grid figure figcaption,
.shortcode-item-grid figure figcaption,
.shortcode-video-grid figure figcaption,
.shortcode-work-grid figure figcaption,
.shortcode-gallery-grid figure figcaption,
.shortcode-release-grid figure figcaption,
.mosaic-shop-categories-container figure figcaption,
.shop-categories-container figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 101%;
}
.item-grid .item-icon,
.shortcode-item-grid .item-icon,
.shortcode-video-grid .item-icon,
.shortcode-work-grid .item-icon,
.shortcode-gallery-grid .item-icon,
.shortcode-release-grid .item-icon,
.mosaic-shop-categories-container .item-icon,
.shop-categories-container .item-icon {
  font-size: 14px;
}

a.mask-link {
  top: 0;
  left: 0;
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* Edouard */
figure.effect-edouard figcaption {
  background: rgba(0, 0, 0, 0.2);
}
figure.effect-edouard figcaption h2 {
  color: #FFF;
}

/* Sadie */
figure.effect-sadie figcaption {
  opacity: 0;
  background: rgba(255, 255, 255, 0.7);
}
figure.effect-sadie figcaption h2, figure.effect-sadie figcaption h2 a, figure.effect-sadie figcaption .entry-meta, figure.effect-sadie figcaption .entry-meta a {
  color: #000;
}

/* Bubba */
figure.effect-bubba img {
  opacity: 0.8;
}
figure.effect-bubba h2 {
  color: #FFF;
}
figure.effect-bubba .entry-meta {
  margin-top: 10px;
  display: block;
  width: 100%;
}
figure.effect-bubba .entry-meta,
figure.effect-bubba .icons,
figure.effect-bubba h2 {
  color: #000;
}

/* lily */
figure.effect-lily:before {
  position: absolute;
  z-index: 100;
  display: block;
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  margin-top: -24px;
  margin-left: -24px;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\f04b';
  font-size: 24px;
  font-weight: normal;
  font-variant: normal;
  text-indent: 0;
  text-decoration: inherit;
  line-height: 47px;
  padding-left: 6px;
  color: rgba(255, 255, 255, 0.75);
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  opacity: 1;
}
figure.effect-lily img {
  opacity: 0.9;
  position: relative;
  z-index: 10;
}
figure.effect-lily h4 {
  font-size: 18px;
}
figure.effect-lily .entry-title {
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0 8px;
}

/* Dark Skin */
.content-light-font .item-grid figure,
.content-light-font .shortcode-item-grid figure,
.content-light-font .shortcode-video-grid figure,
.content-light-font .shortcode-work-grid figure,
.content-light-font .shortcode-release-grid figure,
.content-light-font .shortcode-gallery-grid figure {
  background: #000;
}

.no-touch {
  /* Edouard hover */
  /* Sadie hover */
  /* Bubba */
  /* Lily hover */
  /* Dark Skin */
  /* Standard hover effect */
  /* modern */
  /* horizontal */
  /* Square */
  /* Images Gallery */
  /* Video Sidebar */
  /* Linked image module */
}
.no-touch figure.effect-bubba img {
  opacity: 0.9;
}
.no-touch figure.effect-bubba h2 {
  opacity: 0.5;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.no-touch figure.effect-bubba .subheading {
  display: block;
}
.no-touch figure.effect-bubba .icons {
  display: block;
}
.no-touch figure.effect-bubba .icons,
.no-touch figure.effect-bubba .entry-meta {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  opacity: 0;
}
.no-touch figure.effect-bubba:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.no-touch figure.effect-bubba:hover figcaption:before,
.no-touch figure.effect-bubba:hover .icons,
.no-touch figure.effect-bubba:hover .entry-meta {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.no-touch figure.effect-edouard figcaption {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.no-touch figure.effect-edouard h2 {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.no-touch figure.effect-edouard:hover figcaption {
  background: rgba(255, 255, 255, 0.7);
}
.no-touch figure.effect-edouard:hover figcaption h2 {
  color: #000;
  text-shadow: 0px 1px 1px #fff;
}
.no-touch figure.effect-edouard:hover img {
  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.no-touch figure.effect-sadie figcaption {
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}
.no-touch figure.effect-sadie figcaption h2 {
  text-shadow: 0px 1px 1px #fff;
}
.no-touch figure.effect-sadie:hover img {
  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.no-touch figure.effect-sadie:hover figcaption {
  opacity: 1;
}
.no-touch figure.effect-bubba figcaption:before, .no-touch figure.effect-bubba figcaption:after {
  position: absolute;
  content: ' ';
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
}
.no-touch figure.effect-bubba figcaption:before {
  border-right: none;
  border-left: none;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
}
.no-touch figure.effect-bubba figcaption:after {
  border-top: none;
  border-bottom: none;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  transform: scale(1, 0);
}
.no-touch figure.effect-bubba:hover figcaption:before, .no-touch figure.effect-bubba:hover figcaption:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.no-touch figure.effect-bubba:hover img {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0.5;
}
.no-touch figure.effect-bubba figcaption:before, .no-touch figure.effect-bubba figcaption:after {
  border-color: #000;
}
.no-touch figure.effect-lily {
  /*&:hover{
  	img{
  		transform:translate3d( 0,-50px,0 );
  		opacity: 1;
  	}
  }*/
}
.no-touch figure.effect-lily img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.no-touch .content-light-font figure.effect-sadie figcaption:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
}
.no-touch .content-light-font figure.effect-sadie:hover h2 {
  color: #fff;
}
.no-touch .content-light-font figure.effect-bubba figcaption:before, .no-touch .content-light-font figure.effect-bubba figcaption:after {
  border-color: #fff;
}
.no-touch .work-classic .entry-thumbnail a,
.no-touch .work-masonry .entry-thumbnail a,
.no-touch .blog-sided .entry-thumbnail a,
.no-touch .blog-large .entry-thumbnail a,
.no-touch .blog-sidebar .entry-thumbnail a,
.no-touch .blog-masonry .entry-thumbnail a,
.no-touch .last-posts-columns .entry-thumbnail a,
.no-touch .last-posts-masonry .entry-thumbnail a {
  position: relative;
}
.no-touch .work-classic .entry-thumbnail a:before,
.no-touch .work-masonry .entry-thumbnail a:before,
.no-touch .blog-sided .entry-thumbnail a:before,
.no-touch .blog-large .entry-thumbnail a:before,
.no-touch .blog-sidebar .entry-thumbnail a:before,
.no-touch .blog-masonry .entry-thumbnail a:before,
.no-touch .last-posts-columns .entry-thumbnail a:before,
.no-touch .last-posts-masonry .entry-thumbnail a:before {
  position: absolute;
  z-index: 100;
  display: block;
  width: 38px;
  height: 38px;
  left: 50%;
  top: 50%;
  margin-top: -19px;
  margin-left: -19px;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\f040';
  font-size: 22px;
  font-weight: normal;
  font-variant: normal;
  text-indent: 0;
  text-decoration: inherit;
  line-height: 38px;
  color: #fff;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: 0;
}
.no-touch .work-classic .entry-thumbnail a img,
.no-touch .work-masonry .entry-thumbnail a img,
.no-touch .blog-sided .entry-thumbnail a img,
.no-touch .blog-large .entry-thumbnail a img,
.no-touch .blog-sidebar .entry-thumbnail a img,
.no-touch .blog-masonry .entry-thumbnail a img,
.no-touch .last-posts-columns .entry-thumbnail a img,
.no-touch .last-posts-masonry .entry-thumbnail a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}
.no-touch .work-classic .entry-thumbnail a:hover img,
.no-touch .work-masonry .entry-thumbnail a:hover img,
.no-touch .blog-sided .entry-thumbnail a:hover img,
.no-touch .blog-large .entry-thumbnail a:hover img,
.no-touch .blog-sidebar .entry-thumbnail a:hover img,
.no-touch .blog-masonry .entry-thumbnail a:hover img,
.no-touch .last-posts-columns .entry-thumbnail a:hover img,
.no-touch .last-posts-masonry .entry-thumbnail a:hover img {
  opacity: 0.9;
}
.no-touch .work-classic .entry-thumbnail a:hover:before,
.no-touch .work-masonry .entry-thumbnail a:hover:before,
.no-touch .blog-sided .entry-thumbnail a:hover:before,
.no-touch .blog-large .entry-thumbnail a:hover:before,
.no-touch .blog-sidebar .entry-thumbnail a:hover:before,
.no-touch .blog-masonry .entry-thumbnail a:hover:before,
.no-touch .last-posts-columns .entry-thumbnail a:hover:before,
.no-touch .last-posts-masonry .entry-thumbnail a:hover:before {
  opacity: 1;
}
.no-touch .work-classic .entry-thumbnail a.zoom:before,
.no-touch .work-masonry .entry-thumbnail a.zoom:before,
.no-touch .blog-sided .entry-thumbnail a.zoom:before,
.no-touch .blog-large .entry-thumbnail a.zoom:before,
.no-touch .blog-sidebar .entry-thumbnail a.zoom:before,
.no-touch .blog-masonry .entry-thumbnail a.zoom:before,
.no-touch .last-posts-columns .entry-thumbnail a.zoom:before,
.no-touch .last-posts-masonry .entry-thumbnail a.zoom:before {
  content: '\f002';
}
.no-touch .work-classic .format-image .entry-thumbnail a:before,
.no-touch .work-masonry .format-image .entry-thumbnail a:before,
.no-touch .blog-sided .format-image .entry-thumbnail a:before,
.no-touch .blog-large .format-image .entry-thumbnail a:before,
.no-touch .blog-sidebar .format-image .entry-thumbnail a:before,
.no-touch .blog-masonry .format-image .entry-thumbnail a:before,
.no-touch .last-posts-columns .format-image .entry-thumbnail a:before,
.no-touch .last-posts-masonry .format-image .entry-thumbnail a:before {
  content: '\f03e';
}
.no-touch .work-classic .format-gallery .entry-thumbnail a:before,
.no-touch .work-masonry .format-gallery .entry-thumbnail a:before,
.no-touch .blog-sided .format-gallery .entry-thumbnail a:before,
.no-touch .blog-large .format-gallery .entry-thumbnail a:before,
.no-touch .blog-sidebar .format-gallery .entry-thumbnail a:before,
.no-touch .blog-masonry .format-gallery .entry-thumbnail a:before,
.no-touch .last-posts-columns .format-gallery .entry-thumbnail a:before,
.no-touch .last-posts-masonry .format-gallery .entry-thumbnail a:before {
  content: '\f083';
}
.no-touch .work-classic .format-audio .entry-thumbnail a:before,
.no-touch .work-masonry .format-audio .entry-thumbnail a:before,
.no-touch .blog-sided .format-audio .entry-thumbnail a:before,
.no-touch .blog-large .format-audio .entry-thumbnail a:before,
.no-touch .blog-sidebar .format-audio .entry-thumbnail a:before,
.no-touch .blog-masonry .format-audio .entry-thumbnail a:before,
.no-touch .last-posts-columns .format-audio .entry-thumbnail a:before,
.no-touch .last-posts-masonry .format-audio .entry-thumbnail a:before {
  content: '\f001';
}
.no-touch .work-classic .format-video .entry-thumbnail a:before,
.no-touch .work-masonry .format-video .entry-thumbnail a:before,
.no-touch .blog-sided .format-video .entry-thumbnail a:before,
.no-touch .blog-large .format-video .entry-thumbnail a:before,
.no-touch .blog-sidebar .format-video .entry-thumbnail a:before,
.no-touch .blog-masonry .format-video .entry-thumbnail a:before,
.no-touch .last-posts-columns .format-video .entry-thumbnail a:before,
.no-touch .last-posts-masonry .format-video .entry-thumbnail a:before {
  content: '\f008';
}
.no-touch .work-classic .format-quote .entry-thumbnail a:before,
.no-touch .work-masonry .format-quote .entry-thumbnail a:before,
.no-touch .blog-sided .format-quote .entry-thumbnail a:before,
.no-touch .blog-large .format-quote .entry-thumbnail a:before,
.no-touch .blog-sidebar .format-quote .entry-thumbnail a:before,
.no-touch .blog-masonry .format-quote .entry-thumbnail a:before,
.no-touch .last-posts-columns .format-quote .entry-thumbnail a:before,
.no-touch .last-posts-masonry .format-quote .entry-thumbnail a:before {
  content: '\f10d';
}
.no-touch .work-classic .format-link .entry-thumbnail a:before,
.no-touch .work-masonry .format-link .entry-thumbnail a:before,
.no-touch .blog-sided .format-link .entry-thumbnail a:before,
.no-touch .blog-large .format-link .entry-thumbnail a:before,
.no-touch .blog-sidebar .format-link .entry-thumbnail a:before,
.no-touch .blog-masonry .format-link .entry-thumbnail a:before,
.no-touch .last-posts-columns .format-link .entry-thumbnail a:before,
.no-touch .last-posts-masonry .format-link .entry-thumbnail a:before {
  content: '\f0c1';
}
.no-touch .work-classic .format-chat .entry-thumbnail a:before,
.no-touch .work-masonry .format-chat .entry-thumbnail a:before,
.no-touch .blog-sided .format-chat .entry-thumbnail a:before,
.no-touch .blog-large .format-chat .entry-thumbnail a:before,
.no-touch .blog-sidebar .format-chat .entry-thumbnail a:before,
.no-touch .blog-masonry .format-chat .entry-thumbnail a:before,
.no-touch .last-posts-columns .format-chat .entry-thumbnail a:before,
.no-touch .last-posts-masonry .format-chat .entry-thumbnail a:before {
  content: '\f086';
}
.no-touch .work-classic .format-status .entry-thumbnail a:before,
.no-touch .work-masonry .format-status .entry-thumbnail a:before,
.no-touch .blog-sided .format-status .entry-thumbnail a:before,
.no-touch .blog-large .format-status .entry-thumbnail a:before,
.no-touch .blog-sidebar .format-status .entry-thumbnail a:before,
.no-touch .blog-masonry .format-status .entry-thumbnail a:before,
.no-touch .last-posts-columns .format-status .entry-thumbnail a:before,
.no-touch .last-posts-masonry .format-status .entry-thumbnail a:before {
  content: '\f007';
}
.no-touch .work-classic .format-aside .entry-thumbnail a:before,
.no-touch .work-masonry .format-aside .entry-thumbnail a:before,
.no-touch .blog-sided .format-aside .entry-thumbnail a:before,
.no-touch .blog-large .format-aside .entry-thumbnail a:before,
.no-touch .blog-sidebar .format-aside .entry-thumbnail a:before,
.no-touch .blog-masonry .format-aside .entry-thumbnail a:before,
.no-touch .last-posts-columns .format-aside .entry-thumbnail a:before,
.no-touch .last-posts-masonry .format-aside .entry-thumbnail a:before {
  content: '\f040';
}
.no-touch .modern-item-bg {
  opacity: .9;
}
.no-touch .modern-item-bg .modern-item-container {
  color: #000;
  background: rgba(255, 255, 255, 0.7);
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
}
.no-touch .modern-item-bg .modern-item-inner {
  opacity: 1;
}
.no-touch .modern-item-bg .modern-item-inner .entry-meta {
  display: block;
}
.no-touch .modern-item-bg .modern-item-inner h2 {
  text-shadow: 0px 1px 1px #fff;
}
.no-touch .modern-item-bg:hover {
  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.no-touch .modern-item-bg:hover .modern-item-container {
  opacity: 1;
}
.no-touch .vertical-slide-item {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.no-touch .vertical-slide-item:hover {
  opacity: 1;
}
.no-touch .post-square img {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.no-touch .post-square:hover img {
  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
.no-touch .wolf-images-gallery a.image-item,
.no-touch .masonry-gallery a.image-item,
.no-touch .wolf-single-image a.image-item {
  overflow: hidden;
}
.no-touch .wolf-images-gallery.hover-default a.image-item img, .no-touch .wolf-images-gallery.hover-greyscale a.image-item img, .no-touch .wolf-images-gallery.hover-to-greyscale a.image-item img, .no-touch .wolf-images-gallery.hover-scale-greyscale a.image-item img, .no-touch .wolf-images-gallery.hover-scale-to-greyscale a.image-item img,
.no-touch .masonry-gallery.hover-default a.image-item img,
.no-touch .masonry-gallery.hover-greyscale a.image-item img,
.no-touch .masonry-gallery.hover-to-greyscale a.image-item img,
.no-touch .masonry-gallery.hover-scale-greyscale a.image-item img,
.no-touch .masonry-gallery.hover-scale-to-greyscale a.image-item img,
.no-touch .wolf-single-image.hover-default a.image-item img,
.no-touch .wolf-single-image.hover-greyscale a.image-item img,
.no-touch .wolf-single-image.hover-to-greyscale a.image-item img,
.no-touch .wolf-single-image.hover-scale-greyscale a.image-item img,
.no-touch .wolf-single-image.hover-scale-to-greyscale a.image-item img {
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
.no-touch .wolf-images-gallery.hover-greyscale a.image-item img, .no-touch .wolf-images-gallery.hover-scale-greyscale a.image-item img,
.no-touch .masonry-gallery.hover-greyscale a.image-item img,
.no-touch .masonry-gallery.hover-scale-greyscale a.image-item img,
.no-touch .wolf-single-image.hover-greyscale a.image-item img,
.no-touch .wolf-single-image.hover-scale-greyscale a.image-item img {
  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.no-touch .wolf-images-gallery.hover-greyscale a.image-item:hover img, .no-touch .wolf-images-gallery.hover-greyscale a.image-item:focus img, .no-touch .wolf-images-gallery.hover-scale-greyscale a.image-item:hover img, .no-touch .wolf-images-gallery.hover-scale-greyscale a.image-item:focus img,
.no-touch .masonry-gallery.hover-greyscale a.image-item:hover img,
.no-touch .masonry-gallery.hover-greyscale a.image-item:focus img,
.no-touch .masonry-gallery.hover-scale-greyscale a.image-item:hover img,
.no-touch .masonry-gallery.hover-scale-greyscale a.image-item:focus img,
.no-touch .wolf-single-image.hover-greyscale a.image-item:hover img,
.no-touch .wolf-single-image.hover-greyscale a.image-item:focus img,
.no-touch .wolf-single-image.hover-scale-greyscale a.image-item:hover img,
.no-touch .wolf-single-image.hover-scale-greyscale a.image-item:focus img {
  filter: none;
  /*Applies to FF + IE */
  -webkit-filter: grayscale(0);
}
.no-touch .wolf-images-gallery.hover-to-greyscale a.image-item:hover img, .no-touch .wolf-images-gallery.hover-to-greyscale a.image-item:focus img, .no-touch .wolf-images-gallery.hover-scale-to-greyscale a.image-item:hover img, .no-touch .wolf-images-gallery.hover-scale-to-greyscale a.image-item:focus img,
.no-touch .masonry-gallery.hover-to-greyscale a.image-item:hover img,
.no-touch .masonry-gallery.hover-to-greyscale a.image-item:focus img,
.no-touch .masonry-gallery.hover-scale-to-greyscale a.image-item:hover img,
.no-touch .masonry-gallery.hover-scale-to-greyscale a.image-item:focus img,
.no-touch .wolf-single-image.hover-to-greyscale a.image-item:hover img,
.no-touch .wolf-single-image.hover-to-greyscale a.image-item:focus img,
.no-touch .wolf-single-image.hover-scale-to-greyscale a.image-item:hover img,
.no-touch .wolf-single-image.hover-scale-to-greyscale a.image-item:focus img {
  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.no-touch .wolf-images-gallery.hover-scale-greyscale a.image-item img, .no-touch .wolf-images-gallery.hover-scale-to-greyscale a.image-item img,
.no-touch .masonry-gallery.hover-scale-greyscale a.image-item img,
.no-touch .masonry-gallery.hover-scale-to-greyscale a.image-item img,
.no-touch .wolf-single-image.hover-scale-greyscale a.image-item img,
.no-touch .wolf-single-image.hover-scale-to-greyscale a.image-item img {
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
.no-touch .wolf-images-gallery.hover-scale-greyscale a.image-item:hover img, .no-touch .wolf-images-gallery.hover-scale-greyscale a.image-item:focus img, .no-touch .wolf-images-gallery.hover-scale-to-greyscale a.image-item:hover img, .no-touch .wolf-images-gallery.hover-scale-to-greyscale a.image-item:focus img,
.no-touch .masonry-gallery.hover-scale-greyscale a.image-item:hover img,
.no-touch .masonry-gallery.hover-scale-greyscale a.image-item:focus img,
.no-touch .masonry-gallery.hover-scale-to-greyscale a.image-item:hover img,
.no-touch .masonry-gallery.hover-scale-to-greyscale a.image-item:focus img,
.no-touch .wolf-single-image.hover-scale-greyscale a.image-item:hover img,
.no-touch .wolf-single-image.hover-scale-greyscale a.image-item:focus img,
.no-touch .wolf-single-image.hover-scale-to-greyscale a.image-item:hover img,
.no-touch .wolf-single-image.hover-scale-to-greyscale a.image-item:focus img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.no-touch .wolf-images-gallery.hover-default a.image-item:hover img, .no-touch .wolf-images-gallery.hover-default a.image-item:focus img,
.no-touch .masonry-gallery.hover-default a.image-item:hover img,
.no-touch .masonry-gallery.hover-default a.image-item:focus img,
.no-touch .wolf-single-image.hover-default a.image-item:hover img,
.no-touch .wolf-single-image.hover-default a.image-item:focus img {
  opacity: 0.8;
}
.no-touch .video-sidebar-container .video-thumbnail a:hover img {
  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.no-touch .video-category .video-thumbnail a:before,
.no-touch .search-video-content .video-thumbnail a:before {
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  opacity: .4;
}
.no-touch .video-category .video-thumbnail a:hover:before,
.no-touch .search-video-content .video-thumbnail a:hover:before {
  opacity: 1;
}
.no-touch .wolf-linked-image .wolf-linked-image-overlay {
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.no-touch .wolf-linked-image:hover .wolf-linked-image-overlay {
  opacity: 0.2 !important;
}

.single-video .entry-thumbnail {
  display: none;
}

.single-video .inner,
.video-youtube .inner,
.video-youtube-all .inner {
  max-width: 1140px;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.single-video #main,
.video-youtube #main,
.video-youtube-all #main {
  padding-top: 50px;
  padding-bottom: 0;
}

.single-video.video-grid .entry-meta {
  text-align: left;
}

.video-search-inner form {
  margin-top: 0;
}

.video-inner,
.video-sidebar-container,
.video-search-inner {
  padding: 2rem;
  margin-bottom: 1rem;
}

.video-search-inner {
  margin-bottom: 10px !important;
}

.video-youtube.single-video .comments-area,
.video-youtube-all.single-video .comments-area {
  padding: 2rem;
  margin-bottom: 1rem;
}
.video-youtube article.video,
.video-youtube-all article.video {
  background: none !important;
}

.video-sidebar-container form {
  margin-top: 0;
}
.video-sidebar-container hr {
  margin: 1.5em auto;
}

.video-youtube.single-video .video-author-meta,
.video-youtube-all.single-video .video-author-meta {
  margin-bottom: 15px;
}
.video-youtube.single-video .video-author-meta .avatar,
.video-youtube-all.single-video .video-author-meta .avatar {
  border-radius: 0;
  float: left;
  margin: 0 10px 0 0;
}
.video-youtube.single-video .video-author-meta .video-author-name,
.video-youtube-all.single-video .video-author-meta .video-author-name {
  margin-top: 0;
  font-weight: 700;
}
.video-youtube.single-video .video-author-meta .video-author-name a,
.video-youtube-all.single-video .video-author-meta .video-author-name a {
  font-size: 13px;
  color: #333;
}
.video-youtube.single-video .video-author-meta .video-author-name a:hover,
.video-youtube-all.single-video .video-author-meta .video-author-name a:hover {
  color: #c74735;
}
.video-youtube.single-video .video-title,
.video-youtube-all.single-video .video-title {
  font-weight: 400;
}
.video-youtube.single-video #comments,
.video-youtube-all.single-video #comments {
  width: 100%;
}
.video-youtube.single-video .entry-meta,
.video-youtube-all.single-video .entry-meta {
  text-align: left;
}
.video-youtube.single-video .entry-meta .fa,
.video-youtube-all.single-video .entry-meta .fa {
  margin-right: 8px;
}
.video-youtube.single-video p.share-buttons,
.video-youtube.single-video p.embed-input,
.video-youtube-all.single-video p.share-buttons,
.video-youtube-all.single-video p.embed-input {
  margin-bottom: 1em;
}
.video-youtube.single-video .fluid-video,
.video-youtube-all.single-video .fluid-video {
  margin-bottom: 0;
}
.video-youtube.single-video input.url,
.video-youtube-all.single-video input.url {
  padding: 5px;
  font-size: 16px;
  width: 370px;
  background: #fff;
  color: #666;
}
.video-youtube.single-video input.embed,
.video-youtube-all.single-video input.embed {
  padding: 5px;
  font-size: 16px;
  width: 100%;
  background: #fff;
  color: #666;
}

.video .comments-link {
  color: gray;
}

.video-meta {
  position: relative;
}
.video-meta .close-share-panel {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  font-family: Arial;
}

.video-tabs-menu {
  margin: 0;
}
.video-tabs-menu li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
  height: 35px;
}
.video-tabs-menu li a {
  color: #333;
  font-weight: 700;
  display: block;
  height: 35px;
}
.video-tabs-menu li.current a {
  -webkit-box-shadow: 0px 3px 0px 0px #333;
  box-shadow: 0px 3px 0px 0px #333;
}

.video-description {
  font-size: 13px;
  padding-bottom: 0;
}
.video-description p {
  margin: 1em 0 0.5em;
}
.video-description p:first-of-type {
  margin-top: 1em;
}

.video-content {
  display: none;
}

.share-link-video {
  margin: 0 5px;
  color: #333;
}

.video-read-more,
.video-read-less {
  cursor: pointer;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
  line-height: 38px;
  margin-top: 15px;
  border-top: 1px solid #e2e2e2;
}

.video-sidebar-container .video {
  margin-bottom: 15px;
}
.video-sidebar-container .video-thumbnail {
  display: block;
  max-width: 80%;
  float: left;
  margin-right: 10px;
}
.video-sidebar-container .video-thumbnail a {
  display: block;
}
.video-sidebar-container .video-thumbnail a img {
  display: block;
  vertical-align: middle;
}
.video-sidebar-container .video-title {
  display: block;
  margin-top: 0;
  max-height: 2.4em;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
.video-sidebar-container .video-title a {
  color: #333;
}
.video-sidebar-container .video-title a:hover {
  color: #c74735;
}
.video-sidebar-container .video-author-name a {
  display: block;
  color: #333;
  font-size: 11px;
}

.video-category .video-date,
.search-video-content .video-date {
  font-size: 12px;
  display: block;
}
.video-category .video-tax-title,
.search-video-content .video-tax-title {
  padding-left: 1rem;
  font-size: 18px;
}
.video-category .video,
.search-video-content .video {
  margin-bottom: 15px;
  padding: 1rem;
  float: left;
  width: 100%;
}
.video-category .video-thumbnail,
.search-video-content .video-thumbnail {
  display: block;
}
.video-category .video-thumbnail a,
.search-video-content .video-thumbnail a {
  display: block;
  position: relative;
}
.video-category .video-thumbnail a img,
.search-video-content .video-thumbnail a img {
  display: block;
  vertical-align: middle;
}
.video-category .video-thumbnail a:before,
.search-video-content .video-thumbnail a:before {
  position: absolute;
  content: '\f04b';
  display: block;
  padding-left: 3px;
  width: 38px;
  height: 38px;
  left: 50%;
  top: 50%;
  margin-top: -19px;
  margin-left: -19px;
  text-align: center;
  font-family: 'FontAwesome';
  font-size: 18px;
  font-weight: normal;
  font-variant: normal;
  text-indent: 0;
  text-decoration: inherit;
  line-height: 38px;
  color: rgba(255, 255, 255, 0.75);
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  opacity: .8;
}
.video-category .video-title,
.search-video-content .video-title {
  display: block;
  margin-top: 8px;
  max-height: 2.4em;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
.video-category .video-title a,
.search-video-content .video-title a {
  		/*color: #333;
  
  		&:hover{
  			color: $accent;
  		}*/
}
.video-category .video-author-name a,
.search-video-content .video-author-name a {
  font-size: 13px;
  font-family: Arial;
  font-weight: 400;
  color: #333;
}
.video-category .video-author-name a:hover,
.search-video-content .video-author-name a:hover {
  color: #c74735;
}

.video-category-separtor {
  display: block;
  width: 100%;
  margin-bottom: 1.5em;
  padding: 0 1rem 1rem 0.5em;
  border-bottom: 1px solid #e2e2e2;
}
.video-category-separtor:last-child {
  display: none;
}

.videos,
.shortcode-video-grid {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  line-height: 1.7;
  zoom: 1;
}
.videos:before, .videos:after,
.shortcode-video-grid:before,
.shortcode-video-grid:after {
  content: "";
  display: table;
}
.videos:after,
.shortcode-video-grid:after {
  clear: both;
}

.video-youtube-all.single-video h1.video-title,
.video-youtube.single-video h1.video-title {
  font-size: 22px;
}

.search-video-content {
  margin-bottom: 30px;
}
.search-video-content .video-summary {
  font-size: 11px;
  display: block;
  max-width: 450px;
}
.search-video-content .video-thumbnail {
  display: block;
  float: left;
  margin-right: 15px;
}
.search-video-content .video-thumbnail a {
  max-width: 200px;
}

@media screen and (min-width: 500px) {
  .video-grid-col-2 .video-item-container,
  .video-grid-col-3 .video-item-container,
  .video-grid-col-4 .video-item-container,
  .video-grid-col-5 .video-item-container,
  .video-grid-col-6 .video-item-container {
    float: left;
    width: 50%;
  }

  .video-grid-col-3 .video-item-container {
    float: left;
    width: 33.33%;
  }
  .video-grid-col-3 .video-item-container:nth-child(2n+1) {
    clear: none;
  }
  .video-grid-col-3 .video-item-container:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 900px) {
  .video-grid-col-3 .video-item-container,
  .video-grid-col-6 .video-item-container {
    float: left;
    width: 33.33%;
  }
  .video-grid-col-3 .video-item-container:nth-child(2n+1),
  .video-grid-col-6 .video-item-container:nth-child(2n+1) {
    clear: none;
  }
  .video-grid-col-3 .video-item-container:nth-child(3n+1),
  .video-grid-col-6 .video-item-container:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1200px) {
  .video-grid-col-4 .video-item-container {
    width: 25%;
  }
  .video-grid-col-4 .video-item-container:nth-child(2n+1) {
    clear: none;
  }
  .video-grid-col-4 .video-item-container:nth-child(4n+1) {
    clear: left;
  }

  .video-grid-col-5 .video-item-container {
    width: 20%;
  }
  .video-grid-col-5 .video-item-container:nth-child(2n+1) {
    clear: none;
  }
  .video-grid-col-5 .video-item-container:nth-child(3n+1) {
    clear: none;
  }
  .video-grid-col-5 .video-item-container:nth-child(4n+1) {
    clear: none;
  }
  .video-grid-col-5 .video-item-container:nth-child(5n+1) {
    clear: left;
  }

  .video-grid-col-6 .video-item-container {
    width: 16.65%;
  }
  .video-grid-col-6 .video-item-container:nth-child(2n+1) {
    clear: none;
  }
  .video-grid-col-6 .video-item-container:nth-child(3n+1) {
    clear: none;
  }
  .video-grid-col-6 .video-item-container:nth-child(4n+1) {
    clear: none;
  }
  .video-grid-col-6 .video-item-container:nth-child(5n+1) {
    clear: none;
  }
  .video-grid-col-6 .video-item-container:nth-child(6n+1) {
    clear: left;
  }
}
/* Single Gallery
----------------------*/
.single-gallery .entry-content ul {
  max-width: none;
}
.single-gallery #main {
  padding: 0;
  max-width: none;
}
.single-gallery .masonry-gallery ul {
  margin-left: 0 !important;
}
.single-gallery .masonry-gallery li {
  width: 100%;
  list-style-type: none !important;
}
.single-gallery .masonry-gallery li a {
  display: block;
}
.single-gallery .masonry-gallery li img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  vertical-align: bottom;
  opacity: 1 !important;
  width: 100%;
  height: auto;
}
.single-gallery span.gallery-item-overlay {
  display: block;
}

.single-gallery-no-padding-bottom .nav-single {
  margin-top: 0;
}

.widget_last_photos a,
.last-photos-thumbnails {
  display: inline-block;
  padding: 2px 2px;
  width: 33%;
  margin-bottom: -5px;
}
.widget_last_photos a img,
.last-photos-thumbnails img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

.gallery-item-container p {
  color: #FFF;
}
.gallery-item-container h2.album-title {
  font-size: 1.8rem;
  color: #FFF;
}

.albums, .shortcode-gallery-grid {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  line-height: 1.7;
  zoom: 1;
}
.albums:before, .albums:after, .shortcode-gallery-grid:before, .shortcode-gallery-grid:after {
  content: "";
  display: table;
}
.albums:after, .shortcode-gallery-grid:after {
  clear: both;
}

/* Polaroid */
.polaroid-item-inner {
  background: whitesmoke;
  -webkit-box-shadow: inset 0 0 0 2px #c4c4c4, 1px 1px 5px #cccccc;
  box-shadow: inset 0 0 0 2px #c4c4c4, 1px 1px 5px #cccccc;
  padding: 1rem;
  position: relative;
}
.polaroid-item-inner:before {
  position: absolute;
  top: 0;
  left: 0;
  content: ' ';
  width: 99%;
  height: 100%;
  display: block;
  background: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/polaroid-overlay.png") top right no-repeat;
  background-size: cover;
  z-index: 10;
}
.polaroid-item-inner .polaroid-photo {
  position: relative;
  overflow: hidden;
}
.polaroid-item-inner .polaroid-photo:before {
  position: absolute;
  top: 0;
  left: 0;
  content: ' ';
  width: 100%;
  height: 100%;
  display: block;
  background: url("http://www.risingdragontattoo.co.za/wp-content/themes/tattoopro/images/polaroid-dirt.png") top right no-repeat;
  background-size: cover;
  z-index: 15;
}
.polaroid-item-inner figure.effect-polaroid {
  background: none !important;
  position: relative;
  padding: 10px;
  padding-bottom: 60px;
}
.polaroid-item-inner figure.effect-polaroid .gallery-title {
  text-transform: none !important;
  display: block;
  font-family: 'AngelinaRegular';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8%;
  line-height: 0px;
  font-family: 'AngelinaRegular';
  font-size: 26px;
}

@media screen and (min-width: 500px) {
  .gallery-grid-col-2 .gallery-item-container,
  .gallery-grid-col-3 .gallery-item-container,
  .gallery-grid-col-4 .gallery-item-container,
  .gallery-grid-col-5 .gallery-item-container,
  .gallery-grid-col-6 .gallery-item-container {
    float: left;
    width: 50%;
  }

  .gallery-grid-col-3 .gallery-item-container {
    float: left;
    width: 33.33%;
  }
  .gallery-grid-col-3 .gallery-item-container:nth-child(2n+1) {
    clear: none;
  }
  .gallery-grid-col-3 .gallery-item-container:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 900px) {
  .gallery-grid-col-3 .gallery-item-container,
  .gallery-grid-col-6 .gallery-item-container {
    float: left;
    width: 33.33%;
  }
  .gallery-grid-col-3 .gallery-item-container:nth-child(2n+1),
  .gallery-grid-col-6 .gallery-item-container:nth-child(2n+1) {
    clear: none;
  }
  .gallery-grid-col-3 .gallery-item-container:nth-child(3n+1),
  .gallery-grid-col-6 .gallery-item-container:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1200px) {
  .gallery-grid-col-4 .gallery-item-container {
    width: 25%;
  }
  .gallery-grid-col-4 .gallery-item-container:nth-child(2n+1) {
    clear: none;
  }
  .gallery-grid-col-4 .gallery-item-container:nth-child(4n+1) {
    clear: left;
  }

  .gallery-grid-col-5 .gallery-item-container {
    width: 20%;
  }
  .gallery-grid-col-5 .gallery-item-container:nth-child(2n+1) {
    clear: none;
  }
  .gallery-grid-col-5 .gallery-item-container:nth-child(3n+1) {
    clear: none;
  }
  .gallery-grid-col-5 .gallery-item-container:nth-child(4n+1) {
    clear: none;
  }
  .gallery-grid-col-5 .gallery-item-container:nth-child(5n+1) {
    clear: left;
  }

  .gallery-grid-col-6 .gallery-item-container {
    width: 16.65%;
  }
  .gallery-grid-col-6 .gallery-item-container:nth-child(2n+1) {
    clear: none;
  }
  .gallery-grid-col-6 .gallery-item-container:nth-child(3n+1) {
    clear: none;
  }
  .gallery-grid-col-6 .gallery-item-container:nth-child(4n+1) {
    clear: none;
  }
  .gallery-grid-col-6 .gallery-item-container:nth-child(5n+1) {
    clear: none;
  }
  .gallery-grid-col-6 .gallery-item-container:nth-child(6n+1) {
    clear: left;
  }
}
/* Wolf Twitter */
.wolf ul.wolf-tweet-list li:before {
  font-family: 'FontAwesome';
  content: "\f099";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #41b7d8;
  font-size: 18px;
  opacity: 0.6;
  position: absolute;
  left: -0.1em;
  top: 0;
  opacity: 1;
}

.wolf-tweet-list .wolf-tweet-text,
.wolf-tweet-list .wolf-tweet-time {
  font-weight: 400 !important;
}

.wolf-bigtweet-content {
  text-align: center;
  max-width: 1140px !important;
}
.wolf-bigtweet-content:before {
  display: block;
  color: #41b7d8;
  font-family: 'FontAwesome';
  content: "\f099";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal !important;
  font-size: 24px;
  position: relative;
  margin-right: 0;
}

.wolf .wolf-bigtweet-content span.wolf-tweet-text {
  font-style: normal;
  font-size: 16px;
}

.wolf-tweet-time_big a, .wolf-tweet-time a {
  font-weight: 400;
  text-decoration: none !important;
}

.wolf-tweet-separator,
.wolf-tweet-time_big a {
  font-size: 0.9em;
}

/*------------------------------------------------------------------
	34. Media queries
*/
@media screen and (min-width: 500px) {
  /* Row */
  .wolf-row-inner {
    padding: 4em 0;
  }

  /* Form */
  input[type=email], input[type=search], input[type=tel], input[type=text], select {
    width: 100%;
  }

  /* Page header */
  .page-header-container {
    width: 100%;
    display: table;
  }

  .page-header {
    padding: 2em 0;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
  }

  .has-header-image .page-header {
    height: 35rem;
    height: 40vh;
  }

  /* Tab columns in archive page */
  .tag-list ul {
    -webkit-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
  }

  /* Single Tweet shortcode */
  .wolf-bigtweet-content:before {
    font-size: 32px;
  }

  .wolf .wolf-bigtweet-content span.wolf-tweet-text {
    font-size: 24px;
  }

  /* Masonry gallery */
  .single-gallery .masonry-gallery li {
    width: 33%;
  }

  /* Button width */
  a.wolf-button, a.trigger {
    width: auto !important;
  }

  .trigger {
    width: 350px;
  }

  /* Pricing tables */
  .pricing-tables-4-cols .pricing-table-inner {
    float: left;
    width: 50%;
  }
  .pricing-tables-4-cols .pricing-table-active {
    margin-top: 0;
  }

  /* Footer widgets */
  .sidebar-footer .widget {
    float: left;
    width: 48.382%;
    margin-bottom: 30px;
    margin-left: 1.618%;
    margin-right: 1.618%;
  }
  .sidebar-footer .widget:nth-child(2) {
    margin-right: 0;
  }
  .sidebar-footer .widget:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }

  /* Video category */
  .video-category .video {
    width: 50%;
  }
}
@media screen and (max-width: 782px) {
  #top-arrow {
    display: none !important;
  }

  .admin-bar #side-menu-toggle {
    top: 54px;
  }
  .admin-bar #mobile-bar {
    top: 46px;
  }
  .admin-bar #navbar-mobile {
    top: 46px;
  }

  .admin-bar.sticky-menu #navbar-container {
    top: 46px;
  }

  .admin-bar #navbar-container-left,
  .admin-bar #navbar-container-right {
    top: 46px;
  }
}
@media screen and (min-width: 800px) {
  /* Form */
  input[type=email],
  input[type=search],
  input[type=tel],
  input[type=text],
  select {
    width: 100%;
    max-width: 700px;
  }

  /* Headings */
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 24px;
  }

  /* Posts width */
  .blog-grid .post,
  .last-posts-grid .post,
  .last-posts-columns .post,
  .last-posts-masonry .post {
    float: left;
    width: 50%;
  }
  .blog-grid .post:nth-child(2n+1),
  .last-posts-grid .post:nth-child(2n+1),
  .last-posts-columns .post:nth-child(2n+1),
  .last-posts-masonry .post:nth-child(2n+1) {
    clear: left;
  }

  .work-masonry-horizontal.masonry .work-item-container {
    width: 25%;
  }
  .work-masonry-horizontal.masonry .work-item-container.width2 {
    width: 50%;
  }

  /* Shop categories shortcode (mosaic style) */
  .mosaic-shop-category {
    width: 25%;
  }
  .mosaic-shop-category.width2 {
    width: 50%;
  }

  /* Buttons */
  a.wolf-button, a.trigger,
  input[type='submit'],
  input[type='reset'] {
    display: inline-block;
    width: auto !important;
  }

  .display-block {
    display: block;
    width: 100%;
  }

  /* Holders */
  .holder-content-text .holder-element-inner .holder-text-element-inner {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }

  .holder {
    display: table;
    width: 100%;
  }
  .holder .holder-element {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
  }

  @-moz-document url-prefix() {}
  .holder.holder-2-cols .holder-element {
    width: 50%;
  }
  .holder.holder-3-cols .holder-element {
    width: 33.33%;
  }
  .holder.holder-4-cols .holder-element {
    width: 50%;
    float: left;
    display: block;
  }

  /* pricing tables */
  .pricing-table-inner {
    float: left;
  }

  .pricing-tables-2-cols .pricing-table-inner {
    width: 50%;
  }
  .pricing-tables-2-cols .pricing-table-active {
    position: relative;
    top: 17px;
    margin-top: 0;
  }

  .pricing-tables-3-cols .pricing-table-inner {
    width: 33.2%;
  }
  .pricing-tables-3-cols .pricing-table-active {
    position: relative;
    top: 17px;
    margin-top: 0;
  }

  /* Horizontal portfolio */
  .work-modern .work-item-bg {
    height: 250px;
  }

  /* Sliders nav */
  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    width: 40px;
    height: 80px;
    background-size: 40px 80px;
    margin-top: -40px;
  }

  /* Burger animation (menu toggles) */
  #menu-toggle-modern {
    width: 61px;
    height: 61px;
  }
  #menu-toggle-modern .burger,
  #menu-toggle-modern .burger-before,
  #menu-toggle-modern .burger-after {
    background-color: white !important;
    width: 24px;
    height: 2px;
  }
  #menu-toggle-modern .burger {
    top: 50%;
    margin-top: -1px;
  }
  #menu-toggle-modern .burger-before {
    margin-top: -8px;
  }
  #menu-toggle-modern .burger-after {
    margin-top: 8px;
  }

  #navbar-modern .nav-menu li a {
    font-size: 18px;
    min-height: 4rem;
  }

  /* Blog Sided style
  -----------------------------------------------*/
  .blog-sided .inner hr:last-child {
    display: none;
  }
  .blog-sided .post .entry-media,
  .blog-sided .post .entry-content {
    width: 50%;
  }
  .blog-sided .post .entry-content {
    width: 50%;
    padding: 0 2em 0;
  }
  .blog-sided .post .entry-media {
    float: left;
  }
  .blog-sided .post .entry-content {
    float: left;
  }
  .blog-sided .post.format-audio.no-thumbnail:not(.is-soundcloud) .entry-media,
  .blog-sided .post.format-audio.no-thumbnail:not(.is-soundcloud) .entry-content {
    float: none;
    width: 100%;
    max-width: 2000px;
  }
  .blog-sided .post.format-quote .entry-media, .blog-sided .post.format-link .entry-media, .blog-sided .post.format-aside .entry-media, .blog-sided .post.format-chat .entry-media, .blog-sided .post.text-only .entry-media {
    display: none;
  }
  .blog-sided .post.format-quote .entry-media,
  .blog-sided .post.format-quote .entry-content, .blog-sided .post.format-link .entry-media,
  .blog-sided .post.format-link .entry-content, .blog-sided .post.format-aside .entry-media,
  .blog-sided .post.format-aside .entry-content, .blog-sided .post.format-chat .entry-media,
  .blog-sided .post.format-chat .entry-content, .blog-sided .post.text-only .entry-media,
  .blog-sided .post.text-only .entry-content {
    float: none;
  }
  .blog-sided .post.format-quote .entry-content, .blog-sided .post.format-link .entry-content, .blog-sided .post.format-aside .entry-content, .blog-sided .post.format-chat .entry-content, .blog-sided .post.text-only .entry-content {
    background: #FFF;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 2000px;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .blog-sided .post.format-quote .icon-meta-container, .blog-sided .post.format-link .icon-meta-container, .blog-sided .post.format-status .icon-meta-container, .blog-sided .post.format-aside .icon-meta-container {
    text-align: center;
  }
  .blog-sided .post.is-instagram {
    background: none;
  }
  .blog-sided .post.is-instagram .entry-media {
    float: none;
  }
  .blog-sided .post.is-instagram .entry-media {
    text-align: center;
    width: auto;
  }
  .blog-sided .post.is-instagram .entry-media a {
    display: inline-block;
  }
  .blog-sided .post.is-instagram .entry-media a img {
    display: inline-block;
  }

  .blog-large .post .entry-content,
  .blog-sidebar .post .entry-content {
    background: #FFF;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
  }

  /* Formats */
  .blog-large .post .entry-content,
  .blog-sided .post .entry-content,
  .blog-sidebar .post .entry-content {
    padding: 3em;
  }
  .blog-large .entry-inner,
  .blog-sided .entry-inner,
  .blog-sidebar .entry-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 745px;
  }
  .blog-large .format-status .entry-avatar,
  .blog-sided .format-status .entry-avatar,
  .blog-sidebar .format-status .entry-avatar {
    float: left;
    width: 20%;
  }
  .blog-large .format-status .entry-avatar .author-name,
  .blog-sided .format-status .entry-avatar .author-name,
  .blog-sidebar .format-status .entry-avatar .author-name {
    font-size: 14px;
  }
  .blog-large .format-status .entry-content,
  .blog-sided .format-status .entry-content,
  .blog-sidebar .format-status .entry-content {
    position: relative;
    border-radius: 5px;
    background: #FFF;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
    padding-left: 2em !important;
    padding-right: 2em !important;
    text-align: left;
    float: left;
    width: 80%;
    overflow: visible;
  }
  .blog-large .format-status .entry-content .entry-meta,
  .blog-large .format-status .entry-content .entry-inner,
  .blog-sided .format-status .entry-content .entry-meta,
  .blog-sided .format-status .entry-content .entry-inner,
  .blog-sidebar .format-status .entry-content .entry-meta,
  .blog-sidebar .format-status .entry-content .entry-inner {
    text-align: left;
  }
  .blog-large .format-status .entry-content p,
  .blog-sided .format-status .entry-content p,
  .blog-sidebar .format-status .entry-content p {
    margin: 1em 0;
  }
  .blog-large .format-status .entry-content:before,
  .blog-sided .format-status .entry-content:before,
  .blog-sidebar .format-status .entry-content:before {
    content: ' ';
    position: absolute;
    top: 20px;
    left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fff transparent transparent;
  }
  .blog-large .post.format-quote .has-bg,
  .blog-large .post.format-link .has-bg,
  .blog-large .post.format-aside .has-bg,
  .blog-sided .post.format-quote .has-bg,
  .blog-sided .post.format-link .has-bg,
  .blog-sided .post.format-aside .has-bg,
  .blog-sidebar .post.format-quote .has-bg,
  .blog-sidebar .post.format-link .has-bg,
  .blog-sidebar .post.format-aside .has-bg {
    padding: 3.5em 2em;
  }

  .blog-sided .has-media .entry-content {
    padding-top: 0;
  }

  /* Call to action */
  .call-to-action {
    display: table;
    width: 100%;
  }
  .call-to-action .call-to-action-text,
  .call-to-action .call-to-action-button {
    display: table-cell;
    vertical-align: middle;
  }
  .call-to-action .call-to-action-text {
    text-align: left;
  }
  .call-to-action .call-to-action-button {
    text-align: right !important;
  }
  .call-to-action .call-to-action-button a.wolf-button, .call-to-action .call-to-action-button a.trigger {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .call-to-action-text {
    margin-bottom: 0;
  }

  /* Mailchimp */
  .wolf-mailchimp-form {
    width: 98%;
    max-width: 350px;
  }
  .wolf-mailchimp-form .wolf-mailchimp-submit {
    display: inline-block;
    padding: 2px 19px;
    margin-left: 3px !important;
  }
  .wolf-mailchimp-form .wolf-mailchimp-email-container {
    float: left;
    width: 75%;
  }
  .wolf-mailchimp-form .wolf-mailchimp-email-container input {
    width: 100% !important;
  }
  .wolf-mailchimp-form .wolf-mailchimp-submit-container {
    float: left;
    width: 25%;
  }
  .wolf-mailchimp-form .wolf-mailchimp-submit-container input {
    width: 100%;
    margin-top: 5px;
  }
  .wolf-mailchimp-form.large {
    max-width: 800px;
    margin: 30px auto;
  }
  .wolf-mailchimp-form.large input {
    font-size: 18px;
    padding: 7px 8px 8px 8px;
    height: 48px;
  }
  .wolf-mailchimp-form.large .wolf-mailchimp-submit {
    margin-left: 5px !important;
    padding: 13px 20px;
    line-height: 17px;
  }

  .widget-content .wolf-mailchimp-form .wolf-mailchimp-email-container,
  .widget-content .wolf-mailchimp-form .wolf-mailchimp-submit-container {
    float: none;
    width: 100%;
  }
  .widget-content .wolf-mailchimp-form input {
    width: 100% !important;
  }
  .widget-content .wolf-mailchimp-form .wolf-mailchimp-submit {
    margin-top: 5px;
    margin-left: 0 !important;
  }

  /* Splitted layout */
  .split .panel-left {
    margin-left: 1%;
    width: 49%;
    text-align: right;
    float: left;
  }
  .split .panel-right {
    width: 50%;
    float: right;
  }
  .split .entry-content {
    margin-left: 30px;
    max-width: 600px;
  }
  .split .entry-content p:first-of-type {
    margin-top: 0;
  }

  /* Floating Sidebar */
  .floating-sidebar .panel-left {
    width: 66.66%;
    float: left;
  }
  .floating-sidebar .panel-right {
    width: 33.33%;
    float: right;
  }
  .floating-sidebar .entry-content {
    padding-left: 1em;
  }
  .floating-sidebar .entry-content p:first-of-type {
    margin-top: 0;
  }

  /* Countdown */
  .countdown-amount {
    font-size: 72px;
  }

  .countdown-period {
    font-size: 18px;
  }

  /* Process */
  ul.process-list {
    position: relative;
  }
  ul.process-list:before {
    content: ' ';
    width: 80%;
    height: 2px;
    background: gray;
    position: absolute;
    top: 63px;
    left: 10%;
  }
  ul.process-list li {
    display: table-cell;
  }

  /* Page header */
  .page-header .wrap {
    display: table;
  }

  .page-header-small .page-title-container,
  .page-header-small .breadcrumb {
    width: auto;
    text-align: left;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
  }
  .page-header-small .breadcrumb {
    font-size: 13px;
    width: 30%;
  }
  .page-header-small .page-title-container {
    width: 70%;
    text-align: right;
  }

  .page-header-big .page-title-container {
    width: 100%;
    text-align: center;
  }

  /* Carousel */
  .wolf-row-standard-width .owl-prev,
  .single .entry-media .owl-prev,
  .single .entry-content .owl-prev {
    left: -35px;
  }
  .wolf-row-standard-width .owl-next,
  .single .entry-media .owl-next,
  .single .entry-content .owl-next {
    right: -35px;
  }

  /* Videos */
  .video-category .video {
    width: 33.2%;
  }

  .video-inner,
  .video-sidebar-container,
  .video-search-inner {
    background: #FFF;
  }

  .video-youtube.single-video .comments-area,
  .video-youtube-all.single-video .comments-area {
    background: #FFF;
  }

  /* Single Post Nav */
  .nav-single .nav-has-bg {
    background: #fff;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
  }
  .nav-single .nav-has-bg .nav-label {
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    color: #333;
  }
  .nav-single .nav-has-bg .nav-bg-overlay {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 0;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .nav-single .nav-previous,
  .nav-single .nav-next {
    padding: 0;
  }
  .nav-single .nav-previous a,
  .nav-single .nav-next a {
    padding: 6rem 2rem;
    position: relative;
    display: block;
    width: 100%;
    z-index: 10;
  }
  .nav-single .nav-previous:hover .nav-bg-overlay,
  .nav-single .nav-next:hover .nav-bg-overlay {
    opacity: 0.9;
  }
  .nav-single .nav-previous:hover.nav-has-bg,
  .nav-single .nav-next:hover.nav-has-bg {
    background: #000;
  }
  .nav-single .nav-previous:hover.nav-has-bg .nav-label,
  .nav-single .nav-next:hover.nav-has-bg .nav-label {
    color: #fff;
  }

  /* ¨pst archives rows */
  .archives-list .archives-row {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    padding-bottom: 0;
    float: left;
  }
  .archives-list .archives-row:first-child {
    margin-left: 0 !important;
  }
  .archives-list .archives-row:last-child {
    margin-right: 0 !important;
  }

  /* Testimonials */
  .testimonal-container {
    padding: 0;
  }

  /* Icon box */
  .icon-box {
    margin: 1em auto;
  }

  /* Mobile Menu */
  .toggled-on #navbar-mobile {
    padding: 0;
    display: table;
  }
  .toggled-on #navbar-mobile .wolf-social:before {
    margin-left: -0.7em;
  }
  .toggled-on #navbar-mobile-container .nav-menu li a {
    padding-right: 0;
  }
  .toggled-on #navbar-mobile-container .nav-menu li.menu-item-has-children a, .toggled-on #navbar-mobile-container .nav-menu li.page_item_has_children a, .toggled-on #navbar-mobile-container .nav-menu li.active a {
    padding-right: 0;
  }
  .toggled-on #navbar-mobile-container .nav-menu li.menu-item-has-children:after, .toggled-on #navbar-mobile-container .nav-menu li.page_item_has_children:after, .toggled-on #navbar-mobile-container .nav-menu li.active:after {
    top: 15px;
  }
  .toggled-on #site-navigation-primary-mobile {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
  }
  .toggled-on #site-navigation-primary-mobile .theme-socials-container {
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: none;
  }

  .wolf-woocommerce-full #container {
    width: 100% !important;
    float: none;
  }

  .wolf-woocommerce-full #secondary-woocommerce {
    display: none !important;
  }

  .wolf-woocommerce-sidebar #container {
    width: 65.7%;
    float: left;
  }
  .wolf-woocommerce-sidebar #secondary-woocommerce {
    margin-top: 0;
    width: 29.2%;
    float: right;
  }
  .wolf-woocommerce-sidebar.single-product #container {
    float: none;
    width: 100%;
  }

  .products li {
    width: 23%;
  }
  .products li:nth-child(2n+1) {
    clear: none;
  }
  .products li:nth-child(4n+1) {
    clear: left;
  }

  .wolf-woocommerce-sidebar:not(.single-product) .products li {
    width: 31%;
  }
  .wolf-woocommerce-sidebar:not(.single-product) .products li:nth-child(2n+1) {
    clear: none;
  }
  .wolf-woocommerce-sidebar:not(.single-product) .products li:nth-child(4n+1) {
    clear: none;
  }
  .wolf-woocommerce-sidebar:not(.single-product) .products li:nth-child(3n+1) {
    clear: left;
  }

  .single-product .product .images {
    float: left;
    width: 48%;
  }
  .single-product .product .summary {
    float: right;
    width: 48%;
  }

  .woocommerce-cart .coupon {
    width: auto;
  }
  .woocommerce-cart .coupon label {
    display: inline;
  }
  .woocommerce-cart input.button,
  .woocommerce-cart #coupon_code {
    display: inline-block;
    width: auto;
    margin: 5px 5px;
  }
  .woocommerce-cart #coupon_code {
    padding: 9px 10px;
  }

  .woocommerce.columns-3 .products li {
    width: 31% !important;
  }
  .woocommerce.columns-3 .products li:nth-child(2n+1) {
    clear: none !important;
  }
  .woocommerce.columns-3 .products li:nth-child(3n+1) {
    clear: left !important;
  }
  .woocommerce.columns-4 .products li {
    width: 23% !important;
    margin-right: 1% !important;
    margin-left: 1% !important;
  }
  .woocommerce.columns-4 .products li:nth-child(2n+1), .woocommerce.columns-4 .products li:nth-child(3n+1) {
    clear: none !important;
  }
  .woocommerce.columns-4 .products li:nth-child(4n+1) {
    clear: left !important;
  }
}
@media screen and (min-width: 900px) {
  /* Row */
  .wolf-row-inner {
    padding: 5em 0;
  }

  /* Big mobile nav for tablet */
  #site-navigation-primary-mobile {
    padding-top: 90px;
  }

  #menu-toggle {
    top: 20px;
    right: 15px;
  }

  #side-menu-toggle {
    top: 20px;
    left: 25px;
  }

  .admin-bar #side-menu-toggle {
    top: 52px;
  }

  /* page header */
  .page-header-container {
    background-attachment: fixed;
  }

  .page-header {
    padding: 3em 0;
  }

  /* Last post columns shortcode */
  .last-posts-columns .post {
    width: 33.3%;
  }
  .last-posts-columns .post:nth-child(2n+1) {
    clear: none;
  }
  .last-posts-columns .post:nth-child(3n+1) {
    clear: left;
  }

  /* Masonry posts */
  .masonry .post,
  .last-posts-masonry .post {
    width: 50%;
  }

  .masonry .work-item-container {
    width: 50%;
  }

  /* Page header */
  .has-header-image.page-header-big .page-header {
    height: 45rem;
    height: 50vh;
  }

  #home-slider .post-square-caption h2 {
    font-size: 4.8rem;
  }

  /* Containers */
  .post-has-sidebar #primary,
  .post-has-sidebar #container,
  .release-sidebar #primary,
  .release-sidebar #container,
  .blog-sidebar #primary,
  .blog-sidebar #container,
  .search #primary,
  .search #container,
  .search-no-results.blog-sidebar #primary,
  .search-no-results.blog-sidebar #container,
  .archive.blog-sidebar #primary,
  .archive.blog-sidebar #container,
  .page-sidebar-right #primary,
  .page-sidebar-right #container {
    width: 65.7%;
    float: left;
  }
  .post-has-sidebar #secondary,
  .release-sidebar #secondary,
  .blog-sidebar #secondary,
  .search #secondary,
  .search-no-results.blog-sidebar #secondary,
  .archive.blog-sidebar #secondary,
  .page-sidebar-right #secondary {
    width: 29.2%;
    float: right;
  }

  .single-video.video-youtube #primary,
  .single-video.video-youtube-all #primary {
    width: 65.7%;
    float: left;
  }
  .single-video.video-youtube #secondary,
  .single-video.video-youtube-all #secondary {
    width: 32.2%;
    float: right;
  }

  .page-sidebar-left #primary {
    width: 61.7%;
    float: right;
  }
  .page-sidebar-left #secondary {
    width: 29.2%;
    float: left;
  }

  .video-sidebar-container .video-thumbnail {
    max-width: 100px;
  }

  /* Burger */
  .burger,
  .burger-before,
  .burger-after {
    width: 24px;
    height: 3px;
  }

  .burger-before {
    margin-top: -8px;
  }

  .burger-after {
    margin-top: 8px;
  }

  /* plus */
  .plus {
    top: 16px;
  }

  .plus,
  .plus:before {
    width: 24px;
    height: 3px;
  }

  /* Mobile menu */
  .breakpoint #mobile-bar {
    height: 80px !important;
  }
  .breakpoint .wolf-slide-caption-container {
    padding-top: 80px;
  }
  .breakpoint #page {
    padding-top: 80px !important;
  }
  .breakpoint.no-title-area.menu-default:not(.is-home-header) #page {
    padding-top: 80px !important;
  }
  .breakpoint.force-menu-absolute #page {
    padding-top: 0 !important;
  }
  .breakpoint #mobile-bar .logo a, .breakpoint #mobile-bar .logo img {
    max-height: 80px !important;
  }

  /* Tags rows */
  .tag-list ul {
    -webkit-column-count: 3;
    column-count: 3;
  }

  /* Single tweet shortcode */
  .wolf-bigtweet-content {
    position: relative;
    text-align: left;
    padding-left: 120px;
  }
  .wolf-bigtweet-content:after {
    content: ' ';
    top: 0;
    left: 100px;
    position: absolute;
    height: 100%;
    width: 2px;
    background: rgba(0, 0, 0, 0.1);
  }
  .wolf-bigtweet-content:before {
    font-size: 90px;
    position: absolute;
    top: -30px;
    left: -4px;
  }

  .wolf .wolf-bigtweet-content span.wolf-tweet-text {
    font-size: 24px;
  }

  /* masonry gallery */
  .single-gallery .masonry-gallery li {
    width: 25%;
  }

  /* Pricing tables */
  .pricing-tables-4-cols .pricing-table-inner {
    margin-bottom: 0;
    width: 25%;
  }
  .pricing-tables-4-cols .pricing-table-active {
    position: relative;
    top: 17px;
  }

  /* Wolf slider */
  .wolf-slide-subtitle {
    font-size: 14px;
  }

  /* Portfolio horizontal */
  .work-modern .work-item-bg {
    height: 300px;
  }

  /* Fotter widget area */
  .sidebar-footer {
    padding-bottom: 1em;
  }

  /* Footer */
  .footer-end #site-navigation-tertiary {
    width: 50%;
    float: left;
    text-align: left;
  }
  .footer-end #site-navigation-tertiary ul li:first-child {
    margin-left: 0;
  }
  .footer-end .theme-socials-container {
    width: 50%;
    float: right;
    text-align: right;
    padding-top: 0.9em;
  }
}
@media screen and (min-width: 1200px) {
  /* Row */
  .wolf-row-inner {
    padding: 6em 0;
  }

  /* Post grid */
  .home-grid .post,
  .blog-grid .post,
  .last-posts-grid .post,
  .wolf-row-full-width .last-posts-columns .post {
    width: 25%;
  }
  .home-grid .post:nth-child(2n+1),
  .blog-grid .post:nth-child(2n+1),
  .last-posts-grid .post:nth-child(2n+1),
  .wolf-row-full-width .last-posts-columns .post:nth-child(2n+1) {
    clear: none;
  }
  .home-grid .post:nth-child(3n+1),
  .blog-grid .post:nth-child(3n+1),
  .last-posts-grid .post:nth-child(3n+1),
  .wolf-row-full-width .last-posts-columns .post:nth-child(3n+1) {
    clear: none;
  }
  .home-grid .post:nth-child(4n+1),
  .blog-grid .post:nth-child(4n+1),
  .last-posts-grid .post:nth-child(4n+1),
  .wolf-row-full-width .last-posts-columns .post:nth-child(4n+1) {
    clear: left;
  }

  /* Post masonry */
  .masonry .post,
  .last-posts-masonry .post {
    width: 33.2%;
  }

  .masonry .work-item-container {
    width: 33.2%;
  }

  .work-masonry-horizontal.masonry .work-item-container {
    width: 20%;
  }
  .work-masonry-horizontal.masonry .work-item-container.width2 {
    width: 40%;
  }

  /* Gallery */
  .mosaic-gallery .block {
    width: 49.999%;
    float: left;
  }

  .single-gallery .masonry-gallery li {
    width: 20%;
  }

  /*  Owl carousel */
  .wolf-row-standard-width .owl-prev,
  .single .entry-media .owl-prev,
  .single .entry-content .owl-prev {
    left: -50px;
  }
  .wolf-row-standard-width .owl-next,
  .single .entry-media .owl-next,
  .single .entry-content .owl-next {
    right: -50px;
  }

  /* Header big */
  .has-header-image.page-header-big .page-header {
    height: 65rem;
    height: 70vh;
  }

  /* Tab columns in archive page */
  .tag-list ul {
    -webkit-column-count: 4;
    -ms-column-count: 4;
    -o-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 0.75em;
    -ms-column-gap: 0.75em;
    -o-column-gap: 0.75em;
    column-gap: 0.75em;
  }

  /* Pricing table */
  .pricing-tables-2-cols {
    width: 60%;
    margin: 0 auto;
  }

  .pricing-tables-3-cols {
    width: 85%;
    margin: 0 auto;
  }

  /* Modern menu */
  #menu-toggle-modern {
    top: 50px;
    right: 50px;
  }

  /* Wolf slider */
  .wolf-slide-subtitle {
    font-size: 16px;
  }

  /* Horizontal Portfolio */
  .modern-item .modern-item-bg {
    height: 350px;
  }

  /* Icon boxes */
  .icon-box {
    margin-bottom: 3em;
  }

  /* Sliders nav */
  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    width: 50px;
    height: 100px;
    background-size: 50px 100px;
    margin-top: -50px;
  }

  /* Counter */
  .counter {
    font-size: 60px;
  }

  /* Video Category */
  .video-category .video {
    width: 25%;
  }

  /* Post nav */
  .nav-single .nav-previous a,
  .nav-single .nav-next a {
    padding: 8rem 4rem;
  }

  /* Testimonials */
  .testimonials-container .owl-next {
    right: 20px !important;
  }
  .testimonials-container .owl-prev {
    left: 20px !important;
  }

  /* Footer widgets */
  .sidebar-footer .widget {
    width: 22.573%;
    margin-bottom: 0;
  }
  .sidebar-footer .widget:nth-child(2) {
    margin-right: 1.618%;
  }
  .sidebar-footer .widget:nth-child(2n+1) {
    clear: none;
    margin-left: 1.618%;
  }

  /* Holders */
  .holder.holder-4-cols .holder-element {
    display: table-cell;
    width: 25%;
  }

  /* mobile menu */
  .toggled-on #site-navigation-primary-mobile {
    font-size: 18px;
  }
  .toggled-on #navbar-mobile-container .nav-menu li.menu-item-has-children:after, .toggled-on #navbar-mobile-container .nav-menu li.page_item_has_children:after, .toggled-on #navbar-mobile-container .nav-menu li.active:after {
    top: 18px;
  }

  .widget_shopping_cart .button {
    width: 48%;
    margin: 0;
    margin-right: 3%;
  }
  .widget_shopping_cart .checkout {
    margin-right: 0;
  }

  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-1,
  .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 48.382%;
    margin-left: 1.618%;
    margin-right: 1.618%;
  }
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1 {
    margin-left: 0;
  }
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    margin-right: 0;
  }
}
@media screen and (min-width: 1600px) {
  /* Row */
  .wolf-row-inner {
    padding: 7em 0;
  }

  /* Posts width */
  .wolf-row-full-width .last-posts-columns .post {
    width: 20%;
  }
  .wolf-row-full-width .last-posts-columns .post:nth-child(2n+1) {
    clear: none;
  }
  .wolf-row-full-width .last-posts-columns .post:nth-child(3n+1) {
    clear: none;
  }
  .wolf-row-full-width .last-posts-columns .post:nth-child(4n+1) {
    clear: none;
  }
  .wolf-row-full-width .last-posts-columns .post:nth-child(5n+1) {
    clear: none;
  }

  .blog-masonry.blog-wide .post,
  .wolf-row-full-width .last-posts-masonry .post {
    width: 25%;
  }

  .masonry.work-wide.work-masonry .work-item-container {
    width: 25%;
  }

  /* Modern menu */
  #menu-toggle-modern {
    top: 100px;
    right: 10%;
  }

  /* Tab columns in archive page */
  .tag-list ul {
    -webkit-column-count: 5;
    column-count: 5;
  }
}
@media screen and (min-width: 1900px) {
  /* Post width pinterest style */
  .blog-masonry.blog-wide .post,
  .wolf-row-full-width .last-posts-masonry .post {
    width: 20%;
  }

  .masonry.work-wide.work-masonry .work-item-container {
    width: 20%;
  }
}
@media screen and (max-width: 1030px) {
  .hide-tablet {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .hide-mobile {
    display: none;
  }
}
@media screen and (min-width: 1030px) {
  .show-tablet {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .show-mobile {
    display: none;
  }
}